:root{font-family:system-ui,-apple-system,sans-serif;color:#173d32;background:#f4f3ec;line-height:1.65}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1180px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #cbd3c8}a{color:inherit;text-underline-offset:4px}.brand{font-size:1.4rem;font-weight:800;text-decoration:none}.brand span{display:block;font-size:.6rem;letter-spacing:.26em}nav{display:flex;flex-wrap:wrap;gap:18px;font-size:.85rem}h1{font-size:clamp(2rem,5.5vw,4rem);line-height:1.25;letter-spacing:-.04em}h2{font-size:clamp(1.4rem,3vw,2rem);line-height:1.4}h3{line-height:1.5}section{margin:24px 0 48px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:36px;padding:30px 0}.hero img{width:100%;border-radius:50% 50% 8px 8px;background:#e1e6d8}.eyebrow{font-size:.72rem;letter-spacing:.18em;font-weight:750;color:#577459}.button,button{background:#214d3b;color:white;border:0;border-radius:8px;padding:14px 18px;display:inline-block;text-decoration:none;font:inherit;cursor:pointer;min-height:46px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:30px}.notice{background:#e4e9d9;padding:20px;border-left:4px solid #869d59;border-radius:4px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{background:#fff;border:1px solid #dbe0d5;border-radius:12px;overflow:hidden;text-decoration:none;transition:box-shadow .2s}.card:hover{box-shadow:0 8px 24px #173d321c}.card img{width:100%;aspect-ratio:1.3;object-fit:contain;background:#eceee6}.card div{padding:18px}.card h3{font-size:1rem;margin:6px 0}.card small,.muted,time{color:#667365;font-size:.8rem}.tag{border:1px solid #c1cbb9;border-radius:4px;padding:3px 7px;font-size:.75rem;display:inline-block}.filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;background:#e9ecdf;padding:18px;border-radius:12px}label{font-size:.8rem}input,select{display:block;width:100%;min-height:46px;margin-top:4px;font:inherit;color:inherit;background:white;border:1px solid #bac7b5;border-radius:6px;padding:8px}input{min-width:0}.history{padding-left:20px}.history li{padding:12px 0;border-bottom:1px solid #dce1d5}footer{border-top:1px solid #cbd3c8;color:#677764;font-size:.8rem}model-viewer{width:100%;height:460px;background:#e9ecdf;border-radius:16px}video,.sheet{width:100%;max-width:100%;border-radius:10px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;padding:20px;border-radius:12px;font-size:.85rem}code{overflow-wrap:anywhere;font-size:.8rem}:focus-visible{outline:3px solid #aa7845;outline-offset:3px}@media(max-width:700px){header{display:block}nav{margin-top:16px;gap:12px}header,main,footer{padding:18px}.hero,.intro{grid-template-columns:1fr;gap:16px}.hero{padding:0}.hero img{max-height:280px;object-fit:contain;border-radius:14px}.hero h1{margin:16px 0}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card div{padding:12px}.filters{grid-template-columns:1fr 1fr;padding:12px}.card h3{font-size:.88rem}model-viewer{height:360px}.eyebrow{overflow-wrap:anywhere}}@media(max-width:370px){.cards{grid-template-columns:1fr}}
table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:.85rem}td,th{padding:12px 6px;border-bottom:1px solid #cbd3c8;text-align:left}th{background:#e4e9d9}
model-viewer[hidden],#fallback-poster[hidden]{display:none!important}
button:disabled{opacity:.5;cursor:not-allowed}
.video-comparison{margin:24px 0}.video-comparison video{display:block;width:100%;height:auto;object-fit:contain;background:#173d32}.video-comparison h3{margin-bottom:8px}.comparison-labels{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:.9rem;font-weight:700;margin:8px 0}.comparison-labels span{padding:8px;background:#e4e9d9;border-radius:6px}
