.bchips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.bchips button{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--deep);font:600 .95rem var(--font-body);cursor:pointer}
.bchips button[aria-pressed=true]{background:var(--deep);border-color:var(--deep);color:#fff}
.bgrid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.bcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--text);transition:transform .3s,box-shadow .3s}
.bcard:hover{transform:translateY(-3px);box-shadow:0 18px 40px -24px rgba(4,69,75,.45)}
.bcard[hidden]{display:none}
.bcard>img,.bcover{width:100%;aspect-ratio:3/2;height:auto;object-fit:cover;display:block}
.bcover{display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 100% at 90% 0%,#0a6a72 0%,var(--deep) 55%,var(--ink) 100%)}
.bcover svg{width:64px;height:64px;fill:none;stroke:#7fd3d3;stroke-width:2}
.bc-b{display:flex;flex-direction:column;gap:8px;padding:16px 18px 20px;flex:1}
.bc-b h2,.bc-b h3{font-size:1.18rem;line-height:1.25;color:var(--deep);margin:2px 0 0;letter-spacing:-.01em}
.bc-b .ptag{align-self:flex-start}
.bc-x{color:var(--muted);font-size:.97rem;line-height:1.5}
.bc-m{margin-top:auto;padding-top:6px;color:var(--muted);font-size:.86rem;font-weight:600}
.post-meta{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;color:#cfe9e9;font-size:.95rem;margin:4px 0 0}
.post-meta .ptag{background:rgba(255,255,255,.14);color:#fff}
.post-wrap{width:min(68ch,100% - 40px);margin-inline:auto}
.post-cover{margin:0 0 30px;border-radius:var(--r);overflow:hidden;background:var(--mist)}
.post-cover img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.post-body{font-size:1.06rem;line-height:1.7;color:var(--text)}
.post-body h2{font-size:clamp(1.35rem,4.2vw,1.75rem);line-height:1.2;letter-spacing:-.02em;color:var(--deep);margin:38px 0 12px}
.post-body h3{font-size:1.15rem;color:var(--deep);margin:26px 0 8px}
.post-body p{margin:0 0 16px}
.post-body ul,.post-body ol{padding-left:1.25em;margin:0 0 18px}
.post-body li{margin:0 0 8px}
.post-body a{color:var(--teal-2);font-weight:700}
.bfig{margin:26px 0;border-radius:14px;overflow:hidden;background:var(--mist)}
.bfig img{display:block;width:100%;height:auto}
.bfig figcaption{font-size:.88rem;color:var(--muted);padding:8px 12px}
.rel-h{font-size:clamp(1.35rem,4.2vw,1.75rem);color:var(--deep);letter-spacing:-.02em;margin:0 0 16px}
.rel-list{list-style:none;margin:0;padding:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}
.rel-list a{display:flex;align-items:center;gap:12px;min-height:56px;padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;text-decoration:none;color:var(--deep);font-weight:700}
.rel-list a:hover{border-color:var(--teal)}
.rel-list svg{width:30px;height:30px;flex:none;fill:none;stroke:var(--teal-2);stroke-width:2}
.post-rel{margin:40px 0 0;padding:26px 0 0;border-top:1px solid var(--line)}
.sec-tight{padding:48px 0}
.toc{background:var(--mist);border-radius:var(--r);padding:18px 20px;margin:0 0 30px}
.toc h2{font-size:1.1rem!important;margin:0 0 8px!important}
.toc ol{margin:0;padding-left:1.4em;columns:2 240px;column-gap:28px}
.toc li{margin:0;break-inside:avoid}
.toc a{display:inline-flex;align-items:center;min-height:44px}
.tc-body h2{scroll-margin-top:calc(var(--hdr) + 16px)}
.tc-body ol.tc-n{list-style:none;padding:0}
.tc-body ol.tc-n>li{display:grid;grid-template-columns:2.6em 1fr;gap:0 4px;margin:0 0 10px}
.tc-body .tc-k{font-weight:700;color:var(--deep)}
.tc-co{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;font-size:.97rem}
.tc-upd{color:#cfe9e9;font-size:.95rem;margin:0}