body[data-domfp="fp-20260118-a0055-bs-masonry"]{
  background:#ffffff;
}

:root{
  --a55-border: rgba(15, 23, 42, .14);
  --a55-surface: #f8fafc;
  --a55-accent: #e11d48;
  --a55-accent2: #0ea5e9;
}

.a55-header{
  border-bottom: 1px solid var(--a55-border);
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.a55-logo-link{display:inline-flex;align-items:center;gap:10px;text-decoration:none;}
#logo img{height:32px;width:auto;display:block;}
.a55-logo-text{display:none;font-weight:800;letter-spacing:.2px;color:#0f172a;}

.a55-article{
  border: 1px solid var(--a55-border);
  border-radius: 14px;
  padding: 16px;
  background: #fff;
}

.a55-card{
  border: 1px solid var(--a55-border);
  border-radius: 14px;
  padding: 14px;
  background: var(--a55-surface);
}

#a55Offcanvas .list-group-item.active,
#aside .list-group-item.active{
  background: var(--a55-accent2);
  border-color: var(--a55-accent2);
}

#a55Offcanvas .list-group-item,
#aside .list-group-item{
  border-color: rgba(15,23,42,.10);
}

.a55-masonry{
  column-count: 3;
  column-gap: 12px;
}

.a55-tile{
  display: block;
  break-inside: avoid;
  margin: 0 0 12px;
  padding: 12px;
  border-radius: 14px;
  border: 1px solid rgba(15,23,42,.12);
  background: linear-gradient(135deg, rgba(225,29,72,.06), rgba(14,165,233,.06));
  text-decoration: none;
  color: #0f172a;
}

.a55-tile:hover{border-color: rgba(14,165,233,.45);}

.a55-tile-title{font-weight: 700;}
.a55-tile-meta{margin-top: 4px; font-size: 12px; opacity: .72;}

#toc-list a{
  display:block;
  padding: 6px 8px;
  border-radius: 10px;
  text-decoration:none;
  color:#0f172a;
}
#toc-list a.is-active{
  background: rgba(225,29,72,.10);
  border: 1px solid rgba(225,29,72,.25);
}

#footer{margin-top:28px;padding:28px 0;border-top:1px solid var(--a55-border);background:#fff;}
#footer .social a{margin-right:10px;display:inline-flex;align-items:center;gap:6px;}
.sr-only{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}

@media (max-width: 992px){
  .a55-masonry{column-count: 2;}
}
@media (max-width: 576px){
  .a55-masonry{column-count: 1;}
}