*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--c-bg: #121417;--c-surface: #1A1D22;--c-card: #2B2F36;--c-border: #2B2F36;--c-soft: #2B2F36;--c-text: #F2F0EA;--c-text2: #D1D5DB;--c-muted: #9CA3AF;--c-up: #D97706}[data-theme=light]{--c-bg: #E8E7E3;--c-surface: rgba(255,255,255,.6);--c-card: #F0EFE9;--c-border: #D4D2CC;--c-soft: #D6D5D0;--c-text: #1A1A18;--c-text2: #333333;--c-muted: #6B6B66;--c-up: #B45309}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--c-bg: #E8E7E3;--c-surface: rgba(255,255,255,.6);--c-card: #F0EFE9;--c-border: #D4D2CC;--c-soft: #D6D5D0;--c-text: #1A1A18;--c-text2: #333333;--c-muted: #6B6B66;--c-up: #B45309}}html,body{height:100%}body{font-family:DM Sans,system-ui,sans-serif;background:var(--c-bg);color:var(--c-text);-webkit-font-smoothing:antialiased}.wrap{max-width:720px;margin:0 auto}.wrap:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0px,rgba(255,255,255,.025) 1px,transparent 1px,transparent 3px),repeating-linear-gradient(90deg,rgba(255,255,255,.015) 0px,rgba(255,255,255,.015) 1px,transparent 1px,transparent 3px)}[data-theme=light] .wrap:before{background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.03) 0px,rgba(0,0,0,.03) 1px,transparent 1px,transparent 3px),repeating-linear-gradient(90deg,rgba(0,0,0,.02) 0px,rgba(0,0,0,.02) 1px,transparent 1px,transparent 3px)}.bar{padding:12px 20px;display:flex;align-items:center;gap:8px;background:var(--c-surface);border-bottom:1px solid var(--c-border);flex-wrap:wrap}.logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit}.logo-p{display:grid;grid-template-columns:4px 1fr;gap:1px;width:18px}.logo-p span{display:block;height:3px;border-radius:1px;background:#d97706}.logo-name{font-size:16px;font-weight:500;letter-spacing:.02em}.bar-spacer{flex:1}.back-link{font-size:12px;color:var(--c-muted);text-decoration:none;padding:4px 10px;border-radius:5px;border:1px solid var(--c-soft);white-space:nowrap}.back-link:hover{color:var(--c-text)}#theme-toggle{background:transparent;border:1px solid var(--c-soft);color:var(--c-muted);padding:4px 7px;border-radius:5px;cursor:pointer;font-size:15px;line-height:1;display:flex;align-items:center}.article{padding:32px 20px 60px}.page-eyebrow{font-family:DM Mono,monospace;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--c-muted);margin-bottom:4px}.page-version{font-family:DM Mono,monospace;font-size:11px;color:var(--c-muted);margin-bottom:28px}.section{margin-bottom:36px}.section-label{font-family:DM Mono,monospace;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--c-muted);margin-bottom:12px}.section p{font-size:15px;line-height:1.7;color:var(--c-text2);margin-bottom:12px}.section p:last-child{margin-bottom:0}.section p strong{color:var(--c-text);font-weight:500}.section a{color:#2f80ed;text-decoration:none}.section a:hover{text-decoration:underline}.comp-grid{display:flex;flex-direction:column;gap:2px;margin-bottom:4px}.comp-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:8px;padding:14px 16px}.comp-header{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}.comp-name{font-size:14px;font-weight:500;color:var(--c-text)}.comp-weight{font-family:DM Mono,monospace;font-size:10px;color:var(--c-muted);letter-spacing:.06em}.comp-card p{font-size:14px;line-height:1.65;color:var(--c-text2);margin-bottom:8px}.comp-card p:last-child{margin-bottom:0}.comp-card strong{color:var(--c-text);font-weight:500}.weight-table{width:100%;border-collapse:collapse;margin:12px 0}.weight-table th{font-family:DM Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--c-muted);text-align:left;padding:6px 10px;border-bottom:1px solid var(--c-border)}.weight-table td{font-size:14px;color:var(--c-text2);padding:8px 10px;border-bottom:1px solid var(--c-border)}.weight-table td:last-child{font-family:DM Mono,monospace;font-size:13px;color:var(--c-up)}.weight-table tr:last-child td{border-bottom:none}.zone-table{display:flex;flex-direction:column;gap:2px;margin:12px 0}.zone-row-item{display:flex;align-items:baseline;gap:12px;padding:10px 12px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:6px;font-size:14px;color:var(--c-text2);line-height:1.5}.zone-pill{font-family:DM Mono,monospace;font-size:10px;font-weight:500;padding:2px 8px;border-radius:3px;white-space:nowrap;flex-shrink:0;min-width:72px;text-align:center}.z-walk{background:#2f80ed26;color:#2f80ed}.z-jog{background:#1fa97126;color:#1fa971}.z-run{background:#d9770626;color:#d97706}.z-sprint{background:#d1434326;color:#d14343}.stage-row{display:flex;flex-direction:column;gap:8px;margin:10px 0}.stage-item{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:var(--c-text2);line-height:1.6}.stage-num{font-family:DM Mono,monospace;font-size:11px;background:var(--c-card);border:1px solid var(--c-border);color:var(--c-muted);border-radius:4px;padding:2px 7px;flex-shrink:0;margin-top:2px}.stage-item strong{color:var(--c-text);font-weight:500}.limit-list{display:flex;flex-direction:column;gap:12px;margin:10px 0}.limit-item{font-size:14px;line-height:1.65;color:var(--c-text2);padding-left:16px;position:relative}.limit-item:before{content:"·";position:absolute;left:4px;color:var(--c-muted);font-size:18px;line-height:1.3}.limit-item strong{color:var(--c-text);font-weight:500}.feedback-block{background:var(--c-surface);border:1px solid var(--c-border);border-radius:8px;padding:16px 18px;display:flex;align-items:center;gap:14px;margin-top:8px}.feedback-icon{font-size:20px;color:var(--c-muted);flex-shrink:0}.feedback-text{font-size:14px;color:var(--c-text2);line-height:1.5}.feedback-text a{color:#2f80ed;text-decoration:none}.feedback-text a:hover{text-decoration:underline}.foot{padding:12px 20px;border-top:1px solid var(--c-border);display:flex;justify-content:space-between;font-size:11px;color:var(--c-muted);flex-wrap:wrap;gap:6px}.foot-links{display:flex;gap:12px}.foot-links a{color:var(--c-muted);text-decoration:none;font-size:11px}.foot-links a:hover{color:var(--c-text)}@media(max-width:640px){.article{padding:24px 14px 48px}.zone-row-item{flex-wrap:wrap}}
