.topic{padding:0;margin-top:64px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:16px}.topic-head{grid-column:1 / 5}.topic-head h2{font-size:1.7rem;margin:0}.topic-head p{color:var(--muted-ink);margin-top:6px;max-width:30ch}.content-page .post-list{grid-column:5 / 13;display:grid;gap:4px;list-style:none;padding:0;margin:0}.content-page .post-list li{max-width:none}.post-item{display:grid;gap:2px;padding:16px 20px;border-radius:var(--r);background:var(--field);color:var(--ink);text-decoration:none;transition:background-color .15s}.post-item:nth-child(2n){background:var(--field-2)}a.post-item:hover{background:var(--accent-soft);color:var(--ink)}.post-item .post-title{font-weight:600;font-size:1.08rem;line-height:1.3}.post-item .excerpt{color:var(--muted-ink);font-size:.95rem;max-width:74ch}.topic.is-quiet .post-item{background:var(--quiet)}.topic.is-quiet a.post-item:hover{background:#e4e1dd}.article{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:0;padding-top:24px;padding-bottom:24px}.a-crumbs{grid-column:1 / 13}.a-head{grid-column:5 / 13;display:grid;gap:12px;margin-bottom:40px}.post-h1{font-size:clamp(2.1rem,4.6vw,3.8rem);line-height:1;letter-spacing:-.03em;max-width:18em}.post-date{font-size:.94rem;color:var(--muted-ink)}.a-disc{background:var(--field);border-radius:var(--r);padding:12px 16px;font-size:.95rem;max-width:68ch}.a-head .shop-strip{margin:0}.a-side{grid-column:1 / 4;grid-row:3;align-self:start;position:sticky;top:24px;font-size:.94rem}.a-side-h{font-weight:600;margin-bottom:8px}.a-side ol{padding-left:20px;display:grid;gap:6px}.a-side a{color:var(--ink)}.a-side a:hover{color:var(--accent)}.a-body{grid-column:5 / 12;grid-row:3}.a-after{grid-column:5 / 13}.a-cta{display:flex;flex-wrap:wrap;gap:8px;margin-top:48px}.post-body{max-width:68ch;font-size:1.06rem;line-height:1.65}.post-body>*:first-child{margin-top:0}.post-body h2{font-size:clamp(1.4rem,2.6vw,1.75rem);margin:48px 0 14px;scroll-margin-top:24px}.post-body h3{font-size:1.2rem;margin:30px 0 10px;color:var(--ink);letter-spacing:-.01em}.post-body p{margin:0 0 18px;color:var(--ink)}.post-body ul,.post-body ol{margin:0 0 20px;padding-left:22px}.post-body li{margin-bottom:8px}.post-body li::marker{color:var(--muted-ink)}.post-body a{text-decoration:underline;text-underline-offset:3px}.post-body strong{font-weight:600;color:var(--ink)}.post-body table{width:100%;border-collapse:collapse;margin:0 0 24px;font-size:.97rem;font-variant-numeric:tabular-nums}.post-body th,.post-body td{border:0;border-bottom:1px solid var(--rule);padding:10px 8px;text-align:left}.post-body thead th{font-weight:600;font-size:.92rem;color:var(--muted-ink);border-bottom:1.5px solid var(--ink)}@media(max-width:720px){.post-body table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.post-body table th,.post-body table td{white-space:nowrap}}.post-body blockquote{margin:0 0 22px;padding:2px 0 2px 18px;border-left:2px solid var(--ink);color:var(--ink)}.related{margin-top:56px;padding-top:0;border-top:0}.related h2{font-size:1.4rem;margin-bottom:16px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.related-card{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border-radius:var(--r);background:var(--field);color:var(--ink);text-decoration:none;transition:background-color .15s}.related-card:hover{background:var(--field-2);color:var(--ink)}.related-card strong{font-weight:600;font-size:1rem;line-height:1.35}.related-card span{color:var(--muted-ink);font-size:.92rem}body:has(.quiet-mode),body:has(.quiet-mode) .site-head{background:var(--quiet)}.quiet-mode a,.quiet-mode .post-body a,.quiet-mode .shop-product-cta{color:var(--ink)}.quiet-mode .shop-product img{background:var(--wall)}.quiet-mode .related-card{background:#e4e1dd}.quiet-mode .related-card:hover{background:#dcd8d3}.quiet-mode .a-side a:hover{color:var(--ink);text-decoration-thickness:2px}@media(max-width:900px){.topic{margin-top:48px}.topic>*{grid-column:1 / -1!important}.article{column-gap:0}.article>*{grid-column:1 / -1!important;grid-row:auto!important}.a-side{display:none}.a-head{margin-bottom:28px}.post-body{font-size:1rem}.related-grid{grid-template-columns:1fr}}