body{margin:0;background:#f7f6ef;color:#20382a;font:17px/1.55 Arial,sans-serif}header{background:#203e2c;color:white;display:flex;justify-content:space-between;gap:30px;align-items:center;padding:20px 4vw}header a{color:white}.logo{font-size:25px;letter-spacing:-1px;font-weight:900;text-decoration:none}nav{display:flex;gap:16px;flex-wrap:wrap;font-size:14px}main{max-width:1280px;margin:35px auto;padding:0 24px}h1{font-size:clamp(36px,5vw,64px);line-height:1.08;margin:18px 0;max-width:960px}h2{font-size:29px;line-height:1.2}h3{font-size:21px}.kicker{font:13px/1.4 Arial,sans-serif;letter-spacing:1px;text-transform:uppercase}.signal{display:inline-block;background:#e96726;color:#172719;padding:7px 11px;font-weight:bold}.project-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:25px}.project-grid>*{min-width:0}.map{background:#d9decd;border:1px solid #9caa91;padding:18px}.map svg{width:100%;height:auto;display:block}.map text{font:18px Arial,sans-serif}.record{background:white;padding:20px;border-top:7px solid #e96726}.record dl{display:grid;grid-template-columns:100px 1fr;gap:10px;margin:0}.record dd{margin:0}.compare{position:relative;aspect-ratio:971/809;overflow:hidden;background:#d9decd}.panel{position:absolute;inset:0;overflow:hidden}.panel img{width:200%;height:100%;max-width:none;object-fit:cover;display:block}.panel.after img{transform:translateX(-50%)}.panel.after{clip-path:inset(0 50% 0 0)}.label{position:absolute;top:15px;padding:5px 8px;background:#203e2c;color:white;font-size:13px}.label.before{right:15px}.label.after{left:15px}.comparison-controls{background:white;padding:18px}input[type=range]{width:100%}button,input,select{font:inherit;box-sizing:border-box;max-width:100%}button{background:#203e2c;color:white;border:0;padding:10px 16px;cursor:pointer}button[aria-pressed=true]{background:#e96726;color:#172719}.reading{max-width:840px}.reading section{margin:35px 0;padding-top:16px;border-top:1px solid #9fac93}.step{display:grid;grid-template-columns:54px 1fr;gap:20px;margin:28px 0}.step span{background:#e96726;color:#172719;height:44px;font-size:29px;text-align:center}.note{border-left:5px solid #e96726;padding:12px 20px;background:white}label{display:block;margin:17px 0}label select,label input{display:block;margin-top:7px;padding:7px}output{display:block;margin:15px 0}.table-region{overflow:auto;max-width:100%}table{border-collapse:collapse;width:100%;font-size:15px}td,th{border-bottom:1px solid #9fac93;text-align:left;padding:9px}.survey{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:30px 0}.survey svg{width:100%;height:auto}.survey figure{margin:0}.survey figcaption{font-size:14px}footer{padding:25px 4vw;background:#203e2c;color:white;display:flex;justify-content:space-between;font-size:14px}footer a{color:white}a{color:#264e34}.small{font-size:14px}@media(max-width:700px){header{display:block}nav{margin-top:18px;gap:11px}main{padding:0 18px}.project-grid,.survey{display:block}.record{margin-top:20px}.map text{font-size:23px}.record dl{grid-template-columns:80px 1fr}h2{font-size:25px}footer{gap:15px;flex-wrap:wrap}}
[hidden]{display:none!important}

:focus-visible{outline:3px solid #e96726;outline-offset:4px}.language-switch{margin-left:auto;font-size:14px;white-space:nowrap}header{flex-wrap:wrap}h1{text-wrap:balance}#case-title{scroll-margin-top:20px}

.keep-phrase{white-space:nowrap}