:root{color-scheme:light;--forest:#18302a;--ink:#24352f;--mint:#c7ddbf;--cream:#f6f2e8;--paper:#fffdf7;--muted:#56685d;--border:#cad3c5}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:0;background:var(--cream);color:var(--ink);font-family:Arial,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;line-height:1.75;overflow-x:hidden}
a{color:inherit;text-underline-offset:4px}
a:focus-visible{outline:3px solid #86bd52;outline-offset:4px}
.skip{position:absolute;z-index:5;left:12px;top:-80px;background:#fff;padding:8px 14px}
.skip:focus{top:10px}
.masthead{padding:17px max(24px,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--forest);color:#fff;font-size:.73rem;letter-spacing:.12em}
.brand{font-size:1rem;font-weight:850;letter-spacing:.03em;text-decoration:none;white-space:nowrap}
.brand strong{color:#d3e9a0}.masthead b{padding:0 5px;color:#c7d5bc}
.cover{min-height:610px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:52px;align-items:center;padding:80px max(24px,calc((100vw - 1180px)/2));background:linear-gradient(130deg,#e8f0dc,#f6f2e8 68%,#e1e6d7)}
.kicker,.margin-note{margin:0 0 17px;font-size:.74rem;font-weight:850;letter-spacing:.18em}
.cover h1{font-size:clamp(3rem,6vw,5.5rem);letter-spacing:-.067em;line-height:1.15;margin:0;word-break:keep-all}
.cover h1 em{font-style:normal;color:#5b7c61}.lead{max-width:650px;margin:27px 0 32px;font-size:clamp(1.08rem,1.65vw,1.38rem);word-break:keep-all}
.read-link{display:inline-flex;gap:12px;font-weight:800}.read-link span{font-size:1.2rem;line-height:1.3}
.cover-art{height:445px;position:relative;overflow:hidden;border-radius:230px 230px 12px 12px;background:radial-gradient(circle at 69% 21%,#dff4b4 0,#91b99e 24%,#456e61 55%,#1b3c33 85%);box-shadow:20px 24px 0 #c8d7ba;color:#e8f5dc}
.art-sun{position:absolute;width:180px;height:180px;border-radius:50%;background:#e6f2b8;top:50px;right:22px;opacity:.83}
.art-line{position:absolute;left:-10%;right:-10%;height:2px;background:#d4ebd4;opacity:.52;transform:rotate(-17deg)}.art-line.one{top:48%}.art-line.two{top:56%}.art-line.three{top:64%}
.art-no{position:absolute;left:44px;bottom:62px;font-size:clamp(6rem,10vw,9rem);font-weight:900;line-height:1;letter-spacing:-.13em}.art-caption{position:absolute;right:24px;bottom:27px;font-size:.67rem;font-weight:800;letter-spacing:.18em}
.sheet,.green,.solo{padding:86px max(24px,calc((100vw - 1180px)/2))}.sheet{background:var(--paper)}.green{background:#dfead8}.solo{background:var(--forest);color:#fff}
.opening{padding-top:55px;padding-bottom:55px;display:grid;grid-template-columns:200px minmax(0,1fr);gap:45px;border-bottom:1px solid var(--border)}.opening-copy{margin:0;max-width:880px;font-size:clamp(1.12rem,1.8vw,1.38rem);font-weight:550;word-break:keep-all}.margin-note{padding-top:8px;color:#557064}
.story-heading{display:flex;gap:25px;align-items:flex-start;margin-bottom:42px}.story-num{font-weight:900;font-size:1.8rem;line-height:1;border-top:3px solid currentColor;padding-top:12px;min-width:67px}.story-heading h2{font-size:clamp(2.3rem,4.3vw,4.3rem);letter-spacing:-.063em;line-height:1.19;margin:0;word-break:keep-all}
.story-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:55px;align-items:start}.copy p{margin:0 0 21px;font-size:1.08rem;word-break:keep-all}.copy .source-note{font-size:.85rem;border-left:3px solid #94af8a;padding-left:16px;color:var(--muted);margin-top:30px}.solo .copy .source-note{color:#d5e1d6;border-color:#9dbc9b}
.media{margin:0;min-width:0}.media iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:12px;background:#203e33}.media figcaption{font-size:.82rem;margin-top:10px;color:var(--muted)}
.solo-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(220px,.55fr);gap:70px;align-items:center}.solo .copy{max-width:780px}.solo-art{border:1px solid #83a48c;min-height:300px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#2f5444,#1a382e);transform:rotate(3deg)}.solo-art span,.solo-art small{font-size:.7rem;font-weight:800;letter-spacing:.18em}.solo-art strong{font-size:clamp(2rem,3vw,3.1rem);line-height:1.2;letter-spacing:-.06em}.pill-link{display:inline-flex;gap:18px;align-items:center;margin-top:5px;border-radius:100px;background:#d9eab8;color:#1d3428;text-decoration:none;padding:12px 20px;font-weight:800}.pill-link:hover{background:#eef8cf}
.closing{background:#f0f3e6}.closing h2{font-size:clamp(2.8rem,5.4vw,5rem);letter-spacing:-.07em;line-height:1.15;margin:0 0 28px}.closing p:last-child{max-width:760px;font-size:1.12rem;word-break:keep-all}
footer{background:#10251e;color:#dce6d9;padding:24px max(24px,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;gap:16px;font-size:.72rem;letter-spacing:.09em}
@media(max-width:820px){.cover{grid-template-columns:1fr;padding-top:62px;padding-bottom:76px}.cover-art{max-width:520px;width:calc(100% - 20px);height:315px;border-radius:200px 200px 12px 12px;box-shadow:12px 16px 0 #c8d7ba}.art-sun{width:140px;height:140px}.opening{grid-template-columns:1fr;gap:8px}.sheet,.green,.solo{padding-top:65px;padding-bottom:65px}.story-grid,.solo-grid{grid-template-columns:1fr;gap:30px}.solo-art{min-height:190px;max-width:380px;transform:none}.story-heading{margin-bottom:30px}}
@media(max-width:480px){.masthead{padding:13px 20px;flex-direction:column;align-items:flex-start;gap:2px}.masthead span{font-size:.64rem}.cover{padding:50px 22px 68px;gap:30px}.cover h1{font-size:clamp(2.5rem,10.5vw,3.5rem)}.cover-art{height:260px}.art-no{left:25px;bottom:40px;font-size:6rem}.art-caption{right:15px;bottom:15px;font-size:.59rem}.sheet,.green,.solo{padding-left:22px;padding-right:22px}.story-heading{gap:14px}.story-num{min-width:46px;font-size:1.35rem}.story-heading h2{font-size:clamp(2rem,9vw,3rem)}.copy p{font-size:1rem}.copy .source-note{font-size:.82rem}.closing p:last-child{font-size:1rem}footer{flex-direction:column;gap:5px;padding:22px}}