:root{--bg:#f3f2ef;--ink:#111;--g:#087c6b;--line:#d4d2ce;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
a{color:inherit}
:focus-visible{outline:3px solid var(--g);outline-offset:2px}
.wrap{width:min(1380px,100%);margin:auto;padding:0 28px 64px}
.hero{text-align:center;border-bottom:1px solid var(--line);padding:22px 0 28px;margin:0 -28px}
.kicker{font:500 10px/1.4 var(--mono);letter-spacing:2px;color:#666}
.logo{font:800 clamp(34px,6vw,68px)/.98 Arial,sans-serif;letter-spacing:-3px;margin:20px 0 12px}
.logo span{color:var(--g)}
.desc{font:500 12px/1.6 var(--mono);letter-spacing:1.5px;color:#666}
.line{width:180px;height:1px;background:var(--g);margin:20px auto 0}
.navbar{display:flex;margin:0 -28px 30px;border-bottom:1px solid var(--line);padding:0 28px;background:#f8f7f4;overflow-x:auto}
.navbar a{flex:none;border-right:1px solid var(--line);padding:16px 20px;color:#565656;font:500 10px var(--mono);letter-spacing:1.5px;text-decoration:none}
.navbar a:hover{background:#fff}
.navbar a[aria-current=page]{background:#111;color:#fff;border-color:#111}
.tools{max-width:700px;margin:26px auto 20px}
.search{width:100%;background:#fff;border:1px solid #c9c7c2;color:var(--ink);font:14px Arial,sans-serif;padding:14px 16px;border-radius:0;outline:0}
.search:focus{border-color:var(--g);box-shadow:0 0 0 3px #087c6b1c}
.meta{display:flex;justify-content:space-between;font:500 10px var(--mono);letter-spacing:1.5px;color:#777}
.meta strong{color:var(--g)}
.section-title{font:600 12px var(--mono);letter-spacing:2px;color:#333;border-left:2px solid var(--g);padding:8px 0 8px 12px;margin:34px 0 14px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.card{position:relative;display:flex;min-height:190px;padding:23px 21px;text-decoration:none;color:var(--ink);border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .2s}
.card:hover{background:#fff}
.scan{display:none}
.num{font:500 10px var(--mono);color:#888;margin-right:15px}
.content{flex:1}
.eyebrow{font:500 9px var(--mono);letter-spacing:1.3px;color:var(--g);margin-bottom:11px}
.card h2{font:700 23px/1.1 Arial,sans-serif;letter-spacing:-.4px;text-transform:uppercase;margin:0 0 2px}
.handle{font:500 10px var(--mono);color:#777;margin-bottom:13px}
.niche{font:15px/1.5 Arial,sans-serif;color:#4c4c4c;max-width:240px}
.open{position:absolute;bottom:18px;font:500 9px var(--mono);letter-spacing:1px;color:#777}
.open b{color:var(--g);font-size:17px;margin-left:7px}
.footer{margin-top:30px;border-top:1px solid var(--line);padding-top:20px;text-align:center;font:500 9px var(--mono);letter-spacing:1.5px;color:#777}
/* routine */
.page-panel[hidden]{display:none}
.routine-intro{max-width:850px;margin:38px auto 28px;padding:35px 15px 25px;border-bottom:1px solid var(--line);text-align:center}
.routine-intro h1{font:700 clamp(30px,4.5vw,52px)/1.08 Arial,sans-serif;letter-spacing:-1.7px;margin:0 0 17px}
.routine-intro p{font:16px/1.7 Arial,sans-serif;color:#555;margin:0}
.goalbar{border:1px solid var(--line);border-left:3px solid var(--g);background:#e9efeb;padding:20px 22px;font:15px/1.7 Arial,sans-serif;margin-bottom:24px}
.routine-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);align-items:start}
.routine-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 24px 26px;min-width:0}
.routine-card.full{grid-column:1/-1}
.routine-card h2{font:700 19px/1.3 Arial,sans-serif;letter-spacing:-.2px;color:var(--g);margin:8px 0 14px}
.routine-card h3{font:700 15px/1.4 Arial,sans-serif;color:#222;margin:17px 0 7px}
.routine-card p,.routine-card li{font:15px/1.65 Arial,sans-serif;color:#414141;overflow-wrap:anywhere}
.routine-card p{margin:7px 0}.routine-card ul,.routine-card ol{padding-left:23px;margin:7px 0 0}
.time{display:inline-block;background:var(--g);color:#fff;font:500 10px var(--mono);letter-spacing:.7px;padding:6px 8px}
.routine-checklist{list-style:none;padding-left:0!important}
.routine-checklist li{position:relative;padding-left:26px;margin:4px 0}
.routine-checklist li:before{content:'\25A1';position:absolute;left:0;color:var(--g);font-weight:700}
.priority-list{counter-reset:p;list-style:none;padding:0!important}
.priority-list li{counter-increment:p;background:#e9e8e4;padding:9px 10px;margin:6px 0}
.priority-list li:before{content:counter(p) '.';color:var(--g);font-weight:800;margin-right:9px}
.rule{border-top:1px solid var(--line);margin:15px 0}
.subtle{color:#666!important}
@media(max-width:600px){.wrap{padding:0 16px 38px}.hero,.navbar{margin-left:-16px;margin-right:-16px}.hero{padding:24px 16px}.navbar{padding:0 16px}.grid,.routine-grid{grid-template-columns:1fr}.card{min-height:155px}.routine-card{padding:19px 17px}.logo{letter-spacing:-2px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}