/* Moss: a temple garden seen from the veranda. Tokens from Moss's design/VISUAL-DIRECTION.md. */
body.moss{--page:#eceee8;--gravel:#d7d8d1;--rake:#c4c6be;--wood:#5b4434;--moss:#56792f;--moss-dk:#3b561d;--moss-lt:#7e9c46;--stone:#8d8c86;--chalk:#f5f5f0;--ink:#24271f;
--paper:var(--page);--line:#c4c6be;--muted:#5f6357;--paper-2:#e2e4dc;--card:#f5f5f0;--accent:var(--moss);--mincho:"Shippori Mincho B1",Georgia,serif;
background:var(--page);color:var(--ink)}
.moss .nav a[aria-current=page]{background:var(--ink);color:var(--page)}
.moss .pulse,.moss .pulse:after{background:var(--moss);border-color:var(--moss)}.moss .pulse:after{background:none}

.moss-hero{padding:clamp(40px,6vw,84px) 0 clamp(56px,7vw,96px);background:repeating-linear-gradient(0deg,transparent 0 13px,#e2e4dc 13px 14px)}
.moss-hero .wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
.moss-title{display:flex;gap:clamp(16px,2.4vw,28px);align-items:flex-start}
.moss-title .kanji{writing-mode:vertical-rl;max-width:none;font-family:var(--mincho);font-weight:700;font-size:clamp(70px,9vw,120px);line-height:1;color:var(--moss-dk);margin:0}
.moss-title h1{font-family:var(--mincho);font-weight:700;font-size:clamp(64px,8vw,108px);line-height:.95;margin:0 0 8px;letter-spacing:-.01em}
.moss-sub{font-family:var(--mono);font-size:12.5px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin:0 0 24px}
.moss-title p{font-size:clamp(17px,1.6vw,20px);line-height:1.6;margin:0 0 14px;max-width:38ch}
.status-line{display:inline-flex;align-items:center;gap:10px;margin-top:10px;font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--moss-dk)}
.moss-board{margin:0;position:relative}
.moss-board img{width:100%;height:auto;box-shadow:0 30px 60px -36px rgba(36,39,31,.6)}
.moss-board .b-done{position:absolute;inset:0;opacity:0;animation:proto-fill 9s ease-in-out infinite;box-shadow:none}
.moss-board figcaption{font-family:var(--mono);font-size:12px;color:var(--muted);padding-top:12px}

.moss h2{font-family:var(--mincho);font-weight:700;font-size:clamp(40px,5vw,66px);line-height:1.02;letter-spacing:-.01em;margin:0}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,26px);counter-reset:s}
.steps figure{margin:0;background:var(--chalk);padding:8px;box-shadow:inset 0 0 0 1px var(--rake)}
.steps img{width:100%;aspect-ratio:390/760;object-fit:cover;object-position:top}
.steps figcaption{counter-increment:s;display:flex;gap:12px;align-items:baseline;padding:12px 4px 4px;font-weight:600}
.steps figcaption:before{content:counter(s);display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:var(--stone);color:var(--chalk);font-family:var(--mincho);font-size:16px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.18)}
.steps figcaption span{display:block;font-weight:400;color:var(--muted);font-size:14px;margin-top:2px}

.moss-why{display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(28px,6vw,80px);align-items:start}
.moss-why blockquote{margin:0;font-family:var(--mincho);font-weight:700;font-size:clamp(28px,3.2vw,42px);line-height:1.2;border-left:4px solid var(--moss);padding-left:22px}
.moss-why blockquote em{font-style:normal;color:var(--moss)}
.moss-why p{font-size:18px;line-height:1.7;margin:0 0 18px;color:#363a2f}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:40px}
.facts div{padding:18px 20px;background:var(--gravel);background-image:repeating-linear-gradient(0deg,transparent 0 9px,var(--rake) 9px 10px)}
.facts dt{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--moss-dk);margin-bottom:6px}
.facts dd{margin:0;font-family:var(--mincho);font-weight:700;font-size:21px;line-height:1.2}
.next-list{list-style:none;margin:0;padding:0}
.next-list li{display:grid;grid-template-columns:60px 1fr;gap:12px;padding:18px 0;border-bottom:1px solid var(--rake);font-size:17px}
.next-list li b{font-family:var(--mincho);font-size:24px;color:var(--moss);line-height:1}
.moss-end{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:var(--wood);color:var(--chalk);padding:clamp(24px,3.4vw,40px);margin-bottom:clamp(64px,8vw,110px)}
.moss-end strong{font-family:var(--mincho);font-size:clamp(30px,3.6vw,46px);line-height:1.05}
.moss-end p{margin:8px 0 0;color:#d8cfc5}
.moss-end .note-links{display:flex;gap:18px;flex-wrap:wrap}
.moss-end .inline-link{color:var(--chalk)}.moss-end .inline-link:hover{color:#cfe3a5}
.moss .inline-link:hover{color:var(--moss)}

@media(max-width:860px){.moss-hero .wrap,.moss-why{grid-template-columns:1fr}.facts{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.steps{grid-template-columns:1fr}.steps img{aspect-ratio:390/600}.moss-title .kanji{font-size:60px}}
@media(prefers-reduced-motion:reduce){.moss-board .b-done{animation:none;opacity:1}}

/* Play button under the status line (8 October 2026). */
.moss .hero-actions{margin-top:18px}