/* Template: archive (from mockup pillar-seo.html) */
.start { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0; overflow: hidden; border-radius: var(--r-xl); background: var(--night); color: #fff; text-decoration: none; box-shadow: var(--lamp-ring); transition: transform 0.3s var(--ease); }
.start:hover { transform: translateY(-4px); }
.start .cover { min-height: 280px; font-size: clamp(1.1rem, 0.9rem + 1vw, 1.6rem); padding: 2rem; }
.start__body { display: flex; flex-direction: column; gap: 1rem; padding: clamp(1.5rem, 1rem + 2vw, 2.6rem); }
.start__body .tag { align-self: flex-start; }
.start__body h2 { font-size: clamp(1.6rem, 1.2rem + 1.5vw, 2.4rem); font-stretch: 116%; }
.start__body p { color: var(--mist); }
.start__body .more { margin-top: auto; color: var(--lamp); }
.path { list-style: none; counter-reset: stage; display: grid; gap: 0; }
.stage { position: relative; display: grid; grid-template-columns: 4.5rem minmax(0, 0.9fr) minmax(0, 1.1fr); gap: 1.5rem clamp(1.5rem, 1rem + 2vw, 3rem); padding-block: 2.2rem; border-top: 1px solid var(--line); }
.stage:last-child { border-bottom: 1px solid var(--line); }
.stage__n { counter-increment: stage; }
.stage__n::before { content: counter(stage); display: grid; place-items: center; width: 3.2rem; height: 3.2rem; border-radius: 50%; background: var(--night); color: var(--lamp); font-family: var(--mono); font-size: 1rem; }
.stage h3 { margin-bottom: 0.5rem; }
.stage p { color: var(--slate); }
.stage .link-list a { padding: 0.9rem 1.1rem; font-size: 0.98rem; background: var(--paper); border: 1px solid var(--line); }
.stage .link-list a:hover { background: var(--glow); }
.hub-foot { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 1.25rem; }
.hub-foot .chips { margin-top: 1rem; }
.svc-mini { padding: clamp(1.4rem, 1rem + 1.4vw, 2rem); border-radius: var(--r-xl); background: radial-gradient(circle at 85% 0%, rgba(255, 194, 75, 0.25), transparent 55%), var(--night); color: #fff; }
.svc-mini h2 { font-size: 1.35rem; margin: 0.6rem 0; }
.svc-mini p { color: var(--mist); }
.svc-mini .btn { margin-top: 1.2rem; }
.svc-mini p a { color: var(--sky); font-weight: 600; text-decoration: underline; text-underline-offset: 0.15em; }
.svc-mini p a:hover { color: #fff; }
/* Hub intro (term description), section jump links and curated sections */
.hub-intro { margin-top: 1.25rem; max-width: 44rem; }
.hub-intro p { font-size: var(--t-lede); line-height: 1.5; color: var(--mist); }
.hub-intro p + p { margin-top: 0.8rem; }
.hub-intro a { color: var(--sky); }
.page-hero .hub-jump { margin-top: 1.6rem; }
.essentials { margin-top: 1.25rem; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 17rem), 1fr)); gap: 0.6rem; }
.stage h2 { margin-bottom: 0.5rem; }
.stage { scroll-margin-top: calc(var(--header-h) + 1rem); }
.hub-related { margin-top: 2.5rem; }
.hub-related .chips { margin-top: 0.8rem; }
@media (max-width: 900px) { .start, .hub-foot { grid-template-columns: minmax(0, 1fr); } .stage { grid-template-columns: 3.5rem minmax(0, 1fr); } .stage .link-list { grid-column: 2; } }
@media (max-width: 520px) { .stage { grid-template-columns: minmax(0, 1fr); } .stage .link-list { grid-column: auto; } }