*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f4eb;color:#173c34;font-family:Georgia,"Times New Roman",serif;line-height:1.72}.site-header{background:linear-gradient(105deg,#102e28,#235444);color:white}.header-row{padding:13px clamp(18px,2vw,32px);display:flex;gap:22px;justify-content:space-between;align-items:center;flex-wrap:wrap}.brand{font-size:1.36rem;letter-spacing:.09em;font-weight:bold;color:white;text-decoration:none}.brand small{display:block;font-size:.62rem;letter-spacing:.07em;font-weight:normal}.nav{display:flex;gap:20px;flex-wrap:wrap}.nav a{color:white;text-decoration:none;font-size:.76rem;letter-spacing:.09em;text-transform:uppercase}.nav a:hover{text-decoration:underline}.hero{background:linear-gradient(105deg,#193e34,#295b49);color:white;padding:40px clamp(18px,2vw,32px) 45px}.hero .kicker{color:#e8cb84;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem}.hero h1{font-size:clamp(2rem,4vw,3.6rem);font-weight:normal;line-height:1.15;margin:14px 0}.hero p{font-size:1.13rem;max-width:900px}.content{padding:34px clamp(18px,2vw,32px) 85px;max-width:1150px}.content p,.content li{max-width:900px}.content h2{font-size:clamp(1.55rem,2.5vw,2.1rem);font-weight:normal;margin:38px 0 10px}.content h3{font-size:1.22rem;margin:20px 0 5px}.source-note{border-left:4px solid #b69b5d;background:#eee8d8;padding:15px 20px;max-width:1000px}.timeline{border-left:2px solid #b49d6d;padding-left:24px}.timeline p{margin:8px 0 20px}.tag{color:#856f42;font-size:.85rem;font-weight:bold}.footnote{font-size:.9rem;color:#4d5d55}.footer{padding:22px clamp(18px,2vw,32px);background:#14372f;color:white;font-size:.85rem}a{color:#1c6655}@media(max-width:680px){.header-row{align-items:flex-start}.nav{gap:12px}.hero{padding-top:28px}.content{padding-top:22px}}
.tech-figure{margin:25px 0 30px;max-width:680px}.tech-figure img{display:block;width:100%;height:auto;object-fit:contain;background:#eee9dc;border-radius:4px}.tech-figure figcaption{font-size:.85rem;color:#5c685e;margin-top:8px;line-height:1.5}.comparison{border-collapse:collapse;width:100%;max-width:980px;margin:20px 0}.comparison th,.comparison td{border-bottom:1px solid #d6d0c0;text-align:left;vertical-align:top;padding:12px}.comparison th{background:#e9e3d4}.content{margin-left:0;margin-right:0}.caution{background:#f0eadc;border-left:4px solid #a88c53;padding:14px 20px;max-width:930px}