/* Second concept: the proportions and restraint of the Presence account UI. */
:root{--line:#e3e3e3;--selected:#eeeeee;--radius:9px}
html[data-theme=dark]{--bg:#111;--line:#2b2b2b;--selected:#262626;--muted:#a7a7a7}
body{font-size:15px}
h1{font-size:34px;line-height:1.2;letter-spacing:-1px;font-weight:650}
h2{font-size:21px;letter-spacing:-.4px;font-weight:550}
h3{font-size:17px;font-weight:550}
.topbar{height:110px;max-width:1120px;padding:0 24px;gap:12px;position:relative}
.brand img{width:72px}
.brand-label{font-size:18px;letter-spacing:-.4px}
.preview-note{display:none}
.audience-control{margin-left:auto;display:flex;align-items:center;position:relative}
.audience-control select{font:inherit;font-size:14px;color:var(--fg);background:var(--bg);border:0;border-radius:6px;appearance:none;padding:12px 27px 12px 12px;cursor:pointer}
.audience-control select:focus-visible{outline:2px solid var(--fg);outline-offset:3px}
.audience-control svg{width:12px;height:12px;position:absolute;right:7px;pointer-events:none;transform:rotate(90deg)}
.search-trigger{margin-left:6px;width:38px;padding:8px;justify-content:center}
.search-trigger>span:not(.search-icon),.search-trigger kbd{display:none}
.sidebar{left:max(24px,calc((100vw - 1120px)/2 + 12px));top:179px;bottom:28px;width:210px;padding:0;overflow:auto}
.sidebar-top{flex:none}
.nav-caption{display:none}
.nav-item{font-size:16px;min-height:52px;gap:15px;padding:14px 15px;margin-bottom:8px;border-radius:9px}
.nav-item svg{width:22px;height:22px}
.sidebar-bottom{padding-top:40px}
.sidebar-bottom .nav-item{font-size:14px;min-height:46px;margin-bottom:2px;color:var(--muted)}
.nav-secondary{margin-top:28px}
.nav-secondary .nav-item{font-size:14px;color:var(--muted);min-height:44px;margin-bottom:0}
.sidebar-bottom .nav-item svg,.nav-secondary .nav-item svg{width:19px;height:19px}
.sidebar-legal{padding-top:18px;gap:10px}
.sidebar-legal span{font-size:9px}
main{max-width:760px;min-height:calc(100vh - 110px);margin-left:max(292px,calc((100vw - 1120px)/2 + 292px));margin-right:max(32px,calc((100vw - 1120px)/2 + 24px));padding:70px 0 32px}
.page-intro{margin-bottom:37px}
.page-intro p{font-size:15px;margin-top:14px;max-width:590px}
.eyebrow{display:none}
.page-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:32px}
.page-heading .quiet-button{font-size:14px;color:var(--fg);gap:9px;padding:6px 0}
.overview-copy{max-width:560px;font-size:15px;margin:0 0 30px}
.catalog-row{min-height:110px;gap:22px;padding:24px 0}
.catalog-symbol{width:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--fg)}
.catalog-symbol svg{width:36px;height:44px;stroke-width:1.2}
.catalog-row .row-copy strong{font-size:19px;font-weight:550;letter-spacing:-.35px}
.catalog-row .row-copy small{font-size:14px;margin-top:7px}
.catalog-row .row-note{font-size:11px;margin-right:2px}
.section{margin-top:44px}
.section-title{margin-bottom:14px}
.section-title h2{font-size:16px;font-weight:500;color:var(--muted);letter-spacing:0}
.list-row{min-height:91px;gap:20px;padding:21px 0}
.list-row>svg{width:15px;height:15px}
.row-copy strong{font-size:16px;font-weight:500;letter-spacing:-.1px}
.row-copy small{font-size:13px;margin-top:6px}
.row-icon{width:32px}
.row-icon svg{width:23px;height:23px}
.button{min-height:42px;padding:10px 19px;font-weight:500;font-size:13px}
.main-footer{margin-top:58px;border-top:0;padding-top:18px;font-size:10px}
.main-footer>span{color:var(--muted)}
.status:before{display:none}
.key-layout{grid-template-columns:1fr 1fr;gap:30px}
.key-layout .product-visual{aspect-ratio:1.12}
.product-visual img,.product-visual:hover img{transform:none;transition:none}
.key-details h2{font-size:23px;letter-spacing:-.5px}
.key-details>p{font-size:14px}
.key-details .status{margin-bottom:12px}
.finish-title{margin-top:20px}
.swatches{gap:7px;margin-bottom:18px}
.key-specs{margin:18px 0}
.key-specs strong{font-size:13px}
.fine{font-size:11px}
.step-list{gap:26px;margin:22px 0}
.step h3{font-size:15px}
.step p{font-size:13px}
.step>span{margin-bottom:16px;font-size:11px}
.disclosures summary{padding:20px 0;font-size:15px}
.disclosures details p{font-size:13px}
.use-layout{grid-template-columns:210px 1fr;gap:32px}
.use-tab{font-size:14px;padding:15px 12px;border-radius:8px;gap:12px}
.use-detail{background:none;border-radius:0;padding:16px 0 16px 18px;min-height:280px;justify-content:flex-start}
.use-detail>svg{width:28px;height:28px;margin-bottom:26px}
.use-detail h2{font-size:23px}
.use-detail p{font-size:14px}
.editorial{display:none}
.article-lead{display:none}
.text-columns{gap:36px;margin-top:28px}
.text-columns p{font-size:14px}
.cta-strip{margin-top:42px;padding-top:25px}
.cta-strip h2{font-size:20px}
.cta-strip p{font-size:13px}
.fellowship-intro{margin-bottom:34px}
.fellowship-intro .page-heading{margin-bottom:24px}
.fellowship-wordmark{width:165px;margin:0;height:auto}
.fellowship-intro>p{max-width:580px;font-size:15px;margin-bottom:14px}
.fellowship-intro .inline-links{margin-top:24px}
.fellowship-intro .quiet-button{font-size:13px}
.view-enter{animation:none}
dialog{border-radius:14px;padding:32px;box-shadow:0 15px 70px #0002}
dialog::backdrop{backdrop-filter:none;background:#0005}
dialog h2{font-size:25px}
.dialog-eyebrow{display:none}
.theme-sample{border-radius:8px}
@media(min-width:1600px){main{margin-right:auto}}
@media(max-width:1000px){.topbar{padding:0 30px;height:96px}.sidebar{left:20px;width:190px;top:157px}main{margin-left:260px;margin-right:36px;padding-top:60px;min-height:calc(100vh - 96px)}.nav-item{font-size:15px}.row-note{display:none}.key-layout{grid-template-columns:1fr}.key-layout .product-visual{aspect-ratio:1.5}.use-layout{grid-template-columns:1fr}.use-nav{display:grid;grid-template-columns:1fr 1fr}.use-detail{padding:16px 0;min-height:240px}.cta-strip{align-items:flex-start;flex-direction:column;gap:18px}}
@media(max-width:640px){.topbar{height:78px;padding:0 22px;gap:10px}.brand img{width:67px}.brand-label{font-size:16px}.audience-control{margin-left:auto}.audience-control select{font-size:12px;padding-left:6px;padding-right:21px;max-width:130px}.audience-control svg{right:3px;width:10px;height:10px}.search-trigger{display:none}.mobile-theme{display:flex;margin-left:0;width:28px}.sidebar{display:none}main{margin:0;padding:38px 24px 100px;min-height:calc(100dvh - 78px)}h1{font-size:30px;letter-spacing:-.8px}.page-heading{margin-bottom:28px;gap:14px}.page-heading .quiet-button{font-size:12px;gap:6px}.page-heading .quiet-button svg{width:14px}.overview-copy{font-size:14px;margin-bottom:26px}.catalog-row{min-height:105px;gap:17px;padding:23px 0}.catalog-symbol{width:32px}.catalog-symbol svg{width:29px;height:40px}.catalog-row .row-copy strong{font-size:17px}.catalog-row .row-copy small{font-size:12px;line-height:1.5}.list-row{gap:16px}.row-copy strong{font-size:15px}.row-copy small{font-size:12px}.section{margin-top:36px}.section-title h2{font-size:14px}.main-footer{margin-top:40px}.main-footer>span{max-width:none}.page-intro{margin-bottom:28px}.page-intro p{font-size:14px}.key-details h2{font-size:24px}.step-list{grid-template-columns:1fr}.text-columns{grid-template-columns:1fr;gap:24px}.use-detail h2{font-size:23px}.fellowship-wordmark{width:151px}.fellowship-intro>p{font-size:14px}.fellowship-intro .page-heading{align-items:center}.fellowship-intro .page-heading .quiet-button{font-size:11px}.mobile-nav{padding-top:9px;border-top:1px solid var(--line)}.settings-dialog{padding:30px 23px}.theme-options{gap:9px}}
@media(max-width:640px){.catalog-row{display:grid;grid-template-columns:32px minmax(0,1fr) 15px;gap:6px 17px}.catalog-symbol{grid-column:1;grid-row:1/3}.catalog-row .row-copy{grid-column:2;grid-row:1}.catalog-row .row-note{display:block;grid-column:2;grid-row:2;margin:0;font-size:10px}.catalog-row>svg{grid-column:3;grid-row:1/3}}
@media(max-width:360px){.topbar{padding-inline:18px;gap:7px}.brand-label{font-size:15px}.audience-control select{max-width:111px;font-size:11px}main{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
