*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;font-family:var(--turbo-font-brand);font-size:1.125rem;line-height:1.6;color:var(--turbo-text-body);background:var(--turbo-surface-canvas);font-synthesis:none;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}a{color:var(--turbo-text-link)}button{color:inherit}img{max-width:100%}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-weight:600;line-height:1.3}h1,h2{color:var(--turbo-text-display)}h3,h4{color:var(--turbo-text-primary)}p{margin-bottom:16px}h2{font-size:2rem}h3{font-size:1.4375rem}a:focus-visible,button:focus-visible,[tabindex]:focus-visible,[contenteditable]:focus-visible{outline:2px solid var(--turbo-focus-ring);outline-offset:4px}main:focus{outline:none}::selection{background:var(--turbo-surface-selected);color:var(--turbo-text-primary)}.eyebrow{font-size:0.75rem;letter-spacing:.11em;font-weight:700;color:var(--turbo-text-accent);display:block;line-height:1.5}.subtle{color:var(--turbo-text-secondary);font-size:1rem}.row{display:flex;gap:14px;align-items:center}.row-between{display:flex;justify-content:space-between;gap:16px;align-items:center}.wrap{flex-wrap:wrap}.stack{display:grid;gap:20px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.plain-link{display:inline-flex;align-items:center;gap:10px;font-weight:600;text-decoration:none;min-height:44px}.plain-link:hover{text-decoration:underline;text-underline-offset:5px}.skip-link{position:fixed;top:8px;left:8px;z-index:100;background:white;padding:12px 24px;border:2px solid var(--turbo-focus-ring);transform:translateY(-160%)}.skip-link:focus{transform:none}.edition-dot{width:7px;height:7px;background:var(--turbo-color-pink-213c-1000);border-radius:50%;display:inline-block;flex-shrink:0}
/* Navigation */
.sidebar{width:244px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--turbo-border-subtle);background:white;z-index:20;display:flex;flex-direction:column;padding:30px 20px 0}.system-brand{display:flex;flex-direction:column;align-items:flex-start;text-decoration:none;margin:0 14px 22px}.system-brand>img{width:116px;height:52px;object-fit:contain;object-position:left}.system-brand>span{font-size:1.125rem;font-weight:600;margin-top:12px}.system-brand>span>span{font-size:0.5625rem;font-weight:600;letter-spacing:.13em;display:block;margin-top:1px;color:var(--turbo-text-secondary)}.search-trigger{border:1px solid var(--turbo-border-subtle);border-radius:10px;background:white;display:flex;align-items:center;gap:7px;min-height:42px;padding:8px 9px;font-size:0.875rem;text-align:left;cursor:pointer;color:var(--turbo-text-secondary);margin-bottom:10px}.search-trigger kbd{font-size:0.625rem;font-family:inherit;margin-left:auto;border:1px solid var(--turbo-border-subtle);border-radius:4px;padding:0 3px;white-space:nowrap}.sidebar nav{overflow-y:auto;flex:1;margin-right:-12px;padding-right:12px;scrollbar-width:thin}.nav-group{display:block;letter-spacing:.12em;font-size:0.625rem;color:var(--turbo-text-secondary);font-weight:600;padding:20px 14px 7px}nav[aria-label="Design system chapters"]>a{min-height:42px;display:flex;align-items:center;gap:11px;padding:8px 13px;text-decoration:none;font-size:1rem;border-radius:10px;margin-bottom:2px;color:var(--turbo-text-body)}nav[aria-label="Design system chapters"]>a:hover{background:var(--turbo-surface-technical)}nav[aria-label="Design system chapters"]>a[aria-current=page]{background:var(--turbo-surface-soft);color:var(--turbo-text-primary);font-weight:600}nav[aria-label="Design system chapters"]>a[aria-current=page]>.t-icon{color:var(--turbo-text-accent)}.nav-dot{height:5px;width:5px;background:var(--turbo-color-pink-213c-1000);border-radius:50%;margin-left:auto}.sidebar-footer{border-top:1px solid var(--turbo-border-subtle);margin-top:20px;padding:20px 10px;display:flex;gap:10px;align-items:center;font-size:0.875rem}.sidebar-footer small{font-size:0.625rem;display:block;color:var(--turbo-text-secondary);line-height:1.5}.sidebar-footer a{margin-left:auto;min-width:32px;min-height:44px;display:grid;place-items:center}.topbar{position:fixed;left:244px;right:0;top:0;height:68px;background:rgb(255 255 255 / .96);backdrop-filter:blur(12px);border-bottom:1px solid var(--turbo-border-subtle);padding:0 44px;display:flex;align-items:center;justify-content:space-between;gap:16px;z-index:10}.topbar-title{display:flex;align-items:center;gap:18px;font-size:0.875rem;color:var(--turbo-text-secondary)}.topbar-title>span:first-of-type{font-size:0.75rem;letter-spacing:.06em;color:var(--turbo-text-primary)}.topbar-title b{font-weight:500;color:var(--turbo-text-accent)}.topbar-divider{color:var(--turbo-border-control)}.topbar-right{display:flex;align-items:center;gap:28px;font-size:0.875rem}.topbar-right>a{display:flex;align-items:center;gap:9px;text-decoration:none;font-weight:600;min-height:44px}.live-label{color:var(--turbo-text-secondary);font-size:0.75rem;display:flex;align-items:center;gap:7px}.live-label i{height:5px;width:5px;background:var(--turbo-status-success);border-radius:50%}.mobile-menu{display:none}.main{margin-left:244px;padding:116px clamp(28px,4vw,72px) 24px;max-width:1740px;min-height:100vh}.page-heading{max-width:750px;margin-bottom:44px}.page-heading h1{font-size:clamp(2.625rem,4vw,3.75rem);letter-spacing:-.025em;line-height:1.1;margin:18px 0}.page-heading>p{font-size:1.375rem;line-height:1.55;color:var(--turbo-text-secondary);max-width:44ch;margin:0}.section-title{margin:64px 0 28px;max-width:690px}.section-title h2{margin:10px 0 10px;font-size:2.125rem;letter-spacing:-.015em}.section-title p{font-size:1.125rem;line-height:1.7;color:var(--turbo-text-secondary);margin:0}.portal-footer{border-top:1px solid var(--turbo-border-subtle);margin-top:72px;padding:26px 0;display:flex;justify-content:space-between;gap:20px;font-size:0.75rem;color:var(--turbo-text-secondary)}.portal-footer>span{font-size:0.625rem;letter-spacing:.1em}.portal-footer a{display:flex;gap:8px;align-items:center;text-decoration:none;min-height:44px}.note{display:flex;align-items:flex-start;gap:12px;margin:28px 0;padding:20px 22px;border-left:3px solid var(--turbo-color-pink-213c-1000);background:var(--turbo-surface-soft);font-size:1rem;line-height:1.7;border-radius:0 12px 12px 0}.note>.t-icon{margin-top:3px}.rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 48px;margin:40px 0}.rule-number{display:block;font-size:0.75rem;color:var(--turbo-text-accent);margin-bottom:14px}.rule-item{border-top:1px solid var(--turbo-border-subtle);padding-top:20px}.rule-item h3{margin-bottom:10px;font-size:1.375rem}.rule-item p{font-size:1.0625rem;line-height:1.75;color:var(--turbo-text-body);margin:0}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:28px 0}.toolbar>.t-field{max-width:320px;width:100%}.toolbar>.t-field>label{font-size:0.875rem}.toolbar>.t-field .t-input{font-size:1rem}.download-row{display:flex;gap:12px 24px;flex-wrap:wrap;margin:20px 0}.download-link{display:inline-flex;gap:12px;align-items:center;font-size:1rem;font-weight:500;text-decoration:none;min-height:44px}.download-link:hover{text-decoration:underline;text-underline-offset:5px}.frame-preview{width:100%;margin-inline:auto;position:relative;overflow:hidden;background:white}.frame-preview>div{position:relative}.frame-preview iframe{border:0;position:absolute;inset:0 auto auto 0;transform-origin:top left;background:white}
/* Opening composition */
.overview-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:42px}.overview-heading h1{font-size:clamp(3rem,4.65vw,4.5rem);font-weight:600;line-height:1.08;letter-spacing:-.027em;margin:18px 0 0}.overview-intro{padding-bottom:4px;max-width:34%;font-size:1.1875rem;line-height:1.6}.overview-intro p{color:var(--turbo-text-secondary);margin-bottom:18px}.overview-intro .plain-link{font-size:1rem}.overview-canvas{height:464px;border-radius:28px;background:var(--turbo-surface-soft);border:1px solid var(--turbo-color-pink-213c-140);position:relative;overflow:hidden;isolation:isolate}.canvas-label{position:absolute;top:25px;left:30px;display:flex;align-items:center;gap:8px;font-size:0.6875rem;color:var(--turbo-text-secondary)}.overview-web{position:absolute;left:30px;top:70px;width:72%;background:white;box-shadow:0 16px 40px -12px rgb(0 47 108 / .14);border-radius:12px;overflow:hidden;border:1px solid rgb(0 47 108 / .08)}.browser-bar{height:24px;background:#F5F7F9;display:flex;align-items:center;gap:4px;padding:0 10px;border-bottom:1px solid var(--turbo-border-subtle)}.browser-bar>span{width:4px;height:4px;background:var(--turbo-color-blue-294c-410);border-radius:50%}.browser-bar>div{margin-left:20%;font-size:0.4375rem;color:var(--turbo-text-secondary)}.overview-web-content{padding:0 20px 18px}.mini-header{height:56px;display:flex;align-items:center;justify-content:space-between;font-size:0.5625rem}.mini-header>img{width:96px;height:38px;object-fit:contain;object-position:left}.mini-web-hero{display:grid;grid-template-columns:1fr 1fr;min-height:180px;gap:12px;align-items:center}.mini-web-hero>div>span:first-child{font-size:0.625rem;color:var(--turbo-text-accent);display:block}.mini-web-hero strong{font-size:1.875rem;font-weight:600;line-height:1.4;color:var(--turbo-text-display);display:block;margin:8px 0 12px}.mini-web-hero>img{height:186px;width:100%;object-fit:cover;border-radius:14px}.mini-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:0.8125rem;font-weight:700;background:var(--turbo-action-primary);color:white;padding:8px 12px;border-radius:10px}.mini-services{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.mini-services>div{display:flex;align-items:center;gap:8px;background:var(--turbo-surface-soft);padding:13px 8px;border-radius:10px;font-size:0.625rem;color:var(--turbo-text-primary)}.mini-services .t-icon{width:18px}.overview-phone{position:absolute;width:192px;height:354px;right:34px;top:44px;border:5px solid white;outline:1px solid rgb(0 47 108 / .08);border-radius:28px;background:#fff;box-shadow:0 20px 44px -12px rgb(0 47 108 / .2);padding:13px 13px 0;z-index:3}.phone-island{position:absolute;top:7px;left:65px;width:52px;height:12px;background:var(--turbo-surface-technical);border-radius:10px}.mini-app-head{display:flex;justify-content:space-between;align-items:center;font-size:0.5rem;margin-bottom:13px}.phone-logo{width:96px;height:37px;object-fit:contain;object-position:left;margin-bottom:8px}.mini-greeting{font-size:0.625rem;color:var(--turbo-text-secondary)}.mini-greeting>strong{display:block;font-size:1.4375rem;line-height:1.35;color:var(--turbo-text-display);font-weight:600;margin-top:3px}.mini-balance{border:1px solid var(--turbo-border-subtle);border-radius:14px;padding:12px;margin-top:12px}.mini-balance>span{font-size:0.5rem;color:var(--turbo-text-secondary);display:block}.mini-balance>strong{font-size:1.6875rem;line-height:1.6;font-weight:600;display:block;color:var(--turbo-text-primary)}.mini-balance>strong>span{font-size:1rem}.mini-balance .mini-button{display:flex;font-size:0.625rem;padding:5px 4px;border-radius:8px}.mini-phone-links{display:flex;justify-content:space-around;padding:17px 0 10px;color:var(--turbo-text-primary)}.mini-phone-links .t-icon{width:18px;height:18px}.mini-phone-bottom{position:absolute;bottom:8px;left:16px;right:16px;display:flex;justify-content:space-around;border-top:1px solid var(--turbo-border-subtle);padding-top:8px}.mini-phone-bottom>.t-icon:first-child{color:var(--turbo-color-pink-213c-1000)}.overview-letter{position:absolute;right:168px;bottom:35px;width:144px;height:179px;padding:20px 15px;background:white;box-shadow:0 12px 34px -8px rgb(0 47 108 / .12);z-index:4}.overview-letter>img{width:96px;height:36px;object-fit:contain;object-position:left}.overview-letter>span{display:block;font-size:1rem;line-height:1.45;color:var(--turbo-text-display);margin:10px 0 12px}.overview-letter>div{height:2px;background:var(--turbo-border-subtle);margin-bottom:5px}.overview-letter>div:nth-last-child(2){width:70%}.overview-letter small{font-size:0.3125rem;display:block;letter-spacing:.1em;margin-top:12px}.canvas-footer{position:absolute;bottom:20px;left:30px;right:30px;display:flex;justify-content:space-between;font-size:0.5rem;letter-spacing:.14em;color:var(--turbo-text-secondary)}.system-stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--turbo-border-subtle);margin:0 0 36px;padding:26px 0}.system-stats>div{display:flex;gap:12px;align-items:center;padding-right:12px}.system-stats strong{font-size:1.8125rem;font-weight:500;color:var(--turbo-text-primary)}.system-stats span{font-size:0.8125rem;color:var(--turbo-text-secondary)}.entry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.entry-card{position:relative;border:1px solid var(--turbo-border-subtle);border-radius:20px;padding:26px;text-decoration:none;transition:background .2s,transform .2s}.entry-card:hover{background:var(--turbo-surface-soft);transform:translateY(-2px)}.entry-card>.t-icon:first-child{color:var(--turbo-text-accent);margin-bottom:26px}.entry-card h3{font-size:1.3125rem;line-height:1.35;max-width:16ch;margin:0 0 10px}.entry-card p{font-size:1rem;line-height:1.6;color:var(--turbo-text-secondary);margin:0 0 22px}.entry-arrow{margin-top:8px}.belief{padding:58px 20px;text-align:center;background:var(--turbo-surface-soft);border-radius:24px;margin-top:56px}.belief p{font-size:clamp(1.625rem,2.3vw,2.25rem);line-height:1.6;font-weight:500;color:var(--turbo-text-display);margin:18px 0 6px}.belief>span:last-child{font-size:1.0625rem;color:var(--turbo-text-secondary)}
/* Foundations */
.brand-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.brand-mark-frame{height:300px;display:grid;place-items:center;background:var(--turbo-surface-soft);border-radius:26px}.brand-mark-frame.pink{background:var(--turbo-color-pink-213c-1000)}.brand-mark-frame img{width:230px;max-width:65%;height:auto}.photo-feature{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:center}.photo-feature>img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:26px}.photo-feature p,.photo-feature li{font-size:1.0625rem;line-height:1.75}.photo-feature ul{padding-left:20px;margin-bottom:24px}.color-signature{display:grid;grid-template-columns:1.6fr 1fr 1fr;border:1px solid var(--turbo-border-subtle);border-radius:26px;overflow:hidden;min-height:225px}.color-signature>div{padding:28px;display:flex;flex-direction:column;justify-content:space-between;gap:30px}.color-signature>div+div{border-left:1px solid var(--turbo-border-subtle)}.color-signature strong{font-size:1.75rem;font-weight:600;line-height:1.25;max-width:8ch}.color-signature span{font-size:0.8125rem}.color-signature>div:first-child span{font-size:1.25rem;font-weight:700}.color-signature>div:last-child{background:var(--turbo-surface-technical)}.swatch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.swatch{background:white;border:1px solid var(--turbo-border-subtle);border-radius:14px;overflow:hidden;text-align:left;padding:0 0 14px;cursor:pointer;min-width:0}.swatch-color{height:95px;display:block;border-bottom:1px solid var(--turbo-border-subtle)}.swatch-name{display:block;margin:14px 12px 4px;font-family:var(--turbo-font-code);font-size:0.625rem;overflow-wrap:anywhere;font-weight:500}.swatch-value{display:flex;justify-content:space-between;align-items:center;font-size:0.8125rem;color:var(--turbo-text-secondary);padding:0 12px}.swatch-description{display:block;font-size:0.8125rem;line-height:1.55;padding:12px 12px 0;color:var(--turbo-text-secondary)}.swatch:hover{box-shadow:var(--turbo-shadow-card);border-color:var(--turbo-border-control)}.contrast-lab{display:grid;grid-template-columns:1fr 1fr;gap:30px;border:1px solid var(--turbo-border-subtle);border-radius:26px;padding:28px}.contrast-sample{border-radius:18px;border:1px solid var(--turbo-border-subtle);padding:32px;display:flex;flex-direction:column;justify-content:center}.contrast-sample>span{font-size:4rem;font-weight:600;line-height:1.4}.contrast-sample>p{font-size:1.125rem}.contrast-sample>strong{font-size:2.25rem;font-weight:500}.contrast-controls{display:grid;gap:16px}.contrast-controls>p{margin:0}.contrast-verdict{display:flex;gap:10px;flex-wrap:wrap}.type-hero{display:grid;grid-template-columns:1fr 1fr;gap:24px}.type-hero>div{padding:32px;background:var(--turbo-surface-soft);border-radius:26px;overflow:hidden}.type-hero>div:last-child{background:var(--turbo-surface-technical)}.type-glyph{font-size:clamp(3.375rem,5.8vw,6rem);line-height:1.7;color:var(--turbo-text-display);letter-spacing:-.02em}.reading-face{font-family:var(--turbo-font-reading)}.reading-face .eyebrow{font-family:var(--turbo-font-brand)}.reading-face .type-glyph{font-size:clamp(2.75rem,4.5vw,4.75rem);line-height:2.15;color:var(--turbo-text-primary)}.type-hero p{margin:0;font-size:1.125rem}.reading-face p{font-size:0.9375rem;line-height:1.9}.type-playground{margin:32px 0;border:1px solid var(--turbo-border-subtle);border-radius:26px;padding:28px}.type-playground .toolbar{margin-top:0}.range-label{display:flex;align-items:center;gap:12px;font-size:1rem;flex-wrap:wrap}.range-label input{accent-color:var(--turbo-action-primary);max-width:150px;min-height:44px}.range-label output{min-width:40px;font-variant-numeric:tabular-nums}.type-sample{padding:30px 0 10px;overflow-wrap:anywhere;min-height:220px;color:var(--turbo-text-primary);word-break:normal}.layout-demo{background:var(--turbo-surface-soft);border-radius:26px;padding:28px;margin-bottom:32px}.layout-demo>.toolbar{margin-top:0}.grid-diagram{display:grid;gap:16px;min-height:225px;margin:24px 0}.grid-diagram>div{background:var(--turbo-surface-selected);border-inline:1px solid var(--turbo-color-pink-213c-500);display:flex;align-items:flex-end;justify-content:center;padding-bottom:12px;border-radius:6px;font-size:0.875rem}.space-scale{display:flex;flex-wrap:wrap;gap:24px;padding:30px 0;align-items:flex-end}.space-scale>div{display:grid;gap:12px;justify-items:center;font-size:0.875rem}.space-scale span{display:block;height:24px;min-width:4px;background:var(--turbo-color-pink-213c-1000);border-radius:2px}.space-scale b{font-weight:500}.radius-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:32px 0}.radius-grid>div{padding:24px;background:var(--turbo-surface-soft);border-radius:18px;text-align:center}.radius-grid span{display:block;width:74px;height:74px;margin:0 auto 24px;background:white;border:2px solid var(--turbo-color-pink-213c-1000)}.radius-grid b{font-size:1.25rem;font-weight:500}.radius-grid p{font-size:0.875rem;color:var(--turbo-text-secondary);margin:4px 0 0}
/* Toolkit */
.component-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;border-block:1px solid var(--turbo-border-subtle);padding:20px 0;margin-bottom:32px}.component-intro>span{font-size:0.9375rem;color:var(--turbo-text-secondary);line-height:1.75}.component-intro strong{font-size:1.1875rem;color:var(--turbo-text-primary);font-weight:600}.component-workbench{display:grid;grid-template-columns:210px minmax(0,1fr);gap:36px}.component-list{display:flex;flex-direction:column;align-self:start;max-height:calc(100vh - 100px);overflow:auto;position:sticky;top:84px;padding:4px 12px 8px 4px;scrollbar-width:thin}.component-list>.t-field{margin-bottom:20px}.component-list>.t-field>label{font-size:0.875rem}.component-list .t-input{font-size:0.9375rem;padding-inline:12px}.component-list>button{background:none;border:0;display:flex;align-items:center;justify-content:space-between;gap:6px;border-radius:8px;text-align:left;min-height:44px;padding:10px 10px;cursor:pointer;font-size:1rem;flex-shrink:0}.component-list>button>small{font-size:0.625rem;color:var(--turbo-text-secondary)}.component-list>button[aria-pressed=true]{background:var(--turbo-surface-soft);color:var(--turbo-text-primary);font-weight:600}.component-list>button:hover{background:var(--turbo-surface-technical)}.component-title{display:flex;justify-content:space-between;gap:16px;align-items:center}.component-title h2{font-size:2.25rem;margin:10px 0 0}.component-detail>p{font-size:1.125rem;color:var(--turbo-text-secondary);line-height:1.75;margin:18px 0 26px}.component-demo{border:1px solid var(--turbo-border-subtle);border-radius:20px;padding:28px;min-height:230px;background:white}.specimen-label{display:block;letter-spacing:.12em;font-size:0.5625rem;color:var(--turbo-text-secondary);margin-bottom:26px}.demo-center{display:flex;align-items:center;justify-content:center;min-height:155px}.demo-settings{padding-top:24px;border-top:1px solid var(--turbo-border-subtle);display:grid;gap:16px;grid-template-columns:1.1fr 1fr}.demo-settings>.t-field{grid-row:span 2}.demo-settings>.t-switch-row{font-size:0.9375rem;gap:8px;min-height:44px}.demo-settings .t-field>label{font-size:0.875rem}.demo-settings .t-input{font-size:1rem}.component-spec{margin:28px 0}.component-spec>div{display:grid;grid-template-columns:100px 1fr;border-bottom:1px solid var(--turbo-border-subtle);padding:17px 0;gap:18px}.component-spec dt{font-size:0.875rem;color:var(--turbo-text-secondary);font-weight:500}.component-spec dd{font-size:1rem;line-height:1.75;margin:0}.component-spec code{font-family:var(--turbo-font-code);font-size:0.6875rem;word-break:break-word}.code-block{padding:22px;background:var(--turbo-surface-technical);border-radius:14px;overflow:auto}.code-block>span{letter-spacing:.1em;font-size:0.5625rem;color:var(--turbo-text-secondary)}.code-block pre{font-size:0.6875rem;line-height:1.85;font-family:var(--turbo-font-code);margin:14px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.device-stage{padding:24px;background:var(--turbo-surface-soft);border:1px solid var(--turbo-color-pink-213c-140);border-radius:26px;margin:24px 0}.device-meta{display:flex;justify-content:space-between;gap:16px;margin:0 0 20px;font-size:0.6875rem;letter-spacing:.06em;color:var(--turbo-text-secondary)}.device-stage .frame-preview{box-shadow:var(--turbo-shadow-floating);border-radius:14px}.device-stage-app .frame-preview{border:6px solid white;outline:1px solid var(--turbo-border-subtle);border-radius:30px}.motion-specimen{display:flex;align-items:center;gap:48px;padding:56px;background:var(--turbo-surface-soft);border-radius:26px;margin-bottom:32px}.motion-object{width:144px;height:144px;flex-shrink:0;background:white;display:grid;place-items:center;border-radius:32px;box-shadow:var(--turbo-shadow-card);color:var(--turbo-color-pink-213c-1000);animation:motion-arrive .32s var(--turbo-motion-ease) both}.motion-specimen h2{margin:14px 0 12px}.motion-specimen p{font-size:1rem;color:var(--turbo-text-secondary)}@keyframes motion-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.icon-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--turbo-border-subtle);border:1px solid var(--turbo-border-subtle);border-radius:18px;overflow:hidden}.icon-grid>div{background:white;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;min-height:112px;padding:16px 8px}.icon-grid span,.icon-grid code{font-family:var(--turbo-font-code);font-size:0.625rem;color:var(--turbo-text-secondary)}.voice-statement{background:var(--turbo-surface-soft);padding:44px;border-radius:26px}.voice-statement p{font-size:2.625rem;line-height:1.5;color:var(--turbo-text-display);font-weight:500;margin:0 0 16px}.voice-statement>span{font-size:1.125rem;color:var(--turbo-text-secondary)}.copy-pairs{display:grid;grid-template-columns:1fr 1fr;gap:24px}.copy-pairs>div{padding:28px;border:1px solid var(--turbo-border-subtle);border-radius:20px}.copy-pairs del{display:block;font-size:1rem;color:var(--turbo-text-secondary);margin:20px 0 10px}.copy-pairs strong{display:block;font-size:1.4375rem;line-height:1.6;font-weight:500;color:var(--turbo-text-primary)}.copy-pairs p{font-size:0.9375rem;color:var(--turbo-text-secondary);margin:20px 0 0}.accessibility-hero{display:flex;gap:36px;align-items:center;background:var(--turbo-surface-soft);border-radius:26px;padding:44px;margin-bottom:32px}.accessibility-hero>.t-icon{color:var(--turbo-text-accent)}.accessibility-hero h2{margin-bottom:14px}.accessibility-hero p{margin:0;font-size:1.25rem;line-height:1.65}.accessibility-hero+.t-table-scroll{margin-bottom:32px}.reference-list{display:grid}.reference-list>a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--turbo-border-subtle);font-size:1.125rem;text-decoration:none}.release-panel{background:var(--turbo-surface-soft);border-radius:26px;padding:32px;display:flex;gap:24px;align-items:center;justify-content:space-between}.release-panel h2{font-size:1.875rem;margin:18px 0 12px}.release-panel p{font-size:1.0625rem;line-height:1.7;max-width:42ch;margin:0}.release-panel>.t-button{flex-shrink:0}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:32px 0}.resource-card{display:flex;align-items:flex-start;gap:16px;border:1px solid var(--turbo-border-subtle);padding:24px;border-radius:18px;text-decoration:none}.resource-card>.t-icon:first-child{color:var(--turbo-text-accent);margin-top:3px}.resource-card>.t-icon:last-child{margin-left:auto;align-self:center}.resource-card h3{font-size:1.25rem;margin:0 0 6px}.resource-card p{font-size:0.9375rem;line-height:1.6;color:var(--turbo-text-secondary);margin:0}.resource-card:hover{background:var(--turbo-surface-soft)}.adoption-steps{display:grid;grid-template-columns:1fr 1fr;gap:32px 40px}.adoption-steps>div{display:flex;gap:20px}.adoption-steps>div>span{font-size:1.25rem;color:var(--turbo-text-accent);padding-top:3px}.adoption-steps h3{font-size:1.4375rem;margin-bottom:10px}.adoption-steps p{font-size:1.0625rem;line-height:1.75;margin:0}.search-results{display:grid;gap:4px;margin-top:20px;max-height:50vh;overflow:auto}.search-results>a{display:flex;align-items:center;gap:12px;min-height:48px;padding:12px;border-radius:12px;text-decoration:none}.search-results>a:hover{background:var(--turbo-surface-soft)}.search-results>a>.t-icon:last-child{margin-left:auto}.search-results small{display:block;color:var(--turbo-text-secondary);font-size:0.75rem}
/* Working product patterns */
.product-example{min-height:100vh}.example-note{padding:7px 20px;background:var(--turbo-surface-soft);color:var(--turbo-text-secondary);font-size:0.8125rem;text-align:center;line-height:1.6}.product-header{display:flex;justify-content:space-between;align-items:center;max-width:1240px;margin:auto;padding:16px 40px;gap:24px}.product-header>img{width:132px;height:58px;object-fit:contain;object-position:left}.product-header nav{display:flex;align-items:center;gap:32px}.product-header nav>a{font-size:1.125rem;text-decoration:none;min-height:44px;display:flex;align-items:center}.web-hero{max-width:1240px;margin:auto;display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:center;padding:40px 40px 64px}.web-hero h1{font-size:clamp(2.25rem,4.7vw,4rem);line-height:1.4;font-weight:600;margin:18px 0 20px}.web-hero-copy>p{font-size:1.375rem;line-height:1.75;margin-bottom:28px}.web-hero .eyebrow{letter-spacing:0;font-size:1rem;font-weight:500}.web-hero .row{flex-wrap:wrap}.web-hero-photo{width:100%;aspect-ratio:1.12;object-fit:cover;object-position:58% 35%;border-radius:32px}.web-services{padding:56px max(40px,calc((100vw - 1160px)/2));background:var(--turbo-surface-soft)}.section-line{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.section-line h2{font-size:2rem;line-height:1.5;margin:10px 0 0}.section-line .eyebrow{letter-spacing:0;font-size:0.9375rem}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-grid .t-card{border:0;box-shadow:none;padding:28px}.service-icon{display:inline-flex;padding:14px;border-radius:16px;background:var(--turbo-surface-soft);color:var(--turbo-text-accent)}.service-grid h3{font-size:1.5rem;margin:20px 0 10px}.service-grid p{font-size:1.125rem;color:var(--turbo-text-secondary)}.service-grid .t-button{padding-left:0;margin-top:10px}.example-account{max-width:1240px;margin:auto;padding:64px 40px}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.account-grid .t-alert{margin-top:20px}.account-grid h3{font-size:1.625rem;margin:12px 0 24px}.account-grid .t-progress{margin:24px 0}.product-footer{padding:40px max(40px,calc((100vw - 1160px)/2));background:var(--turbo-surface-brand);display:flex;align-items:center;flex-wrap:wrap;gap:32px;color:white}.product-footer>img{width:132px;height:58px;object-fit:contain}.product-footer>strong{font-size:1.75rem;font-weight:600}.footer-inset{background:white;padding:16px 20px;border-radius:12px;color:var(--turbo-text-body);font-size:0.875rem;width:100%;margin-top:16px}.product-app{max-width:640px;margin-inline:auto;padding-bottom:100px;border-inline:1px solid var(--turbo-border-subtle)}.product-app .example-note{font-size:0.6875rem}.product-app .product-header{padding:16px 20px}.product-app .product-header>img{width:106px;height:48px}.app-content{padding:0 20px 24px}.app-greeting{display:flex;justify-content:space-between;gap:20px;margin:12px 0 24px}.app-greeting p{font-size:1rem;color:var(--turbo-text-secondary);margin-bottom:5px}.app-greeting h1{font-size:2.125rem;line-height:1.45;font-weight:600;margin:0}.app-greeting>.t-avatar{margin-top:10px}.balance-card{border-color:var(--turbo-color-pink-213c-140);background:linear-gradient(145deg,white,var(--turbo-surface-soft));padding:24px}.balance-card .row-between{font-size:0.9375rem}.balance-card .t-badge{font-size:0.75rem}.amount{font-size:3.25rem;color:var(--turbo-text-primary);line-height:1.3;margin:18px 0 8px;font-variant-numeric:tabular-nums;font-weight:500}.amount>span{font-size:2rem}.balance-card>p{font-size:1rem}.balance-card>.t-button{width:100%;margin-top:8px}.app-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:26px 0}.app-shortcuts button{display:flex;flex-direction:column;align-items:center;gap:12px;background:white;border:0;cursor:pointer;font-size:0.875rem;min-height:68px;color:var(--turbo-text-primary)}.app-shortcuts .t-icon{color:var(--turbo-text-accent)}.app-content .section-line{margin-bottom:14px}.app-content h2{font-size:1.5rem;color:var(--turbo-text-primary);margin:0;line-height:1.5}.app-content>.t-card:not(.balance-card){padding:16px 20px;box-shadow:none}.app-content .t-switch-row{font-size:1rem;gap:12px}.app-content .t-hint{font-size:0.875rem}.app-help{display:flex;gap:16px;padding:24px 0;margin:8px 0}.app-help>.t-icon{color:var(--turbo-text-accent);margin-top:4px}.app-help strong{font-size:1.0625rem;font-weight:600}.app-help p{font-size:0.9375rem;color:var(--turbo-text-secondary);margin:4px 0 0}.activity{display:flex;align-items:center;gap:12px;border-top:1px solid var(--turbo-border-subtle);margin-top:16px;padding:20px 0;font-size:0.875rem}.activity-icon{display:grid;place-items:center;background:var(--turbo-color-success-soft);color:var(--turbo-status-success);padding:10px;border-radius:14px}.activity strong{font-weight:500}.activity>strong{margin-left:auto;white-space:nowrap;font-size:1.0625rem}.activity p{font-size:0.8125rem;color:var(--turbo-text-secondary);margin:4px 0 0}.app-bottom-nav{position:fixed;bottom:0;width:100%;max-width:640px;display:grid;grid-template-columns:repeat(4,1fr);background:rgb(255 255 255 / .97);border-top:1px solid var(--turbo-border-subtle);padding:8px 12px max(8px,env(safe-area-inset-bottom));z-index:5}.app-bottom-nav button{border:0;background:none;cursor:pointer;min-height:56px;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:0.8125rem;color:var(--turbo-text-secondary)}.app-bottom-nav button[aria-current=page]{color:var(--turbo-text-primary);font-weight:600}.app-bottom-nav button[aria-current=page]>.t-icon{color:var(--turbo-text-accent)}.detail-list>div{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--turbo-border-subtle)}.detail-list dd{margin:0;font-weight:600}.product-example .t-dialog form>.t-field{margin-top:24px}.product-example .t-dialog form>.t-button{width:100%;margin-top:16px}
/* Adaptation */
@media(min-width:1700px){.overview-canvas{height:500px}.overview-web{width:70%;top:76px}.mini-web-hero{min-height:220px}.mini-web-hero>img{height:220px}.overview-phone{right:6%;top:52px;width:215px;height:390px}.mini-balance{margin-top:20px}.mini-greeting>strong{font-size:1.6875rem}.overview-letter{right:235px;bottom:40px}.mini-phone-links{padding-top:22px}.mini-web-hero strong{font-size:2.25rem}}
@media(max-width:1199px){.sidebar{width:218px;padding-inline:16px}.topbar{left:218px;padding-inline:28px}.main{margin-left:218px;padding-inline:30px}.overview-heading h1{font-size:3.5rem}.overview-intro{font-size:1.0625rem;max-width:38%}.overview-canvas{height:438px}.overview-web{width:76%;left:22px}.overview-phone{right:20px;width:178px;height:336px;top:56px;padding-inline:10px}.mini-greeting>strong{font-size:1.375rem}.mini-balance{padding:10px}.mini-balance>strong{font-size:1.625rem}.mini-web-hero strong{font-size:1.625rem}.mini-web-hero>img{height:160px}.mini-services{gap:6px}.mini-services>div{font-size:0.5rem;gap:5px;padding:12px 6px}.mini-services .t-icon{width:16px}.overview-letter{width:130px;height:162px;right:130px;bottom:35px;padding:14px}.overview-letter>span{font-size:0.875rem;margin:8px 0}.overview-letter small{margin-top:8px}.system-stats>div{display:block}.system-stats span{display:block}.entry-card{padding:22px}.component-workbench{grid-template-columns:180px minmax(0,1fr);gap:24px}.component-list>button{font-size:0.875rem}.component-list>button>small{font-size:0.5625rem}.component-demo{padding:22px}.component-demo .two-col{grid-template-columns:1fr}.component-spec>div{grid-template-columns:80px 1fr;gap:12px}.swatch-grid{grid-template-columns:repeat(3,1fr)}.color-signature>div{padding:22px}.color-signature strong{font-size:1.625rem}.release-panel{flex-direction:column;align-items:flex-start}.motion-specimen{padding:36px;gap:30px}.photo-feature{grid-template-columns:1fr}.photo-feature>img{aspect-ratio:16/9}.resource-card{padding:20px}.icon-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:959px){.sidebar{display:none}.topbar{left:0;padding-inline:24px}.mobile-menu{display:grid;place-items:center;width:44px;height:44px;border:0;background:none;margin-left:-10px;cursor:pointer}.main{margin-left:0;padding:104px 32px 24px}.topbar-title{gap:13px}.overview-heading h1{font-size:3.625rem}.overview-canvas{height:458px}.overview-web{width:74%;top:74px}.mini-web-hero strong{font-size:1.875rem}.mini-web-hero>img{height:182px}.overview-phone{width:190px;height:356px;right:28px;top:48px;padding-inline:13px}.overview-letter{right:160px;width:140px;height:174px}.overview-letter>span{font-size:1rem}.component-workbench{grid-template-columns:190px minmax(0,1fr)}.main>.two-col{margin-top:24px}.live-label{display:none}.color-signature strong{font-size:1.75rem}.topbar-right{gap:12px}.main>.t-table-scroll .t-table{min-width:600px}}
@media(max-width:599px){html{scroll-padding-top:84px}body{font-size:1.0625rem}.main{padding:96px 20px 20px}.topbar{height:64px;padding-inline:20px}.topbar-title{font-size:0.75rem;gap:10px}.topbar-title>span:first-of-type{font-size:0.625rem;white-space:nowrap}.topbar-right>a{font-size:0.75rem;gap:6px}.topbar-divider{display:none}.topbar-title>span:last-child{display:none}.overview-heading{display:block;margin-bottom:28px}.overview-heading h1{font-size:clamp(2.5rem,10vw,3.25rem);line-height:1.12;margin-top:14px}.overview-intro{max-width:100%;margin-top:24px;padding:0;font-size:1.125rem}.overview-intro p{margin-bottom:8px}.desktop-break{display:none}.overview-intro .plain-link{font-size:1rem}.overview-canvas{height:430px;border-radius:20px}.canvas-label{font-size:0.625rem;top:20px;left:20px}.overview-web{left:16px;top:65px;width:calc(100% - 32px)}.overview-web-content{padding:0 12px 12px}.mini-header{height:48px}.mini-header>img{width:96px;height:38px}.mini-header>span{font-size:0.4375rem}.mini-web-hero{gap:8px;min-height:130px}.mini-web-hero strong{font-size:1.4375rem;line-height:1.4}.mini-web-hero>div>span:first-child{font-size:0.5rem}.mini-web-hero>img{height:150px;object-position:60% 35%;border-radius:12px}.mini-web-hero .mini-button{font-size:0.625rem;padding:6px 8px;gap:4px}.mini-services{margin-top:12px}.mini-services>div{font-size:0.5rem;display:block;padding:8px}.mini-services .t-icon{display:block;margin-bottom:5px}.overview-phone{width:137px;height:253px;top:149px;right:18px;border-width:4px;border-radius:23px;padding:9px;box-shadow:0 16px 34px -8px rgb(0 47 108 / .2)}.phone-island{height:7px;width:34px;left:46px;top:6px}.mini-app-head{font-size:0.375rem;margin-bottom:5px}.mini-app-head>.t-icon{width:12px;height:12px}.phone-logo{width:96px;height:36px;margin-bottom:3px}.mini-greeting{font-size:0.4375rem}.mini-greeting>strong{font-size:1.125rem;line-height:1.3;margin-top:2px}.mini-balance{padding:8px;border-radius:11px;margin-top:8px}.mini-balance>span{font-size:0.375rem}.mini-balance>strong{font-size:1.3125rem}.mini-balance>strong>span{font-size:0.75rem}.mini-balance .mini-button{font-size:0.5rem;padding:4px}.mini-phone-links{padding:10px 0 8px}.mini-phone-links .t-icon{width:13px;height:13px}.mini-phone-bottom{bottom:5px;padding-top:5px;left:11px;right:11px}.mini-phone-bottom .t-icon{width:13px;height:13px}.overview-letter{width:112px;height:135px;left:29px;right:auto;bottom:28px;padding:11px}.overview-letter>img{width:96px;height:34px}.overview-letter>span{font-size:0.8125rem;margin:3px 0 8px}.overview-letter>div{margin-bottom:4px}.overview-letter small{font-size:0.25rem;margin-top:5px}.canvas-footer{bottom:10px;left:18px;right:18px;font-size:0.375rem;letter-spacing:.08em}.system-stats{grid-template-columns:repeat(2,1fr);gap:18px;padding:24px 0}.system-stats>div{display:flex;gap:12px}.system-stats strong{font-size:1.75rem;min-width:38px}.system-stats span{font-size:0.75rem;max-width:13ch;line-height:1.45}.section-title{margin-top:44px}.section-title h2{font-size:1.75rem;line-height:1.35}.section-title p{font-size:1.0625rem}.entry-grid{grid-template-columns:1fr;gap:14px}.entry-card{padding:24px}.entry-card>.t-icon:first-child{margin-bottom:20px}.entry-card h3{max-width:none;font-size:1.4375rem}.entry-card p{max-width:34ch;margin-bottom:8px}.entry-arrow{position:absolute;right:22px;top:20px}.belief{padding:32px 20px;margin-top:36px;border-radius:20px}.belief p{font-size:1.625rem}.belief>span:last-child{font-size:0.9375rem}.portal-footer{display:block;margin-top:48px;padding:24px 0 4px}.portal-footer a{margin-top:10px;font-size:0.75rem}.page-heading{margin-bottom:28px}.page-heading h1{font-size:2.5rem;line-height:1.15}.page-heading>p{font-size:1.1875rem}.rule-grid{grid-template-columns:1fr;gap:26px;margin:32px 0}.rule-item p{font-size:1rem}.two-col{grid-template-columns:1fr}.brand-pair{gap:12px}.brand-mark-frame{height:175px;border-radius:18px}.brand-mark-frame img{max-width:70%}.photo-feature{gap:24px}.photo-feature>img{aspect-ratio:4/3;border-radius:20px}.toolbar{flex-direction:column;align-items:flex-start;gap:20px}.toolbar>.t-field{max-width:100%}.color-signature{grid-template-columns:1fr 1fr;border-radius:20px}.color-signature>div{padding:22px;min-height:160px}.color-signature>div:first-child{grid-column:span 2}.color-signature>div:first-child strong{max-width:none;font-size:2.125rem}.color-signature>div+div{border-top:1px solid var(--turbo-border-subtle)}.color-signature strong{font-size:1.5625rem;max-width:8ch}.color-signature span{font-size:0.6875rem}.color-signature>div:first-child span{font-size:1.25rem}.swatch-grid{grid-template-columns:1fr 1fr;gap:12px}.swatch-name{font-size:0.5625rem}.swatch-description{font-size:0.75rem}.swatch-color{height:78px}.contrast-lab{grid-template-columns:1fr;padding:20px;gap:22px;border-radius:20px}.contrast-sample{padding:24px}.type-hero{gap:12px}.type-hero>div{padding:20px 16px;border-radius:18px}.type-glyph{font-size:2.625rem;line-height:1.8}.reading-face .type-glyph{font-size:2rem;line-height:2.4}.type-hero p{font-size:0.9375rem;line-height:1.7}.reading-face p{font-size:0.75rem;line-height:2}.type-hero .eyebrow{font-size:0.5625rem}.type-playground{padding:20px;border-radius:20px}.type-sample{padding-top:8px;min-height:180px}.range-label{gap:10px}.layout-demo{padding:20px;border-radius:20px}.grid-diagram{gap:6px;min-height:180px}.grid-diagram>div{font-size:0.6875rem}.layout-demo>.row-between{font-size:0.75rem;align-items:flex-start}.space-scale{gap:22px}.radius-grid{grid-template-columns:1fr 1fr;gap:12px}.radius-grid>div{padding:24px 16px}.component-intro{align-items:flex-start;flex-direction:column;gap:10px}.component-workbench{grid-template-columns:1fr;gap:28px}.component-list{position:static;max-height:220px;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px 4px 10px;border-bottom:1px solid var(--turbo-border-subtle)}.component-list>.t-field{grid-column:span 2;margin-bottom:12px}.component-list>button{min-height:44px;font-size:0.875rem}.component-list>button>small{font-size:0.5625rem}.component-title h2{font-size:2rem}.component-demo{padding:20px}.component-spec>div{display:block}.component-spec dt{margin-bottom:6px}.component-spec dd{font-size:1rem}.component-demo .t-button{font-size:1.25rem}.demo-settings{grid-template-columns:1fr}.demo-settings>.t-field{grid-row:auto}.demo-settings>.t-switch-row{font-size:1.0625rem}.component-detail>p{font-size:1.0625rem}.device-stage{padding:14px;border-radius:20px}.device-meta{font-size:0.5625rem;gap:8px}.motion-specimen{padding:28px;display:block}.motion-object{width:112px;height:112px;margin-bottom:30px}.motion-specimen h2{font-size:1.75rem}.icon-grid{grid-template-columns:repeat(3,1fr)}.icon-grid>div{min-height:100px}.copy-pairs{grid-template-columns:1fr;gap:16px}.voice-statement{padding:28px 24px}.voice-statement p{font-size:1.875rem;line-height:1.6}.voice-statement>span{font-size:1rem}.accessibility-hero{padding:28px;gap:24px;display:block}.accessibility-hero>.t-icon{width:48px;height:48px;margin-bottom:24px}.accessibility-hero h2{font-size:1.75rem}.accessibility-hero p{font-size:1.125rem}.reference-list>a{font-size:1rem;line-height:1.6}.release-panel{padding:26px}.release-panel h2{font-size:1.75rem}.release-panel>.t-button{width:100%;font-size:1.25rem}.resource-grid{grid-template-columns:1fr;gap:14px}.resource-card{padding:22px}.adoption-steps{grid-template-columns:1fr;gap:28px}.note{padding:18px 16px;font-size:0.9375rem}.download-row{gap:8px 18px}.download-link{font-size:0.9375rem}.product-header{padding:16px 20px}.product-header nav{gap:14px}.product-header nav>a{font-size:0.9375rem}.product-header nav>a:nth-child(2){display:none}.product-header>img{width:106px;height:48px}.web-hero{grid-template-columns:1fr;gap:28px;padding:24px 20px 40px}.web-hero h1{font-size:2.625rem;line-height:1.45;margin:14px 0 18px}.web-hero-copy>p{font-size:1.25rem;line-height:1.75}.web-hero-photo{aspect-ratio:3/2;border-radius:24px}.web-hero .eyebrow{font-size:0.875rem}.web-services{padding:40px 20px}.section-line{display:block}.section-line h2{font-size:1.75rem}.section-line>.subtle{display:block;margin-top:12px}.service-grid{grid-template-columns:1fr;gap:16px}.service-grid .t-card{padding:24px}.service-grid h3{font-size:1.5625rem}.service-grid .t-button{margin-top:0}.example-account{padding:40px 20px}.example-account .section-line{display:flex}.account-grid{grid-template-columns:1fr}.product-footer{padding:32px 20px;gap:24px}.product-footer>strong{font-size:1.5rem}.product-footer>img{width:106px}.footer-inset{font-size:0.875rem;line-height:1.75;margin-top:0}.product-app .product-header{padding-block:14px}.app-greeting h1{font-size:2.125rem}.balance-card{padding:22px}.app-content{padding-inline:20px}.app-content>.t-card .t-switch-row{font-size:1rem}.product-example .t-dialog-head h2{font-size:1.625rem}.product-example .t-dialog{font-size:1.0625rem}}
@media(min-width:600px) and (max-width:1023px){.web-hero{gap:28px;padding-inline:32px}.web-hero h1{font-size:2.625rem}.web-hero-copy>p{font-size:1.25rem}.web-services{padding-inline:32px}.service-grid{gap:16px}.service-grid .t-card{padding:20px}.service-grid h3{font-size:1.375rem}.service-grid p{font-size:1.0625rem}.service-grid .t-button{font-size:1.0625rem}.example-account{padding-inline:32px}.web-hero-photo{aspect-ratio:.8}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-object{animation:none}.entry-card{transition:none}.entry-card:hover{transform:none}}
@media print{.sidebar,.topbar,.portal-footer,.skip-link{display:none}.main{margin:0;padding:20mm}.main>*{break-inside:avoid}.overview-canvas{break-inside:avoid}.t-toast{display:none}}

