.topic-archive{background:var(--skin-page);color:var(--skin-ink);padding:44px 0 72px;font-family:var(--skin-body)}.topic-shell{max-width:1200px;margin:auto;padding:0 32px}.topic-heading{position:relative;margin-bottom:26px}.topic-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font:500 12px/1.5 var(--skin-mono);color:var(--skin-accent-text);margin-bottom:18px}.topic-breadcrumb a{color:inherit;text-decoration:none}.topic-heading h1{margin:0 0 12px;font:700 56px/1.02 var(--skin-head);letter-spacing:-.025em;color:var(--skin-ink)}.topic-heading h1 span{color:var(--skin-accent-text)}.topic-heading p{max-width:680px;margin:0;font-size:18px;line-height:1.55}.topic-count{display:block;margin-top:16px;font:500 11px/1.5 var(--skin-mono);color:var(--skin-muted)}.topic-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.topic-nav a{display:flex;align-items:center;min-height:44px;padding:9px 14px;border:1px solid var(--skin-line-strong);border-radius:8px;color:var(--skin-ink);background:var(--skin-surface);font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}.topic-nav a[aria-current]{color:var(--skin-on-accent);background:var(--skin-accent);border-color:var(--skin-accent)}.topic-nav a:hover{outline:1px solid var(--skin-accent-text)}.topic-start{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:24px;margin-bottom:32px;align-items:stretch}.topic-featured{border:1px solid var(--skin-line);background:var(--skin-surface);border-radius:16px;overflow:hidden}.topic-featured>a{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:100%;color:var(--skin-ink);text-decoration:none}.topic-featured picture,.topic-featured img{display:block;width:100%}.topic-featured img{height:100%;object-fit:cover}.topic-featured a>div{display:flex;flex-direction:column;justify-content:center;padding:24px 28px}.topic-label{display:block;font:600 11px/1.4 var(--skin-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--skin-accent-text)}.topic-featured h2{margin:10px 0;font:700 26px/1.2 var(--skin-head);color:inherit}.topic-featured p{margin:0;font-size:15px;line-height:1.5}.topic-plan-receipt{padding:24px;background:var(--skin-tool);color:var(--skin-tool-text);border-radius:16px;min-width:0}.topic-plan-receipt .topic-label{color:var(--skin-tool-muted)}.topic-plan-receipt h2{color:var(--skin-tool-text)!important;margin:12px 0 16px;font:700 22px/1.25 var(--skin-head)}.topic-plan-receipt dl{background:var(--skin-surface);color:var(--skin-ink);border-radius:10px;padding:4px 14px;margin:0 0 16px}.topic-plan-receipt dl>div{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:10px 0;border-bottom:1px dashed var(--skin-line-strong);font:500 13px/1.5 var(--skin-mono)}.topic-plan-receipt dl>div:last-child{border:0}.topic-plan-receipt dd{margin:0}.topic-plan-receipt dd:not(.receipt-checked){font-weight:700}.topic-plan-receipt>.receipt-checked{color:var(--skin-tool-muted);font-size:12px;margin:0 0 12px}.topic-plan-receipt dl .receipt-checked{grid-column:1 / -1;font:400 11px/1.5 var(--skin-body);color:var(--skin-muted)}.topic-receipt-link{display:inline-block;color:var(--skin-tool-accent);font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px;padding:8px 0}.topic-post{border-bottom:1px solid var(--skin-line)}.topic-post>a{display:flex;align-items:center;gap:20px;padding:18px 0;color:var(--skin-ink);text-decoration:none}.topic-post>a:hover h2{text-decoration:underline;text-underline-offset:3px}.topic-post picture,.topic-post img,.topic-image-placeholder{width:120px;height:63px;object-fit:cover;flex-shrink:0;display:block;border-radius:8px}.topic-image-placeholder{background:var(--skin-surface-2);border:1px solid var(--skin-line)}.topic-post-copy{flex:1;min-width:0}.topic-post-meta{display:flex;gap:12px;justify-content:space-between;font:500 11px/1.4 var(--skin-mono);color:var(--skin-muted)}.topic-post h2{max-width:900px;margin:6px 0 0;font:700 20px/1.3 var(--skin-head);color:var(--skin-ink)}.topic-post time{white-space:nowrap}.topic-signup{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px;padding:28px;margin:24px 0;background:var(--skin-tool);color:var(--skin-tool-text);border-radius:16px}.topic-signup h2{font:700 26px/1.2 var(--skin-head);color:inherit;margin:8px 0}.topic-signup p{margin:0;font-size:14px;line-height:1.5}.topic-signup .topic-label{color:var(--skin-tool-muted)}.topic-signup{--skin-ink: var(--skin-tool-text);--skin-muted: var(--skin-tool-muted);--skin-surface: var(--skin-tool-2);--skin-line-strong: var(--skin-tool-line);--skin-error: var(--skin-tool-error)}.topic-show-more{display:block;margin:24px auto 0;padding:14px 20px;min-height:48px;font:600 15px/1.4 var(--skin-body);color:var(--skin-ink);background:transparent;border:1.5px solid var(--skin-ink);border-radius:10px;cursor:pointer}.topic-show-more:hover{background:var(--skin-ink);color:var(--skin-tool-text)}.topic-archive [hidden]{display:none!important}.topic-all{display:inline-block;margin-top:28px;padding:12px 0;color:var(--skin-accent-text);font-weight:600}.topic-archive :is(a,button,summary):focus-visible{outline:2px solid var(--skin-accent-text);outline-offset:4px}.topic-directory{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;margin-top:32px}.topic-directory a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px;border:1px solid var(--skin-line-strong);background:var(--skin-surface);color:var(--skin-ink);border-radius:10px;font-size:14px}.topic-directory a>span{white-space:nowrap;font:500 12px/1.4 var(--skin-mono);color:var(--skin-muted)}@media(max-width:800px){.topic-start,.topic-signup{grid-template-columns:1fr}}@media(max-width:600px){.topic-archive{padding:22px 0 48px}.topic-shell{padding:0 16px}.topic-heading h1{font-size:44px}.topic-heading p{font-size:16px}.topic-count{margin-top:8px}.topic-nav{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px 20px;padding:0 16px 4px}.topic-start{gap:16px;margin-bottom:16px}.topic-featured img{height:170px}.topic-featured>a{grid-template-columns:1fr}.topic-featured a>div{padding:16px}.topic-featured h2{font-size:20px}.topic-featured p{font-size:14px}.topic-plan-receipt{padding:16px}.topic-plan-receipt h2{font-size:18px}.topic-post>a{gap:14px;padding:16px 0}.topic-post picture,.topic-post img,.topic-image-placeholder{width:84px;height:56px}.topic-post-meta{justify-content:flex-start;flex-wrap:wrap;gap:4px 8px;font-size:10px}.topic-post h2{font-size:17px}.topic-signup{padding:18px 16px;gap:16px}.topic-signup h2{font-size:20px}.topic-directory{grid-template-columns:1fr}}