:root{color-scheme:light;--paper: #f7f5f0;--ink: #222321;--muted: #55544e;--accent: #d66b43;--link: #8c4026;--line: #cfc9be;--wash: #efe4d8;--display: Georgia, "Times New Roman", serif;--body: system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:1rem/1.65 var(--body)}body>main{min-height:55vh}[hidden]{display:none!important}a{color:var(--link);text-underline-offset:.21em}a:hover{text-decoration-thickness:.14em}:focus-visible{outline:3px solid var(--link);outline-offset:4px}p,ul,dl,dd,figure{margin:0}p+p{margin-top:1em}h1,h2,h3{margin:0;font-family:var(--display);font-weight:400;line-height:1.09;overflow-wrap:break-word}h1{font-size:clamp(2.55rem,7.4vw,6.4rem);letter-spacing:-.055em}h2{font-size:clamp(2rem,4vw,3.55rem);letter-spacing:-.04em}h3{font-size:clamp(1.55rem,3vw,2.15rem);letter-spacing:-.02em}.shell{width:min(100% - 2.5rem,76rem);margin-inline:auto}.skip{position:absolute;top:.6rem;left:.6rem;z-index:2;padding:.55rem .8rem;background:var(--paper);transform:translateY(-180%)}.skip:focus{transform:none}.site-header{border-top:4px solid var(--accent);border-bottom:1px solid var(--line)}.masthead,.footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.65rem 2rem;padding-block:.85rem}.wordmark{color:var(--ink);font:1.55rem/1.25 var(--display);text-decoration:none;letter-spacing:-.035em}.brand-mark{display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;margin-right:.18rem;border:1px solid var(--link);border-radius:50%;color:var(--link);font:1rem var(--body);vertical-align:.13em}nav ul,.site-footer ul{display:flex;flex-wrap:wrap;gap:.15rem clamp(.65rem,2vw,1.45rem);padding:0;list-style:none}nav a{display:block;padding-block:.45rem;color:var(--ink);font-size:.91rem;text-decoration:none}nav a:hover,nav a[aria-current]{color:var(--link);text-decoration:underline}.eyebrow{color:var(--link);font-size:.75rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}h1,.eyebrow+h2,.eyebrow+h3{margin-top:.55rem}.lede{max-width:47ch;margin-top:1.35rem;font-size:clamp(1.05rem,2.2vw,1.3rem);color:var(--muted)}.text-link{display:inline-block;margin-top:1rem;font-weight:650}.reading{padding-block:clamp(1.75rem,5vw,3.5rem);border-top:1px solid var(--line)}.reading h2+p{margin-top:.9rem;max-width:60ch;color:var(--muted)}.article-list{padding:0;margin-top:1.5rem;list-style:none}.article-list li{border-top:1px solid var(--line);padding-block:.9rem}.article-list h2,.article-list h3{font-size:clamp(1.45rem,2.8vw,2rem)}.article-list a{color:var(--ink)}.article-list p{max-width:55ch;margin-top:.4rem;color:var(--muted)}.decisions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.5rem;margin-block:1.55rem}.decisions div{border-top:2px solid var(--accent);padding-top:.6rem}.decisions dt{font:1.35rem/1.2 var(--display)}.decisions dd{margin-top:.35rem;color:var(--muted)}.page{padding-block:clamp(2.5rem,7vw,5.5rem)}.page-heading{margin-bottom:clamp(1.55rem,5vw,3rem)}.page-heading h1{max-width:19ch}.page .reading{margin-top:2rem;padding-bottom:0}.prose{max-width:65ch;font-size:1.12rem;line-height:1.8;overflow-wrap:break-word}.prose>*+*{margin-top:1.15em}.prose img{display:block;max-width:100%;height:auto}.prose figcaption{margin-top:.45rem;color:var(--muted);font-size:.9rem}.prose pre{overflow:auto}.prose blockquote{margin-inline:0;padding-inline-start:1rem;border-left:3px solid var(--accent)}.byline{margin-top:1rem;color:var(--muted);font-size:.9rem}.site-footer{border-top:1px solid var(--line)}.footer-inner{padding-block:1.45rem}.footer-inner p{margin-top:.25rem;color:var(--muted)}@media(max-width:30rem){.shell{width:calc(100% - 2rem)}}.home-intro{padding-block:clamp(2.5rem,7vw,5.75rem) clamp(2.25rem,5vw,4rem)}.home-intro h1{max-width:17ch}.home-intro h1 span{color:var(--accent)}.home-stair{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.8fr);align-items:start;gap:clamp(1.5rem,5vw,4rem);padding-block:clamp(1.5rem,5vw,3.25rem) clamp(2.5rem,6vw,5rem);border-top:1px solid var(--line)}.stair-heading{container-type:inline-size}.stair-heading h2{font-size:clamp(1.6rem,9.5cqi,2.8rem);letter-spacing:-.05em}.stair-heading .lede{font-size:1.04rem}.staircase{--riser: clamp(.85rem, 2.4vw, 2.15rem);padding:0;margin:0;list-style:none;max-width:57rem}.staircase li{margin-inline-start:calc(var(--step-index) * var(--riser));border-inline-start:3px solid var(--accent);border-block-start:1px solid #b7a391;background:var(--wash)}.staircase li:nth-child(2n){background:#f3ebe2}.staircase li:last-child{border-block-end:1px solid #b7a391}.staircase a{display:grid;grid-template-columns:2.3rem minmax(0,1fr) 1rem;align-items:center;column-gap:clamp(.45rem,2vw,1.1rem);padding:.85rem clamp(.65rem,2vw,1.1rem);color:var(--ink);text-decoration:none}.staircase a:hover,.staircase a:focus-visible{background:#e9d6c6}.staircase a:focus-visible{outline-offset:-3px}.staircase a:hover strong,.staircase a:focus-visible strong{text-decoration:underline}.stair-number{align-self:start;padding-top:.2rem;color:var(--link);font:1.05rem/1.3 var(--display)}.stair-copy{display:grid;gap:.15rem}.stair-copy strong{font:400 clamp(1.35rem,2.8vw,2.05rem)/1.12 var(--display);overflow-wrap:break-word}.stair-copy>span{font-size:.94rem;color:var(--muted)}.stair-arrow{color:var(--link)}.step-body{display:grid;gap:clamp(1.45rem,4vw,2.8rem)}.step-body h2{font-size:clamp(1.55rem,3.5vw,2.5rem)}.step-body .article-list{margin-top:1rem}.step-body .article-list h3{font-size:1.5rem}.idea-note,.checklist,.next-action{max-width:48rem;padding:clamp(1rem,4vw,1.75rem);background:var(--wash);border-inline-start:3px solid var(--accent)}.idea-note h2+p{margin-top:.65rem}.checklist ul{padding-inline-start:1.2rem}.checklist li+li{margin-top:.3rem}.step-links{display:flex;flex-wrap:wrap;gap:.7rem 1.8rem;margin-top:2.1rem;padding-top:.6rem;border-top:1px solid var(--line)}.article-steps{display:flex;flex-wrap:wrap;gap:.35rem 1rem;padding:0;list-style:none}.article-steps a{font-size:.8rem;font-weight:700}@media(max-width:62rem){.home-stair{grid-template-columns:1fr}}@media(max-width:40rem){.staircase{--riser: .42rem}.staircase a{grid-template-columns:1.35rem minmax(0,1fr) .75rem}}@media(max-width:28rem){.idea-note .decisions{grid-template-columns:1fr}}