/* Small pink accent text is approved on white only. Tinted surfaces use ink. */
.belief .eyebrow,.layout-demo .eyebrow,.motion-specimen .eyebrow,.type-hero .eyebrow,.web-services .eyebrow{color:var(--turbo-text-accentOnSoft)}
/* Keep a monetary value intact while allowing user-scaled text to grow. */
.amount{font-size:clamp(2rem,13vw,3.25rem)}
.amount>span{font-size:.62em}
.product-example{scroll-padding-bottom:112px}
.product-app :is(button,input,a){scroll-margin-block:24px 112px}
/* Align variable-length palette descriptions without shifting their swatches. */
.swatch{display:flex;flex-direction:column;align-items:stretch}
.swatch-color{flex-shrink:0}
.component-list>button{flex-wrap:wrap;gap:2px 10px}
/* Catalogue, inspection and specification workspaces. */
.catalog-summary{display:flex;align-items:center;gap:40px;flex-wrap:wrap;padding:28px 0 32px;border-bottom:1px solid var(--turbo-border-subtle);margin-bottom:32px}.catalog-summary>div{display:flex;flex-direction:column;gap:4px}.catalog-summary strong{font-size:2rem;font-weight:600;line-height:1.2}.catalog-summary span{font-size:.9375rem;color:var(--turbo-text-secondary)}.catalog-summary>a{margin-inline-start:auto}
.catalog-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,.4fr);gap:24px;align-items:end;margin:24px 0}.catalog-toolbar>p{margin:0 0 12px}.catalog-result-count{font-size:.875rem;color:var(--turbo-text-secondary);margin-bottom:16px}
.icon-workbench{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:32px;align-items:start}.symbol-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:12px}.symbol-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;border:1px solid var(--turbo-border-subtle);border-radius:18px;padding:16px 10px 18px;color:var(--turbo-text-primary);background:white;text-decoration:none;transition:border-color .12s,background .12s;min-height:158px}.symbol-card:hover{border-color:var(--turbo-action-primary);background:var(--turbo-surface-soft)}.symbol-card[aria-current]{border:2px solid var(--turbo-text-primary);padding:15px 9px 17px;background:var(--turbo-surface-soft)}.symbol-drawing{display:flex;align-items:center;justify-content:center;width:60px;height:60px;margin-bottom:10px;border-radius:16px}.symbol-drawing--product{background:var(--turbo-surface-selected)}.symbol-card strong{font-size:1rem;font-weight:600;line-height:1.4}.symbol-card small{font-size:.8125rem;color:var(--turbo-text-secondary);margin-top:4px}
.symbol-inspector{position:sticky;top:96px;border:1px solid var(--turbo-border-subtle);border-radius:22px;padding:20px;background:white;max-height:calc(100dvh - 120px);overflow:auto}.symbol-large{height:160px;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:20px;border-radius:14px;background-color:var(--turbo-surface-technical);background-image:linear-gradient(#0d397309 1px,transparent 1px),linear-gradient(90deg,#0d397309 1px,transparent 1px);background-size:16px 16px}.symbol-large--pink{color:var(--turbo-action-primary)}.symbol-dimension{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:.75rem;color:var(--turbo-text-secondary)}.symbol-inspector h2{font-size:1.5rem;margin:6px 0;color:var(--turbo-text-primary)}.symbol-inspector>p{margin:0 0 8px}.symbol-inspector>code{font-size:.8125rem;display:block;margin-bottom:20px}.icon-size-options{border:0;margin:20px 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.icon-size-options legend{font-size:.9375rem;font-weight:600;margin-bottom:10px}.icon-size-options button{min-width:44px;min-height:44px;border-radius:10px;border:1px solid var(--turbo-border-subtle);background:white;color:var(--turbo-text-primary);font:inherit;cursor:pointer}.icon-size-options button[aria-pressed=true]{background:var(--turbo-surface-selected);border-color:var(--turbo-text-primary);font-weight:700}.inspector-actions{display:flex;flex-direction:column;gap:12px;margin-block:20px}.symbol-inspector .t-field{font-size:1rem}.symbol-inspector .subtle{font-size:.875rem}.symbol-inspector details{border-top:1px solid var(--turbo-border-subtle);padding:12px 0;font-size:.875rem}.source-path{overflow-wrap:anywhere;word-break:break-word;font-size:.8125rem;line-height:1.7;color:var(--turbo-text-secondary)}
.product-mapping{display:grid;grid-template-columns:1fr 1fr;gap:12px}.product-mapping a{display:flex;gap:16px;align-items:center;padding:16px;border:1px solid var(--turbo-border-subtle);border-radius:16px;text-decoration:none;color:var(--turbo-text-primary)}.product-mapping strong,.product-mapping code{display:block}.product-mapping strong{font-size:1.0625rem}.product-mapping code{font-size:.75rem;color:var(--turbo-text-secondary);margin-top:4px;overflow-wrap:anywhere}
.playground-controls{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:24px 0 16px}.playground-controls .t-segmented button{font-size:.875rem;padding-inline:12px}.text-button{font:inherit;font-size:.9375rem;color:var(--turbo-text-primary);text-decoration:underline;text-underline-offset:4px;border:0;background:none;cursor:pointer;min-height:44px;padding:4px 0;text-align:start}.component-workbench{align-items:start}.component-list{max-height:calc(100dvh - 128px);overflow:auto;position:sticky;top:96px}.component-list>.subtle{font-size:.8125rem;padding:12px 0 4px;display:block}.component-detail{min-width:0}.component-title{gap:16px;flex-wrap:wrap}.component-title>.t-button{font-size:.875rem}.component-demo{overflow:visible}.component-demo .t-field,.component-demo .t-switch-row{max-width:100%}.component-demo>.specimen-label{margin-bottom:24px}.component-demo:has(.t-page-hero),.component-demo:has(.t-site-header){padding:16px}
.code-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--turbo-border-subtle)}.code-toolbar>span{font-size:.6875rem;letter-spacing:.1em}.code-toolbar .t-button{font-size:.875rem}.code-block pre{font-size:.8125rem;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;max-height:580px;overflow:auto}.code-block{margin-block:28px;max-width:100%}.api-table-wrap{overflow:auto;border:1px solid var(--turbo-border-subtle);border-radius:14px;margin-bottom:20px}.api-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem;table-layout:fixed}.api-table th,.api-table td{padding:12px 16px;border-bottom:1px solid var(--turbo-border-subtle);vertical-align:top;overflow-wrap:anywhere}.api-table th:first-child{width:24%}.api-table th:last-child{width:18%}.api-table thead{background:var(--turbo-surface-technical)}.api-table code{font-size:.75rem}.api-table th small{display:block;font-size:.6875rem;color:var(--turbo-text-secondary);font-weight:400;margin-top:4px}.api-table td p{margin:8px 0 0}.component-detail>.section-title{margin-top:32px}.component-detail>.section-title h3{margin:8px 0;font-size:1.5rem}.component-detail>.section-title p{font-size:.9375rem}
.size-principle{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;margin:0 0 40px;padding:32px;background:var(--turbo-surface-soft);border-radius:26px}.size-principle h2{font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.3;margin:16px 0 0;font-weight:600;color:var(--turbo-text-display)}.size-principle p{max-width:38ch;font-size:1.125rem;line-height:1.8}.size-comparison{display:grid;gap:16px;margin:24px 0 32px}.size-comparison-item{padding:24px;border:1px solid var(--turbo-border-subtle);border-radius:18px;min-width:0;background:white}.size-comparison-item>div:first-child{display:flex;align-items:center;gap:12px;margin-bottom:24px}.size-comparison-item>div:first-child strong{font-size:.8125rem;letter-spacing:.08em}.size-comparison-item>div:first-child span{font-size:.875rem;color:var(--turbo-text-secondary)}.size-comparison-render{min-width:0}.size-comparison--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.size-comparison--compact .size-comparison-item{padding:20px}.size-comparison--compact .demo-center{min-height:90px}.size-comparison .demo-settings{display:none}.size-comparison .row{flex-wrap:wrap}.size-comparison .demo-center .t-button{max-width:100%}.dimension-directory{margin:16px 0 24px}.dimension-directory a{display:grid;grid-template-columns:150px 1fr 20px;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--turbo-border-subtle);color:var(--turbo-text-primary);text-decoration:none}.dimension-directory strong{font-size:1rem}.dimension-directory span{font-size:.9375rem;color:var(--turbo-text-body)}
.product-icon-specimens{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:24px}.product-icon-specimens>div{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:16px;min-height:100px}.product-icon-specimens span{font-size:.8125rem}.product-card-demo{display:grid;grid-template-columns:1fr 1fr;gap:24px}.demo-content-block{background:var(--turbo-surface-selected);padding:24px;text-align:center;border:1px dashed var(--turbo-border-control);border-radius:12px}.state-gallery{border-bottom:1px solid var(--turbo-border-subtle);margin-block:24px;padding-block:16px}.state-gallery>summary{font-weight:600;cursor:pointer;min-height:44px;display:flex;align-items:center}.state-gallery>summary:before{content:'+';margin-right:12px}.state-gallery[open]>summary:before{content:'−'}.button-state-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:20px}.button-state-grid>div{display:flex;flex-direction:column;align-items:start;gap:16px}.field-state-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:20px 0}
.coverage-workbench{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;margin-top:32px;align-items:start}.coverage-list{position:sticky;top:96px;max-height:calc(100dvh - 128px);overflow:auto}.coverage-list>a{display:flex;flex-direction:column;gap:4px;min-height:64px;padding:12px;color:var(--turbo-text-primary);text-decoration:none;border-radius:12px}.coverage-list>a[aria-current]{background:var(--turbo-surface-selected)}.coverage-list>a:hover{background:var(--turbo-surface-soft)}.coverage-list strong{font-size:.9375rem;font-weight:600;overflow-wrap:anywhere}.coverage-list small{font-size:.75rem;color:var(--turbo-text-secondary)}.coverage-list .t-search-field{margin-bottom:16px;font-size:1rem}.coverage-detail{min-width:0}.coverage-detail h2{font-size:2rem;margin:16px 0}.coverage-detail h3{font-size:1.25rem;margin-top:32px}.coverage-detail>p{line-height:1.8}.related-components{display:flex;flex-wrap:wrap;gap:8px;margin-block:20px}.related-components a{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 14px;border:1px solid var(--turbo-border-subtle);border-radius:10px;font-size:.9375rem;text-decoration:none;color:var(--turbo-text-primary)}.coverage-detail details{border-top:1px solid var(--turbo-border-subtle);padding:12px 0}.coverage-detail summary{cursor:pointer;min-height:44px;line-height:44px;font-weight:600}.source-api{font-size:.8125rem;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--turbo-surface-technical);padding:20px;border-radius:12px;max-height:420px;overflow:auto;line-height:1.8}.dependency-list{padding-left:20px;overflow-wrap:anywhere;font-size:.8125rem}
.symbol-card:focus-visible,.icon-size-options button:focus-visible,.text-button:focus-visible,.related-components a:focus-visible,.coverage-list a:focus-visible,.dimension-directory a:focus-visible{outline:2px solid var(--turbo-focus-ring);outline-offset:3px}
@media(max-width:1199px){.icon-workbench{grid-template-columns:minmax(0,1fr) 250px;gap:20px}.symbol-grid{grid-template-columns:repeat(auto-fill,minmax(115px,1fr))}.coverage-workbench{grid-template-columns:190px minmax(0,1fr);gap:24px}.size-comparison--compact{grid-template-columns:1fr}.size-comparison--compact .size-comparison-item{display:grid;grid-template-columns:120px 1fr;gap:20px;align-items:center}.size-comparison--compact .size-comparison-item>div:first-child{margin:0;flex-direction:column;align-items:start}.product-card-demo{grid-template-columns:1fr}}
@media(max-width:899px){.icon-workbench{grid-template-columns:1fr}.symbol-inspector{position:static;max-height:none;display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}.symbol-large{grid-column:1/-1}.symbol-inspector>h2,.symbol-inspector>.eyebrow,.symbol-inspector>p,.symbol-inspector>code{grid-column:1/-1}.symbol-inspector .icon-size-options{grid-column:1/-1}.symbol-inspector .inspector-actions{margin:0}.symbol-inspector details{grid-column:1/-1}.symbol-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.coverage-workbench{grid-template-columns:1fr}.coverage-list{position:static;max-height:280px;padding-bottom:16px;border-bottom:1px solid var(--turbo-border-subtle)}.component-list{position:static;max-height:320px}.size-principle{gap:24px;padding:24px}}
@media(max-width:599px){.catalog-summary{gap:24px}.catalog-summary strong{font-size:1.75rem}.catalog-summary span{font-size:.8125rem}.catalog-summary>a{margin:0}.catalog-toolbar{grid-template-columns:1fr;gap:16px}.symbol-inspector{display:block}.symbol-inspector .t-field{margin-top:16px}.symbol-inspector .inspector-actions{margin-block:20px}.symbol-grid{grid-template-columns:1fr 1fr}.product-mapping{grid-template-columns:1fr}.size-principle{grid-template-columns:1fr}.size-principle p{margin:0}.size-comparison--compact .size-comparison-item{display:block}.size-comparison--compact .size-comparison-item>div:first-child{flex-direction:row;margin-bottom:16px}.size-comparison-item{padding:16px}.dimension-directory a{grid-template-columns:1fr 20px;gap:8px}.dimension-directory a span{grid-column:1}.dimension-directory a>.t-icon{grid-column:2;grid-row:1/3}.api-table th,.api-table td{padding:10px 8px}.api-table th:first-child{width:25%}.api-table th:last-child{width:23%}.button-state-grid,.field-state-grid{grid-template-columns:1fr}.component-title{align-items:start}.playground-controls .t-segmented{width:100%}.playground-controls .t-segmented button{flex:1}.product-icon-specimens{grid-template-columns:repeat(2,minmax(0,1fr))}.component-demo .two-col{grid-template-columns:1fr}.component-demo .row{flex-wrap:wrap}.component-demo .t-dialog-head h2{font-size:1.5rem}.catalog-summary{margin-top:-12px}}
.icon-workbench>div{min-width:0}.symbol-card{min-width:0;overflow-wrap:anywhere}.product-mapping a>span{min-width:0}.product-mapping a{min-width:0}.symbol-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,138px),1fr))}
@media(max-width:599px){.symbol-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.size-principle>*{min-width:0}.size-principle h2{overflow-wrap:anywhere}
/* Component identifiers are unbroken words; permit reflow at larger text sizes. */
.page-heading h1,.component-title h2,.coverage-detail h2,.coverage-detail h3,.dimension-directory strong{overflow-wrap:anywhere}
.type-definition{margin-bottom:16px;padding:8px 0;border-bottom:1px solid var(--turbo-border-subtle)}.type-definition summary{cursor:pointer;min-height:44px;line-height:1.6;display:flex;align-items:center;overflow-wrap:anywhere;font-size:.9375rem;font-weight:600}
.symbol-inspector{scroll-margin-top:88px}.symbol-back{display:none}@media(max-width:899px){.symbol-back{display:block;grid-column:1/-1;margin-bottom:8px}}
/* The document already reserves space for the fixed header. */
.symbol-inspector{scroll-margin-top:0}

.portal-footer-links{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px 24px}.portal-footer{flex-wrap:wrap;align-items:center}@media(max-width:599px){.portal-footer-links{justify-content:flex-start;display:block}}

/* Connected reference: decisions, implementation and validation share one entry. */
.component-picker-trigger{display:none}
.reference-workbench{grid-template-columns:200px minmax(0,1fr);gap:32px}
.reference-workbench .component-list>.t-field{margin-bottom:14px}
.reference-workbench .component-list>button{flex-wrap:wrap;overflow-wrap:anywhere}
.reference-workbench .component-list>button>small{margin-left:auto}
.component-detail{min-width:0}
.availability-strip{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;border-block:1px solid var(--turbo-border-subtle);padding:12px 0;color:var(--turbo-text-secondary);font-size:.8125rem}
.availability-strip>span,.availability-strip>a{display:inline-flex;gap:6px;align-items:center}
.availability-strip>a{min-height:44px;text-underline-offset:4px}
.availability-strip i{width:6px;height:6px;background:var(--turbo-status-success);border-radius:50%}
.availability-strip small{margin-left:auto;font-size:.6875rem}
.reference-demo{background:var(--turbo-surface-technical);padding:24px}
.interactive-workbench{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:24px;align-items:start}
.workbench-preview{background:white;border-radius:14px;padding:24px 20px;min-width:0;min-height:220px;display:flex;flex-direction:column;justify-content:center}
.workbench-options{display:grid;gap:16px;min-width:0}
.workbench-options .t-switch-row{font-size:.9375rem;gap:8px;justify-content:space-between}
.workbench-options .t-field>label{font-size:.8125rem}
.specimen-footnote{font-size:.75rem;line-height:1.7;color:var(--turbo-text-secondary);margin:24px 0 0}
.preview-code{grid-column:1/-1;border-top:1px solid var(--turbo-border-subtle);padding-top:4px;min-width:0}
.preview-code summary,.recipe-code summary{min-height:44px;display:flex;align-items:center;gap:12px;cursor:pointer;font-size:.875rem;font-weight:600}
.preview-code summary:before,.recipe-code summary:before{content:'+';font-weight:400;font-size:1.25rem}
.preview-code[open] summary:before,.recipe-code[open] summary:before{content:'−'}
.documentation-tabs{margin-top:32px;min-width:0}
.documentation-tabs>.t-tabs>.t-tablist{margin-bottom:28px}
.reference-section{margin:36px 0;min-width:0}
.reference-section h3{font-size:1.5rem;line-height:1.35;margin:8px 0 16px}
.reference-section p{font-size:1rem;line-height:1.75;margin:12px 0;color:var(--turbo-text-body)}
.reference-section .eyebrow{font-size:.625rem}
.decision-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px}
.decision-pair>div{padding:20px;border-radius:14px;background:var(--turbo-surface-technical);min-width:0}
.decision-pair>div:first-child{background:var(--turbo-surface-soft)}
.decision-label{display:flex;gap:8px;align-items:center;font-weight:600;font-size:1rem}
.decision-pair p{font-size:1rem;line-height:1.7;margin:12px 0 0}
.anatomy-figure{margin:24px 0 20px;padding:44px 32px 24px;border:1px solid var(--turbo-border-subtle);border-radius:18px;position:relative;min-width:0;background:linear-gradient(0deg,transparent 95%,#edf0f580 95%) 0 0/24px 24px,linear-gradient(90deg,transparent 95%,#edf0f580 95%) 0 0/24px 24px,var(--turbo-surface-technical)}
.anatomy-sample{margin:24px auto;max-width:360px;min-width:0}
.anatomy-figure--button .anatomy-sample{width:max-content;max-width:100%}
.anatomy-markers{display:flex;gap:8px;position:absolute;top:16px;left:24px}
.anatomy-markers>span,.anatomy-key>li>span{width:24px;height:24px;flex-shrink:0;border-radius:50%;background:var(--turbo-text-primary);color:white;display:grid;place-items:center;font-size:.75rem;font-weight:600}
.anatomy-figure figcaption{font-size:.75rem;line-height:1.7;color:var(--turbo-text-secondary);text-align:center}
.anatomy-key{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}
.anatomy-key li{display:flex;align-items:flex-start;gap:9px;min-width:0}
.anatomy-key li p{font-size:.875rem;line-height:1.6;margin:0}
.state-tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.state-tags>span{padding:6px 10px;border:1px solid var(--turbo-border-subtle);border-radius:6px;font-size:.8125rem}
.selection-states{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}
.selection-states>div{padding:16px 12px;background:var(--turbo-surface-technical);border-radius:12px;min-width:0}
.selection-states strong{font-size:.875rem;font-weight:600;display:block;margin-bottom:12px}
.selection-states .t-choice{font-size:.875rem;align-items:center;gap:8px}
.related-components,.token-links{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:20px}
.related-components>a,.token-links>a{display:inline-flex;align-items:center;gap:12px;padding:10px 14px;min-height:44px;border:1px solid var(--turbo-border-subtle);border-radius:10px;text-decoration:none;font-size:.9375rem;overflow-wrap:anywhere;min-width:0;max-width:100%}
.related-components>a:hover,.token-links>a:hover{background:var(--turbo-surface-soft);border-color:var(--turbo-border-control)}
.token-links code{font-size:.75rem;overflow-wrap:anywhere}
.import-statement{display:block;border-left:3px solid var(--turbo-color-pink-213c-1000);padding:12px 16px;font-size:.75rem;background:var(--turbo-surface-technical);overflow-wrap:anywhere;line-height:1.8}
.review-checklist{padding-left:24px;font-size:1rem;line-height:1.8}
.review-checklist li{padding-left:6px;margin-bottom:12px}
/* Search and inspect canonical tokens without losing alias context. */
.token-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;padding:32px;background:var(--turbo-surface-soft);border-radius:24px;margin-bottom:32px}
.token-intro h2{font-size:2.25rem;line-height:1.2;margin:16px 0 0;letter-spacing:-.02em}
.token-intro p{font-size:1.125rem;line-height:1.7;margin:0;max-width:36ch}
.token-toolbar{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:20px;margin:28px 0}
.token-toolbar>*{min-width:0}
.token-workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);gap:28px;align-items:start}
.token-workbench>*{min-width:0}
.token-directory{max-height:570px;overflow:auto;scrollbar-width:thin;border-block:1px solid var(--turbo-border-subtle);padding:4px}
.token-directory>a{display:grid;grid-template-columns:44px minmax(0,1fr) minmax(0,auto);gap:12px;align-items:center;min-height:84px;padding:12px 10px;text-decoration:none;border-bottom:1px solid var(--turbo-border-subtle);border-radius:10px}
.token-directory>a:last-child{border-bottom:0}
.token-directory>a:hover{background:var(--turbo-surface-technical)}
.token-directory>a[aria-current=true]{background:var(--turbo-surface-soft);box-shadow:inset 3px 0 var(--turbo-color-pink-213c-1000)}
.token-directory strong{font-size:.9375rem;font-weight:600;overflow-wrap:anywhere;line-height:1.5}
.token-directory small{display:block;font-size:.75rem;color:var(--turbo-text-secondary);margin-top:4px}
.token-directory code{font-size:.6875rem;max-width:14ch;line-height:1.5;overflow-wrap:anywhere;text-align:right}
.token-preview{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;max-width:100%}
.token-preview--color{border:1px solid #0d397322}
.token-preview--color.is-large{width:100%;height:100px;border-radius:14px}
.token-preview--shape{background:var(--turbo-surface-selected);border:1px solid var(--turbo-border-control)}
.token-preview--shadow{background:white}
.token-preview--type{font-size:1rem;background:var(--turbo-surface-technical)}
.token-preview--measure{overflow:hidden;justify-content:flex-start}
.token-preview--measure i{height:12px;background:var(--turbo-color-pink-213c-1000);display:block;border-radius:2px;max-width:100%}
.token-inspector{padding:24px;background:var(--turbo-surface-technical);border:1px solid var(--turbo-border-subtle);border-radius:20px;overflow-wrap:anywhere}
.token-hero>span:last-child{font-size:.75rem;display:block;color:var(--turbo-text-secondary);margin-top:18px}
.token-inspector h3{font-size:1.5rem;line-height:1.4;margin:8px 0 10px}
.token-resolved{font-size:.875rem;line-height:1.8}
.token-inspector p{line-height:1.7;font-size:.9375rem;margin:18px 0}
.token-inspector h4{font-size:.8125rem;font-weight:600;margin:24px 0 12px}
.alias-chain{padding:0;margin:0;list-style:none;display:grid;gap:10px}
.alias-chain li{display:flex;align-items:center;gap:12px;font-size:.875rem;flex-wrap:wrap}
.alias-chain li>span{font-size:.6875rem;color:var(--turbo-text-secondary);width:40px}
.alias-chain a{min-height:44px;display:flex;align-items:center;flex:1;text-underline-offset:4px}
.alias-chain .t-icon{transform:rotate(90deg)}
.token-inspector .inspector-actions{display:flex;align-items:stretch;flex-direction:column;margin:24px 0 0;gap:8px}
/* Pattern recipes use the real library and deliberately local state. */
.recipe-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:28px 0 32px}
.recipe-grid>a{display:flex;flex-direction:column;align-items:flex-start;padding:24px 20px;border:1px solid var(--turbo-border-subtle);border-radius:18px;text-decoration:none;min-width:0}
.recipe-grid>a:hover{background:var(--turbo-surface-technical)}
.recipe-grid>a[aria-current=true]{background:var(--turbo-surface-soft);border-color:var(--turbo-color-pink-213c-1000)}
.recipe-grid h3{font-size:1.25rem;line-height:1.35;margin:20px 0 10px}
.recipe-grid p{font-size:.9375rem;line-height:1.6;color:var(--turbo-text-secondary);margin:0 0 20px}
.recipe-grid>a>.t-icon:last-child{margin-top:auto}
.recipe-detail{border:1px solid var(--turbo-border-subtle);border-radius:26px;padding:36px;min-width:0}
.recipe-heading{max-width:680px}
.recipe-heading h2{font-size:2rem;line-height:1.3;margin:12px 0}
.recipe-heading p{font-size:1.0625rem;line-height:1.75;margin:12px 0 24px}
.recipe-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;padding:0;border-block:1px solid var(--turbo-border-subtle);margin:24px 0;padding-block:20px}
.recipe-steps li{display:flex;gap:12px;align-items:flex-start;font-size:.9375rem;line-height:1.5}
.recipe-steps li>span{color:var(--turbo-text-secondary);font-size:.75rem;line-height:1.875rem}
.recipe-stage{background:var(--turbo-surface-technical);padding:24px;border-radius:18px;margin:24px 0}
.recipe-stage>div{max-width:640px;background:white;border:1px solid var(--turbo-border-subtle);border-radius:14px;padding:24px;margin:auto}
.recipe-stage>div>.t-field{margin-bottom:24px}
.recipe-fieldset{border:0;padding:0;margin:0;min-width:0}
.recipe-fieldset legend{font-size:1.25rem;font-weight:600;margin-bottom:16px}
.nested-choices{margin-left:10px;padding-left:20px;border-left:2px solid var(--turbo-border-subtle)}
.consent-example{border-top:1px solid var(--turbo-border-subtle);padding-top:20px;margin-top:20px}
.recipe-code{border-top:1px solid var(--turbo-border-subtle);margin-top:24px;padding-top:16px}
/* Make platform boundaries clear without implying nonexistent implementations. */
.status-intro{max-width:670px;margin-bottom:36px}
.status-intro h2{font-size:2.25rem;line-height:1.3;margin:20px 0 12px}
.status-intro p{font-size:1.125rem;line-height:1.7;margin:0}
.platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.platform-grid>div{border:1px solid var(--turbo-border-subtle);padding:24px;border-radius:18px;min-width:0}
.platform-grid h3{font-size:1.5rem;margin:18px 0 12px}
.platform-grid p{font-size:1rem;line-height:1.7;margin:0}
.status-label{display:inline-block;border-radius:6px;background:var(--turbo-surface-soft);padding:6px 10px;font-size:.8125rem;font-weight:600}
.status-table-wrap{overflow:auto;margin:24px 0;scrollbar-width:thin}
.status-table-wrap .api-table{min-width:640px}
.status-table-wrap .api-table th:first-child{width:26%}
.status-table-wrap .api-table th:last-child{width:auto}
.status-table-wrap th small{display:block;font-weight:400;color:var(--turbo-text-secondary);font-size:.75rem}
@media(max-width:1279px){.reference-workbench{grid-template-columns:180px minmax(0,1fr);gap:24px}.interactive-workbench{grid-template-columns:1fr}.workbench-options{grid-template-columns:1fr 1fr;align-items:center}.workbench-options>.t-field{grid-row:span 2}.decision-pair{gap:16px}.decision-pair>div{padding:16px}.selection-states{grid-template-columns:1fr}.selection-states>div>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.anatomy-key{grid-template-columns:1fr}.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.token-workbench{gap:20px;grid-template-columns:minmax(0,1fr) minmax(270px,.8fr)}.token-directory>a{grid-template-columns:36px minmax(0,1fr)}.token-directory code{grid-column:2;text-align:left;max-width:none}.token-directory .token-preview{width:32px;height:32px;grid-row:span 2}.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:959px){.reference-workbench{display:block}.reference-workbench .component-list{display:none;position:static;max-height:380px;margin-bottom:28px;padding:12px;border:1px solid var(--turbo-border-subtle);border-radius:12px}.reference-workbench .component-list.is-open{display:flex}.component-picker-trigger{display:flex;align-items:center;gap:12px;min-height:52px;width:100%;padding:12px 16px;border:1px solid var(--turbo-border-control);border-radius:12px;background:white;text-align:left;font-size:.875rem;margin-bottom:28px}.component-picker-trigger>strong{margin-left:auto;overflow-wrap:anywhere;min-width:0}.component-intro{align-items:flex-start;flex-wrap:wrap}.token-workbench{grid-template-columns:1fr}.token-directory{max-height:400px}.token-directory>a{grid-template-columns:44px minmax(0,1fr) auto}.token-directory code{grid-column:auto;max-width:20ch;text-align:right}.token-directory .token-preview{grid-row:auto;width:40px;height:40px}.token-inspector{display:grid;grid-template-columns:100px minmax(0,1fr);gap:8px 24px}.token-hero{grid-row:span 3}.token-inspector h3,.token-inspector p,.token-inspector h4{margin:0}.token-inspector h4,.alias-chain,.token-inspector .inspector-actions{grid-column:1/-1}.token-inspector h4{margin-top:16px}.token-inspector .inspector-actions{flex-direction:row;flex-wrap:wrap}.token-intro{gap:24px}}
@media(max-width:599px){.reference-demo{padding:16px}.workbench-preview{padding:20px 16px}.workbench-options{grid-template-columns:1fr}.workbench-options>.t-field{grid-row:auto}.component-picker-trigger{gap:8px}.component-picker-trigger>strong{font-size:.75rem}.component-picker-trigger>.t-icon:first-child{display:none}.component-title{flex-wrap:wrap}.component-title h2{font-size:2rem}.availability-strip{gap:8px 14px}.availability-strip small{margin-left:0}.decision-pair{grid-template-columns:1fr}.anatomy-figure{padding:40px 16px 20px}.anatomy-figure--button .anatomy-sample{width:100%}.anatomy-figure--button .t-button{width:100%}.selection-states>div>div{grid-template-columns:1fr}.documentation-tabs>.t-tabs>.t-tablist{gap:4px}.documentation-tabs>.t-tabs>.t-tablist>button{padding-inline:8px;font-size:.875rem}.related-components,.token-links{gap:8px}.related-components>a,.token-links>a{font-size:.875rem;padding:8px 12px}.token-intro{grid-template-columns:1fr;padding:24px}.token-intro h2{font-size:2rem}.token-toolbar{grid-template-columns:1fr;gap:16px}.token-directory>a{grid-template-columns:36px minmax(0,1fr);gap:8px}.token-directory code{grid-column:2;text-align:left;max-width:100%}.token-directory .token-preview{width:32px;height:32px;grid-row:span 2}.token-inspector{display:block;padding:20px}.token-inspector h3{margin-block:16px 8px}.token-inspector p{margin-top:16px}.token-inspector h4{margin-bottom:12px}.token-inspector .inspector-actions{flex-direction:column}.recipe-grid{gap:12px}.recipe-grid>a{padding:20px 16px}.recipe-grid h3{font-size:1.125rem}.recipe-detail{padding:20px 16px;border-radius:20px}.recipe-heading h2{font-size:1.75rem}.recipe-steps{grid-template-columns:1fr;gap:12px}.recipe-stage{padding:16px 10px}.recipe-stage>div{padding:20px 14px}.recipe-stage .specimen-label{line-height:1.8;letter-spacing:.06em}.platform-grid{grid-template-columns:1fr}.platform-grid>div{padding:20px}.token-workbench+.reference-section>.row-between{align-items:flex-start;flex-direction:column;gap:16px}}
@media(max-width:359px){.recipe-grid{grid-template-columns:1fr}.recipe-grid>a{display:grid;grid-template-columns:24px 1fr;gap:12px}.recipe-grid h3{margin:0}.recipe-grid p{grid-column:2;margin:0}.recipe-grid>a>.t-icon:last-child{display:none}}

