/* Shared language control; each URL renders its own language before JavaScript. */
.book-photo{width:100%;max-width:420px;margin:0;text-align:center}.book-photo img{display:block;width:100%;height:auto;border-radius:2px}.book-photo figcaption{margin-top:15px;font-size:11px;line-height:1.6;color:var(--muted)}
.header{gap:22px;position:relative}.header .brand{order:0;flex-shrink:0}.header nav{order:1;margin-left:auto;gap:23px}.language-picker{order:2;display:flex;align-items:center;gap:7px;font-size:14px;border-left:1px solid var(--line);padding-left:19px;flex-shrink:0}.language-picker select{appearance:auto;max-width:104px;border:0;background:transparent;color:var(--ink);font:12px var(--sans);padding:8px 3px;cursor:pointer}.language-picker select:focus-visible{outline:2px solid var(--copper);outline-offset:3px}.header .menu-toggle{order:3}.header .nav-practice{padding:8px 12px}
html[lang=en]{--serif:Georgia,"Times New Roman",serif;--sans:"Segoe UI",Arial,sans-serif}
html[lang=en] body{font-size:16px}html[lang=en] h2{letter-spacing:-.025em;font-size:43px;line-height:1.18}html[lang=en] h3{letter-spacing:-.015em;line-height:1.25}html[lang=en] .brand{font-size:22px;letter-spacing:-.025em}html[lang=en] .brand small{letter-spacing:.16em;font-size:8px}html[lang=en] .brand-mark{font-style:italic;font-size:27px}html[lang=en] .hero{grid-template-columns:1.12fr 1fr}html[lang=en] .hero h1{font-size:clamp(52px,5.1vw,76px);letter-spacing:-.045em;line-height:1.06;margin:28px 0}html[lang=en] .hero .eyebrow{font-size:10px;letter-spacing:.035em;max-width:440px}html[lang=en] .hero-intro{font-size:16px;line-height:1.65;letter-spacing:0}html[lang=en] .hero-detail{font-size:14px;line-height:1.8;max-width:430px}html[lang=en] .byline{font-size:11px;letter-spacing:0}html[lang=en] .art-corner{font-size:8px;letter-spacing:.07em}html[lang=en] .section-heading>h2{max-width:560px}html[lang=en] .section-heading>p{font-size:15px;line-height:1.85}html[lang=en] .section-heading{align-items:start}html[lang=en] .section-index{letter-spacing:.1em}html[lang=en] .entry-strip p{font-size:23px;letter-spacing:-.015em}html[lang=en] .cycle-tabs button{font-family:var(--sans);font-size:16px;padding:20px 12px 24px;letter-spacing:-.015em}html[lang=en] .cycle-tabs button span{right:8px;bottom:8px;font-size:13px}html[lang=en] .cycle-panel h3{font-size:30px}html[lang=en] .cycle-panel>div>p{font-size:15px;line-height:1.85}html[lang=en] .cycle-panel{min-height:275px;gap:70px}html[lang=en] .note-label{font-size:9px;line-height:1.6;display:block}html[lang=en] .note-footer{font-size:11px}html[lang=en] .dimension-tabs button{flex-wrap:wrap;gap:4px 20px;position:relative;padding:18px 28px 18px 13px}html[lang=en] .dimension-tabs button>span{width:100%;font-size:24px;line-height:1.2;letter-spacing:-.02em;padding-right:20px}html[lang=en] .dimension-tabs em{font-size:11px}html[lang=en] .dimension-tabs b{position:absolute;right:10px;top:23px}html[lang=en] .dimension-tabs button[aria-selected=true]{padding-left:20px}html[lang=en] .dimension-panel h3{font-size:36px;line-height:1.15;max-width:450px;margin-top:22px}html[lang=en] .dimension-panel>p,html[lang=en] .dimension-question p{font-size:15px;line-height:1.8}html[lang=en] .dimension-glyph{font-size:120px;top:30px;right:10px;opacity:.7;letter-spacing:-.06em}html[lang=en] .dimension-question span{font-size:10px}html[lang=en] .dimension-footnote{font-size:12px}html[lang=en] .cover-title{font-size:37px;line-height:1.05;letter-spacing:-.025em;margin-top:30px}html[lang=en] .cover-author{font-size:12px;letter-spacing:.03em}html[lang=en] .book-object>p{line-height:1.5;font-size:11px;letter-spacing:0}html[lang=en] .book-right h2{font-size:35px;line-height:1.15}html[lang=en] .book-intro{font-size:14px;line-height:1.8}html[lang=en] .part summary{font-size:15px;line-height:1.6;grid-template-columns:45px 1fr 17px}html[lang=en] .chapter-button{font-size:13px;line-height:1.65}html[lang=en] .practice-intro>p{font-size:15px;line-height:1.9}html[lang=en] .practice-intro>small{font-size:10px;max-width:400px}html[lang=en] .practice-paper>p{font-size:30px;line-height:1.3}html[lang=en] .author-text>p{font-size:15px;line-height:1.9}html[lang=en] .closing-quote blockquote{font-size:28px;line-height:1.6;letter-spacing:-.015em}html[lang=en] .footer-name{font-size:21px}html[lang=en] .footer>p{font-size:11px}html[lang=en] .footer-bottom{font-size:10px}html[lang=en] .reading-body>h2{font-size:34px;line-height:1.2}html[lang=en] .reading-body #reading-content>p{font-size:17px;line-height:1.85}html[lang=en] .reading-body #reading-content>h3{font-size:26px;line-height:1.3}html[lang=en] .practice-body h2{font-size:33px}html[lang=en] .form-intro{font-size:13px;line-height:1.75}html[lang=en] form label>span{font-size:22px;line-height:1.2}html[lang=en] form label small{display:block;margin:6px 0 0;font-size:11px}html[lang=en] form textarea::placeholder,html[lang=en] form input::placeholder{font-size:13px;line-height:1.6}html[lang=en] form textarea{min-height:125px}html[lang=en] .form-status{font-size:11px}.dimension-panel,.cycle-panel>div,.section-heading>*,.book-right{min-width:0}
@media(max-width:1200px){.header nav{gap:16px}.header .nav-practice{display:none}html[lang=en] .hero h1{font-size:61px}html[lang=en] h2{font-size:38px}html[lang=en] .cycle-tabs button{font-size:14px}html[lang=en] .dimension-tabs button>span{font-size:22px}html[lang=en] .cycle-panel{gap:45px}}
@media(max-width:1000px){.header .menu-toggle{display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:10px 0;font-size:12px}.header .language-picker{margin-left:auto;border-left:0;padding-left:0}.header nav{display:none;position:absolute;left:-20px;right:-20px;top:100%;background:var(--paper);padding:22px 24px 26px;z-index:10;border-bottom:1px solid var(--line);box-shadow:0 14px 15px #34402f10;gap:15px;align-items:stretch;margin:0}.header nav.open{display:flex;flex-direction:column}.header nav a{padding:5px;font-size:14px}.header .nav-practice{display:block;text-align:left;padding:12px;margin-top:4px}html[lang=en] .hero h1{font-size:55px}html[lang=en] .hero-intro{font-size:14px}html[lang=en] .hero-detail{font-size:13px}html[lang=en] .hero-actions{gap:20px}html[lang=en] .byline{font-size:9px;flex-wrap:wrap}html[lang=en] .section-heading>p{font-size:14px}html[lang=en] .cycle-tabs{grid-template-columns:repeat(4,1fr)}html[lang=en] .cycle-tabs button{font-size:16px;border-bottom:1px solid #67705e}html[lang=en] .cycle-tabs button span{bottom:20px;right:12px}html[lang=en] .cycle-panel{min-height:0;gap:30px}html[lang=en] .dimension-panel h3{font-size:29px}html[lang=en] .dimension-panel>p,html[lang=en] .dimension-question p{font-size:14px}html[lang=en] .dimension-glyph{font-size:92px}html[lang=en] .cover-title{font-size:31px}html[lang=en] .book-right h2{font-size:31px}html[lang=en] .book-layout{gap:40px}html[lang=en] .part summary{font-size:14px}html[lang=en] .practice-intro h2{font-size:34px}html[lang=en] .practice-paper>p{font-size:26px}html[lang=en] .hero .eyebrow{font-size:9px}}
@media(max-width:680px){.header{gap:12px}.language-picker{gap:3px}.language-picker select{font-size:11px;padding:8px 0;max-width:77px}.header .brand{font-size:16px}.header .brand small{font-size:5.5px}.header .brand-mark{width:29px;height:29px;font-size:20px}.header .menu-toggle{font-size:11px;gap:3px}.header .menu-toggle span{font-size:15px}html[lang=en] .brand{font-size:16px;max-width:190px;line-height:1.12;flex-shrink:1}html[lang=en] .brand>span:last-child{max-width:128px}html[lang=en] .brand-mark{flex-shrink:0;font-size:24px}html[lang=en] .brand small{font-size:5.5px;margin-top:5px}html[lang=en] .hero h1{font-size:60px;line-height:1.02;letter-spacing:-.05em;margin:25px 0}html[lang=en] .hero .eyebrow{font-size:9px;max-width:310px;line-height:1.7}html[lang=en] .hero-intro{font-size:15px}html[lang=en] .hero-detail{font-size:14px;line-height:1.75;max-width:100%}html[lang=en] .hero-actions{gap:27px}html[lang=en] .byline{font-size:10px}html[lang=en] .entry-strip p{font-size:20px;line-height:1.4}html[lang=en] .section-index{writing-mode:horizontal-tb;white-space:normal;font-size:8px;max-width:60px;line-height:1.7}html[lang=en] h2,html[lang=en] .section-heading h2{font-size:33px}html[lang=en] .section-heading>p{font-size:14px;line-height:1.8}html[lang=en] .section-top .side-note{font-size:9px;line-height:1.6;max-width:135px}html[lang=en] .section-top .eyebrow{max-width:175px;font-size:9px;line-height:1.8}html[lang=en] .cycle-tabs button{font-size:12px;padding:13px 8px 25px}html[lang=en] .cycle-tabs button span{bottom:6px;font-size:11px;right:10px}html[lang=en] .cycle-panel{display:block}html[lang=en] .cycle-panel h3{font-size:27px;line-height:1.2}html[lang=en] .cycle-panel>div>p{font-size:14px}html[lang=en] .system-footnote{font-size:11px;line-height:1.75}html[lang=en] .cycle-return{font-size:10px;line-height:1.7}html[lang=en] .note-label{font-size:9px}html[lang=en] .dimension-tabs{grid-template-columns:1fr 1fr;gap:0}html[lang=en] .dimension-tabs button{display:block;text-align:left;padding:14px 13px;border:1px solid var(--line);min-height:72px}html[lang=en] .dimension-tabs button:last-child{grid-column:1/-1;min-height:54px}html[lang=en] .dimension-tabs button>span{font-family:var(--sans);font-size:14px;line-height:1.35;display:block;padding:0;letter-spacing:0}html[lang=en] .dimension-tabs button[aria-selected=true]{padding:14px 13px;border-left:2px solid var(--copper);border-bottom:1px solid var(--line)}html[lang=en] .dimension-panel{min-height:390px}html[lang=en] .dimension-panel h3{font-size:32px}html[lang=en] .dimension-glyph{font-size:95px}html[lang=en] .dimension-footnote{font-size:11px;line-height:1.8}html[lang=en] .book-right h2{font-size:31px}html[lang=en] .book-intro{font-size:14px}html[lang=en] .part summary{font-size:14px}html[lang=en] .chapter-button{font-size:13px}html[lang=en] .practice-intro h2{font-size:33px}html[lang=en] .practice-intro>p{font-size:14px}html[lang=en] .practice-paper>p{font-size:28px}html[lang=en] .paper-line{font-size:10px;gap:8px}html[lang=en] .author-text>p{font-size:14px}html[lang=en] .closing-quote blockquote{font-size:23px;line-height:1.6}html[lang=en] .footer-name{font-size:18px}html[lang=en] .footer-name span{display:none}html[lang=en] .footer>a:last-of-type{font-size:10px}html[lang=en] .footer-bottom{font-size:9px}html[lang=en] .reading-body>h2{font-size:28px}html[lang=en] .reading-body #reading-content>p{font-size:16px;line-height:1.8}html[lang=en] .practice-body h2{font-size:28px}html[lang=en] .form-status{font-size:10px}html[lang=en] form label>span{font-size:22px}html[lang=en] .form-intro{font-size:12px}}
@media(max-width:360px){.header{gap:7px}.language-picker>span{display:none}html[lang=en] .brand-mark{display:none}html[lang=en] .hero h1{font-size:51px}.header .brand small{display:none}.header .brand-mark{display:none}.header .menu-toggle{font-size:10px}html[lang=en] .hero-actions{gap:15px}}