/* Blue Hour — local fonts, readable defaults, motion confined to its section. */
@font-face{font-family:Newsreader;src:url('assets/newsreader-regular.ttf');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Newsreader;src:url('assets/newsreader-italic.ttf');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'DM Sans';src:url('assets/dm-sans-regular.ttf');font-weight:400;font-display:swap}
@font-face{font-family:'DM Sans';src:url('assets/dm-sans-semibold.ttf');font-weight:600;font-display:swap}
:root{--night:#112b2a;--deep:#0e2423;--panel:#193431;--cream:#f1eedf;--muted:#b8c9bd;--blue:#a6c7d4;--line:#3b5550;--paper:#e9eade;--ink:#203e36;--serif:Newsreader,Georgia,serif;--sans:'DM Sans',system-ui,sans-serif;--ease:cubic-bezier(.22,1,.36,1);scroll-padding-top:30px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--cream);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3,p,figure,blockquote{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.06;letter-spacing:-.035em;text-wrap:balance}h1 em,h2 em{font-weight:400;color:var(--blue)}
a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}img,svg{display:block;max-width:100%}[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--blue);outline-offset:6px;border-radius:2px}::selection{background:#a6c7d4;color:#112b2a}
.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.eyebrow{font-size:11px;font-weight:600;line-height:1.5;letter-spacing:.17em;text-transform:uppercase;color:var(--muted)}
.skip-link{position:absolute;z-index:10;left:24px;top:-100px;padding:12px 18px;background:var(--cream);color:var(--night)}.skip-link:focus{top:16px}
.hdr{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}
.mark{display:inline-flex;align-items:center;gap:11px;flex-shrink:0;font-family:var(--serif);font-size:29px;line-height:1;letter-spacing:-.04em}.mark i{color:var(--blue);margin-inline:1px}.brand-mark{width:28px;height:38px}
.nav{display:flex;align-items:center;gap:32px;font-size:13px}.nav a{padding-block:12px;color:var(--muted);transition:color .2s}.nav a:hover{color:var(--cream)}
.header-brand{display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0}.brand-subtitle{margin:6px 0 0 76px;font-size:9px;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.header-contact{display:inline-flex;align-items:center;justify-content:center;gap:14px;flex-shrink:0;min-height:42px;padding:9px 17px;border:1px solid #829e95;border-radius:3px;background:rgba(17,43,42,.45);font-size:12px;line-height:1.5;color:var(--cream);white-space:nowrap;transition:background .2s,border-color .2s}.header-contact:hover{background:#274a43;border-color:var(--blue)}
.hero{position:relative;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:10px;padding-block:86px 78px;min-height:680px}
.hero-copy{position:relative;z-index:1;max-width:660px}.hero .eyebrow{display:flex;align-items:center;gap:12px}.small-star{font-size:17px;color:var(--blue);font-weight:400;line-height:1}
.hero h1{font-size:clamp(60px,6.5vw,96px);line-height:.99;letter-spacing:-.047em;margin:28px 0 29px}.hero h1 span{display:block}
.hero .intro{max-width:495px;color:#d1dbd1;font-size:16px;line-height:1.8}.text-link{display:inline-flex;align-items:center;gap:28px;padding:9px 0;border-bottom:1px solid #78938c;font-size:13px;line-height:1.6}.text-link:hover{border-color:var(--blue);color:var(--blue)}.hero .text-link{margin-top:25px}
.arr{display:inline-block;transition:transform .2s}a:hover .arr{transform:translate(3px,-2px)}
.hero-art{position:relative;width:120%;margin-left:-10%;isolation:isolate}.hero-art::before{content:'';position:absolute;inset:8% 5% 7%;z-index:-1;background:radial-gradient(ellipse,#345b50,transparent 68%);opacity:.48}.hero-art img{width:100%;height:auto;filter:saturate(.78);position:relative}
.hero-art figcaption{display:flex;align-items:center;justify-content:center;gap:12px;font-family:var(--serif);font-style:italic;font-size:17px;color:var(--muted);margin-top:18px}.hero-art figcaption::before,.hero-art figcaption::after{content:'';width:28px;height:1px;background:var(--line)}
.hero-bottom{display:flex;justify-content:space-between;gap:24px;padding:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.hero-bottom p:last-child{color:var(--blue)}
.notes{padding-block:96px 104px}.sec-top{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:32px}.sec-top h2{font-size:62px;margin-top:14px}.sec-top>p{font-size:14px;max-width:325px;color:var(--muted);line-height:1.75;padding-bottom:3px}
.tools{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.pills{display:flex;gap:6px;flex-wrap:wrap}.pill{background:transparent;color:var(--muted);border:1px solid transparent;border-radius:100px;padding:10px 16px;font-size:12px;line-height:1.5;min-height:40px;transition:background .2s,color .2s,border-color .2s}.pill:hover{border-color:#698078;color:var(--cream)}.pill[aria-pressed=true]{background:var(--cream);border-color:var(--cream);color:var(--night)}.count{font-size:11px;color:var(--muted);white-space:nowrap}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.note{min-width:0;display:flex;flex-direction:column;padding:0 0 25px;border-top:1px solid #77928a;border-bottom:1px solid var(--line);transition:border-color .25s}.note:hover{border-color:var(--blue)}
.art{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(120deg,#203c36,#183431);height:180px;margin-bottom:26px;color:var(--blue)}.art svg{width:100%;height:100%;padding:7px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.art .leaf{stroke:#a9bc97}.art .fig{position:absolute;left:17px;bottom:12px;font-family:var(--serif);font-style:italic;font-size:13px;color:var(--muted)}
.note .meta{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:9px;line-height:1.5;letter-spacing:.13em;color:var(--muted);text-transform:uppercase}.note h3{font-size:35px;line-height:1.08;margin:14px 0;max-width:360px}.note p{font-size:14px;line-height:1.75;color:var(--muted);margin-bottom:26px}.note .read{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--blue)}.note .read .arr{font-size:18px}.footnote{font-family:var(--serif);font-style:italic;color:var(--muted);font-size:17px;margin-top:30px}
.toolkit{background:#d7ddcf;color:var(--ink);padding-block:96px;color-scheme:light;position:relative}.toolkit .eyebrow{color:#4e6252}.toolkit h2 em{color:#4e6c70}.toolkit .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.toolkit h2{font-size:62px;margin:20px 0 25px}.toolkit .t-intro>p:last-child{max-width:300px;font-size:15px;color:#4e6252}
.tool-details{border-top:1px solid #acb9a9}.tool-details:last-child{border-bottom:1px solid #acb9a9}.tool-details summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:32px 1fr 24px;gap:16px;align-items:center;padding:26px 0}.tool-details summary::-webkit-details-marker{display:none}.tool-details .num{font-size:10px;letter-spacing:.12em;color:#4e6252}.tool-details .tool-title{font-family:var(--serif);font-size:30px;line-height:1.06;letter-spacing:-.025em}.tool-details .plus{font-size:22px;line-height:1;color:#4e6c70;font-weight:400;text-align:center;transition:transform .2s}.tool-details[open] .plus{transform:rotate(45deg)}.tool-details summary:hover .tool-title{color:#4e6c70}.tool-details summary:focus-visible{outline-color:#386c80;outline-offset:3px}
.tool-body{padding:0 10px 28px 48px}.tool-body p{font-size:14px;color:#485e51;line-height:1.8;max-width:480px}.tool-example{margin-top:18px;padding-left:15px;border-left:2px solid #93a88c}.tool-example>span{display:block;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#4e6252;margin-bottom:5px}.tool-anchor{position:absolute;top:0}
.about{padding-block:100px;display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.about h2{font-size:62px;margin-bottom:27px}.about .a-copy>p{font-size:16px;color:#d1dbd1;max-width:620px}.about .a-copy>p+p{margin-top:18px}
.a-label{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 0}.brand-emblem{position:relative;margin:29px 0 25px;width:200px;height:200px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%}.brand-emblem::before{content:'';position:absolute;inset:10px;border:1px solid #29483f;border-radius:50%}.brand-emblem img{width:79px;height:106px}.emblem-wordmark{font-family:var(--serif);font-size:29px;letter-spacing:-.03em}.emblem-wordmark i{color:var(--blue)}.a-label .e-cap{font-family:var(--serif);font-style:italic;color:var(--muted);font-size:18px;margin-top:10px}.a-copy .text-link{margin-top:26px;color:var(--blue)}
.foot{background:var(--deep);border-top:1px solid var(--line)}.f-top{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:45px}.f-top p{font-family:var(--serif);font-size:30px;letter-spacing:-.02em}.f-top a{font-size:15px;color:var(--blue);border-bottom:1px solid #53756e;padding-bottom:7px;overflow-wrap:anywhere}.f-top a .arr{margin-left:18px}.f-bot{border-top:1px solid var(--line);padding-block:25px;display:flex;justify-content:space-between;gap:24px;font-size:10px;color:var(--muted)}.f-bot a:hover{color:var(--cream)}
/* Ink on paper for long-form reading, with Blue Hour at the edges. */
.article-top{padding-block:45px 58px;display:grid;grid-template-columns:1fr 2.4fr;gap:70px}.back{font-size:12px;color:var(--muted);align-self:start;padding-top:6px;display:inline-flex;align-items:center;gap:13px}.back:hover{color:var(--cream)}
.article-head .eyebrow{display:flex;gap:25px;flex-wrap:wrap}.article-head h1{font-size:clamp(46px,5.2vw,72px);line-height:1.02;max-width:760px;margin:23px 0}.article-head .deck{max-width:630px;font-size:17px;line-height:1.7;color:var(--muted)}
.reading-surface{background:var(--paper);color:var(--ink);color-scheme:light}.reading-layout{padding-block:64px 74px;display:grid;grid-template-columns:1fr 2.4fr;gap:70px}.article-aside .art{background:none;height:174px;margin:0;color:#426a72}.article-aside .art .leaf{stroke:#597e50}.article-aside .eyebrow{font-size:9px;color:#586d60;padding-top:20px;border-top:1px solid #b1beae}
.prose{font-family:var(--serif);font-size:22px;line-height:1.63;max-width:690px}.prose>p+p{margin-top:22px}.prose h2{font-size:34px;line-height:1.2;margin:39px 0 18px}.prose strong{font-weight:400;color:#17392f;text-decoration:underline;text-decoration-color:#acbaaa;text-underline-offset:4px}.prose .example{margin:28px 0;border-left:2px solid #668f98;background:#e0e4d7;padding:20px 24px;font-family:var(--sans);font-size:14px;line-height:1.8}.prose .example>span{display:block;font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#4d6864;margin-bottom:8px}.prose a{color:#315f71;text-decoration:underline;text-underline-offset:4px}.prose a:focus-visible{outline-color:#315f71}
.article-end{margin-top:40px;border-top:1px solid #acb9a9;padding-top:24px;display:flex;justify-content:space-between;align-items:baseline;gap:25px;font-family:var(--sans);font-size:11px;color:#536657}
.related{padding-block:42px 48px;display:flex;justify-content:space-between;gap:40px;align-items:center}.related p{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.related a{font-family:var(--serif);font-size:31px;letter-spacing:-.025em;line-height:1.2;max-width:580px;text-align:right}.related a:hover{color:var(--blue)}
.note-foot{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;padding-block:25px;color:var(--muted);font-size:10px}.lost{padding-block:100px 130px;max-width:900px}.lost h1{font-size:clamp(52px,7vw,88px);margin:28px 0}.lost>p:not(.eyebrow){color:var(--muted);font-size:17px}.lost .text-link{margin-top:28px}
/* Finite entrance effects. No viewport-following layers or perpetual motion. */
@keyframes arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes artwork-light{from{opacity:0;filter:saturate(.55)}to{opacity:1;filter:saturate(.78)}}
@media(prefers-reduced-motion:no-preference){.hero .eyebrow{animation:arrive .8s var(--ease) both}.hero h1{animation:arrive 1s .12s var(--ease) both}.hero .intro{animation:arrive 1s .25s var(--ease) both}.hero .text-link{animation:arrive 1s .38s var(--ease) both}.hero-art img{animation:artwork-light 1.6s .15s ease both}}
@media(min-width:1600px){.hero-art{width:130%;margin-left:-7%}}
@media(max-width:1120px){.wrap{width:calc(100% - 64px)}.hdr{gap:20px}.nav{gap:22px}.hero{min-height:610px;padding-block:72px;grid-template-columns:1.1fr 1fr}.hero h1{font-size:clamp(58px,7vw,80px)}.hero-art{width:116%;margin-left:-7%}.hero .intro{font-size:15px}.toolkit .wrap,.about{gap:60px;grid-template-columns:.85fr 1.15fr}.sec-top h2,.toolkit h2,.about h2{font-size:54px}.note h3{font-size:30px}.grid{gap:24px}.art{height:155px}.article-top,.reading-layout{grid-template-columns:.75fr 2.25fr;gap:40px}}
@media(max-width:760px){
.wrap{width:calc(100% - 40px)}.hdr{min-height:128px;flex-wrap:wrap;justify-content:space-between;gap:10px 12px;padding-block:18px 12px}.header-brand{width:100%;align-items:center;text-align:center}.brand-subtitle{margin:6px 0 0;font-size:9px}.header-contact{min-height:36px;padding:7px 10px;font-size:11px;gap:8px}.mark{font-size:28px;gap:9px}.brand-mark{width:24px;height:32px}.nav{width:auto;justify-content:flex-start;gap:20px;font-size:11px;margin-top:0}.nav a{padding-block:7px}
.hero{display:flex;flex-direction:column;align-items:stretch;padding-block:48px 27px;gap:28px;min-height:0}.hero-copy{max-width:600px}.hero h1{font-size:clamp(53px,10.7vw,78px);margin:23px 0 24px}.hero .intro{max-width:540px;font-size:15px;line-height:1.8}.hero .text-link{margin-top:19px}.hero-art{width:100%;max-width:630px;margin:0 auto}.hero-art figcaption{margin-top:8px;font-size:16px}.hero-bottom{font-size:9px;letter-spacing:.1em;flex-wrap:wrap;gap:7px;padding-block:18px}
.notes{padding-block:60px 64px}.sec-top{display:block;margin-bottom:23px}.sec-top h2,.toolkit h2,.about h2{font-size:48px}.sec-top>p{margin-top:18px;max-width:400px}.tools{align-items:flex-end;gap:9px;margin-bottom:27px}.pill{font-size:11px;padding:9px 12px}.count{font-size:10px;padding-bottom:9px}
.grid{grid-template-columns:1fr;gap:35px}.note{display:grid;grid-template-columns:150px 1fr;column-gap:25px;padding-top:22px;padding-bottom:22px}.note .art{grid-row:1/5;height:100%;min-height:150px;margin:0}.note .meta{align-self:end;font-size:9px}.note h3{font-size:32px;margin-block:13px}.note p{font-size:13px;margin-bottom:17px}.note .read{font-size:10px}.note .meta .note-num{display:none}
.toolkit{padding-block:62px}.toolkit .wrap{display:block}.toolkit .t-intro>p:last-child{max-width:440px}.t-list{margin-top:36px}.tool-details summary{padding-block:22px;gap:12px;grid-template-columns:25px 1fr 24px}.tool-details .tool-title{font-size:29px}.tool-body{padding-left:37px}
.about{grid-template-columns:1fr;padding-block:64px;gap:40px}.a-label{padding:0}.brand-emblem{width:145px;height:145px;margin:23px 0 18px}.brand-emblem img{width:55px;height:74px}.a-copy{text-align:left}.about h2{margin-bottom:23px}.about .a-copy>p{font-size:15px}.f-top{display:block;padding-block:33px}.f-top p{font-size:28px;margin-bottom:16px}.f-top a{font-size:14px;display:inline-block}.f-bot{flex-wrap:wrap;font-size:9px;gap:12px 24px;padding-block:22px}.f-bot span:nth-child(2){display:none}.f-bot a{margin-left:auto}
.article-top{display:block;padding-block:29px 37px}.back{padding:0;margin-bottom:30px}.article-head h1{font-size:clamp(45px,8.5vw,62px);margin-block:20px}.article-head .deck{font-size:16px}.article-head .eyebrow{font-size:9px;gap:15px}.reading-layout{display:block;padding-block:35px 43px}.article-aside{display:none}.prose{font-size:21px;line-height:1.6;max-width:100%}.prose h2{font-size:31px;margin-top:32px}.prose .example{padding:18px 19px;font-size:13px}.article-end{display:block;font-size:11px}.article-end a{display:inline-block;margin-top:15px}.related{display:block;padding-block:30px}.related a{display:block;text-align:left;margin-top:12px;font-size:29px}.note-foot{font-size:9px;flex-wrap:wrap;gap:10px 20px}.lost{padding-block:65px}
}
@media(max-width:480px){.note{display:flex;padding-top:0}.note .art{height:168px;width:100%;margin-bottom:22px}.note h3{font-size:35px;max-width:340px}.note p{font-size:14px;max-width:345px}.note .meta{align-self:stretch;font-size:9px}.note .meta .note-num{display:inline}.note .read{font-size:11px}.tools{display:block}.count{margin-top:13px;padding:0}.pills{gap:4px}.pill{padding:9px 11px}.footnote{font-size:16px}.tool-details .tool-title{font-size:27px}.tool-details summary{gap:9px;grid-template-columns:24px 1fr 22px}.hero-art figcaption{font-size:15px}.hero .eyebrow{font-size:9px;letter-spacing:.15em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{body{background:white;color:black}.hdr,.foot,.note-foot,.related,.article-aside,.back,.article-end{display:none}.reading-surface{background:white}.wrap{width:100%}.reading-layout,.article-top{display:block;padding:20px 0}.prose{max-width:none}.article-head .eyebrow,.article-head .deck{color:#333}a{color:inherit!important}}

/* Keep the opening proportional to both viewport width and usable screen height. */
.home{--masthead-height:clamp(72px,11svh,112px);--scene-height:clamp(560px,94svh,860px)}
.home>.hdr,.home>main,.home>.foot{position:relative;z-index:1}
.hero-backdrop{position:absolute;inset:0 0 auto;height:var(--scene-height);overflow:hidden;pointer-events:none;background:#082b31}
.hero-backdrop img{width:100%;height:100%;object-fit:cover;object-position:60% center}
.hero-backdrop::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,31,33,.88),rgba(7,31,33,.60) 34%,rgba(7,31,33,.06) 64%),linear-gradient(0deg,var(--night),transparent 22%,transparent 84%,rgba(7,31,33,.38))}
.home .hdr{min-height:var(--masthead-height);border-bottom-color:rgba(195,218,209,.22)}
.home .hero{display:flex;align-items:center;min-height:calc(var(--scene-height) - var(--masthead-height));padding-block:clamp(22px,4svh,54px)}
.home .hero-copy{width:min(100%,560px);max-width:none}
.home .hero h1{font-size:clamp(44px,min(6.2vw,9svh),88px);line-height:1.03;margin-block:clamp(16px,2.5svh,28px)}
.home .hero .intro{max-width:455px;color:#e2e9df;font-size:16px;line-height:1.75;text-shadow:0 1px 16px #08272a}
.home .hero .eyebrow{color:#c2e1d3}
.home .hero .text-link{margin-top:clamp(14px,2svh,25px);color:var(--cream);border-color:#a2c6c1}
@media(min-width:1600px){.hero-backdrop img{object-position:center}}
@media(max-width:1120px) and (min-width:761px){.hero-backdrop img{object-position:63% center}.home .hero-copy{width:min(100%,500px)}.hero-backdrop::after{background:linear-gradient(90deg,rgba(7,31,33,.9),rgba(7,31,33,.66) 38%,rgba(7,31,33,.05) 80%),linear-gradient(0deg,var(--night),transparent 30%)}}
@media(min-width:761px) and (max-height:700px){.home .hero .intro{font-size:15px;line-height:1.7}}
@media(max-width:760px){.home{--masthead-height:128px;--mobile-art-height:clamp(210px,42svh,350px)}.hero-backdrop{top:var(--masthead-height);height:var(--mobile-art-height)}.hero-backdrop img{object-position:73% center}.hero-backdrop::after{background:linear-gradient(0deg,var(--night),transparent 65%),linear-gradient(180deg,var(--night),transparent 15%)}.home .hero{min-height:0;padding-top:calc(var(--mobile-art-height) - 60px);padding-bottom:36px}.home .hero-copy{width:100%;max-width:570px}.home .hero h1{font-size:clamp(44px,10.7vw,68px);margin-top:21px}.home .hero .intro{max-width:540px;font-size:15px;line-height:1.8;text-shadow:none}.home .hero .eyebrow{color:var(--muted)}}
@media print{.hero-backdrop{display:none}.home .hero{padding-top:20px;min-height:0}}
@media(min-width:761px){.hero-backdrop::before{content:'';position:absolute;z-index:1;inset:0 0 auto;height:160px;background:linear-gradient(180deg,rgba(7,31,33,.86),rgba(7,31,33,.56) 62%,transparent)}}
.home .nav a{color:#e3e9df;text-shadow:0 1px 4px rgba(3,20,22,.9)}
/* The selected infinity-and-lily identity, in two matching lockups. */
.mark{gap:12px}.mark i,.emblem-wordmark i{color:#9dca93}
.brand-mark{width:64px;height:32px;max-width:none}
.brand-emblem{width:min(300px,100%);height:auto;aspect-ratio:2;margin:30px 0 20px;border:0;border-radius:0}
.brand-emblem::before{display:none}
.brand-emblem img{width:100%;height:auto}
.emblem-wordmark{font-size:35px}
.a-label .e-cap{font-family:var(--sans);font-style:normal;font-size:11px;line-height:1.7;letter-spacing:.2em;text-transform:uppercase;margin-top:14px}
@media(max-width:760px){.mark{gap:10px;font-size:25px}.brand-mark{width:58px;height:29px}.brand-emblem{width:min(280px,100%);height:auto;margin:27px 0 20px}.brand-emblem img{width:100%;height:auto}.emblem-wordmark{font-size:33px}}
@media(max-width:360px){.nav{gap:13px;font-size:10px}.header-contact{font-size:10px;gap:6px;padding-inline:8px}.mark{font-size:23px;gap:8px}.brand-mark{width:54px;height:27px}.emblem-wordmark{font-size:30px}.a-label .e-cap{font-size:10px;letter-spacing:.16em}}

/* Reading metadata and small, semantic workflow diagrams. */
.note-footer{margin-top:auto;display:grid;gap:17px}
.reading-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:var(--muted);font-family:var(--sans);font-size:12px;line-height:1.5}
.note-format{border:1px solid var(--line);padding:2px 7px;border-radius:2px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.02em}
.article-head>.reading-meta{margin-top:22px}
.tool-flow{margin:22px 0 0;max-width:500px}
.tool-flow figcaption{margin-bottom:12px;color:#3f5a49;font-size:12px;line-height:1.5;letter-spacing:.035em}
.flow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;margin:0;padding:0}
.flow-steps li{position:relative;min-width:0;padding:13px 11px;background:#e8ebdf;border:1px solid #a8b9a2;border-radius:2px}
.flow-steps strong{display:block;color:#203e36;font-size:14px;line-height:1.45;font-weight:500}
.flow-steps li>span{display:block;margin-top:5px;color:#485e51;font-size:12px;line-height:1.55}
.flow-steps li:not(:last-child)::before{content:'';position:absolute;right:-20px;top:50%;width:18px;border-top:1px solid #587252}
.flow-steps li:not(:last-child)::after{content:'';position:absolute;right:-18px;top:calc(50% - 3px);width:6px;height:6px;border-top:1px solid #587252;border-right:1px solid #587252;transform:rotate(45deg)}
.tool-body .flow-note{margin-top:12px;color:#3f5a49;font-size:13px;line-height:1.65}
.tool-body .flow-return{margin-top:12px;padding:7px 0 7px 12px;border-left:1px solid #829a78;border-bottom:1px solid #829a78;color:#3f5a49;font-size:13px;line-height:1.65}
.flow-return>span{margin-right:6px}
@media(max-width:480px){.tool-body{padding-left:0;padding-right:0}.flow-steps{grid-template-columns:1fr;gap:18px}.flow-steps li{padding:12px 15px}.flow-steps li>span{margin-top:2px}.flow-steps li:not(:last-child)::before{left:23px;right:auto;top:auto;bottom:-18px;width:0;height:16px;border-top:0;border-left:1px solid #587252}.flow-steps li:not(:last-child)::after{left:20px;right:auto;top:auto;bottom:-16px;transform:rotate(135deg)}}