html[data-language-pending] body{visibility:hidden}
.language-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid #aa9876;border-radius:4px;background:#f8efda;flex-shrink:0}
.language-switch button{font-family:"Avenir Next","PingFang SC",sans-serif;font-size:11px;font-weight:500;line-height:1.4;min-height:34px;min-width:37px;padding:7px 9px;border:0;border-radius:2px;background:transparent;color:#3d504e;cursor:pointer;white-space:nowrap}
.language-switch button[aria-pressed=true]{background:#193a45;color:#fff5dd}
.language-switch button:hover:not([aria-pressed=true]){background:#e7dab9}
.language-switch button:focus-visible{outline:2px solid #9c3d24;outline-offset:2px}
.header-controls{display:flex;align-items:center;gap:30px}
html[lang=en] .intro h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,4.1vw,58px);line-height:1.2;letter-spacing:-1.5px;font-weight:400}
html[lang=en] .intro h1 br{display:none}
html[lang=en] .intro h1{max-width:570px}
html[lang=en] .intro-body{font-size:15px;line-height:1.85}
html[lang=en] .intro-actions{flex-wrap:wrap;row-gap:14px}
html[lang=en] .project-index strong{font-size:14px;line-height:1.55}
html[lang=en] .project-index small{font-size:10px;line-height:1.5;margin-top:5px}
html[lang=en] .project-index>a{gap:13px;padding-block:19px}
html[lang=en] .index-bottom{font-size:11px}
html[lang=en] .section-head h2,html[lang=en] .contact h2{font-family:Georgia,"Times New Roman",serif;line-height:1.35;font-weight:400}
html[lang=en] .project-copy h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:26px}
html[lang=en] .project-copy h3>span{font-family:"Avenir Next",sans-serif;font-size:13px;line-height:1.5;margin:4px 0 0;display:block}
html[lang=en] .project-copy .project-lead{font-size:17px;line-height:1.65}
html[lang=en] .project-description{line-height:1.85}
html[lang=en] .project-meta{font-size:10px;align-items:flex-start}
html[lang=en] .capabilities{gap:7px 10px;line-height:1.7}
html[lang=en] .capabilities li:not(:last-child)::after{margin-left:10px}
html[lang=en] .featured .project-lead{font-family:Georgia,"Times New Roman",serif;line-height:1.55}
html[lang=en] .method-list h3{font-family:Georgia,"Times New Roman",serif;line-height:1.4}
html[lang=en] .method-list p{line-height:1.85}
html[lang=en] .contact h2 br{display:none}
html[lang=en] .contact h2{max-width:620px}
html[lang=en] .contact{gap:45px}
html[lang=en] .preview-heading{flex-wrap:wrap;gap:2px 12px}
html[lang=en] .preview-footer{gap:10px;line-height:1.7}
html[lang=en] .note-entry{font-size:8px;line-height:1.5}
html[lang=en] .reading-paper p{font-size:10px;line-height:2}
html[lang=en] .selection-chip{font-size:8px;right:4px}
html[lang=en] .slip-bottom{font-size:7px;line-height:1.5}
html[lang=en] .grocery-slip>div{font-size:9px;gap:5px}
html[lang=en] .grocery-slip>div span:last-child{font-size:7px}
html[lang=en] .nutrition-bars>div{grid-template-columns:57px 1fr;font-size:8px}
html[lang=en] .efficiency-stamp{font-size:10px;line-height:1.7}
html[lang=en] .summary-label{font-size:9px}
html[lang=en] .board-head{font-size:7px;gap:5px}
html[lang=en] .shared-time{font-size:8px;line-height:1.6}
html[lang=en] .calendar-visual .visual-caption{font-size:10px}
html[lang=en] .clock-pair span{font-size:8px}
html[lang=en] .clock-pair small{font-size:8px}
.site-header .language-switch{margin-left:auto}
.site-header .author{margin-left:0}
html[lang=en] .site-header{gap:28px}
html[lang=en] .site-header nav{gap:22px}
html[lang=en] .hero h1{font-family:Georgia,"Times New Roman",serif;line-height:1.23;letter-spacing:-1px;font-weight:400;font-size:clamp(36px,4vw,54px)}
html[lang=en] .hero h1 br{display:none}
html[lang=en] .hero-intro{font-size:16px;line-height:1.85}
html[lang=en] .hero-actions{flex-wrap:wrap;row-gap:16px}
html[lang=en] .section-heading h2,html[lang=en] .scope-intro h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.4}
html[lang=en] .scope-intro h2 br{display:none}
html[lang=en] .coverage-strip p{flex-wrap:wrap;gap:9px}
html[lang=en] .case-story h3{font-family:Georgia,"Times New Roman",serif;font-size:26px;line-height:1.35}
html[lang=en] .case-story .case-question{font-size:15px}
html[lang=en] .case-story>p{line-height:1.85}
html[lang=en] .case-boundary{transform:none;margin-top:20px}
html[lang=en] .case-actions{flex-wrap:wrap}
html[lang=en] .revision-tabs{gap:18px}
html[lang=en] .revision-row{grid-template-columns:68px 1fr;gap:12px}
html[lang=en] .method-steps h3{font-family:Georgia,"Times New Roman",serif;line-height:1.5}
html[lang=en] .scope-detail dl>div{grid-template-columns:135px 1fr}
.workbench-language{margin-left:14px}
html[lang=en] .sidebar .brand-caption{font-size:9px;letter-spacing:0;white-space:normal;line-height:1.4}
html[lang=en] .sidebar .profile div{font-size:12px}
html[lang=en] .main-nav .nav-item{font-size:12px}
html[lang=en] .sidebar .side-note strong{font-size:13px}
html[lang=en] .sidebar .side-note p{font-size:11px;line-height:1.7}
html[lang=en] .study-button{white-space:normal}
html[lang=en] .topbar{gap:15px}
html[lang=en] .top-status{flex-wrap:wrap;justify-content:flex-end;gap:8px}
html[lang=en] .tabs{flex-wrap:wrap}
html[lang=en] .tab{white-space:normal;line-height:1.4}
html[lang=en] .claim-table td,html[lang=en] .comparison-table td{overflow-wrap:anywhere}
@media(max-width:1050px){
  .header-controls{gap:22px}
  .header nav{gap:23px}
  .site-header .author{display:none}
  html[lang=en] .contact{flex-wrap:wrap}
  html[lang=en] .project-copy h3{font-size:24px}
}
@media(max-width:760px){
  .header{height:auto;min-height:96px;flex-wrap:wrap;gap:15px;padding-block:17px}
  .header-controls{gap:17px;flex-wrap:wrap;justify-content:flex-end;max-width:100%}
  .header nav{gap:18px;font-size:12px}
  .language-switch button{min-height:36px;padding:7px 9px}
  html[lang=en] .intro h1{font-size:43px;line-height:1.17;letter-spacing:-1px}
  html[lang=en] .intro-body{font-size:13px;line-height:1.85}
  html[lang=en] .project-index strong{font-size:13px}
  html[lang=en] .project-index small{font-size:10px}
  html[lang=en] .intro-actions{gap:17px}
  html[lang=en] .project-copy h3{font-size:25px}
  html[lang=en] .project-copy .project-lead{font-size:16px}
  html[lang=en] .contact{gap:0}
  .site-header{height:auto;min-height:88px;gap:15px;flex-wrap:wrap;padding-block:17px}
  .site-header nav{order:3;flex-basis:100%;margin:0;justify-content:flex-start;gap:22px}
  .site-header .language-switch{margin-left:auto}
  html[lang=en] .hero h1{font-size:40px}
  html[lang=en] .scope-detail dl>div{grid-template-columns:105px 1fr}
  html[lang=en] .revision-tabs{gap:17px}
  html[lang=en] .revision-tabs button{font-size:10px}
  .workbench-language{margin-left:0}
  .top-status .workbench-language{display:inline-flex}
  .topbar{height:auto;min-height:65px;padding-block:10px}
}
@media(max-width:500px){
  .header{position:relative;display:block;padding-top:18px;padding-bottom:14px}
  .header-controls{display:flex;justify-content:flex-start;gap:0;margin-top:18px}
  .header-controls .language-switch{position:absolute;right:0;top:17px}
  .header-controls nav{gap:27px}
  .identity{max-width:calc(100% - 115px)}
  .identity-sub{font-size:10px}
  .language-switch button{font-size:10px;min-height:34px;min-width:32px;padding:6px 8px}
  html[lang=en] .intro h1{font-size:39px;line-height:1.2}
  html[lang=en] .section-head{align-items:flex-start}
  html[lang=en] .section-head h2{font-size:26px}
  html[lang=en] .filters button{padding-inline:12px}
  html[lang=en] .project-meta{font-size:10px;line-height:1.6;flex-wrap:wrap}
  html[lang=en] .project-copy h3{font-size:24px}
  html[lang=en] .project-copy h3>span{font-size:12px}
  html[lang=en] .preview-heading{font-size:10px}
  html[lang=en] .preview-footer{font-size:10px}
  html[lang=en] .work-count{display:none}
  html[lang=en] .visual-caption{font-size:9px}
  html[lang=en] .nutrition-bars>div{grid-template-columns:52px 1fr;font-size:7px}
  html[lang=en] .efficiency-stamp{font-size:9px}
  html[lang=en] .project-copy summary{font-size:11px;line-height:1.6}
  html[lang=en] .role-note{font-size:10px}
  html[lang=en] .footer{gap:8px 15px;font-size:10px}
  html[lang=en] .method-list h3{font-size:17px}
  html[lang=en] .contact h2{font-size:26px}
  .topbar .top-status{max-width:65%;gap:6px}
  .topbar #save-status{display:none}
}
@media(prefers-reduced-motion:reduce){.language-switch button{transition:none}}
@media print{.language-switch{display:none}}
/* Keep long translated study names within the mobile workbench. */
@media(max-width:760px){
  .study-toolbar .select-wrap{width:100%;max-width:100%;min-width:0}
  .study-toolbar .select-wrap .study-select{flex:1;width:0;min-width:0;max-width:100%}
  .sidebar .main-nav{min-width:0;max-width:100%;width:100%}
  .sidebar .main-nav .nav-item{flex-shrink:0}
}