.content-navigation{border-bottom:1px solid var(--seo-line);display:flex;flex-wrap:wrap;gap:.5rem 1.8rem;padding-block:1.2rem}.content-navigation a{color:var(--seo-muted);font-size:.9rem;font-weight:700;padding-block:.5rem}.content-navigation a:hover,.content-navigation a[aria-current]{color:var(--seo-accent);text-decoration:underline;text-underline-offset:.4em}.content-main{padding-bottom:2rem}.content-hero{container-type:inline-size;padding-block:2rem 3rem}.content-hero h1{font-size:clamp(2.3rem,5vw,4.3rem);font-weight:900;letter-spacing:-.04em;line-height:1.2;max-width:23ch;padding-bottom:.15em;text-wrap:balance}.content-hero .seo-lead{max-width:70ch}.content-notice{background:var(--seo-card);border:1px dashed var(--seo-line);border-radius:.85rem;color:var(--seo-muted);font-size:.9rem;line-height:1.8;padding:1.1rem 1.4rem}.collection-filters{align-items:end;display:flex;flex-wrap:wrap;gap:1rem;margin-block:2rem}.collection-filters label{color:var(--seo-muted);display:grid;font-size:.85rem;gap:.5rem;max-width:100%;min-width:0}.collection-filters select{background-color:var(--seo-card);border:1px solid var(--seo-line);border-radius:.65rem;color:var(--seo-text);max-width:100%;min-height:48px;padding:.7rem 2.2rem .7rem .8rem;width:100%}.collection-filters select:focus-visible{outline:3px solid var(--seo-accent);outline-offset:3px}.collection-filters button{color:var(--seo-accent);min-height:48px;padding:.6rem;text-decoration:underline;text-underline-offset:.3em}.collection-grid{display:grid;gap:1.4rem;grid-template-columns:repeat(2,minmax(0,1fr))}.collection-heading{font-size:1.7rem;font-weight:800;line-height:1.4;margin-bottom:1.2rem}.collection-item{min-width:0}.collection-placeholder{color:var(--seo-muted);display:block;font-size:.75rem;padding:.65rem .3rem}.collection-grid .story-card{height:auto}.collection-grid .summary,.collection-grid .tagline{display:block;-webkit-line-clamp:unset;overflow:visible}.collection-grid .original-stamp,.collection-grid .story-name,.collection-grid .traits li{overflow-wrap:normal;text-overflow:clip;white-space:normal}.collection-grid .original-stamp{border-radius:.6rem}.guide-grid{display:grid;gap:1.2rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-block:2rem}.guide-card{background:var(--seo-card);border:1px solid var(--seo-line);border-radius:1.3rem;display:flex;flex-direction:column;gap:1rem;min-width:0;padding:clamp(1.3rem,3vw,2.3rem)}.guide-card:first-child{background:linear-gradient(115deg,#b51d8010,#7130cc12),var(--seo-card);grid-column:1/-1}.guide-card h2{font-size:clamp(1.35rem,2.2vw,1.85rem);font-weight:800;line-height:1.35}.guide-card p{color:var(--seo-muted);line-height:1.8}.guide-card a{align-self:start;color:var(--seo-accent);font-weight:750;margin-top:auto;text-decoration:underline;text-underline-offset:.3em}.guide-layout{align-items:start;display:grid;gap:clamp(2rem,5vw,5rem);grid-template-columns:minmax(0,16rem) minmax(0,1fr)}.guide-toc{background:var(--seo-card);border:1px solid var(--seo-line);border-radius:1rem;padding:1.4rem;position:sticky;top:6.5rem}.guide-toc h2{font-weight:800;margin-bottom:1rem}.guide-toc ol{color:var(--seo-muted);display:grid;font-size:.85rem;gap:1rem;line-height:1.65}.guide-toc a:hover{color:var(--seo-accent);text-decoration:underline}.guide-article{min-width:0}.guide-section{border-bottom:1px solid var(--seo-line);margin-bottom:2rem;padding-block:.3rem 2.5rem}.guide-references h2,.guide-related h2,.guide-section h2{font-size:clamp(1.4rem,2.8vw,2rem);font-weight:800;line-height:1.4;margin-bottom:1.1rem}.guide-section p{color:var(--seo-muted);font-size:1.04rem;line-height:1.95}.guide-section .guide-example{background:var(--seo-card);border-left:3px solid var(--seo-accent);border-radius:0 .7rem .7rem 0;font-size:.95rem;margin-top:1.5rem;padding:1.2rem 1.4rem}.guide-references,.guide-related{margin-top:2.2rem}.guide-references ul,.guide-related ul{color:var(--seo-accent);display:grid;gap:.9rem;line-height:1.65}.guide-references a,.guide-related a{text-decoration:underline;text-underline-offset:.25em}@media (max-width:760px){.guide-layout{grid-template-columns:minmax(0,1fr)}.guide-toc{position:static}.collection-grid,.guide-grid{grid-template-columns:minmax(0,1fr)}.collection-filters label{flex:1 1 100%}.content-hero{padding-top:1rem}}
