/*
Theme Name: Walking Clock
Author: Jeremy Criddle
Version: 1.0.0
*/
:root{--navy:#14213d;--yellow:#ffd166;--sky:#5ab1e8;--coral:#ef6f6c;--lav:#a99cd6;--cloud:#f7f8fa;--ink:#182138;--muted:#5b6475;--line:#cfd5df;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cloud);color:var(--ink);font:17px/1.68 "Trebuchet MS",Verdana,sans-serif}a{color:#174f7d;text-underline-offset:3px}h1,h2,h3{font-family:"Trebuchet MS",Verdana,sans-serif;line-height:1.02;letter-spacing:-.04em;margin:0 0 .65em}h1{font-size:clamp(3.7rem,6.8vw,6.8rem)}h2{font-size:clamp(2.35rem,4.7vw,4rem)}h3{font-size:1.45rem}p,ul,ol{margin:0 0 1.2em}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.screen-reader-text{position:absolute;left:-9999px}.screen-reader-text:focus{left:1rem;top:1rem;background:#fff;padding:.6rem;z-index:100}.site-header{background:var(--navy);color:#fff}.header-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{color:#fff;text-decoration:none;display:flex;gap:13px;align-items:center;font-weight:900}.brand-mark{width:48px;height:48px;border-radius:50%;background:conic-gradient(var(--yellow) 0 25%,var(--coral) 0 50%,var(--lav) 0 75%,var(--sky) 0);position:relative}.brand-mark:before{content:"";position:absolute;inset:12px;background:var(--navy);border-radius:50%}.brand-mark i{position:absolute;width:5px;height:17px;background:#fff;left:22px;top:8px;transform-origin:bottom;transform:rotate(38deg);z-index:1}.brand small{display:block;color:#c7cfdf;font-size:.67rem;font-weight:500}.site-nav{display:flex;gap:24px;align-items:center}.site-nav a{color:#fff;text-decoration:none;font-size:.86rem;font-weight:800}.site-nav .nav-cta{background:var(--yellow);color:var(--navy);padding:10px 15px}.menu-toggle{display:none;background:transparent;color:#fff;border:1px solid #7e8aa5;padding:8px 12px}.time-note{color:#b53e49;font-weight:900;font-size:.78rem;margin-bottom:.8rem}.button{display:inline-block;background:var(--coral);color:var(--navy);text-decoration:none;font-weight:900;padding:14px 20px;box-shadow:5px 5px 0 var(--navy)}.hero{background:linear-gradient(120deg,#fff 0 58%,#e8edf5 58%);padding:64px 0 55px}.hero-grid{display:grid;grid-template-columns:1.07fr .93fr;gap:62px;align-items:center}.hero h1{color:var(--navy)}.hero-copy{font-size:1.23rem;max-width:690px}.hero-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.hero-links>a:not(.button){font-weight:900}.clock{width:min(440px,100%);aspect-ratio:1;border-radius:50%;margin:auto;background:conic-gradient(var(--yellow) 0 25%,var(--coral) 0 50%,var(--lav) 0 75%,var(--sky) 0);position:relative;border:10px solid var(--navy);box-shadow:18px 18px 0 rgba(20,33,61,.13)}.clock:before{content:"";position:absolute;inset:58px;border-radius:50%;background:var(--cloud);border:4px solid var(--navy)}.clock-center{position:absolute;inset:37%;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;align-content:center;z-index:3}.clock-center b{font-size:1.25rem}.clock-center small{font-size:.65rem}.hour{position:absolute;font-weight:900;z-index:2}.h6{right:18px;top:47%}.h12{top:15px;left:47%}.h18{left:14px;top:47%}.h24{bottom:12px;left:46%}.hand{position:absolute;width:7px;height:112px;background:var(--navy);left:calc(50% - 3px);top:74px;transform-origin:bottom;transform:rotate(42deg);z-index:2;border-radius:5px}.walk-window{position:absolute;right:-18px;bottom:35px;background:#fff;border:3px solid var(--navy);padding:10px 14px;font-size:.75rem;z-index:4}.day-strip{display:grid;grid-template-columns:repeat(4,1fr)}.day-strip div{padding:20px 24px}.day-strip div:nth-child(1){background:var(--yellow)}.day-strip div:nth-child(2){background:var(--sky)}.day-strip div:nth-child(3){background:var(--coral)}.day-strip div:nth-child(4){background:var(--lav)}.day-strip span{display:block;font-weight:900}.day-strip b{font-size:.78rem}.section{padding:76px 0}.evidence-grid,.rhythm-grid,.league-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.rule{background:var(--yellow);border-left:7px solid var(--navy);padding:20px 23px;margin-top:25px}.rule strong{display:block;color:#9c3945;font-size:.78rem;margin-bottom:6px}.rhythm{background:var(--navy);color:#fff}.rhythm h2{color:var(--yellow)}.rhythm ol{list-style:none;margin:0;padding:0;counter-reset:clock}.rhythm li{counter-increment:clock;border-top:1px solid #59647d;padding:18px 0 18px 55px;position:relative}.rhythm li:before{content:counter(clock);position:absolute;left:0;top:17px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:var(--navy);font-weight:900}.rhythm li strong,.rhythm li span{display:block}.rhythm li span{color:#d3d8e4}.intro{max-width:800px;margin-bottom:34px}.guides{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.guide{background:#fff;border-bottom:7px solid var(--sky);padding:25px;text-decoration:none;color:var(--ink);box-shadow:0 2px 0 var(--line)}.guide:nth-child(4n+2){border-color:var(--yellow)}.guide:nth-child(4n+3){border-color:var(--coral)}.guide:nth-child(4n+4){border-color:var(--lav)}.guide span{display:block;color:#a43945;font-size:.74rem;font-weight:900;margin-bottom:8px}.guide p{margin:0}.league{background:var(--sky)}.league h2{font-size:clamp(3.1rem,6.5vw,5.8rem);color:var(--navy)}.league .button{background:var(--yellow)}.fine{font-size:.83rem}.article-head{background:linear-gradient(120deg,#fff 0 77%,#e8edf5 77%);padding:64px 0;border-bottom:10px solid var(--sky)}.article-head-inner{width:min(890px,calc(100% - 40px));margin:auto}.article-head h1{font-size:clamp(3rem,6.5vw,5.6rem)}.answer{font-size:1.22rem;max-width:790px}.article-layout{width:min(var(--max),calc(100% - 40px));margin:58px auto 84px;display:grid;grid-template-columns:minmax(0,760px) 290px;gap:70px;align-items:start}.entry-content h2{margin-top:1.45em}.entry-content h3{margin-top:1.55em}.entry-content li{margin-bottom:.5em}.plain-answer{background:#fff;border:2px solid var(--navy);border-top:10px solid var(--yellow);padding:24px;margin-bottom:38px;font-size:1.13rem}.plain-answer strong,.source-box strong,.sleep-log strong{display:block;color:#a43945;font-size:.78rem;margin-bottom:8px}.source-box{background:#e8edf5;border-left:6px solid var(--sky);padding:20px 22px;margin:27px 0;font-size:.92rem}.sleep-log{background:var(--yellow);padding:20px 23px;margin:27px 0}.checklist{background:#fff;border:2px solid var(--navy);padding:22px 25px;margin:27px 0}.article-aside{position:sticky;top:22px;background:var(--navy);color:#fff;padding:27px}.aside-clock{width:62px;height:62px;border-radius:50%;background:conic-gradient(var(--yellow) 0 25%,var(--coral) 0 50%,var(--lav) 0 75%,var(--sky) 0);margin-bottom:22px;position:relative}.aside-clock:before{content:"";position:absolute;inset:13px;background:var(--navy);border-radius:50%}.aside-clock i{position:absolute;width:4px;height:22px;background:#fff;left:29px;top:8px;transform-origin:bottom;transform:rotate(40deg)}.article-aside>strong{display:block;font-size:1.7rem;line-height:1.08;color:var(--yellow)}.article-aside a{color:#fff;font-weight:900}.article-invite{background:var(--sky);padding:34px;margin-top:58px}.article-invite h2{font-size:3.1rem}.article-invite .button{background:var(--yellow)}.site-footer{background:var(--navy);color:#ccd3e2;padding:50px 0}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:30px}.footer-links{display:flex;gap:20px}.footer-links a{color:#fff}.site-footer small{display:block;max-width:780px;margin-top:14px}.not-found{min-height:55vh;padding:80px 0}.not-found h1{font-size:clamp(3rem,7vw,6rem)}
@media(max-width:900px){.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:84px;left:0;right:0;background:var(--navy);padding:22px;flex-direction:column;align-items:flex-start;z-index:10}.site-nav.open{display:flex}.hero{background:#fff}.hero-grid,.evidence-grid,.rhythm-grid,.league-grid,.article-layout{grid-template-columns:1fr}.article-aside{position:static}.footer-grid{grid-template-columns:1fr}}
@media(max-width:560px){body{font-size:16px}.wrap,.article-layout,.article-head-inner{width:min(100% - 28px,var(--max))}.hero{padding-top:48px}.hero h1{font-size:3.55rem}.clock{margin-top:20px;box-shadow:9px 9px 0 rgba(20,33,61,.13)}.clock:before{inset:46px}.hand{height:85px;top:59px}.day-strip{grid-template-columns:1fr 1fr}.guides{grid-template-columns:1fr}.section{padding:55px 0}.article-invite{padding:25px}.article-invite h2{font-size:2.7rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}