/* WAKABAR AppColors, 8px spacing and AppRadius translated to static pages. */
:root{color-scheme:light;--green:#356b39;--leaf:#67d34b;--paper:#f5f5f5;--ink:#212121;--muted:#5d655d;--line:#dce4da;--space:8px;--radius:12px}
*{box-sizing:border-box}body{margin:0;background:#fafbf8;color:var(--ink);font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif;line-height:1.85;overflow-wrap:anywhere}a{color:var(--green);text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:#234828}a:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:4px;border-radius:4px}.wrap{max-width:1120px;margin-inline:auto;padding-inline:32px}header{background:white;border-bottom:1px solid var(--line)}.header{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:23px;font-weight:800;letter-spacing:.1em;color:var(--green);text-decoration:none}.brand:before{content:"";display:inline-block;background:var(--leaf);width:12px;height:18px;border-radius:12px 0 12px 0;margin-right:8px}.header nav,.actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.header nav a{font-size:14px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:8px 24px;background:var(--green);border:1px solid var(--green);border-radius:8px;color:white;text-decoration:none;transition:background-color .15s,box-shadow .15s}.button:hover{background:#234828;color:white;box-shadow:0 3px 12px #356b391f}.button.secondary{background:white;color:var(--green)}.button.secondary:hover{background:#edf5e9}main{padding-block:40px 64px;min-height:60vh}.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:40px}.breadcrumb a{display:inline-block;min-height:32px;padding-block:4px}.eyebrow{color:var(--green);font-size:13px;font-weight:650;letter-spacing:.08em;margin-bottom:12px}h1{font-size:clamp(30px,4vw,46px);line-height:1.45;font-weight:700;letter-spacing:.025em;margin:0 0 32px}h2{font-size:19px;line-height:1.65;margin:4px 0 12px}h3{font-size:16px;margin:24px 0 8px}.lead{font-size:18px;color:var(--muted);max-width:42em;margin-bottom:32px}.spot-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:48px;align-items:start}.story p{margin:0 0 24px}.hero{margin:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#eef2eb}.hero img{display:block;width:100%;height:auto;object-fit:contain}.hero figcaption{padding:8px 16px;font-size:11px;color:var(--muted);background:white}.facts{margin-top:32px;padding:24px 32px;border:1px solid var(--line);border-radius:var(--radius);background:white}.facts dl{display:grid;grid-template-columns:100px 1fr;gap:12px 24px;margin:0 0 24px}.facts dt{color:var(--muted);font-size:13px}.facts dd{margin:0}.credits{margin-top:32px;border-top:1px solid var(--line);padding-block:16px;color:var(--muted);font-size:13px}.credits summary{cursor:pointer;min-height:48px;display:list-item;padding-block:8px;color:var(--green);font-size:14px}.credits p,.credits li{max-width:78em}.small{font-size:12px;color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.chip{display:inline-flex;align-items:center;min-height:48px;border:1px solid var(--line);border-radius:999px;padding:6px 20px;background:white;text-decoration:none}.chip:hover{background:#edf5e9}.cards{list-style:none;margin:0 0 32px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cards li{padding:24px;background:white;border:1px solid var(--line);border-radius:var(--radius)}.cards p{font-size:13px;color:var(--muted);margin-bottom:0}footer{padding-block:24px 48px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}.skip{position:absolute;left:16px;top:-80px;background:white;padding:12px;z-index:10}.skip:focus{top:8px}@media(max-width:780px){.wrap{padding-inline:24px}.spot-layout{grid-template-columns:1fr;gap:32px}.hero{max-width:620px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.breadcrumb{margin-bottom:24px}}@media(max-width:440px){.wrap{padding-inline:16px}.header{min-height:80px;gap:12px}.brand{font-size:17px}.header nav{gap:12px}.header nav a{font-size:12px}.header nav .button{padding-inline:12px}main{padding-top:24px}.cards{grid-template-columns:1fr}.facts{padding:24px 16px}.facts dl{grid-template-columns:78px 1fr;gap:12px}.actions .button{flex-grow:1}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}