/* Work to Rest 2: The HIT Method. Syne (display, sentence case) + Atkinson Hyperlegible Next (text).
   Interval-timer language: work (magenta), push (amber), rest (teal); light chalk page, one dark timer panel. */
@font-face{font-family:"Syne";src:url(../fonts/Syne-var.woff2) format("woff2");font-weight:400 800;font-display:swap}
@font-face{font-family:"Atkinson Next";src:url(../fonts/AtkinsonNext-var.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Atkinson Next";src:url(../fonts/AtkinsonNext-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}

:root{
	--carbon:#15171C; --panel:#1F232A; --screen:#0D0F12; --grid:#2C313A;
	--chalk:#F3F4F0; --card:#FFFFFF; --line:#D8DCDF; --soft:#E7E9E3; --ink:#16181D; --mute:#525962; --onDark:#AEB4BE;
	--work:#E8175D; --work-tx:#B30E46; --work-tint:#FCE8EF;
	--push:#F59E1B; --push-tx:#8A5200; --push-tint:#FDF1DC;
	--rest:#2BB3A3; --rest-tx:#0D6B60; --rest-tint:#DDF3F0;
	--warm:#C5CBD1; --hot:#EE5B3B;
	--disp:"Syne","Trebuchet MS",sans-serif;
	--body:"Atkinson Next",system-ui,-apple-system,"Segoe UI",sans-serif;
	--r:16px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--chalk);color:var(--ink);font:400 18px/1.65 var(--body)}
img{max-width:100%;height:auto;display:block}
a{color:var(--work-tx);text-underline-offset:3px;text-decoration-thickness:1.5px}
a:hover{color:var(--ink)}
:focus-visible{outline:3px solid var(--work);outline-offset:2px;border-radius:4px}
.hm-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hm-skip{position:absolute;left:12px;top:-60px;background:var(--ink);color:#fff;padding:8px 14px;font-weight:700;z-index:9;border-radius:6px}
.hm-skip:focus{top:12px}
.hm-wrap{max-width:1180px;margin:0 auto;padding:0 16px}
.hm-wrap--read{max-width:760px}
@media (min-width:760px){.hm-wrap{padding:0 32px}}

/* ---------- header (light) ---------- */
.hm-top{background:var(--chalk);border-bottom:1px solid var(--line)}
.hm-top__in{max-width:1180px;margin:0 auto;padding:16px 16px 10px;display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between}
.hm-brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}
.hm-brand__mark{display:flex;align-items:flex-end;gap:3px;height:30px;padding:7px;background:var(--carbon);border-radius:10px;box-sizing:content-box}
.hm-brand__mark i{display:block;width:6px;border-radius:2px}
.hm-brand__mark i:nth-child(1){height:40%;background:var(--rest)}
.hm-brand__mark i:nth-child(2){height:100%;background:var(--work)}
.hm-brand__mark i:nth-child(3){height:40%;background:var(--rest)}
.hm-brand__mark i:nth-child(4){height:78%;background:var(--push)}
.hm-brand__txt{display:flex;flex-direction:column;line-height:1}
.hm-brand__txt b{font:800 24px/1 var(--disp);letter-spacing:-.02em}
.hm-brand__txt small{font:400 14px/1.3 var(--body);color:var(--mute);margin-top:5px}
.hm-find{display:flex;flex:1 1 260px;max-width:380px}
.hm-find input,.hm-sform input{flex:1;min-width:0;font:400 16px var(--body);padding:9px 14px;border:1.5px solid var(--line);border-right:0;border-radius:999px 0 0 999px;background:var(--card);color:var(--ink)}
.hm-find input::placeholder,.hm-sform input::placeholder{color:#6E7580}
.hm-find button,.hm-sform button{font:700 15px var(--disp);padding:0 18px;border:0;border-radius:0 999px 999px 0;background:var(--ink);color:#fff;cursor:pointer}
.hm-find button:hover,.hm-sform button:hover{background:var(--work-tx)}
.hm-topics__list{list-style:none;margin:0 auto;max-width:1180px;padding:0 8px 4px;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.hm-topics__list::-webkit-scrollbar{display:none}
.hm-topics__list a{display:block;white-space:nowrap;padding:8px 10px 9px;color:var(--ink);text-decoration:none;font:600 15.5px/1 var(--disp);border-bottom:3px solid transparent}
.hm-topics__list a:hover,.hm-topics__list .current-menu-item a,.hm-topics__list .current-post-ancestor a{border-bottom-color:var(--work)}
@media (min-width:760px){.hm-top__in{padding:20px 32px 12px}.hm-topics__list{padding:0 22px 4px}}

/* ---------- shared bits ---------- */
.hm-eyebrow{font:600 15px/1.3 var(--body);color:var(--mute);margin:0 0 12px}
.hm-sec-h{font:700 26px/1.1 var(--disp);letter-spacing:-.02em;margin:0 0 20px;display:flex;align-items:center;gap:16px}
.hm-sec-h::after{content:"";flex:1;height:8px;border-radius:4px;opacity:.6;background:linear-gradient(90deg,var(--warm) 0 8%,transparent 8% 9%,var(--push) 9% 30%,transparent 30% 31%,var(--hot) 31% 52%,transparent 52% 53%,var(--work) 53% 74%,transparent 74% 75%,var(--rest) 75%)}
.hm-chip{display:inline-block;font:700 13.5px/1 var(--body);padding:5px 9px;border-radius:999px;text-decoration:none;background:var(--rest-tint);color:var(--rest-tx)}
.hm-tone-work .hm-chip{background:var(--work-tint);color:var(--work-tx)}
.hm-tone-push .hm-chip{background:var(--push-tint);color:var(--push-tx)}
.hm-clock{display:inline-flex;align-items:center;gap:6px;font:700 15px/1 var(--body);font-variant-numeric:tabular-nums;color:var(--mute)}
.hm-clock::before{content:"";width:11px;height:11px;border:2px solid currentColor;border-radius:50%;box-shadow:inset 3px -3px 0 -1px currentColor}
.hm-row__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 8px}

/* ---------- hero (light page, dark timer panel) ---------- */
.hm-hero{padding:34px 0 44px;border-bottom:1px solid var(--line)}
.hm-hero__in{max-width:1180px;margin:0 auto;padding:0 16px;display:grid;gap:30px}
.hm-hero .hm-eyebrow{display:inline-block;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:5px 12px}
.hm-hero h1{font:700 clamp(34px,5.4vw,64px)/1.04 var(--disp);letter-spacing:-.035em;margin:0 0 18px}
.hm-hero h1 span{display:block;color:var(--rest-tx)}
.hm-hero__lede{font-size:19px;color:var(--mute);max-width:34em;margin:0}
.hm-clockface{margin:0;background:var(--carbon);border-radius:22px;padding:16px;box-shadow:0 18px 40px -24px rgba(21,23,28,.55)}
.hm-clockface__screen{background:var(--screen);border-radius:13px;padding:18px 20px 16px;display:grid;justify-items:start}
.hm-clockface__mode{font:800 13px/1 var(--disp);text-transform:uppercase;letter-spacing:.12em;background:var(--work);color:#fff;padding:6px 10px 5px;border-radius:4px}
.hm-clockface__time{font:800 clamp(84px,21vw,140px)/.95 var(--disp);font-variant-numeric:tabular-nums;color:var(--work);letter-spacing:-.04em;margin:8px 0 6px}
.hm-clockface__next{font:600 15.5px/1.3 var(--body);color:var(--onDark)}
.hm-clockface__track{display:flex;gap:3px;margin:14px 2px 12px;height:14px}
.hm-clockface__track i{border-radius:3px;background:var(--grid)}
.hm-clockface__track .w{flex:1;background:#5A2638}
.hm-clockface__track .r{flex:3;background:#1F4743}
.hm-clockface__track .w.done{background:var(--work);opacity:.45}
.hm-clockface__track .r.done{background:var(--rest);opacity:.45}
.hm-clockface__track .w.now{background:var(--work);animation:hm-beat 1s steps(2,jump-none) infinite}
@keyframes hm-beat{50%{opacity:.55}}
@media (prefers-reduced-motion:reduce){.hm-clockface__track .w.now{animation:none}}
.hm-clockface figcaption{font-size:15px;color:var(--onDark);margin:0 2px}
@media (min-width:960px){
	.hm-hero{padding:60px 0 64px}
	.hm-hero__in{grid-template-columns:1.2fr 1fr;align-items:center;gap:56px;padding:0 32px}
}

/* ---------- latest ---------- */
.hm-latest{padding:44px 0 24px}
.hm-lead{display:grid;gap:18px;margin-bottom:34px}
.hm-lead__img img{border-radius:var(--r);width:100%;aspect-ratio:1200/630;object-fit:cover;border:1px solid var(--line)}
.hm-lead__title{font:700 clamp(26px,3.4vw,36px)/1.12 var(--disp);letter-spacing:-.03em;margin:2px 0 12px}
.hm-lead__title a,.hm-row__title a{color:var(--ink);text-decoration:none}
.hm-lead__title a:hover,.hm-row__title a:hover{text-decoration:underline;text-decoration-color:var(--work)}
.hm-lead__ex{font-size:18px;color:var(--mute);margin:0 0 10px}
.hm-lead__date{font-size:15px;color:var(--mute);margin:0}
@media (min-width:860px){.hm-lead{grid-template-columns:1.35fr 1fr;align-items:center;gap:36px}}

.hm-rows{display:grid;gap:0 40px}
.hm-row{display:grid;grid-template-columns:112px 1fr;gap:14px;padding:18px 0;border-top:1px solid var(--line)}
.hm-row__img img{border-radius:12px;width:100%;aspect-ratio:1;object-fit:cover;object-position:100% 50%;border:1px solid var(--line)}
.hm-row__title{font:700 18.5px/1.2 var(--disp);letter-spacing:-.02em;margin:0 0 6px}
.hm-row__ex{display:none;margin:0;font-size:16px;color:var(--mute)}
@media (min-width:640px){
	.hm-row{grid-template-columns:190px 1fr;gap:20px}
	.hm-row__img img{aspect-ratio:1200/630;object-position:50% 50%}
	.hm-row__title{font-size:20px}
	.hm-row__ex{display:block}
}
@media (min-width:1000px){
	.hm-rows{grid-template-columns:1fr 1fr}
	.hm-rows--three{grid-template-columns:1fr 1fr 1fr}
	.hm-rows--three .hm-row{grid-template-columns:1fr;align-content:start}
	.hm-rows--three .hm-row__img img{aspect-ratio:1200/630}
	.hm-rows--three .hm-row__ex{display:none}
}
.nav-links{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0 8px;font:700 16px var(--disp)}
.nav-links a,.nav-links span{padding:8px 14px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--ink);background:var(--card)}
.nav-links .current{background:var(--ink);color:#fff;border-color:var(--ink)}

/* ---------- topic grid ---------- */
.hm-topicgrid{padding:28px 0 64px}
.hm-topicgrid__list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.hm-topicgrid__list a{display:grid;gap:6px;height:100%;padding:18px 18px 16px 26px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);text-decoration:none;color:var(--ink);position:relative;overflow:hidden}
.hm-topicgrid__list a::before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:var(--rest)}
.hm-topicgrid__list .hm-tone-work a::before{background:var(--work)}
.hm-topicgrid__list .hm-tone-push a::before{background:var(--push)}
.hm-topicgrid__list b{font:700 21px/1.15 var(--disp);letter-spacing:-.02em}
.hm-topicgrid__list span{font-size:16px;color:var(--mute)}
.hm-topicgrid__list em{font:700 14px var(--body);font-style:normal;color:var(--mute)}
.hm-topicgrid__list a:hover{border-color:var(--ink)}
@media (min-width:640px){.hm-topicgrid__list{grid-template-columns:1fr 1fr}}
@media (min-width:1000px){.hm-topicgrid__list{grid-template-columns:repeat(3,1fr)}}

/* ---------- article ---------- */
.hm-crumbs{display:flex;flex-wrap:wrap;gap:8px;font:600 15px/1.2 var(--body);margin:0 0 16px}
.hm-crumbs a{color:var(--mute);text-decoration:none}
.hm-crumbs a:hover{color:var(--ink);text-decoration:underline}
.hm-crumbs span{color:#9AA0A8}
.hm-post__head,.hm-page__head{padding:32px 0 8px}
.hm-post__title{font:700 clamp(30px,4.8vw,50px)/1.08 var(--disp);letter-spacing:-.035em;margin:0 0 16px}
.hm-post__dek{font-size:20px;line-height:1.5;color:var(--mute);margin:0 0 18px}
.hm-post__by{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;font-size:15.5px;color:var(--mute);margin:0 0 24px;padding-top:14px;border-top:1px solid var(--line)}
.hm-post__by a{color:var(--ink);font-weight:700;text-decoration:none}
.hm-page__upd{font-size:15.5px;color:var(--mute);margin:0 0 12px}

/* signature: session map */
.hm-map{margin:0 0 30px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px 14px}
.hm-map__label{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 12px;margin:0 0 12px}
.hm-map__label span:first-child{font:700 17px/1.2 var(--disp);letter-spacing:-.01em}
.hm-map__hint{font-size:14px;color:var(--mute)}
.hm-map__strip{display:flex;align-items:flex-end;gap:4px;height:46px;margin:0 0 14px}
.hm-map__bar{flex-basis:0;min-width:10px;border-radius:4px;background:var(--warm);height:40%}
.hm-map__bar--work.hm-l1{background:var(--push);height:60%}
.hm-map__bar--work.hm-l2{background:var(--hot);height:80%}
.hm-map__bar--work.hm-l3{background:var(--work);height:100%}
.hm-map__bar--cool{background:var(--rest);height:48%}
.hm-map__list{list-style:none;margin:0;padding:0;display:grid;gap:2px 22px}
.hm-map__it a{display:flex;align-items:baseline;gap:10px;padding:3px 0;color:var(--ink);text-decoration:none;font-size:15.5px;line-height:1.35}
.hm-map__it a::before{content:"";flex:none;width:10px;height:10px;border-radius:3px;background:var(--warm);transform:translateY(1px)}
.hm-map__it--work.hm-l1 a::before{background:var(--push)}
.hm-map__it--work.hm-l2 a::before{background:var(--hot)}
.hm-map__it--work.hm-l3 a::before{background:var(--work)}
.hm-map__it--cool a::before{background:var(--rest)}
.hm-map__it a:hover{text-decoration:underline;text-decoration-color:var(--work)}
@media (min-width:700px){.hm-map__list{grid-template-columns:1fr 1fr}.hm-map{padding:18px 22px 16px}}

.hm-post__cover{margin:0 auto 32px;max-width:960px;padding:0 16px}
.hm-post__cover img{border-radius:var(--r);width:100%;border:1px solid var(--line)}
@media (min-width:760px){.hm-post__cover{padding:0 32px}}

.hm-prose{font-size:18.5px;line-height:1.7}
.hm-prose>*:first-child{margin-top:0}
.hm-prose p{margin:0 0 1.15em}
.hm-prose h2{font:700 clamp(24px,3vw,29px)/1.18 var(--disp);letter-spacing:-.03em;margin:1.9em 0 .55em;scroll-margin-top:16px}
.hm-prose h3{font:700 20px/1.25 var(--disp);letter-spacing:-.02em;margin:1.6em 0 .4em}
.hm-prose ul,.hm-prose ol{padding-left:1.4em;margin:0 0 1.2em}
.hm-prose li{margin:0 0 .45em;padding-left:.2em}
.hm-prose ul li::marker{color:var(--work)}
.hm-prose ol li::marker{font-weight:700;color:var(--work-tx)}
.hm-prose strong{font-weight:700}
.hm-prose a{color:var(--work-tx)}
.hm-tone-rest .hm-prose ul li::marker{color:var(--rest)}
.hm-tone-push .hm-prose ul li::marker{color:var(--push)}

.hm-short{background:var(--carbon);color:#EEF0F2;border-radius:var(--r);padding:20px 22px 8px;margin:0 0 30px}
.hm-short__tag{font:700 17px/1.2 var(--disp)!important;letter-spacing:-.01em;color:var(--push);margin:0 0 12px!important}
.hm-short ul{list-style:none;padding:0;margin:0}
.hm-short li{position:relative;padding:0 0 12px 24px;margin:0;font-size:17px;line-height:1.5}
.hm-short li::before{content:"";position:absolute;left:0;top:.42em;width:12px;height:12px;border-radius:3px;background:var(--rest)}
.hm-short li:nth-child(2)::before{background:var(--push)}
.hm-short li:nth-child(3)::before{background:var(--work)}

.hm-stopnote{background:var(--work-tint);border:2px solid var(--work);border-radius:var(--r);padding:20px 22px 6px;margin:2.2em 0 1.4em}
.hm-stopnote h2{margin:0 0 .5em!important;display:flex;align-items:center;gap:12px;font-size:23px!important}
.hm-stopnote h2::before{content:"";flex:none;width:26px;height:26px;background:var(--work);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}
.hm-stopnote p,.hm-stopnote li{font-size:17.5px}

.hm-healthnote{margin:26px 0 52px;padding:14px 0 0;border-top:1px solid var(--line);font-size:15px;color:var(--mute)}
.hm-healthnote p{margin:0}
.hm-next{padding:36px 0 56px;background:var(--soft)}

/* ---------- category / search / 404 ---------- */
.hm-cathead{padding:36px 0 30px;border-bottom:1px solid var(--line)}
.hm-cathead .hm-eyebrow{display:inline-flex;align-items:center;gap:8px}
.hm-cathead .hm-eyebrow::before{content:"";width:12px;height:12px;border-radius:3px;background:var(--rest)}
.hm-cathead.hm-tone-work .hm-eyebrow::before{background:var(--work)}
.hm-cathead.hm-tone-push .hm-eyebrow::before{background:var(--push)}
.hm-cathead__title{font:700 clamp(34px,5.4vw,58px)/1.06 var(--disp);letter-spacing:-.035em;margin:0 0 12px}
.hm-cathead__desc{font-size:19px;color:var(--mute);max-width:40em;margin:0 0 6px}
.hm-sform{display:flex;max-width:460px;margin:16px 0 4px}
.hm-empty{font-size:18px}
.hm-lost{padding:56px 0 80px}
.hm-lost__code{display:inline-block;font:800 clamp(76px,17vw,140px)/1 var(--disp);color:var(--work);font-variant-numeric:tabular-nums;letter-spacing:-.04em;background:var(--carbon);border-radius:20px;padding:10px 26px 16px;margin:0 0 22px}
.hm-lost__home{margin-top:22px;font:700 17px var(--disp)}

/* ---------- footer ---------- */
.hm-foot{background:var(--carbon);color:#D5D9DF;padding:44px 0 30px;font-size:16px}
.hm-foot__in{max-width:1180px;margin:0 auto;padding:0 16px}
.hm-foot h2{font:700 20px/1.2 var(--disp);letter-spacing:-.01em;color:#fff;margin:0 0 14px}
.hm-rpe{list-style:none;margin:0 0 36px;padding:0;display:grid;gap:4px}
.hm-rpe__b{display:grid;grid-template-columns:62px 1fr;align-items:center;gap:12px;padding:9px 12px;border-radius:8px;background:var(--panel);border-left:8px solid}
.hm-rpe__b b{font:800 21px/1 var(--disp);letter-spacing:-.03em;color:#fff}
.hm-rpe__b span{font-size:15px;line-height:1.35}
.hm-rpe .r1{border-color:#7FD3C8}.hm-rpe .r3{border-color:var(--rest)}.hm-rpe .r5{border-color:var(--push)}.hm-rpe .r7{border-color:var(--hot)}.hm-rpe .r9{border-color:var(--work)}
@media (min-width:860px){
	.hm-rpe{grid-template-columns:repeat(5,1fr)}
	.hm-rpe__b{grid-template-columns:1fr;border-left:0;border-top:8px solid;padding:12px 14px 14px;align-items:start}
}
.hm-foot__cols{display:grid;gap:22px;padding:24px 0;border-top:1px solid var(--grid)}
.hm-foot__name{font:800 22px/1 var(--disp);letter-spacing:-.02em;color:#fff;margin:0 0 8px}
.hm-foot__about p:last-child{margin:0;max-width:34em}
.hm-foot__links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 20px}
.hm-foot__links a{color:#fff;text-decoration:none;font:600 16px var(--disp)}
.hm-foot__links a:hover{color:var(--push)}
.hm-foot__warn{border-top:1px solid var(--grid);padding-top:18px;margin:0 0 14px;color:var(--onDark);font-size:15px}
.hm-foot__warn a{color:#fff}
.hm-foot__fine{margin:0;color:#8A919C;font-size:14px}
@media (min-width:760px){.hm-foot__in{padding:0 32px}.hm-foot__cols{grid-template-columns:1.3fr 1fr;align-items:start}.hm-foot__links{justify-content:flex-end}}
@media (max-width:480px){.hm-brand__txt b{font-size:20px;white-space:nowrap}.hm-brand__txt small{font-size:13px}.hm-brand__mark{height:26px;padding:6px}}
@media (max-width:699px){.hm-post__cover{display:none}}