/* inner pages: sits on top of site.css */
.page .top{position:relative;background:var(--haze);border-bottom:1px solid var(--line)}
.page .nav a[aria-current="page"]{text-decoration:underline;text-decoration-color:var(--flare);text-decoration-thickness:3px;text-underline-offset:6px}
.pghead{padding:clamp(56px,8vw,110px) 0 clamp(40px,5vw,64px)}
.pghead .who{margin:0 0 16px}
.pghead h1{font-size:clamp(3rem,8.4vw,7rem);margin:0 0 26px;max-width:16ch}
.pghead .lede{max-width:52ch}
.prose{max-width:68ch}
.prose h2{font-size:clamp(2.2rem,5vw,3.8rem);margin-top:8px}
.prose h3{margin-top:28px}
.prose ul{padding-left:1.2em;margin:0 0 18px}
.prose li{margin:0 0 8px}
.note{font-size:.9rem;color:var(--stone)}
.dark .note{color:var(--dust)}
.crumbs{font-size:.9rem;margin:0 0 18px}
.crumbs a{text-decoration:none;border-bottom:1px solid var(--line)}

/* timeline */
.tl{list-style:none;margin:0;padding:0;border-left:3px solid var(--rock);max-width:860px}
.tl li{position:relative;padding:0 0 44px 34px}
.tl li::before{content:"";position:absolute;left:-10px;top:6px;width:17px;height:17px;border-radius:50%;background:var(--flare);border:3px solid var(--rock)}
.tl li.mark-gpt::before{background:var(--rock)}
.tl time{display:block;font-family:var(--disp);font-weight:800;text-transform:uppercase;font-size:1.6rem;line-height:1;margin:0 0 6px}
.tl h3{font-size:1.25rem;margin:0 0 8px}
.tl blockquote{margin:12px 0;padding:12px 18px;border-left:4px solid var(--flare);background:rgba(238,235,231,.6);font-size:1.02rem}
.tl .src{font-size:.92rem;font-weight:700}
.tl .src a{text-decoration-color:var(--flare);text-decoration-thickness:2px;text-underline-offset:4px}
.tl li.mark-gpt{padding-bottom:44px}
.tl li.mark-gpt time{color:var(--stone)}

/* cards */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin:28px 0 0}
.card{background:var(--bone);border:1px solid var(--line);border-radius:18px;padding:26px}
.dark .card{background:rgba(238,235,231,.06);border-color:var(--line-d)}
.card h3{margin:0 0 10px}
.card p:last-child{margin-bottom:0}
.card .big{font-family:var(--disp);font-weight:800;font-size:2.4rem;line-height:1;text-transform:uppercase;display:block;margin:0 0 8px}

/* tiers table */
.tiers{width:100%;border-collapse:collapse;margin:24px 0;font-size:1rem}
.tiers th,.tiers td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.tiers th{font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:var(--stone)}
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* faq */
.faq details{border-bottom:1px solid var(--line);padding:16px 0}
.faq summary{font-weight:700;cursor:pointer;font-size:1.08rem}
.faq details p{margin:12px 0 0}

.foot .more{display:flex;flex-wrap:wrap;gap:10px 26px;margin:0 0 26px;padding:0;list-style:none;font-weight:700}
.foot .more a{text-decoration:none;border-bottom:2px solid var(--flare)}
@media (max-width:700px){.tl li{padding-left:26px}.tl time{font-size:1.35rem}}
.wrap.prose{max-width:1320px}
.wrap.prose>*{max-width:68ch}
.prose h2:not(:first-child){margin-top:56px}
.prose .acts{max-width:none}