/* Markers track the actual rendered anatomy through size and text changes. */
.anatomy-markers{position:absolute;inset:0;display:block;pointer-events:none}
.anatomy-markers>span{position:absolute;transform:translate(-50%,-50%);width:20px;height:20px;font-size:.6875rem;box-shadow:0 0 0 3px white}
.anatomy-figure .anatomy-sample{padding-inline:12px}
.anatomy-figure--button .anatomy-markers>span:nth-child(2){transform:translate(-50%,calc(-50% - 44px))}
.anatomy-figure--button .anatomy-markers>span:nth-child(2):after{content:'';position:absolute;top:23px;left:9px;width:1px;height:26px;background:var(--turbo-text-secondary)}

.component-title h2{scroll-margin-top:0}
.platform-grid h3,.status-intro h2{overflow-wrap:anywhere}
.status-intro .t-badge{white-space:normal;line-height:1.5}

.token-back{display:none}
.token-directory,.token-inspector{scroll-margin-top:0}
@media(max-width:959px){.token-back{display:block;grid-column:1/-1;justify-self:start;margin:0 0 12px}}

/* The navigation reserves its selected marker, so choosing a page never shifts a label. */
:root{--portal-rail:272px}
.sidebar{width:var(--portal-rail);padding-inline:18px}.topbar{left:var(--portal-rail)}.main{margin-left:var(--portal-rail)}
nav[aria-label="Design system chapters"]>a{display:grid;grid-template-columns:19px minmax(0,1fr) 5px;column-gap:10px;min-height:44px;padding:10px 12px;line-height:1.25;font-weight:500}
nav[aria-label="Design system chapters"]>a[aria-current=page]{font-weight:500}nav[aria-label="Design system chapters"]>a>span:not(.nav-dot){min-width:0}.nav-dot{margin:0;visibility:hidden}nav[aria-label="Design system chapters"]>a[aria-current=page]>.nav-dot{visibility:visible}
.collection-intro{display:flex;align-items:center;gap:42px;padding:0 0 28px;margin-bottom:32px;border-bottom:1px solid var(--turbo-border-subtle)}.collection-intro>div{display:flex;align-items:baseline;gap:12px}.collection-intro strong{font-size:2rem;font-weight:600;letter-spacing:-.02em}.collection-intro span{font-size:.9375rem;color:var(--turbo-text-secondary)}.collection-intro>a{display:flex;align-items:center;gap:10px;margin-left:auto;text-decoration:none;font-size:.9375rem;min-height:44px}.result-count{font-size:.8125rem;color:var(--turbo-text-secondary);margin:12px 0}.collection-note{font-size:.9375rem;color:var(--turbo-text-secondary);line-height:1.75;max-width:90ch;margin:32px 0}.collection-empty{padding:30px 20px;font-size:1rem;color:var(--turbo-text-secondary);line-height:1.7}.collection-empty h2{color:var(--turbo-text-primary);font-size:1.5rem}
.ci-featured{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 40px}.ci-featured>a{padding:22px;background:var(--turbo-surface-soft);border:1px solid var(--turbo-border-subtle);border-radius:16px;text-decoration:none;position:relative}.ci-featured h2{font-size:1.3125rem;line-height:1.3;margin:20px 0 10px}.ci-featured p{font-size:.9375rem;line-height:1.6;color:var(--turbo-text-secondary);margin:0 0 24px}.ci-featured>a>.t-icon:last-child{position:absolute;bottom:20px;right:20px}.ci-library-toolbar{display:flex;gap:24px;align-items:flex-end}.ci-library-toolbar>.t-field:first-child{flex:1}.ci-library-toolbar>.t-field:last-child{flex:0 1 280px}.ci-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px}.ci-index-chapter{padding:24px 0;border-top:1px solid var(--turbo-border-subtle);min-width:0}.ci-index-heading{display:flex;gap:16px;align-items:baseline;margin-bottom:18px}.ci-index-heading>span:first-child{font-size:.875rem;color:var(--turbo-text-accent);min-width:20px}.ci-index-heading small{font-size:.75rem;color:var(--turbo-text-secondary)}.ci-index-heading h2{font-size:1.5rem;line-height:1.3;margin:5px 0 0}.ci-index-heading h2 a{text-decoration:none}.ci-index-heading>span:last-child{margin-left:auto;white-space:nowrap;font-size:.75rem;color:var(--turbo-text-secondary)}.ci-section-list>a{display:flex;justify-content:space-between;align-items:center;gap:12px;text-decoration:none;border-radius:8px;padding:11px 12px 11px 36px;font-size:1rem;line-height:1.4;min-height:52px}.ci-section-list>a:hover{background:var(--turbo-surface-technical)}.ci-section-list small{display:block;font-size:.8125rem;font-weight:400;color:var(--turbo-text-secondary);margin-top:3px;line-height:1.5}.ci-section-list .t-icon{flex-shrink:0}.ci-breadcrumb{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding-bottom:22px;border-bottom:1px solid var(--turbo-border-subtle);margin-bottom:24px}.ci-breadcrumb a{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:1rem;min-height:44px}.ci-breadcrumb a .t-icon{transform:rotate(180deg)}.ci-breadcrumb>span{font-size:.9375rem;color:var(--turbo-text-secondary)}.ci-reader-controls{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:36px}.ci-reader-controls>.t-field{flex:1;max-width:540px}.ci-language>span{display:block;font-size:.875rem;margin-bottom:8px}.ci-language>div{display:flex;gap:2px;padding:3px;border:1px solid var(--turbo-border-subtle);border-radius:10px}.ci-language button{min-width:52px;min-height:40px;font:500 1rem "FC Iconic",sans-serif;border:0;background:white;border-radius:7px;cursor:pointer;color:var(--turbo-text-primary)}.ci-language button[aria-pressed=true]{background:var(--turbo-surface-soft);font-weight:600}.ci-reader-heading{display:flex;gap:20px;justify-content:space-between;align-items:center}.ci-reader-heading h2{font-size:2rem;line-height:1.25;margin:8px 0 0}.ci-source-note{font-size:.875rem;line-height:1.7;color:var(--turbo-text-secondary);max-width:75ch;margin:18px 0 28px}.ci-reader{border-top:1px solid var(--turbo-border-subtle);padding-top:30px;min-width:0}.ci-related{border:1px solid var(--turbo-border-subtle);border-radius:12px;padding:18px 20px;margin-bottom:28px;font-size:.9375rem;background:var(--turbo-surface-soft)}.ci-related>strong{font-size:.875rem;font-weight:600;display:block;margin-bottom:8px}.ci-related>div{display:flex;flex-wrap:wrap;gap:2px 22px}.ci-related a{display:inline-flex;gap:8px;align-items:center;min-height:38px;text-decoration:none}.ci-reader-footer{border-top:1px solid var(--turbo-border-subtle);margin-top:24px;padding-top:20px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.ci-reader-footer a{display:flex;align-items:center;gap:8px;min-height:44px;font-size:.9375rem;text-decoration:none}
@media(min-width:960px) and (max-width:1199px){:root{--portal-rail:252px}.sidebar{padding-inline:14px}.main{padding-inline:28px}.topbar{padding-inline:28px}.ci-featured{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-intro{gap:24px;flex-wrap:wrap}.collection-intro>a{margin-left:0}}
@media(max-width:959px){.topbar{left:0}.main{margin-left:0}.ci-featured{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-intro{flex-wrap:wrap;gap:24px}.collection-intro>a{margin-left:0}.ci-index{column-gap:28px}.ci-index-heading{gap:10px}.ci-index-heading>span:last-child{display:none}.ci-section-list>a{padding-left:28px}}
@media(max-width:699px){.ci-index{grid-template-columns:1fr}.ci-library-toolbar{flex-direction:column;align-items:stretch;gap:16px}.ci-library-toolbar>.t-field:last-child{flex:auto}.ci-featured{gap:12px;margin-bottom:28px}.ci-featured>a{padding:18px 16px}.ci-featured h2{font-size:1.125rem}.ci-featured p{font-size:.8125rem}.ci-reader-controls{align-items:stretch;flex-direction:column;gap:18px}.ci-language{display:flex;align-items:center;justify-content:space-between;gap:12px}.ci-language>span{margin:0}.ci-reader-heading{display:block}.ci-reader-heading .download-link{margin-top:14px}.ci-reader-heading h2{font-size:1.75rem}.ci-related{padding:16px}.ci-breadcrumb{gap:4px 20px}.collection-intro{gap:20px;padding-bottom:20px;margin-bottom:28px}.collection-intro>div{display:block}.collection-intro strong{display:block;font-size:1.75rem}.collection-intro span{font-size:.875rem}.collection-intro>a{font-size:.875rem;width:100%}}
@media print{.main{margin:0;padding:20mm}.ci-reader-controls{display:none}}
.ci-assets-entry{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0 24px;margin-bottom:28px;border-bottom:1px solid var(--turbo-border-subtle)}.ci-assets-entry strong{font-size:1.125rem;display:block;margin-bottom:6px}.ci-assets-entry span{font-size:1rem;color:var(--turbo-text-secondary);line-height:1.6}.ci-assets-entry a{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:1rem;min-height:44px;flex-shrink:0}.ci-assets-title{font-size:2rem;line-height:1.3}.ci-assets-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}.ci-assets-grid>a{border:1px solid var(--turbo-border-subtle);border-radius:14px;overflow:hidden;text-decoration:none;min-width:0}.ci-assets-grid>a>div{background:#f3f5f8;padding:16px;height:210px;display:grid;place-items:center}.ci-assets-grid img{width:100%;height:100%;max-height:178px;object-fit:contain}.ci-assets-grid>a>span{display:block;position:relative;padding:18px 42px 18px 18px}.ci-assets-grid small{font-size:.75rem;color:var(--turbo-text-secondary)}.ci-assets-grid strong{display:block;font-size:1rem;line-height:1.5;font-weight:500;text-transform:capitalize;margin-top:4px}.ci-assets-grid .t-icon{position:absolute;right:16px;top:24px}@media(max-width:1100px){.ci-assets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:599px){.ci-assets-entry{display:block}.ci-assets-entry a{margin-top:10px}.ci-assets-grid{grid-template-columns:minmax(0,1fr)}.ci-assets-grid>a>div{height:240px}.ci-assets-grid img{max-height:208px}}
.icon-curation-options{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px 0 24px}
.icon-curation-options label{display:flex;align-items:center;gap:9px;min-height:44px;font-size:.875rem;white-space:nowrap}
.icon-curation-options input{width:18px;height:18px;accent-color:var(--turbo-text-primary)}
.icon-curation-options p{font-size:.8125rem;line-height:1.6;color:var(--turbo-text-secondary);max-width:54ch;margin:0}
.icon-usage{font-size:.875rem;line-height:1.65;margin:18px 0}
.icon-variant-note{padding:12px;background:var(--turbo-surface-soft);font-size:.875rem;border-radius:8px;margin-top:16px}
.icon-download{border:0;background:transparent;cursor:pointer;padding:0;font-family:inherit;min-height:44px;text-align:left}
@media(max-width:699px){.icon-curation-options{align-items:flex-start;flex-direction:column;gap:8px}.icon-curation-options label{white-space:normal}}

/* Communications portal. Families, variants, preview and current specification. */
.main--communications .page-heading { margin-bottom:32px; max-width:850px }
.main--communications .page-heading h1 { font-size:2.75rem; line-height:1.2; margin:12px 0 14px }
.main--communications .page-heading>p { font-size:1.125rem; line-height:1.65; max-width:66ch }
.communication-intro { align-items:center; gap:24px; margin-bottom:32px; padding-bottom:24px }
.communication-intro>p { margin:0; display:flex; flex-wrap:wrap; align-items:baseline; gap:8px 18px }
.communication-intro strong { font-size:1.125rem; font-weight:600; letter-spacing:0 }
.communication-intro span { font-size:.875rem }
.communication-workbench { display:grid; grid-template-columns:225px minmax(0,1fr); gap:32px; align-items:start }
.template-browser { position:sticky; top:94px; min-width:0 }
.template-browser .t-field label { font-size:.875rem }
.template-browser .t-input { font-size:.9375rem }
.template-library-disclosure>summary { display:none }
.template-library-disclosure:not([open])>.template-library-content { display:none }
.template-list { max-height:calc(100vh - 242px); overflow-y:auto; scrollbar-width:thin; padding-right:12px; overscroll-behavior:contain }
.template-family-group { padding-bottom:16px }
.template-family-group h3 { font-size:.6875rem; line-height:1.5; letter-spacing:.055em; text-transform:uppercase; color:var(--turbo-text-secondary); font-weight:500; margin:14px 10px 6px }
.template-family-group>a { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:9px 10px; border-radius:7px; text-decoration:none; color:var(--turbo-text-body); min-height:40px; border:1px solid transparent }
.template-family-group>a>span { font-size:.9375rem; line-height:1.35 }
.template-family-group>a>small { font-size:.6875rem; color:var(--turbo-text-secondary); min-width:16px; text-align:right }
.template-family-group>a:hover { background:var(--turbo-surface-technical) }
.template-family-group>a[aria-current=page] { background:var(--turbo-surface-soft); color:var(--turbo-text-primary); border-color:#f5d6e2 }
.template-detail { min-width:0 }
.template-detail-heading { display:flex; gap:20px; justify-content:space-between; align-items:center }
.template-detail-heading h2 { font-size:1.875rem; line-height:1.2; letter-spacing:-.02em; margin:6px 0 0 }
.template-detail-heading .t-button { font-size:.9375rem; flex-shrink:0; white-space:nowrap }
.template-description { font-size:1rem; line-height:1.7; color:var(--turbo-text-secondary); margin:18px 0 24px; max-width:74ch }
.template-variants { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 24px }
.template-variants a { font-size:.875rem; line-height:1.4; min-height:40px; display:flex; align-items:center; text-decoration:none; padding:9px 13px; border:1px solid var(--turbo-border-subtle); border-radius:8px; color:var(--turbo-text-body) }
.template-variants a[aria-current=true] { background:var(--turbo-surface-soft); border-color:#b97891; color:var(--turbo-text-primary) }
.slide-gallery { margin:0 0 16px; padding:0; border:1px solid var(--turbo-border-subtle); border-radius:10px; background:#fff }
.slide-gallery>summary { display:flex; list-style:none; justify-content:space-between; align-items:center; gap:16px; padding:14px 18px; cursor:pointer; min-height:56px }
.slide-gallery>summary::-webkit-details-marker { display:none }
.slide-gallery>summary>span { display:flex; align-items:center; gap:12px; font-size:.875rem }
.slide-gallery>summary small { font-size:.6875rem; font-variant-numeric:tabular-nums; white-space:nowrap; color:var(--turbo-text-secondary) }
.slide-gallery>summary strong { font-size:1rem; font-weight:500 }
.slide-gallery>summary>span:last-child { color:var(--turbo-text-secondary) }
.slide-gallery>div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:4px 18px 18px; gap:14px }
.slide-gallery:not([open])>div { display:none }
.slide-gallery button { padding:0; text-align:left; border:1px solid var(--turbo-border-subtle); border-radius:8px; background:#fff; color:var(--turbo-text-primary); overflow:hidden; cursor:pointer; min-width:0; font-family:inherit }
.slide-gallery button[aria-pressed=true] { outline:2px solid var(--turbo-text-accent); outline-offset:2px }
.slide-gallery img { width:100%; aspect-ratio:16/10; display:block; border-bottom:1px solid var(--turbo-border-subtle) }
.slide-gallery button>span { display:flex; gap:8px; align-items:baseline; font-size:.8125rem; line-height:1.35; padding:10px; min-height:42px }
.slide-gallery button small { font-size:.6875rem; color:var(--turbo-text-secondary) }
.preview-caption { display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:8px 20px; margin:0 0 12px; font-size:.8125rem; line-height:1.6; color:var(--turbo-text-secondary) }
.preview-caption>span:first-child { max-width:64ch }
.preview-caption>span:last-child { font-size:.75rem; white-space:nowrap }
.communication-preview { border:1px solid var(--turbo-border-subtle); border-radius:10px; padding:24px; background:#edf0f4; overflow:hidden }
.communication-preview--small { padding:36px }
.auto-frame { display:block; width:100%; border:0; min-width:0; background:#fff }
.auto-frame--template { border-radius:2px }
.layout-stepper { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:12px 0 0 }
.layout-stepper button { display:flex; align-items:center; gap:8px; border:0; background:transparent; min-height:44px; padding:8px 0; cursor:pointer; font-size:.875rem }
.layout-stepper button:first-child .t-icon { transform:rotate(180deg) }
.layout-stepper button:disabled { opacity:.35; cursor:default }
.layout-stepper>span { font-size:.75rem; color:var(--turbo-text-secondary); font-variant-numeric:tabular-nums }
.template-facts { margin:24px 0 0 }
.template-facts>div { display:grid; grid-template-columns:105px minmax(0,1fr); gap:16px; border-bottom:1px solid var(--turbo-border-subtle); font-size:.875rem; line-height:1.65; padding:15px 0 }
.template-facts dt { font-weight:600 }
.template-facts dd { margin:0; color:var(--turbo-text-secondary) }
.communication-standard { border-bottom:1px solid var(--turbo-border-subtle); padding:0 0 4px }
.communication-standard>summary { display:flex; align-items:center; justify-content:space-between; min-height:58px; list-style:none; cursor:pointer; font-size:.9375rem; font-weight:500; gap:20px }
.communication-standard>summary::-webkit-details-marker { display:none }
.communication-standard>p { font-size:.875rem; line-height:1.8; color:var(--turbo-text-secondary); margin:10px 0 20px }
.communication-standard table { width:100%; border-collapse:collapse; font-size:.8125rem; line-height:1.7 }
.communication-standard th { text-align:left; font-weight:500; border-bottom:1px solid var(--turbo-border-subtle); padding:10px 12px 10px 0 }
.communication-standard td { padding:12px 12px 12px 0; vertical-align:top; border-bottom:1px solid #edf0f4 }
.communication-standard th small { display:block; font-weight:400; font-size:.6875rem; color:var(--turbo-text-secondary) }
.communication-standard td:first-child { min-width:90px; font-weight:500 }
.communication-standard td:nth-child(2) { min-width:150px; font-variant-numeric:tabular-nums }
.spec-table-scroll { overflow-x:auto }
.communication-standard .standard-precedence { font-size:.8125rem; margin-top:18px }
.communications-support { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; border-top:1px solid var(--turbo-border-subtle); margin-top:48px; padding-top:24px }
.communications-support>a { display:flex; justify-content:space-between; gap:18px; text-decoration:none; font-size:1rem; align-items:center; min-height:44px }
.communications-support small { display:block; font-size:.8125rem; font-weight:400; line-height:1.6; color:var(--turbo-text-secondary); margin-top:6px }
.communications-support .t-icon { flex-shrink:0 }
@media(max-width:1199px) {
  .communication-workbench { display:block }
  .template-browser { display:block; position:static; margin-bottom:28px }
  .template-library-disclosure { border:1px solid var(--turbo-border-subtle); border-radius:10px }
  .template-library-disclosure>summary { display:grid; grid-template-columns:1fr 18px; gap:4px 12px; padding:14px 16px; list-style:none; font-size:.9375rem; cursor:pointer }
  .template-library-disclosure>summary::-webkit-details-marker { display:none }
  .template-library-disclosure>summary>span { font-size:.8125rem; color:var(--turbo-text-secondary) }
  .template-library-disclosure>summary>.t-icon { grid-row:1/3; grid-column:2; align-self:center }
  .template-library-content { padding:4px 16px 16px }
  .template-list { max-height:390px; padding:0 }
  .template-detail-heading { align-items:flex-start; flex-wrap:wrap; gap:16px }
}
@media(max-width:699px) {
  .main--communications .page-heading h1 { font-size:2.25rem }
  .communication-intro>p { display:block }
  .communication-intro strong,.communication-intro span { display:block }
  .communication-intro span { margin-top:4px }
  .communication-intro>a { width:auto }
  .template-detail-heading h2 { font-size:1.75rem }
  .template-detail-heading .t-button { min-height:42px }
  .template-variants { gap:7px }
  .template-variants a { font-size:.8125rem }
  .slide-gallery>summary { padding:12px; gap:10px }
  .slide-gallery>summary>span:first-child { gap:8px }
  .slide-gallery>summary>span:last-child { font-size:0; gap:0 }
  .slide-gallery>div { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:4px 12px 14px }
  .communication-preview,.communication-preview--small { padding:12px }
  .preview-caption>span:last-child { white-space:normal }
  .template-facts>div { grid-template-columns:1fr; gap:5px }
  .communications-support { grid-template-columns:1fr; gap:24px }
  .communication-standard table { min-width:440px }
  .layout-stepper button { font-size:.8125rem }
}
@media print { .template-browser,.layout-stepper,.slide-gallery { display:none }.communication-workbench { display:block } }