/* Production shell: the selected glass, colours, type and compact controls. */
html {scroll-padding-top:110px}
.site-header {top:12px}
main:focus {outline:none}
.visually-hidden {position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.site-header .nav-motion {display:inline-flex;justify-content:center;width:32px;height:32px;min-height:32px;padding:7px;border:1px solid #abc8ef38;border-radius:6px;background:linear-gradient(180deg,#92b3e508,#92b3e52a);color:#cad9e7;flex-shrink:0}
.site-header .nav-motion img {width:15px;height:15px}
.motion-toggle:disabled {opacity:.8;cursor:default}
.public-footer-links {display:flex;flex-wrap:wrap;gap:4px 17px;align-items:center;grid-column:1/-1}
.public-footer-links a {display:inline-flex;align-items:center;min-height:30px;font-size:12px;color:#b8cbd5}
footer {flex-wrap:wrap}
.footer-motion {min-height:32px;font-size:12px;padding:5px 9px;border:1px solid #a9c9e42e;border-radius:6px;background:#20344b52}
.footer-motion img {width:14px;height:14px}
.billing-availability {font-size:12px;line-height:1.75;color:#bacbd8;margin:0 0 14px;grid-column:1/-1;padding:10px 13px;border:1px solid #a5bdd329;border-radius:7px;background:#18263873}
.founder-band {color:#cad9e2}
.founder-band .eyebrow {color:#9fcacb}
.founder-band h2 {color:#cad9e2}
.founder-band p:not(.eyebrow) {color:#b5c4d0}
.group-plans .group-plan-link {display:inline-flex;align-items:center;min-height:32px;padding:5px 9px;border:1px solid #96aed83d;border-radius:5px;color:#c8d9f3;text-decoration:none;background:linear-gradient(180deg,#19253e,#334471);white-space:nowrap}
.group-plans table {width:100%}
.group-plans .group-plan-action {text-align:right}
.subject-preview-actions>a {text-decoration:none}
.subjects-grid .subject-open {text-decoration:none}
.contribute-card>.text-link {margin-top:auto;align-self:flex-start}
.plan-no-script {font-size:13px;line-height:1.8}
.legal-intro {padding-bottom:32px}
.legal-intro h1 {font-size:clamp(32px,4vw,48px);letter-spacing:-1.3px}
.legal-layout {display:grid;grid-template-columns:230px minmax(0,1fr);gap:46px;padding-top:35px;padding-bottom:64px}
.legal-index {display:flex;flex-direction:column;align-items:stretch;gap:5px;position:sticky;top:108px;align-self:start}
.legal-index a {font-size:12px;line-height:1.6;padding:8px 10px;min-height:34px;border:1px solid transparent;border-radius:6px;color:#b9cbd8}
.legal-index a[aria-current=page] {color:#dce8f5;background:linear-gradient(120deg,#3441677a,#1b4c5352);border-color:#a9c5e04d}
.legal-document {max-width:830px;min-width:0}
.legal-document h2 {font-size:21px;line-height:1.5;letter-spacing:-.3px;padding-top:25px;margin:0 0 12px;border-top:1px solid #aac7db2e;color:#d1dfe9}
.legal-document h2:first-child {padding-top:0;border-top:0}
.legal-document p {font-size:14px;line-height:1.95;margin:0 0 30px;color:#bdccd7;overflow-wrap:anywhere}
.legal-document>.text-link {margin-top:14px}
:is(a,button,input,select,summary):focus-visible {outline:2px solid #c4dcff;outline-offset:4px;scroll-margin-block:110px 24px}
.subject-skills input:focus-visible+.subject-skill-choice {outline-color:#c4dcff}
dialog {max-height:calc(100dvh - 40px);overflow:auto}
@media(max-width:900px) {.site-header #primary-navigation.is-open>.nav-motion {width:auto;gap:8px;padding:7px 10px}.site-header #primary-navigation.is-open>.nav-motion .visually-hidden {position:static!important;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip-path:none;white-space:normal}}
@media(max-width:680px) {html{scroll-padding-top:90px}.site-header{top:8px}.public-footer-links {gap:3px 14px}.group-plans .group-plan-link{font-size:11px;padding:5px 7px}.group-plans table{min-width:460px}.group-plans-body{overflow-x:auto}.subject-preview-actions{flex-wrap:wrap}}
@media(max-width:900px) {.legal-layout{grid-template-columns:1fr;gap:28px}.legal-index{position:static;display:flex;flex-direction:row;flex-wrap:wrap}.legal-index a{font-size:12px}.legal-document p{font-size:14px}}
@media(prefers-reduced-motion:reduce) {html{scroll-behavior:auto!important}*,*::before,*::after{scroll-behavior:auto!important}}
@media(forced-colors:active) {.site-header .nav-motion,.billing-availability,.group-plans .group-plan-link,.footer-motion{background:Canvas;border-color:CanvasText;color:CanvasText}:is(a,button,input,select,summary):focus-visible{outline-color:Highlight}}