*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-padding-top:1.5rem}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6;background:var(--bg);color:var(--ink)}
h1,h2,h3,p{margin:0}
h1,h2,h3{line-height:1.12}
p+p{margin-top:.8rem}
a{color:inherit;text-underline-offset:.2em}
button,input{font:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid var(--accent-focus);outline-offset:4px}
.shell{width:min(100% - 3rem,72rem);margin-inline:auto}
.skip{position:absolute;top:.8rem;left:.8rem;z-index:3;transform:translateY(-160%);background:#fff;color:#14202d;padding:.65rem 1rem}
.skip:focus{transform:none}
.bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:4.65rem;padding-block:.65rem}
.brand{font-weight:850;text-decoration:none}
nav{display:flex;flex-wrap:wrap;gap:.25rem 1.2rem;font-size:.88rem}
nav a{padding-block:.3rem}
.eyebrow{font-size:.74rem;text-transform:uppercase;letter-spacing:.15em;font-weight:850}
.cta{display:inline-flex;padding:.78rem 1.1rem;align-items:center;gap:.6rem;text-decoration:none;font-weight:800}
.author{display:flex;align-items:center;gap:clamp(1rem,4vw,3rem);margin-block:clamp(3rem,7vw,6rem);padding:clamp(1rem,3vw,2rem)}
.author img{width:clamp(5.5rem,21vw,11rem);height:auto;aspect-ratio:1;object-fit:cover}
.author h2{font-size:clamp(1.35rem,3.3vw,2.35rem);margin:.45rem 0 1rem}
.author h3{font-size:1rem;margin-bottom:.3rem}
address{font-style:normal;overflow-wrap:anywhere}
.site-foot{padding:2.8rem 0 2rem;background:var(--footer);color:var(--footer-ink)}
.foot-title{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;border-bottom:1px solid currentColor;padding-bottom:1rem}
.legal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem;padding:1.6rem 0}
.legal h2{font-size:1rem;margin-bottom:.5rem}
.legal p,.foot-links{font-size:.89rem}
.foot-links{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.2rem}
.foot-links button{color:inherit;border:0;background:transparent;text-decoration:underline;text-underline-offset:.2em;padding:.2rem 0}
.cookies{position:fixed;z-index:2;bottom:1rem;left:50%;transform:translateX(-50%);width:min(100% - 2rem,50rem);display:flex;align-items:center;justify-content:space-between;gap:.8rem;background:var(--cookie);color:var(--cookie-ink);border:1px solid currentColor;border-radius:.8rem;padding:.85rem 1rem;box-shadow:0 8px 32px #0003}
.cookies p{font-size:.84rem}
.cookie-actions{display:flex;gap:.4rem;flex-wrap:wrap}
.cookie-actions button{border:1px solid currentColor;border-radius:.4rem;background:transparent;color:inherit;font-size:.85rem;font-weight:750;padding:.44rem .7rem}
.cookie-actions button:first-child{background:var(--choice);color:var(--choice-ink);border-color:var(--choice)}
@media(max-width:700px){.shell{width:min(100% - 2rem,72rem)}.bar{align-items:flex-start;flex-direction:column;gap:.3rem}.legal{grid-template-columns:1fr}}
@media(max-width:540px){.cookies{align-items:flex-start;flex-direction:column;bottom:.55rem}.author{align-items:flex-start;flex-direction:column}}

:root{--bg:#f9f4e6;--ink:#172650;--accent-focus:#3159d9;--footer:#172650;--footer-ink:#fff7e8;--cookie:#fffcf2;--cookie-ink:#172650;--choice:#173db4;--choice-ink:#fff}
.top{border-bottom:1px solid #b3b8c5}.brand{font:700 1.45rem Georgia,serif}
.magazine{padding-top:1.05rem}
.edition{display:flex;justify-content:space-between;gap:1rem;border-block:1px solid #8692b1;padding:.48rem 0;text-transform:uppercase;letter-spacing:.1em;font-size:.69rem;font-weight:800}
.cover{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:clamp(1.8rem,5vw,5.5rem);padding-block:clamp(2rem,6vw,5.3rem)}
.headline h1,.example h2,.routine h2{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.06em}
.headline h1{font-size:clamp(3rem,7.1vw,6.25rem);line-height:.89;margin:1rem 0 1.4rem}
.headline em{display:block;color:#193db7}
.headline>p:not(.eyebrow){max-width:42ch}
.cta{margin-top:1.25rem;background:#f7d652;color:#152447;border:1px solid #152447}
.cover-art{margin:0;padding:clamp(1.1rem,3.2vw,2.35rem);background:#193bb1;color:#fff8e7;border-radius:.25rem .25rem 3.4rem .25rem;box-shadow:.55rem .55rem 0 #eecf53}
.cover-art figcaption{display:flex;justify-content:space-between;gap:.6rem;border-bottom:1px solid #bdcaf9;padding-bottom:.7rem;font-size:.78rem;font-weight:750}
.calendar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.33rem;margin:1.25rem 0}
.calendar span{display:grid;place-items:center;aspect-ratio:1;border:1px solid #8399ed;font:700 clamp(.85rem,2vw,1.55rem) Georgia,serif}
.calendar span:first-child,.calendar span:last-child{background:#f7d652;color:#172650;border-color:#f7d652}
.cover-art>p{font-size:.88rem}
.example{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,6vw,5.5rem);border-block:2px solid #172650;padding-block:clamp(1.6rem,4vw,3.5rem)}
.example h2,.routine h2{font-size:clamp(2.2rem,5vw,4.4rem);margin:.6rem 0 1rem}
.example p:not(.eyebrow){max-width:39ch}
.allocation{margin-top:1.4rem;display:grid;grid-template-columns:45fr 30fr 15fr 10fr;height:.75rem;gap:.2rem}.allocation span{background:#193bb1}.allocation span:nth-child(2){background:#5771d1}.allocation span:nth-child(3){background:#aaaddd}.allocation span:nth-child(4){background:#edc846}
table{width:100%;border-collapse:collapse;align-self:start;font-variant-numeric:tabular-nums}
caption{text-align:left;font-size:.8rem;font-weight:800;margin-bottom:.55rem}th,td{text-align:left;border-bottom:1px solid #b2b7c9;padding:.55rem 0}td,thead th:last-child{text-align:right;white-space:nowrap}tbody th{font-weight:500}tfoot{font-weight:850}
.routine{padding-top:clamp(2rem,5vw,4.5rem)}
.routine ol{list-style:none;counter-reset:steps;margin:1.4rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.routine li{counter-increment:steps;border-top:1px solid #8692b1;padding-top:.75rem}
.routine li::before{content:"0" counter(steps);display:block;margin-bottom:.5rem;font:700 1.55rem Georgia,serif;color:#193db7}
.routine h3{margin-bottom:.45rem}
.author{border-block:1px solid #8692b1;background:#f3e9cd}.author img{object-position:50% 22%}
@media(max-width:740px){.cover,.example,.routine ol{grid-template-columns:1fr}.cover-art{max-width:28rem;margin-right:.55rem}}