@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Serif+SC:wght@500;600;700;900&display=swap');
:root{--ink:#10251f;--muted:#66736e;--paper:#f4f3ee;--line:#d7dbd3;--orange:#e7653e;--mint:#dce8d8;--white:#fffefa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Serif SC',Georgia,serif}a{color:inherit;text-decoration:none}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,6vw,96px);background:rgba(244,243,238,.92);position:sticky;top:0;z-index:3;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;font-weight:700;letter-spacing:.04em}.brand-mark{display:grid;place-items:center;background:var(--ink);color:var(--paper);width:29px;height:29px;border-radius:50%;font-family:'DM Mono';font-size:14px}.topbar nav{display:flex;gap:28px;color:var(--muted);font-size:13px}.topbar nav a:hover{color:var(--orange)}main{max-width:1180px;margin:auto;padding:0 30px}.hero{padding:112px 0 100px;max-width:770px}.eyebrow{font:500 11px 'DM Mono',monospace;letter-spacing:.16em;color:var(--orange);margin-bottom:22px}.hero h1{font-size:clamp(44px,7vw,82px);line-height:1.13;letter-spacing:-.07em;margin:0 0 28px;font-weight:900}.hero h1 em{font-style:normal;color:var(--orange)}.hero p{font-size:17px;line-height:2;color:var(--muted);max-width:620px;margin:0 0 34px}.hero-actions{display:flex;gap:14px;align-items:center}.button{border:0;font:600 14px 'Noto Serif SC';padding:14px 19px;cursor:pointer}.primary{background:var(--ink);color:var(--paper)}.primary span{margin-left:24px;color:var(--orange)}.ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:24px 0;margin-bottom:112px}.stats div{padding-left:28px;border-left:1px solid var(--line)}.stats div:first-child{border:0;padding-left:0}.stats strong{font-size:30px;display:block;letter-spacing:-.04em}.stats span{font-size:12px;color:var(--muted);display:block;margin-top:4px}.section{padding:0 0 112px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px}.section h2{font-size:clamp(26px,4vw,42px);letter-spacing:-.05em;margin:0}.date-note,.section-intro{font-size:13px;line-height:1.8;color:var(--muted);text-align:right}.date-note span{color:var(--orange)}.workout-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:28px}.exercise-list{display:grid;gap:10px}.exercise{display:grid;grid-template-columns:42px 190px 1fr auto 24px;align-items:start;gap:18px;background:var(--white);border:1px solid var(--line);padding:19px 22px;transition:.2s}.figure{background:#eef2eb;padding:8px 8px 5px;text-align:center;color:#7a887d;font:10px 'DM Mono';}.figure svg{display:block;width:100%;height:100px}.figure svg path,.figure svg circle{fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.figure svg .accent{stroke:var(--orange);stroke-width:4}.exercise-copy h3{font-size:16px;margin:0 0 4px}.exercise-copy p{font-size:12px;color:var(--muted);margin:0 0 9px}.exercise-copy ol{font-size:12px;line-height:1.75;color:#52625a;margin:0;padding-left:19px}.exercise-copy li{padding-left:3px;margin-bottom:3px}.exercise .dose{font:12px 'DM Mono';color:var(--muted);white-space:nowrap;margin-top:4px}.check{width:24px;height:24px;border:1px solid var(--line);border-radius:50%;cursor:pointer;background:transparent;margin-top:2px}.exercise.done{opacity:.55}.exercise.done h3{text-decoration:line-through}.done .check{background:var(--orange);border-color:var(--orange);position:relative}.done .check:after{content:'✓';color:white;font-size:13px;position:absolute;left:5px;top:1px}.side-note{background:var(--mint);padding:28px;align-self:start}.note-icon{font:700 18px 'DM Mono';color:var(--orange);border:1px solid var(--orange);width:31px;height:31px;display:grid;place-items:center;border-radius:50%;margin-bottom:34px}.side-note h3{font-size:19px;margin:0 0 15px}.side-note p{font-size:13px;color:#52625a;line-height:2}.side-note a{font-size:12px;color:var(--orange);display:block;margin-top:24px}.week-section{border-top:1px solid var(--line);padding-top:74px}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.day{min-height:154px;padding:16px 13px;border:1px solid var(--line);background:transparent;position:relative}.day.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.day.rest{background:#e9ebe5;color:var(--muted)}.day small{font:11px 'DM Mono';opacity:.7}.day h3{font-size:14px;line-height:1.6;margin:28px 0 0}.day p{font-size:11px;line-height:1.7;color:var(--muted);margin-top:8px}.active p{color:#bac9bd}.rules{border-top:1px solid var(--line);padding-top:74px}.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.rule-grid article{border-top:2px solid var(--ink);padding-top:17px}.rule-grid span{font:12px 'DM Mono';color:var(--orange)}.rule-grid h3{font-size:20px;margin:25px 0 13px}.rule-grid p{font-size:13px;line-height:2;color:var(--muted);margin:0}footer{border-top:1px solid var(--line);padding:28px max(30px,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}
@media(max-width:700px){.topbar{height:62px;padding:0 18px}.topbar nav{display:none}main{padding:0 18px}.hero{padding:75px 0 65px}.hero h1{font-size:47px}.hero p{font-size:15px}.hero-actions{align-items:stretch;flex-direction:column}.button{text-align:left}.stats{margin-bottom:75px;grid-template-columns:repeat(2,1fr);gap:22px}.stats div:nth-child(3){border:0;padding-left:0}.section{padding-bottom:75px}.section-head{display:block}.date-note,.section-intro{text-align:left;margin-top:18px}.workout-layout{grid-template-columns:1fr}.exercise{grid-template-columns:30px 1fr 24px}.exercise .figure{grid-column:2}.exercise .exercise-copy{grid-column:2}.exercise .dose{grid-column:2}.exercise .check{grid-column:3;grid-row:1}.side-note{padding:22px}.week-grid{grid-template-columns:repeat(2,1fr)}.day{min-height:130px}.day h3{margin-top:20px}.rule-grid{grid-template-columns:1fr;gap:28px}footer{padding:24px 18px;display:block;line-height:2}}
