:root{--paper:#F7F4EC;--card:#FFFEFA;--ink:#263E32;--muted:#7B786C;--line:#E1DACB;--loss:#C73E3A;--gain:#2E5C6E;--urban:#2D6D4B;--interface:#B48A3A}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.8 -apple-system,BlinkMacSystemFont,"PingFang TC",sans-serif}main{max-width:1440px;margin:auto;padding:0 44px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:27px 0}.brand{font-size:11px;letter-spacing:.19em;text-decoration:none;color:var(--muted)}nav{display:flex;gap:25px;font-size:13px}a{color:var(--urban);text-underline-offset:4px}h1,h2,h3{font-family:"Songti TC","Noto Serif TC",serif;font-weight:600}h1{font-size:clamp(34px,4.1vw,58px);line-height:1.45;letter-spacing:.045em;margin:17px 0}h2{font-size:29px;line-height:1.4;margin:7px 0 0}h3{font-size:23px;margin:0 0 8px}.hero{padding:61px 0 40px}.eyebrow{color:#947C4C;font-size:11px;letter-spacing:.15em}.lead{max-width:830px;font-size:17px;line-height:1.95;color:#5E665B}.scope-line,.chart-note{font-size:12px;color:var(--muted);line-height:1.9}.scope-line{margin-top:25px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px}.section-intro{color:#667060;max-width:1000px;margin:0 0 22px}section[id]{scroll-margin-top:24px;border-top:1px solid var(--line);padding:43px 0 46px}.zone-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.zone-card{background:var(--card);border:1px solid var(--line);border-top:3px solid var(--urban);border-radius:6px;padding:25px 26px 18px;min-width:0}.zone-card.interface{border-top-color:var(--interface)}.zone-label{display:flex;justify-content:space-between;align-items:center;gap:15px}.zone-label h3{margin:0}.zone-label span{font-size:11px;color:var(--muted)}.zone-desc{font-size:12px;color:var(--muted);margin:5px 0 18px}.metric-title{font-size:13px;margin:0;color:#85715D}.big{font-size:47px;line-height:1.3;font-weight:450;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--loss);margin:6px 0 7px}.big small{font-size:17px;letter-spacing:0;margin-left:7px}.relative{font-size:13px;margin:0 0 17px;color:#797368}.relative b{font-size:18px;color:var(--loss);font-weight:500}.year-steps{display:flex;gap:15px;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px;margin-top:14px}.year-steps span{color:var(--muted);font-size:12px}.year-steps b{display:block;color:var(--loss);font-size:18px;font-weight:500}.chart{display:block;width:100%;height:auto;overflow:visible}.chart-title{font-size:12px;color:var(--muted);margin-top:20px}.chart-note{margin-top:17px}.muted{font-size:12px;color:var(--muted)}.scale-control,label{font-size:12px;color:var(--muted)}select,button{font:inherit;color:var(--ink);border:1px solid #D8D0BE;background:var(--card);border-radius:4px;padding:8px 11px}select{margin-left:5px;max-width:100%}button{cursor:pointer}button:hover{border-color:var(--interface)}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #BA9E66;outline-offset:4px}.loss{color:var(--loss)}.gain{color:var(--gain)}.flow-panel{background:#F0ECE2;padding:26px 27px 18px;border-radius:6px;margin-top:28px}.flow-panel h3{font-size:23px}.flow-panel p{margin:3px 0 14px}.legend{display:flex;gap:18px;flex-wrap:wrap;color:#746F62;font-size:12px;margin:15px 0}.legend span{display:flex;align-items:center;gap:7px}.dot{width:10px;height:10px;display:inline-block;border-radius:1px}.loss-bg{background:var(--loss)}.gain-bg{background:var(--gain)}.urban-bg{background:var(--urban)}.interface-bg{background:var(--interface)}.forest-bg{background:#ADC2A6}.download{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;margin-top:16px}.exploratory{background:#F3EDDF;color:#887144;font-size:11px;padding:4px 8px;border-radius:3px}.history-card .zone-desc{min-height:40px}.history-card .chart{margin-top:15px}.history-recent{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:10px;font-size:12px;color:var(--muted)}.history-recent b{color:var(--loss);font-weight:500}.quiet-details{margin-top:24px;border-top:1px solid var(--line);padding-top:13px;font-size:13px}details summary{cursor:pointer;color:#596451;padding:7px 0;font-size:13px}details[open] summary{margin-bottom:16px}details p{font-size:13px}.map-controls{display:flex;gap:18px;flex-wrap:wrap;background:#EEE8DA;padding:17px;border-radius:5px}.map-controls label{display:flex;align-items:center;gap:5px}.map-summary{font-size:16px;margin:19px 0;color:#655F50}.atlas-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.atlas-toolbar button,.atlas-toolbar summary{font-size:12px}.atlas-toolbar details{margin-left:auto}.layer-options{display:flex;gap:13px;flex-wrap:wrap;padding:10px 0}.segmented{display:flex}.segmented button{border-radius:0}.segmented button:first-child{border-radius:4px 0 0 4px}.segmented button:last-child{border-radius:0 4px 4px 0}.segmented button+button{border-left:0}.segmented .active{background:var(--ink);color:white}.map-grid{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:13px}.map-panel{border:1px solid var(--line);border-radius:5px;overflow:hidden;min-width:0;background:var(--card)}.map-panel.central{border-top:3px solid var(--interface)}.map-title{padding:13px 15px;display:flex;align-items:center;justify-content:space-between}.map-title strong{font:26px Georgia,"Songti TC",serif}.map-title span{font-size:10px;color:var(--muted);letter-spacing:.08em}.map{height:510px;background:var(--paper)}.leaflet-image-layer{image-rendering:pixelated}.leaflet-tooltip{background:var(--card);border:1px solid var(--line);color:var(--ink);font-size:12px;box-shadow:none}.candidate-pin{background:none;border:0}.candidate-pin span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--loss);color:#fff;border:2px solid var(--card);box-shadow:0 1px 5px #443b3229;font:bold 11px sans-serif}.candidate-pin.gain-pin span{background:var(--gain)}.candidate-guide{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:22px 0}.spot-button{font-size:11px;display:flex;gap:9px;align-items:center;text-align:left;padding:12px 8px;min-width:0}.spot-button.selected{border-color:var(--interface);background:#F4EFDF}.spot-button .badge{display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;background:var(--loss);color:white;border-radius:50%}.spot-button .badge.gain{background:var(--gain)}.spot-button b{font-weight:500;font-size:12px}.spot-button small{display:block;font-size:10px;color:var(--muted)}.spot-button em{font-style:normal;margin-left:auto;white-space:nowrap}.spotlight{display:grid;grid-template-columns:.85fr 1.5fr;gap:25px;padding:24px;background:#EDE7D9;border-radius:6px}.spotlight[hidden]{display:none}.spotlight h3{margin-top:10px}.spot-area{font-size:30px;color:var(--loss);margin:8px 0}.photos{display:grid;grid-template-columns:1fr 1fr;gap:12px}figure{margin:0}.photo{position:relative;aspect-ratio:1;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.photo:after{content:'+';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;text-shadow:0 1px 2px #222;font:25px sans-serif}figcaption{font-size:12px;color:var(--muted);margin-top:6px}.rgb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.rgb-item{background:#EFEEE5;border:1px solid var(--line);padding:12px;border-radius:5px}.rgb-item img{width:100%;height:310px;object-fit:contain;display:block}.rgb-item p{margin:8px 0 0;font:22px Georgia,serif}.tablewrap{overflow:auto;margin:18px 0}table{border-collapse:collapse;width:100%;font-size:12px}th{background:#EEE8DA;color:#6D705E;font-size:11px;font-weight:500;white-space:nowrap}td,th{padding:11px 12px;text-align:right;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}td:first-child,th:first-child{text-align:left}.methods{font-size:13px}.methods>p{max-width:980px;color:#777568}.methods details{border-top:1px solid var(--line);padding:10px 0}.methods summary{font-size:15px}.links{display:flex;gap:15px;flex-wrap:wrap;margin:20px 0}.links a{padding:7px 12px;background:#EDE9DE;border-radius:4px;font-size:12px}footer{border-top:1px solid var(--line);font-size:11px;color:var(--muted);padding:25px 0 40px;line-height:2}.empty{font-size:13px;padding:20px;background:#F2ECE0;color:#8C7755}
@media(max-width:1050px){main{padding:0 25px}.big{font-size:40px}.zone-card{padding:20px}.map{height:430px}.map-title strong{font-size:22px}.candidate-guide{grid-template-columns:repeat(3,1fr)}.rgb-item img{height:260px}nav{gap:16px}.spotlight{grid-template-columns:.7fr 1.3fr}.map-controls{gap:12px}.map-controls select{max-width:195px}}
@media(max-width:740px){main{padding:0 17px}header{align-items:flex-start;flex-direction:column;gap:10px;padding:20px 0}.brand{font-size:10px}nav{gap:19px;font-size:12px}.hero{padding:38px 0 28px}h1{font-size:33px}h2{font-size:25px}.lead{font-size:15px}.section-head{flex-wrap:wrap;gap:15px}.zone-grid{grid-template-columns:1fr;gap:20px}.map-grid{grid-template-columns:1fr}.map{height:400px}.map-title{padding:10px 14px}.map-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.map-controls label{display:flex;flex-direction:column;align-items:flex-start}.map-controls select{width:100%;margin:0;font-size:12px}.atlas-toolbar details{margin-left:0}.spotlight{grid-template-columns:1fr;padding:18px}.candidate-guide{grid-template-columns:repeat(2,1fr)}.rgb-grid{gap:9px}.rgb-item{padding:7px}.rgb-item img{height:180px}.rgb-item p{font-size:19px}.flow-panel{padding:18px 12px}.chart-note{font-size:11px}section[id]{padding:33px 0}select{font-size:12px}}
@media(max-width:740px){#flowChart{overflow-x:auto;padding-bottom:8px}#flowChart .chart{min-width:760px}.rgb-grid{grid-template-columns:1fr}.rgb-item img{height:260px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.small-toggle{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink);background:#F1E7DD;border-radius:4px;padding:7px 10px}.ring-key{display:inline-block;width:11px;height:11px;border:1.5px solid var(--loss);border-radius:50%}.small-summary{border-left:3px solid var(--loss);background:#F2EAE0;padding:13px 17px;font-size:13px;line-height:1.9;color:#6E5B4C}.small-summary:empty{display:none}.google-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.google-card{border:1px solid var(--line);background:var(--card);border-radius:6px;overflow:hidden}.google-card-head{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:16px;font-size:13px}.google-card-head b{color:var(--loss);font-weight:500}.google-frame{height:330px;background:#E5E1D6}.google-frame iframe{height:100%;width:100%;border:0;display:block}.google-card-links{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;font-size:11px}.google-card-links button{font-size:11px;padding:5px 7px}.small-comparison{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0 12px}.small-comparison .photo{max-height:180px}.small-coords{font-size:11px;color:var(--muted);padding:0 12px 8px;line-height:1.8}#spotGoogle{font-size:12px}
@media(max-width:1050px){.google-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){.google-grid{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:12px}.google-card{min-width:300px;flex:0 0 300px;scroll-snap-align:start}.google-frame{height:310px}}

.google-frame{position:relative}.google-cross{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:white;text-shadow:0 1px 3px #000,0 0 2px #000;font:27px sans-serif;pointer-events:none}.google-frame.locked .google-cross{display:block}.google-frame.locked iframe{pointer-events:none}.google-card-links+.google-card-links{padding-top:0;color:var(--muted)}

.example-note{margin:12px 12px 0;background:#F1EDDF;color:#776544;padding:8px 10px;font-size:11px;line-height:1.8;border-radius:3px}

.overlay-toggle{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:550;background:#DCE6DC;color:var(--ink);padding:9px 12px;border:1px solid #9CAB96;border-radius:4px}.overlay-toggle input{accent-color:var(--urban);width:16px;height:16px}.overlay-status{padding:8px 12px;background:#F0ECE2;border-radius:4px;font-size:12px;color:var(--muted)}

.legend .theme-key[hidden]{display:none}

.google-fallback{position:absolute;inset:0;overflow:hidden}.google-fallback img{width:100%;height:100%;object-fit:cover;display:block}.google-fallback p{position:absolute;bottom:0;left:0;right:0;margin:0;padding:12px;background:rgba(247,244,236,.94);color:var(--ink);font-size:12px;line-height:1.65}.google-fallback small{font-size:11px;color:#6E6C60}.google-frame iframe{position:relative;z-index:1}.google-cross{z-index:2}

.spectral-card{margin:14px 12px;background:#F3EFE4;border:1px solid #DDD6C5;border-radius:5px;padding:14px}.spectral-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px}.evidence-tag{font-size:10px;color:#45634B;background:#E0E8DB;border-radius:3px;padding:3px 5px;white-space:nowrap}.spectral-delta{font-size:14px;font-variant-numeric:tabular-nums;margin:8px 0 0}.ndvi-spark{display:block;width:100%;height:auto}.spectral-key{font-size:10px;color:#777568;margin:5px 0}.spectral-status{font-size:11px;color:#6A614C;margin:9px 0}.spectral-card details{font-size:11px;border-top:1px solid #DBD3C1;padding-top:8px}.spectral-card details p{line-height:1.8}.spectral-values{margin:10px 0}.spectral-values>div{display:flex;justify-content:space-between;gap:12px}.spectral-values dd{margin:0;font-variant-numeric:tabular-nums}.spot-spectral:empty{display:none}.spot-spectral .spectral-card{max-width:640px;margin:15px 0}.spot-spectral .ndvi-spark{max-width:400px}.spectral-area{border-top:1px solid var(--line);padding:17px 0 4px;margin-top:17px}.spectral-area-title{display:flex;justify-content:space-between;gap:12px;font-size:13px}.spectral-area-title>span{font-size:12px;color:var(--muted)}.evidence-bar{height:10px;border-radius:3px;overflow:hidden;background:#DED7C8;margin:12px 0}.evidence-bar i{display:block;height:100%}.spectral-area p{font-size:13px;margin:7px 0;color:#6D6B5E}.spectral-area strong{color:var(--ink);font-weight:550}.spectral-area small{font-size:11px}.spectral-figure{max-width:100%;height:auto;display:block;margin:15px auto}header nav{flex-wrap:wrap} @media(max-width:740px){.spectral-area-title{flex-wrap:wrap}.spectral-head{flex-wrap:wrap}}

.history-ndvi{border-top:1px solid var(--line);padding-top:30px;margin-top:30px;scroll-margin-top:24px}.history-ndvi>.section-head h3{font-size:25px}.ndvi-example{display:grid;grid-template-columns:1fr 1fr;gap:28px;background:#EDE7D9;border-radius:6px;padding:25px;margin-top:25px}.ndvi-example h3{font-size:22px;margin:8px 0 12px}.ndvi-example p{font-size:13px}.ndvi-example>.spectral-card{margin:0;align-self:start}.ndvi-example .photos{max-width:410px;margin-top:18px}.ndvi-example .ndvi-spark{max-width:470px;margin:auto}@media(max-width:740px){.ndvi-example{grid-template-columns:1fr;padding:18px}.history-ndvi .history-recent{flex-wrap:wrap}}

/* Editorial illustration layer. Source PNGs remain unchanged. */
:root{--paper:#F6F3E9;--card:#FFFEF9;--ink:#213D31;--line:#DDD7C7;--illustration-paper:#F4F1E7}
body{background:radial-gradient(ellipse at 92% 0,rgba(210,218,196,.2),transparent 44rem),var(--paper)}
main{max-width:1440px;padding:0 48px}
header{padding:23px 0;border-bottom:1px solid #B8BDAA}
.brand{display:flex;align-items:center;gap:12px;color:var(--ink);letter-spacing:.06em}
.brand-mark{display:grid;place-items:center;width:40px;height:44px;border:1px solid #849580;border-radius:50% 50% 2px 2px;font:25px/1 "Songti TC",serif}
.brand b{display:block;font:600 17px/1.4 "Songti TC",serif;letter-spacing:.18em}
.brand small{display:block;font-size:8px;letter-spacing:.13em;margin-top:4px}
header nav a{text-decoration:none;color:#566452;padding:6px 0;border-bottom:1px solid transparent}
header nav a:hover{border-bottom-color:var(--urban)}
.skip-link{position:absolute;left:16px;top:-100px;z-index:2000;padding:12px;background:var(--card)}
.skip-link:focus{top:12px}
.illustrated-hero{display:grid;grid-template-columns:1.03fr 1fr;column-gap:40px;align-items:center;padding:38px 0 25px}
.hero-copy{padding:16px 0 6px;position:relative;z-index:1}
.hero h1{font-size:clamp(34px,3.85vw,54px);line-height:1.48;letter-spacing:.025em;margin:17px 0 20px}
.hero .lead{font-size:15px;line-height:2.05;max-width:590px;margin:0;color:#596453}
.hero-actions{display:flex;align-items:center;gap:27px;margin-top:28px;font-size:13px}
.reader-cta{display:inline-flex;align-items:center;gap:28px;background:#294C3B;color:#FBF8ED;padding:12px 19px;text-decoration:none;border-radius:2px}
.reader-cta:hover{background:#365E48}
.reader-link{color:#566452;text-decoration:none;border-bottom:1px solid #B6BCA8;padding:7px 0}
.hero-art{margin:0;min-width:0;align-self:center}
.hero-art-window{aspect-ratio:8/7;overflow:hidden;position:relative;isolation:isolate;mask-image:linear-gradient(to right,transparent 0,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent 0,#000 9%,#000 93%,transparent);mask-composite:intersect}
.hero-art-window img{position:absolute;max-width:none;width:140.25%;height:auto;left:0;top:-35.7143%;mix-blend-mode:multiply}
.hero-art figcaption{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 2% 0;font-size:12px;color:#69705F}
.hero-art figcaption small{color:#8C8C7B;font-size:10px;margin-left:9px}
.art-text-button{border:0;border-bottom:1px solid #B6BCA8;border-radius:0;padding:4px 0;background:none;color:#566452;font-size:11px}
.hero-scope{grid-column:1/-1;margin:24px 0 0;padding:16px 0 0;border-top:1px solid var(--line);max-width:none;font-size:11px}
.hero-scope a{white-space:nowrap;margin-left:7px}
section[id]{padding-top:48px;padding-bottom:50px}
.section-head{margin-bottom:28px}
.eyebrow{letter-spacing:.13em}
.zone-card{border-radius:3px;box-shadow:0 4px 18px #4A503B04}
.flow-panel{border-radius:3px;background:#ECEBDD}
.landscape-guide{display:grid;grid-template-columns:.8fr 2fr;gap:35px;align-items:center;margin:32px 0;padding:26px 28px 18px;background:#EDEEE3;border:1px solid #D8DDCB;border-radius:3px}
.landscape-intro h3{font-size:25px;line-height:1.6;margin:9px 0 10px}
.landscape-intro p{font-size:12px;line-height:1.9;color:#67715C;margin:0;max-width:280px}
.landscape-figure{min-width:0}
/* Illustration source region: x=82..1040, y=559..856. */
.landscape-window{position:relative;overflow:hidden;aspect-ratio:958/297;border-radius:2px}
.landscape-window img{position:absolute;width:117.119%;max-width:none;height:auto;left:-8.5595%;top:-188.2155%;mix-blend-mode:multiply}
.landscape-key{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:12px;margin:15px 0 0}
.landscape-key>div{border-top:2px solid var(--urban);padding-top:8px}
.landscape-key>div:nth-child(2){border-color:var(--interface)}
.landscape-key>div:nth-child(3){border-color:#A6B99A}
.landscape-key dt{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600}
.landscape-key dd{margin:2px 0 0;font-size:11px;color:#727967}
.art-caption{font-size:10px;color:#858A78;margin:10px 0 0}
.illustrated-method{margin:32px 0 40px;padding:29px 32px 30px;background:#ECEDE2;border:1px solid #D7DDCC;border-radius:3px}
.method-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}
.method-intro h3{font-size:26px;margin:7px 0 0}
.method-intro>span{font-size:12px;color:#7C816D}
.method-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #CDD5C2;border-bottom:1px solid #CDD5C2;margin-bottom:28px}
.method-steps button{display:flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:0;border-bottom:3px solid transparent;padding:14px 8px 11px;background:none;font-size:13px;white-space:nowrap;color:#65715B}
.method-steps button>span{font:italic 20px Georgia,serif;color:#8B997F}
.method-steps button[aria-pressed=true]{background:#E0E5D5;border-bottom-color:#426347;color:#294A34}
.method-steps button[aria-pressed=true]>span{color:#426347}
.method-steps button:hover{background:#E5E9DC}
.method-panel{display:grid;grid-template-columns:minmax(240px,.95fr) minmax(260px,1fr);gap:clamp(30px,5vw,74px);align-items:center;max-width:980px;margin:auto}
.method-poster{margin:0;min-width:0;width:100%;max-width:430px;justify-self:center}
.method-poster>button{display:block;width:100%;padding:0;border:1px solid #D6D1C0;border-radius:2px;overflow:hidden;position:relative;background:#F5F2E9;box-shadow:0 8px 22px #4C563D13;cursor:zoom-in}
.method-poster img{display:block;width:100%;height:auto;aspect-ratio:1122/1402}
.poster-zoom{display:flex;align-items:center;gap:20px;position:absolute;right:14px;bottom:14px;padding:7px 12px;font-size:11px;background:#294837ee;color:#FFFCEF;border:1px solid #FFFFFF50;border-radius:2px;box-shadow:0 2px 8px #0001}
.method-poster figcaption{font-size:10px;color:#7C816F;margin-top:8px;text-align:center}
.method-copy h3{font-size:32px;line-height:1.6;max-width:380px;margin:15px 0}
.method-copy>p{font-size:14px;line-height:2;color:#63705C;margin:12px 0 23px;max-width:430px}
.method-takeaway{border-left:2px solid #B19352;padding:5px 0 5px 19px;margin:25px 0}
.method-takeaway>span{font-size:10px;letter-spacing:.12em;color:#937B49}
.method-takeaway p{font-size:15px;line-height:1.95;color:#405941;margin:9px 0 0}
.method-copy>.method-caveat{font-size:11px;color:#838574;margin-bottom:28px;line-height:1.85}
.method-pager{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #D1D7C5;padding-top:19px}
.method-pager button{background:transparent;border:0;border-radius:0;padding:6px 0;font-size:12px;color:#456246}
.method-pager button:hover:not(:disabled){text-decoration:underline;text-underline-offset:5px}
.method-pager button:disabled{cursor:default;opacity:.32}
.method-pager>span{font:12px Georgia,serif;color:#88917B}
.method-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 20px}
.method-detail-heading h3{font-size:21px;margin:0}
.method-detail-heading span{font-size:11px;color:#80816F}
.methods>details>summary{font-size:14px;padding:12px 0}
.art-dialog{width:min(920px,calc(100vw - 32px));max-width:none;max-height:92dvh;padding:0;border:1px solid #9DA88E;border-radius:4px;background:#F4F1E7;color:var(--ink);box-shadow:0 24px 90px #12291944;overscroll-behavior:contain}
.art-dialog::backdrop{background:#193024bf;backdrop-filter:blur(5px)}
body:has(.art-dialog[open]){overflow:hidden}
.art-dialog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;position:sticky;top:0;z-index:1;background:#F4F1E7f5;backdrop-filter:blur(8px);border-bottom:1px solid #D6D9C9;padding:15px 22px}
.art-dialog-toolbar h2{font:600 17px/1.5 "Songti TC",serif;margin:0}
.art-dialog-toolbar>div{display:flex;align-items:center;gap:19px;flex-shrink:0}
.art-dialog-toolbar a{font-size:11px}
.art-dialog-toolbar form{margin:0}
.art-dialog-toolbar button{font-size:12px;background:transparent}
.art-dialog-body{padding:0 18px 12px}
.art-dialog-body img{display:block;width:100%;height:auto}
.art-dialog-body p{font-size:11px;color:#79806E;text-align:center;margin:8px 5px}
footer{border-top-color:#B8BDAA}
.footer-about{margin:20px 0 0;font-size:13px;letter-spacing:.08em}
.footer-about a{display:inline-block;color:var(--ink);text-decoration:none;border-bottom:1px solid #AAB69D;padding:3px 0}
.footer-about a:hover{color:var(--urban);border-bottom-color:var(--urban)}
@media(min-width:1450px){.hero-art-window{max-height:490px}}
@media(max-width:1050px){main{padding:0 28px}.illustrated-hero{gap:25px}.hero h1{font-size:38px}.hero .lead{font-size:14px}.hero-actions{gap:18px}.hero-art figcaption small{display:none}.landscape-guide{gap:25px;grid-template-columns:1fr 2fr;padding:22px}.landscape-intro h3{font-size:22px}.method-intro{align-items:flex-start;flex-direction:column;gap:8px}.method-copy h3{font-size:27px}.illustrated-method{padding:25px}.method-panel{gap:30px}.method-steps button{gap:8px}}
@media(max-width:740px){main{padding:0 19px}header{gap:16px;padding:20px 0 16px}.brand small{font-size:7px}header nav{width:100%;justify-content:space-between;gap:8px;font-size:11px}.illustrated-hero{display:flex;flex-direction:column;gap:0;padding:30px 0 22px;align-items:stretch}.hero-copy{padding:0}.hero h1{font-size:clamp(31px,8.4vw,42px);margin:13px 0 17px}.hero .lead{font-size:14px}.hero-actions{margin-top:23px;gap:25px}.hero-art{margin:23px -5px 0;width:calc(100% + 10px)}.hero-art-window{aspect-ratio:800/510}.hero-art-window img{top:-66.667%}.hero-art figcaption{font-size:11px;padding:7px 9px 0}.hero-art figcaption small{display:inline;font-size:9px}.hero-scope{margin-top:21px;padding-top:15px;font-size:10px}.landscape-guide{display:block;margin:26px 0;padding:23px 17px 18px}.landscape-intro h3{font-size:24px}.landscape-intro h3 br{display:none}.landscape-intro p{max-width:none;margin-bottom:19px}.landscape-key{gap:8px;grid-template-columns:1fr 1.35fr 1fr;margin-top:12px}.landscape-key dt{font-size:12px}.landscape-key dd{font-size:10px}.art-caption{font-size:9px}.illustrated-method{margin:25px 0 32px;padding:23px 15px}.method-intro h3{font-size:23px}.method-intro>span{font-size:11px}.method-steps{margin:20px 0 23px}.method-steps button{flex-direction:column;gap:6px;padding:12px 1px 10px;font-size:11px}.method-steps button>span{font-size:19px}.method-panel{grid-template-columns:1fr;gap:24px}.method-poster{max-width:335px}.method-copy{padding:0 4px}.method-copy h3{font-size:27px;margin:10px 0}.method-copy>p{font-size:13px;max-width:none}.method-takeaway p{font-size:14px}.method-takeaway{margin:20px 0}.method-copy>.method-caveat{margin-bottom:18px}.method-detail-heading{flex-direction:column;align-items:flex-start;gap:6px}.art-dialog{width:calc(100vw - 16px);max-height:94dvh}.art-dialog-toolbar{padding:11px 13px;gap:8px}.art-dialog-toolbar h2{font-size:14px}.art-dialog-toolbar>div{gap:10px}.art-dialog-toolbar a{font-size:10px}.art-dialog-toolbar button{font-size:11px;padding:6px 9px}.art-dialog-body{padding:0 6px 8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.hero-actions,.art-text-button,.method-steps,.poster-zoom,.method-pager,.art-dialog{display:none}.hero-art-window,.landscape-window{print-color-adjust:exact}.illustrated-method,.landscape-guide{break-inside:avoid}}