/* Static content pages (packages, tests, FAQ, guides) — builds on styles.css tokens */
.sitepage main{display:flex;flex-direction:column;gap:22px;padding-bottom:40px}
.sitepage a:not(.btn):not(.navlink):not(.catcard){color:var(--brand-ink);text-underline-offset:2px}
.skip{position:absolute;left:-9999px;top:8px;z-index:50;background:var(--surface);padding:8px 12px;border-radius:8px}
.skip:focus{left:8px}
.intro{font-size:1.08rem;line-height:1.55}
.sitepage main p{max-width:68ch}
.h3{font-size:1.05rem;font-weight:600}
.small-h{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-top:4px}
.crumbs{font-size:.82rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px}
.crumbs a{color:var(--muted)!important;text-decoration:none}
.crumbs a:hover{color:var(--fg)!important;text-decoration:underline}

.subnav{display:none;border-top:1px solid var(--line)}
.subnav-in{display:flex;gap:4px;overflow-x:auto;padding:6px 12px;scrollbar-width:none;max-width:760px;margin:0 auto}
.subnav-in::-webkit-scrollbar{display:none}
.subnav a{flex:none;color:var(--muted);text-decoration:none;font-weight:600;font-size:.88rem;padding:6px 10px;border-radius:8px;white-space:nowrap}
.subnav a[aria-current="page"]{color:var(--brand-ink);background:var(--brand-soft)}
@media (max-width:819px){.subnav{display:block}}

.catgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media (max-width:620px){.catgrid{grid-template-columns:1fr}}
.catcard{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--fg);transition:border-color .15s}
.catcard:hover{border-color:var(--brand)}
.more-link{color:var(--brand-ink);font-weight:600}

.tests{display:grid;gap:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}
.test{padding:14px 18px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:4px;scroll-margin-top:90px}
.test:first-child{border-top:0}
.test:target{background:var(--brand-soft)}

.pkgrow{padding:12px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:4px}
.bundle .checks{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}
@media (max-width:620px){.bundle .checks{grid-template-columns:1fr}}

.faqs{display:flex;flex-direction:column;gap:10px}
.faq{padding:0}
.faq summary{list-style:none;cursor:pointer;padding:16px 44px 16px 18px;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:1.3rem;color:var(--brand-ink);font-weight:600}
.faq[open] summary::after{content:"−"}
.faq p{padding:0 18px 16px}

.values{grid-template-columns:repeat(2,1fr)}
.values .fact{display:flex;flex-direction:column;gap:4px}
@media (max-width:520px){.values{grid-template-columns:1fr}}

.article h2{margin-top:10px}
.article p{line-height:1.65}
.cta{border-color:color-mix(in srgb,var(--brand) 45%,var(--line));background:linear-gradient(180deg,var(--brand-soft),var(--surface))}
.linklist{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.linklist a{display:inline-block;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);text-decoration:none;font-size:.9rem}

.sitefoot{padding-bottom:40px!important;border-top:1px solid var(--line);padding-top:24px}
.footgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:8px}
@media (max-width:520px){.footgrid{grid-template-columns:1fr}}
.sitefoot ul{list-style:none;padding:0;margin:6px 0 0;display:grid;gap:4px}
.sitefoot a{color:var(--brand-ink)}
.foothead{font-weight:700;color:var(--fg);font-family:var(--f-display)}
.homefoot{margin-top:8px}
.homefoot ul{list-style:none;padding:0;margin:6px 0 0;display:grid;gap:4px}
.homefoot a{color:var(--brand-ink)}