.camera-charts{margin:20px 0;background:#edf0e6;border:1px solid #b4c8b7;padding:22px}
.chart-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}
.chart-heading h3{font:26px/1.15 var(--serif);margin:8px 0}
.chart-help,.chart-model{font-size:11px;line-height:1.7;color:#456152}
.camera-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.camera-chart-grid figure{margin:0;min-width:0}
.camera-chart-grid figcaption{font-size:10px;padding:12px 0}
.camera-chart-grid figcaption b{display:block;letter-spacing:.6px;margin-bottom:6px}
.camera-chart-grid svg{width:100%;height:auto;display:block;touch-action:none;cursor:crosshair;font:12px Arial;fill:#274e42;background:#f8f8ed}
.chart-legend{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;align-items:center;margin-top:14px}
.chart-legend label{display:flex;align-items:center;gap:6px}
.solid-legend{color:#1e6652}.dash-legend{color:#315da1}
.chart-cause{font-size:12px;line-height:1.7;background:#dce7d8;padding:14px}
.chart-task{font-size:12px;border-top:1px solid #adc1b0;padding-top:13px;line-height:1.7}
.chart-task summary{cursor:pointer}.chart-task button,.answer-buttons button{padding:11px 18px;margin:4px 8px 4px 0;border:1px solid #8fad99;background:#f8f8ed;min-height:44px}
.chart-model{font-size:10px;margin-bottom:0}
.typography{padding-top:72px}
.type-toolbar{display:flex;align-items:center;gap:24px;margin:0 0 24px}
.type-toolbar>p{flex:1;font-size:13px;color:#486358}
.type-toolbar label{font-size:11px}
.type-toolbar select,.spacing-controls select,.hierarchy-controls select,#spacing-answer select{padding:10px 12px;border:1px solid #9fb8a7;background:#f7f7ee;color:#193b32;display:block;margin-top:6px;font:12px var(--sans)}
.type-anatomy-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(220px,1fr);background:#f6f4e9;border:1px solid #c5ceba;gap:22px;padding:24px}
#anatomy-canvas{width:100%;height:auto;display:block}
#anatomy-overlap{font-size:11px;line-height:1.6;color:#486455;margin:0}
#type-layers{display:flex;flex-direction:column;gap:12px}
#type-layers label{font-size:12px;display:flex;align-items:center;gap:8px;min-height:28px}
#type-layers i{width:18px;height:3px;display:block}
.type-small{font-size:11px;line-height:1.7;color:#456154}
.anatomy-metrics{display:flex;gap:22px;flex-wrap:wrap;margin-top:17px;padding-bottom:20px;border-bottom:1px solid var(--line);font:11px var(--sans)}
.anatomy-metrics b{display:block;font-weight:500;color:#617467;margin-bottom:5px}
.spacing-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;background:#e6ecde;padding:22px}
.spacing-controls>label,.hierarchy-controls>label{font-size:12px;display:block}
.spacing-controls input[type=range],.hierarchy-controls input[type=range]{display:block;width:100%;margin:16px 0 10px;accent-color:#2e7056}
.spacing-controls select{display:inline-block;margin:0 0 0 8px}
.spacing-controls label>span{font-size:11px;color:#3b594a}
.spacing-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.spacing-column{background:#f3f2e7;padding:22px;border:1px solid #c8d2c0;min-width:0}
.spacing-column.changed{background:#e5eddc}
.spacing-column h3{font:26px var(--serif);margin:0 0 22px}
.spacing-column h3 small{display:block;font:11px var(--sans);color:#597362;margin-top:5px}
.spacing-column>b{font:9px var(--sans);letter-spacing:.8px;color:#496854}
.spacing-column svg{display:block;width:100%;height:auto;margin-bottom:18px}
.hierarchy-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:30px}
.hierarchy-controls{display:flex;flex-direction:column;gap:20px}
.hierarchy-controls output{font-weight:600}
.hierarchy-surface{background:#d6dfd3;padding:26px;display:flex;align-items:start;justify-content:center;min-width:0}
.hierarchy-preview{--title-size:37.3px;--deck-size:20px;--body-size:16px;--title-weight:700;--measure:48ch;--copy-width:100%;width:100%;max-width:670px;background:#faf8ec;box-shadow:0 4px 18px #203b2820;padding:28px;color:#183d35;overflow-wrap:anywhere}
.type-specimen-kicker{font:10px/1.4 Arial;letter-spacing:1.6px;border-bottom:1px solid #adc3a4;padding-bottom:12px}
.type-specimen-art{height:160px;position:relative;margin:22px 0;background:#244c49;overflow:hidden}
.type-specimen-art i{position:absolute;border:14px solid #bfd6a5;width:120px;height:120px;border-radius:50%;right:14%;top:27px}
.type-specimen-art b{width:160px;height:160px;position:absolute;left:28%;top:80px;background:#7e9c7b;transform:rotate(25deg)}
.type-specimen-art span{position:absolute;left:20px;top:25px;font:11px/1.6 Arial;letter-spacing:2px;color:#d0e3c7}
.type-specimen-copy{width:var(--copy-width);max-width:100%}
.type-specimen-copy h4{font-size:var(--title-size);font-weight:var(--title-weight);line-height:1.12;margin:0 0 15px}
.type-specimen-deck{font-size:var(--deck-size);line-height:1.4;margin:0 0 12px}
.type-specimen-meta{font:600 13px/1.5 Arial;color:#37614c;border-top:1px solid #adc3a4;padding-top:12px;margin:0 0 18px}
.type-specimen-body{font-size:var(--body-size);line-height:1.6;max-width:var(--measure);margin:0 0 20px}
.type-specimen-action{display:inline-block;font:12px/1.4 Arial;padding:12px 17px;background:#244e40;color:#fff}
[data-context=poster]{max-width:530px;text-align:center}
[data-context=poster] .type-specimen-copy{margin:auto}
[data-context=poster] .type-specimen-body{margin-left:auto;margin-right:auto}
[data-context=poster] .type-specimen-art{height:180px}
[data-context=editorial]{display:grid;grid-template-columns:1fr 1.3fr;gap:18px}
[data-context=editorial] .type-specimen-kicker{grid-column:1/-1}
[data-context=editorial] .type-specimen-art{height:100%;min-height:300px;margin:0}
[data-context=editorial] .type-specimen-copy{align-self:start}
[data-context=editorial] .type-specimen-action{background:none;color:#245841;padding:0}
[data-context=mobile]{max-width:360px;border:5px solid #234c42;border-radius:23px;padding:18px}
[data-context=mobile] .type-specimen-art{height:110px;margin:17px 0}
[data-context=mobile] .type-specimen-copy{margin:0}
[data-context=mobile] .type-specimen-action{display:block;text-align:center;border-radius:6px}
.type-teaching{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:25px 0}
.type-teaching p:not(.eyebrow){font-size:12px;line-height:1.8;color:#466351;margin:7px 0}
.type-exercise{display:grid;grid-template-columns:1fr 1.2fr;gap:35px;background:#deead8;padding:27px}
.type-exercise h3{font:28px var(--serif);margin:8px 0}
.type-exercise p:not(.eyebrow){font-size:12px;line-height:1.7}
#spacing-answer{font-size:12px;margin:0 0 14px;display:block}
#type-feedback{min-height:42px;color:#31533e}
#type-feedback[data-result=correct]{color:#1c573b;font-weight:600}
.type-sources{margin:25px 0 0;padding-top:20px;border-top:1px solid #b3c3b0;font-size:11px;line-height:1.8}
.type-sources summary{font-size:12px;cursor:pointer}.type-sources a{color:#285d70}
button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,svg[role=slider]:focus-visible{outline:3px solid #316db1;outline-offset:4px}
@media(max-width:1000px){.type-anatomy-grid{grid-template-columns:1fr}.type-anatomy-grid>div:last-child{border-top:1px solid #ced8c4;padding-top:10px}#type-layers{flex-direction:row;flex-wrap:wrap;gap:12px 24px}.hierarchy-grid{grid-template-columns:190px minmax(0,1fr)}.hierarchy-surface{padding:17px}.masthead .edition{display:none}}
@media(max-width:700px){
 .typography{padding-top:48px}.type-toolbar{flex-wrap:wrap;gap:13px;justify-content:space-between}.type-toolbar>p{flex-basis:100%;margin:0}.type-toolbar select{max-width:190px}
 .type-anatomy-grid{padding:15px;gap:12px}.anatomy-metrics{gap:16px;font-size:10px}
 .spacing-controls{grid-template-columns:1fr;padding:17px;gap:18px}.spacing-comparison{gap:10px}.spacing-column{padding:13px}.spacing-column h3{font-size:21px}.spacing-column>b{font-size:8px}
 .hierarchy-grid{grid-template-columns:1fr;gap:22px}.hierarchy-controls{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hierarchy-controls>p{grid-column:1/-1}
 .hierarchy-surface{padding:12px}.hierarchy-preview{padding:18px}[data-context=editorial]{grid-template-columns:1fr 1.4fr;gap:12px}
 .type-teaching,.type-exercise{grid-template-columns:1fr;gap:15px}.type-exercise{padding:22px}
 .camera-charts{padding:16px}.camera-chart-grid{gap:12px}.chart-heading{display:block}.chart-heading h3{font-size:24px}.chart-heading button{margin-top:6px}
 .camera-chart-grid figcaption{min-height:62px;font-size:9px}.chart-cause{font-size:11px}.chart-legend{gap:10px}.chart-help{font-size:11px}
 .masthead nav{gap:13px!important}.masthead nav a:first-child{display:block}
}
@media(max-width:440px){.camera-chart-grid{grid-template-columns:1fr}.camera-chart-grid figcaption{min-height:0}.spacing-comparison{grid-template-columns:1fr}.masthead nav{gap:9px!important;font-size:10px}}