/* Public presentation review. Preserve the established type families and palette. */
body{font-size:var(--fs-16)}
.chapter,.chapter>*,.editorial-split>*,.brand-story>*,.story-block>*,.two-col>*,.axis-feature>*,.visual-intro>*,.couple-feature>*,.filter-panel>*,.benchmark-row>*,.reference-open>*,.boards-grid>*,.document-grid>*,.yl-route-story>*,.yl-asset-pair>*{min-width:0}
h1,h2,h3,.document,.reference-name,.dialog-actions a{overflow-wrap:break-word}
.chapter-heading>p:last-child{font-size:1.0625rem;line-height:1.8;max-width:740px}
.prose{font-size:var(--fs-16);line-height:1.85}
.cover-lead{font-size:1.0625rem;line-height:1.8}
.cover-description{font-size:var(--fs-14);line-height:1.8;max-width:440px}
.eyebrow,.kicker,.label{font-size:var(--fs-12);line-height:1.65;letter-spacing:.15em}
.button{font-size:var(--fs-14);min-height:48px;gap:22px}
.text-link,.text-button,.source-link,.source-links a{font-size:var(--fs-14);line-height:1.6}
.text-link,.text-button{min-height:36px;padding-block:7px}
.context-line,.fine-print,.evidence,figcaption,.portrait figcaption,.cover-image figcaption{font-size:var(--fs-12);line-height:1.7}
.cover-bottom{font-size:var(--fs-12);letter-spacing:.1em;gap:24px;flex-wrap:wrap}
.cover-image figcaption{right:24px;max-width:calc(100% - 70px)}
.principle p,.brand-item p,.two-col p,.two-col li,.visual-intro p,.rule-grid p,.couple-feature p,.board-card p,.core-role p,.step p,.podcast p,.document p,.source-note p,.ending>p,.yl-route-story p{font-size:var(--fs-16);line-height:1.8}
.muted,.photo-list{font-size:var(--fs-16);line-height:1.8}
.brand-item h3{flex-wrap:wrap;gap:8px 20px}
.brand-item h3 span{font-size:var(--fs-12);line-height:1.6}
.chapter-divider,.quote-panel>span,.chapter-next>span,.section-title>span,.document>span,.podcast .meta,.board-card .meta{font-size:var(--fs-12);line-height:1.7;letter-spacing:.1em}
.section-title{flex-wrap:wrap;gap:12px 24px}
.section-title>span{white-space:normal}
.subnav{overscroll-behavior-x:contain;scroll-padding-inline:12px}
.subnav button{font-size:var(--fs-14);line-height:1.5;white-space:normal}
.subnav button span{font-size:var(--fs-12)}
.axis-sidebar p{font-size:var(--fs-14)}
.mini-ref{font-size:var(--fs-14);line-height:1.6;min-height:56px}
.mini-ref span{font-size:var(--fs-12)}
.benchmark-intro{gap:28px;flex-wrap:wrap}
.benchmark-intro p{font-size:var(--fs-16);line-height:1.8}
.filter-panel{grid-template-columns:minmax(0,2fr) minmax(130px,1fr) minmax(120px,1fr) auto}
.filter-panel label{font-size:var(--fs-12);letter-spacing:.08em}
.filter-panel input,.filter-panel select{font-size:var(--fs-16);min-height:46px}
.filter-bookmarks{font-size:var(--fs-14);min-height:46px;height:auto}
.results-bar{font-size:var(--fs-12);gap:18px;flex-wrap:wrap}
.results-bar .text-button{font-size:var(--fs-14)}
.reference-name .meta{font-size:var(--fs-12);line-height:1.7}
.reference-name .country{font-size:var(--fs-12)}
.reference-preview p{font-size:var(--fs-14);line-height:1.75}
.reference-preview .read{font-size:var(--fs-12)}
.compare-label{font-size:var(--fs-12);min-height:44px;line-height:1.5}
.bookmark{min-width:44px;min-height:44px}
.brand-gallery span,.swatch span{font-size:var(--fs-12);line-height:1.65}
.couple-feature figcaption,.couple-positioning p{font-size:var(--fs-14);line-height:1.7}
.partner-table th{font-size:var(--fs-12);line-height:1.6;letter-spacing:.08em}
.partner-table td{font-size:var(--fs-14);line-height:1.8}
details>div,details>p{font-size:var(--fs-16);line-height:1.8}
summary{min-height:44px;line-height:1.6}
.source-actions,.dialog-actions{flex-wrap:wrap;gap:16px 25px}
.site-footer{font-size:var(--fs-12);line-height:1.7}
.icon-button{min-width:44px;min-height:44px}
#dialog-content p{font-size:var(--fs-16);line-height:1.8}
.dialog-meta,.status-tag,.dialog-top .eyebrow{font-size:var(--fs-12);line-height:1.7}
.compare-grid p{font-size:var(--fs-14)!important}
.compare-grid h4{font-size:var(--fs-12);line-height:1.6}
.source-index a,.board-assets figcaption{font-size:var(--fs-14);line-height:1.75}
.dialog-top{gap:16px}
.language-switch{min-height:44px}
.language-switch select{font-size:var(--fs-16);height:42px;width:113px}
.account-access summary{font-size:var(--fs-14);min-height:44px}
.account-access>.account-panel{font-size:var(--fs-14);width:290px}
.chapter-nav{gap:clamp(16px,2.1vw,30px)}
.chapter-nav a{font-size:var(--fs-14);min-height:48px;flex-shrink:0}
.chapter-nav a span{font-size:var(--fs-12);color:#aaa28d}
.sound-head strong,.sound-room.is-minimized .sound-head strong{font-size:var(--fs-12)}
.sound-track-meta,.sound-room.is-minimized .sound-track-meta,.sound-time{font-size:var(--fs-12)}
.sound-room.is-minimized .sound-volume-meta{font-size:var(--fs-12)}
.sound-room .sound-controls .sound-transport,.sound-room .sound-controls .sound-skip{min-width:44px;min-height:44px;flex-basis:44px}
.sound-room .sound-mute{width:36px;min-height:40px}
.sound-room #sound-volume{min-height:40px}
.sound-room.is-minimized .sound-size,.sound-size{font-size:var(--fs-12);min-height:44px;padding-inline:4px}
.sound-status{font-size:var(--fs-12);line-height:1.6}
.yumi-art-lab p,.yumi-art-lab .yl-route-story p,.yl-analysis-grid p,.yl-heading p,.yl-demo-copy p,.yl-demo-card-copy p,.yl-demo-divider p,.yl-mapping details p,.yl-limits>p{font-size:var(--fs-16);line-height:1.8}
.yumi-art-lab .yl-note,.yl-reference details p,.yl-pattern-card>p,.yl-lightbox p{font-size:var(--fs-14);line-height:1.75}
.yl-label,.yl-reference .yl-label,.yl-intro .eyebrow{font-size:var(--fs-12);letter-spacing:.1em}
.yl-reference summary{font-size:var(--fs-12);letter-spacing:.05em}
.yl-contact-sheet button>span{font-size:var(--fs-14);line-height:1.55}
.yl-contact-sheet small,.yl-route-tabs small{font-size:var(--fs-12)}
.yl-concept-image figcaption,.yl-palette small{font-size:var(--fs-12);line-height:1.6}
.yl-download{font-size:var(--fs-14);min-height:44px;line-height:1.6}
.yl-surface-tabs button{font-size:var(--fs-14);min-height:44px}
.yl-intensity>span{font-size:var(--fs-12)}
.yl-browser-bar{flex-wrap:wrap;gap:8px 16px}
.yl-browser-bar>span{font-size:var(--fs-12);letter-spacing:.05em}
.yl-demo-top>p{font-size:var(--fs-14);line-height:1.6}
.yl-demo-copy>.yl-label,.yl-demo-card-image .yl-label{font-size:var(--fs-12)}
.yl-demo-copy .button,.yl-demo-card-copy .text-link{font-size:var(--fs-14);min-height:44px}
.yl-rules ol{font-size:var(--fs-14);line-height:1.8}
.yl-post-body>span{font-size:var(--fs-12);letter-spacing:.1em}
.yl-post-footer{font-size:var(--fs-12);letter-spacing:.05em}
.yl-mapping details .yl-label{font-size:var(--fs-12)}
@media(min-width:761px){
 .sound-room.is-minimized{grid-template-columns:minmax(80px,1fr) auto minmax(95px,130px) auto;gap:10px}
 .sound-room.is-minimized .sound-window-actions{position:static;grid-column:4;grid-row:1;transform:none;margin:0}
 .sound-room.is-minimized .sound-size{white-space:nowrap;gap:3px}
 .sound-room.is-minimized .sound-volume-meta{padding-left:35px}
 .sound-room.is-minimized .sound-controls{gap:0}
}
@media(min-width:761px) and (max-width:1100px){
 .site-header{gap:16px;padding-inline:24px;grid-template-columns:90px minmax(0,1fr) auto}
 .sound-room.is-minimized{grid-template-columns:minmax(75px,1fr) auto auto;gap:8px}
 .sound-room.is-minimized .sound-volume-panel{display:none}
 .sound-room.is-minimized .sound-window-actions{grid-column:3}
 .sound-room.is-minimized .sound-head strong{font-size:var(--fs-12)}
 .account-access summary>span{display:none}
 .chapter-nav{justify-content:flex-start;gap:22px;padding-inline:24px}
 .filter-panel{grid-template-columns:2fr 1fr 1fr}
}
@media(max-width:760px){
 .site-header{padding-inline:20px;gap:12px}
 .chapter-nav{height:50px;gap:24px;padding-inline:20px}
 .chapter-nav a{font-size:var(--fs-14)}
 .chapter-nav a span{font-size:var(--fs-12)}
 .language-switch select{font-size:var(--fs-16);width:103px}
 .account-access summary{width:44px;height:44px}
 .sound-room.is-minimized .sound-head>div:first-child{padding-right:130px;min-height:44px}
 .sound-room.is-minimized .sound-window-actions{top:12px;right:10px;gap:4px}
 .sound-room.is-minimized .sound-size{font-size:var(--fs-12);padding-inline:2px}
 .sound-collapse-mobile{width:44px;height:44px}
 .sound-room.is-minimized .sound-volume-meta{font-size:var(--fs-12)}
 .sound-room.is-minimized .sound-controls{gap:0}
 .sound-room .sound-controls .sound-skip{min-width:40px;flex-basis:40px}
 .comparison-bar{bottom:calc(88px + env(safe-area-inset-bottom,0px));max-width:calc(100% - 28px);gap:10px;flex-wrap:wrap;justify-content:center}
 .comparison-bar>span{font-size:var(--fs-12)}
 .comparison-bar .button{font-size:var(--fs-14);padding:11px 14px}
}
@media(max-width:700px){
 .content-page{padding:38px 7vw 70px}
 .cover-copy{padding-top:42px}
 .cover-lead,.cover-description{max-width:100%}
 .cover-lead{font-size:var(--fs-16)}
 .cover-description{font-size:var(--fs-14)}
 .cover .eyebrow{font-size:var(--fs-12);margin-bottom:26px}
 .cover-bottom{font-size:var(--fs-12);line-height:1.7;gap:10px 20px;margin-top:32px;padding-top:18px}
 .cover-actions{gap:16px;align-items:flex-start}
 .cover-actions .text-link{min-height:48px;display:inline-flex;align-items:center}
 .chapter-heading>p:last-child{font-size:var(--fs-16)}
 .prose{font-size:var(--fs-16)}
 .eyebrow{font-size:var(--fs-12)}
 .subnav button{font-size:var(--fs-14);min-height:58px;padding:13px 17px;max-width:245px}
 .principles,.rule-grid{grid-template-columns:1fr;gap:24px}
 .principle h3{margin:6px 0 10px;font-size:1.875rem}
 .principle>span{font-size:1.5625rem}
 .brand-item h3 span{max-width:none;font-size:var(--fs-12)}
 .axis-sidebar p{font-size:var(--fs-14)}
 .benchmark-intro p{font-size:var(--fs-16)}
 .filter-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:18px;gap:16px}
 .filter-panel input,.filter-panel select{font-size:var(--fs-16)}
 .reference-open{padding-right:0;gap:12px}
 .benchmark-row{grid-template-columns:24px minmax(0,1fr) 58px;gap:9px}
 .reference-name h3{font-size:1.875rem}
 .reference-name .meta{font-size:var(--fs-12);letter-spacing:.06em}
 .compare-label{font-size:var(--fs-12)}
 .reference-preview .read{font-size:var(--fs-12)}
 .section-title{margin-top:48px;gap:6px}
 .section-title h2{font-size:2rem}
 .quote-panel>span{font-size:var(--fs-12);line-height:1.7}
 .partner-table td{font-size:var(--fs-16)}
 .partner-table td:nth-child(3):before{content:attr(data-label);font-size:var(--fs-12)}
 .podcast{grid-template-columns:25px minmax(0,1fr);gap:14px}
 .podcast p{font-size:var(--fs-16)}
 .podcast .question{font-size:1.5625rem;line-height:1.45}
 .document h3{font-size:1.8125rem;line-height:1.15}
 .site-footer{padding-bottom:95px}
 .ending>p{font-size:var(--fs-16)}
 dialog{max-width:calc(100vw - 24px);max-height:90dvh}
 #dialog-content{padding:24px 20px 32px}
 #dialog-content p{font-size:var(--fs-16)}
 #dialog-content>h2{font-size:2.375rem;line-height:1.1}
 .dialog-meta{font-size:var(--fs-12)}
 .yl-contact-sheet{grid-template-columns:1fr;gap:16px}
 .yl-contact-sheet button{display:grid;grid-template-columns:100px minmax(0,1fr);gap:16px;align-items:center}
 .yl-contact-sheet button img{aspect-ratio:4/3;object-fit:cover}
 .yl-contact-sheet button>span{font-size:var(--fs-16);gap:8px}
 .yl-reference-grid{gap:20px 16px}
 .yl-reference h3{font-size:1.625rem}
 .yl-route-story h3{font-size:2.25rem}
 .yl-post{padding:25px}
 .yl-post-body h3{font-size:2.25rem}
 .yl-demo-copy h3{font-size:2.625rem}
 .yl-demo-copy p{max-width:100%}
 .yl-demo-divider{padding-inline:24px}
 .yl-concept-image figcaption{flex-wrap:wrap}
 .yl-rules ol{font-size:var(--fs-14)}
}
@media(max-width:370px){
 .site-header{padding-inline:16px;gap:8px}
 .header-actions{gap:6px}
 .language-switch{padding-inline:6px;gap:4px}
 .language-switch select{width:94px}
 .cover h1{font-size:3.375rem}
 .chapter-heading h1{font-size:3rem}
 .benchmark-row{grid-template-columns:20px minmax(0,1fr) 50px;gap:7px}
 .reference-name h3{font-size:1.6875rem}
 .reference-name .meta{font-size:var(--fs-12)}
 .yl-reference-grid{grid-template-columns:1fr}
 .sound-room.is-minimized{gap:10px;padding:14px}
}
@media print{.site-chrome,.sound-launcher{display:none!important}}