:root{color-scheme:light;--ink:#26382e;--muted:#506456;--line:#dce7db;--green:#46745a;--tint:#edf4ec}
*{box-sizing:border-box}body{margin:0;background:#fbfcfa;color:var(--ink);font:16px/1.9 "Yu Gothic UI",Meiryo,sans-serif}main{max-width:1080px;margin:auto;padding:56px 32px 72px}h1,h2,h3{line-height:1.4;text-wrap:balance}h1{font-size:clamp(2.25rem,5.2vw,3.5rem);letter-spacing:-.045em;margin:18px 0;overflow-wrap:anywhere}h2{font-size:28px;margin:0 0 20px}h3{font-size:19px;margin:0 0 10px}p{margin:0 0 16px;color:var(--muted)}a{color:#365d47;text-underline-offset:5px}a:focus-visible{outline:3px solid var(--green);outline-offset:5px}.case-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px;font-size:14px}.case-nav span{color:var(--muted)}.status{display:inline-block;border:1px solid #b3c8b7;border-radius:6px;padding:4px 12px;font-size:14px}.lead{font-size:24px;line-height:1.6;color:var(--ink)}.intro{max-width:740px}.facts{display:flex;flex-wrap:wrap;gap:8px 28px;margin:28px 0;font-size:14px;color:var(--muted)}.play{margin:0 0 36px}.play p{font-size:13px;margin:12px 0 0}.play-button{display:inline-flex;align-items:center;gap:24px;padding:14px 22px;background:var(--ink);color:#fff;border-radius:6px;text-decoration:none;font-weight:600}.play-button:hover{background:#3c5748}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}figure{margin:0}.hero-image{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:12px;background:#fff}figcaption{font-size:13px;color:var(--muted);margin-top:10px}section{margin-top:64px}.split{display:grid;grid-template-columns:1fr 1fr;gap:44px}.step{border-top:1px solid var(--line);padding-top:20px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.features article{background:white;border:1px solid var(--line);padding:24px;border-radius:12px}.features p{font-size:15px;margin:0}.feature-number{display:block;color:#64826b;font-size:13px;margin-bottom:16px;font-variant-numeric:tabular-nums}.technical{background:var(--tint);border-radius:12px;padding:32px}.technical dl{display:grid;grid-template-columns:180px 1fr;gap:18px 24px;margin:0}.technical dt{font-weight:600}.technical dd{margin:0;color:var(--muted)}.gallery{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}.scope{padding-top:28px;border-top:1px solid var(--line)}.scope ul{padding-left:22px;color:var(--muted)}.scope li+li{margin-top:10px}.credits{font-size:13px}.end-play{background:var(--tint);border-radius:12px;text-align:center;padding:40px 24px}footer{margin-top:56px;border-top:1px solid var(--line);padding-top:22px;font-size:14px;color:var(--muted)}footer a{display:inline-block;margin-top:12px}
@media(max-width:720px){main{padding:28px 22px 48px}.case-nav{align-items:flex-start;font-size:12px;gap:12px}.case-nav span{max-width:130px;text-align:right}.lead{font-size:21px}section{margin-top:44px}.split,.features,.gallery{grid-template-columns:1fr;gap:24px}.technical{padding:24px}.technical dl{grid-template-columns:1fr;gap:8px}.technical dd{margin-bottom:12px}.facts{margin-bottom:24px}.end-play h2{font-size:24px}.hero-image{border-radius:8px}}
@media print{body{background:white}main{padding:20px}section{break-inside:avoid}.play,.end-play{display:none}}