:root{--ink:#211a16;--paper:#eee4da;--paper-deep:#e4d6ca;--line:#cbbcaf;--muted:#776b63;--accent:#8ecfee;--dark:#2d231e;--mono:"IBM Plex Mono",monospace;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.skip-link{position:fixed;z-index:100;left:20px;top:-80px;padding:12px 16px;background:#fff;color:#111;font-size:12px;transition:.25s}.skip-link:focus{top:18px}.journal-nav{position:sticky;z-index:20;top:0;height:72px;padding:0 4.2vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(78,59,48,.14);background:rgba(238,228,218,.86);backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:11px;font-size:12px;font-weight:700;letter-spacing:.24em}.brand-mark{display:block;width:22px;height:22px;border:2px solid;border-radius:50%;position:relative}.brand-mark:after{content:"";position:absolute;top:3px;bottom:3px;left:8px;border-left:2px solid;transform:rotate(28deg)}.journal-nav>span{font:500 8px var(--mono);letter-spacing:.12em;color:#7d6e64}.back-link{justify-self:end;font:600 9px var(--mono);letter-spacing:.06em;text-transform:uppercase}.back-link b{margin-left:18px}.journal-hero{min-height:calc(100svh - 72px);padding:6vw 4.2vw 4.2vw;display:grid;grid-template-columns:minmax(420px,.9fr) minmax(0,1.1fr);gap:6vw;align-items:center}.journal-hero-copy>p{margin:0 0 34px;font:500 8px var(--mono);letter-spacing:.18em;color:#8b786b}.journal-hero h1{margin:0;font-size:clamp(64px,7.6vw,118px);font-weight:500;line-height:.87;letter-spacing:-.075em}.journal-hero h1 em{font-family:Georgia,serif;font-weight:400;color:#8d7160}.journal-hero-copy>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:46px}.journal-hero-copy>div span{padding:9px 11px;border:1px solid var(--line);font:500 7px var(--mono);letter-spacing:.07em;text-transform:uppercase}.journal-hero figure{position:relative;height:min(72vh,780px);margin:0;overflow:hidden;background:#d5c6ba}.journal-hero img{width:100%;height:100%;display:block;object-fit:cover}.journal-hero figcaption{position:absolute;left:0;right:0;bottom:0;padding:16px 18px;display:flex;justify-content:space-between;gap:20px;background:rgba(35,26,21,.7);color:#fff;backdrop-filter:blur(14px);font:500 6px var(--mono);letter-spacing:.07em;text-transform:uppercase}.journal-index{margin:0 4.2vw 9vw;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.journal-index a{padding:24px 21px;border-right:1px solid var(--line);display:grid;gap:6px;transition:.3s}.journal-index a:last-child{border-right:0}.journal-index a:hover{background:rgba(255,255,255,.32)}.journal-index small{font:500 7px var(--mono);color:#967f70}.journal-index strong{font-size:14px}.journal-index span{font-size:9px;color:var(--muted)}.journal-article{scroll-margin-top:92px;padding:0 4.2vw clamp(120px,14vw,210px)}.journal-article>header{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:8vw;align-items:end;margin-bottom:58px}.journal-article>header small{grid-column:1/-1;font:500 8px var(--mono);letter-spacing:.15em;color:#8d796c;text-transform:uppercase}.journal-article h2{margin:0;font-size:clamp(50px,6.2vw,94px);font-weight:500;line-height:.94;letter-spacing:-.065em}.journal-article h2 em{font-family:Georgia,serif;font-weight:400;color:#8d7160}.journal-article>header p{margin:0 0 7px;color:var(--muted);font-size:14px;line-height:1.8}.article-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:clamp(42px,7vw,112px);align-items:start}.article-reverse .article-layout{grid-template-columns:minmax(330px,.85fr) minmax(0,1.15fr)}.article-reverse figure{grid-column:2}.article-reverse .article-copy{grid-column:1;grid-row:1}.article-layout figure{position:relative;height:min(64vw,720px);margin:0;overflow:hidden;background:#d6c8bc}.article-layout figure.portrait-media{height:min(76vw,860px)}.article-layout img{width:100%;height:100%;display:block;object-fit:cover}.article-layout figure.portrait-media img{object-position:center 44%}.article-layout figcaption{position:absolute;left:14px;bottom:14px;padding:8px 10px;background:rgba(37,28,23,.67);color:#fff;font:500 6px var(--mono);letter-spacing:.07em;text-transform:uppercase;backdrop-filter:blur(10px)}.article-copy{padding-top:4px}.article-copy h3{margin:0 0 24px;font-size:clamp(27px,3vw,43px);font-weight:500;line-height:1.05;letter-spacing:-.045em}.article-copy>p{margin:0;color:var(--muted);font-size:14px;line-height:1.82}.article-copy ol{padding:0;margin:38px 0 0;list-style:none;border-top:1px solid var(--line)}.article-copy li{padding:18px 0;border-bottom:1px solid var(--line);color:#655950;font-size:12px;line-height:1.65}.article-copy li b{display:inline-block;min-width:92px;color:var(--ink)}.article-copy aside{margin:28px 0 0;padding:20px 21px;border-left:3px solid #91cbe6;background:rgba(255,255,255,.3)}.article-copy aside span{font:500 7px var(--mono);letter-spacing:.12em;color:#76665c;text-transform:uppercase}.article-copy aside p{margin:9px 0 0;color:#665a52;font-size:11px;line-height:1.7}.article-cta{display:inline-flex;align-items:center;gap:34px;margin-top:32px;padding:14px 18px;background:var(--dark);color:#fff;font:600 9px var(--mono);letter-spacing:.06em;text-transform:uppercase}.photo-credit{margin:15px 0 0;font:500 6px var(--mono);letter-spacing:.06em;color:#8b7d74;text-transform:uppercase}.photo-credit a{text-decoration:underline;text-underline-offset:3px}.journal-end{margin:0 4.2vw 7vw;padding:clamp(70px,9vw,130px);background:radial-gradient(circle at 78% 22%,#735e51,#3b2d26 58%,#2b211c);color:#f4ebe4}.journal-end small{font:500 8px var(--mono);letter-spacing:.14em;color:#b9a99f;text-transform:uppercase}.journal-end h2{max-width:1100px;margin:27px 0 32px;font-size:clamp(50px,6vw,90px);font-weight:500;line-height:.94;letter-spacing:-.06em}.journal-end h2 em{font-family:Georgia,serif;font-weight:400;color:#bde8ff}.journal-end p{max-width:680px;margin:0;color:#c8bbb2;font-size:13px;line-height:1.8}.journal-end>div{display:flex;gap:10px;margin-top:38px}.journal-end a{padding:15px 19px;border:1px solid rgba(255,255,255,.3);font:600 8px var(--mono);letter-spacing:.06em;text-transform:uppercase}.journal-end a:first-child{background:#f4ebe4;color:#2b211c;border-color:#f4ebe4}.journal-end a b{margin-left:24px}.journal-footer{padding:55px 4.2vw 26px;display:grid;grid-template-columns:.6fr 1fr 1fr;gap:7vw;align-items:start;background:#211a16;color:#eee4da}.journal-footer p{max-width:520px;margin:0;color:#9e9188;font-size:10px;line-height:1.75}.journal-footer nav{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:17px;font:500 7px var(--mono);letter-spacing:.05em;text-transform:uppercase}
@media(max-width:900px){.journal-hero{grid-template-columns:1fr;padding-top:80px}.journal-hero figure{height:58vh}.journal-index{grid-template-columns:repeat(2,1fr)}.journal-index a:nth-child(2){border-right:0}.journal-index a:nth-child(-n+2){border-bottom:1px solid var(--line)}.journal-article>header{grid-template-columns:1fr;gap:25px}.article-layout,.article-reverse .article-layout{grid-template-columns:1fr;gap:42px}.article-reverse figure,.article-reverse .article-copy{grid-column:auto;grid-row:auto}.article-layout figure,.article-layout figure.portrait-media{height:min(88vw,720px)}.journal-footer{grid-template-columns:1fr 1fr}.journal-footer p{grid-column:1/-1;grid-row:2}.journal-footer nav{justify-content:flex-end}}
@media(max-width:620px){.journal-nav{height:64px;padding:0 20px;grid-template-columns:1fr auto}.journal-nav>span{display:none}.back-link{font-size:7px}.journal-hero{min-height:auto;padding:70px 20px 20px;gap:40px}.journal-hero h1{font-size:57px}.journal-hero figure{height:58vh;min-height:420px}.journal-hero figcaption{display:grid;font-size:5px}.journal-index{margin:26px 20px 92px;grid-template-columns:1fr 1fr}.journal-index a{padding:18px 13px}.journal-article{padding:0 20px 120px}.journal-article>header{margin-bottom:36px}.journal-article h2{font-size:48px}.journal-article>header p{font-size:12px}.article-layout{gap:32px}.article-layout figure,.article-layout figure.portrait-media{height:62vh;min-height:430px}.article-copy>p{font-size:12px}.article-copy li{font-size:11px}.article-copy li b{display:block;margin-bottom:4px}.journal-end{margin:0 20px 20px;padding:52px 25px}.journal-end h2{font-size:43px}.journal-end>div{display:grid}.journal-footer{grid-template-columns:1fr;padding:46px 20px 25px}.journal-footer p{grid-column:auto;grid-row:auto}.journal-footer nav{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.journal-footer p a{text-decoration:underline;text-underline-offset:3px}

/* Nine-title index keeps the full product guide scannable without card-like clutter. */
.journal-index{grid-template-columns:repeat(3,minmax(0,1fr))}
.journal-index a{min-width:0}
.journal-index strong,.journal-index span{overflow-wrap:anywhere}
.journal-index a:nth-child(3n){border-right:0}.journal-index a:nth-child(-n+6){border-bottom:1px solid var(--line)}
@media(max-width:900px){.journal-index{grid-template-columns:repeat(2,1fr)}.journal-index a:nth-child(3n){border-right:1px solid var(--line)}.journal-index a:nth-child(even){border-right:0}.journal-index a:nth-child(-n+8){border-bottom:1px solid var(--line)}}
@media(max-width:620px){.journal-index{grid-template-columns:1fr 1fr}.journal-index strong{font-size:12px}.journal-index span{font-size:8px}}

/* Reading navigation: active topic, progress and article-level sharing. */
button{font:inherit}.journal-nav:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--accent);transform:scaleX(var(--journal-progress,0));transform-origin:left;transition:transform .12s linear}
.journal-index a{position:relative}.journal-index a:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;background:#6cbce1;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.journal-index a.is-active{background:rgba(255,255,255,.42)}.journal-index a.is-active:after{transform:scaleX(1)}.journal-index a.is-active small{color:#397d9c}
.journal-article>header{position:relative}.article-share{position:absolute;right:0;bottom:-39px;display:inline-flex;align-items:center;gap:17px;padding:8px 0;border:0;border-bottom:1px solid #8e7c70;background:transparent;color:#6e5e54;font:600 7px var(--mono);letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:color .25s ease,border-color .25s ease}.article-share b{font-size:10px;font-weight:400}.article-share:hover{border-color:#2f211a;color:#2f211a}.article-share.is-copied{border-color:#4b9970;color:#347853}.article-share:focus-visible{outline:2px solid #317fa5;outline-offset:4px}
@media(max-width:900px){.article-share{right:auto;left:0}}
@media(max-width:620px){.journal-nav:after{height:1px}.article-share{bottom:-35px;font-size:6px}.journal-index a.is-active{background:rgba(255,255,255,.5)}}
@media(prefers-reduced-motion:reduce){.journal-nav:after,.journal-index a:after{transition:none}}

/* Editorial continuity: reading time and previous/next system navigation. */
.article-tools{position:absolute;right:0;bottom:-39px;display:flex;align-items:center;gap:22px}.article-reading-time{color:#928176;font:500 6px var(--mono);letter-spacing:.09em;text-transform:uppercase}.article-tools .article-share{position:static;right:auto;bottom:auto}
.article-sequence{display:grid;grid-template-columns:1fr 1fr;margin-top:clamp(56px,7vw,92px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.article-sequence a{display:grid;gap:8px;min-width:0;padding:21px 0;transition:padding .3s var(--ease),color .25s ease}.article-sequence a:first-child{padding-right:28px;border-right:1px solid var(--line)}.article-sequence a:last-child{padding-left:28px;text-align:right}.article-sequence a:hover{color:#317fa5}.article-sequence a:first-child:hover{padding-left:8px}.article-sequence a:last-child:hover{padding-right:8px}.article-sequence small{font:500 6px var(--mono);letter-spacing:.11em;color:#8d7b70;text-transform:uppercase}.article-sequence strong{display:flex;align-items:center;gap:14px;min-width:0;font-size:12px;font-weight:600}.article-sequence a:last-child strong{justify-content:flex-end}.article-sequence strong b{color:#568faa;font-size:14px;font-weight:400}
@media(max-width:900px){.article-tools{right:auto;left:0}}
@media(max-width:620px){.article-tools{bottom:-35px;gap:15px}.article-reading-time{font-size:5px}.article-sequence{grid-template-columns:1fr;margin-top:52px}.article-sequence a:first-child,.article-sequence a:last-child{padding:16px 0;border-right:0;text-align:left}.article-sequence a:first-child{border-bottom:1px solid var(--line)}.article-sequence a:last-child strong{justify-content:flex-start}.article-sequence a:first-child:hover,.article-sequence a:last-child:hover{padding-right:0;padding-left:7px}}
@media(prefers-reduced-motion:reduce){.article-sequence a{transition:none}}

/* Compact reading telemetry stays useful on mobile without crowding the brand. */
:where(a,button):focus-visible{outline:2px solid #317fa5;outline-offset:4px}.journal-nav-status{display:flex;align-items:center;justify-content:center;gap:12px;min-width:0}.journal-nav-status b{overflow:hidden;font:500 8px var(--mono);letter-spacing:.12em;text-overflow:ellipsis;white-space:nowrap}.journal-nav-status i{padding-left:12px;border-left:1px solid var(--line);color:#397d9c;font:500 7px var(--mono);font-style:normal;letter-spacing:.06em}

/* Release 66: comfortable touch targets without changing the editorial rhythm. */
:where(a,button){touch-action:manipulation}
@media(max-width:800px),(pointer:coarse){.journal-nav .brand,.journal-nav .back-link,.article-share,.article-cta,.journal-end a{display:inline-flex;align-items:center;min-height:44px}.article-share{padding-block:11px}.photo-credit a{display:inline-flex;align-items:center;min-height:32px;padding-block:7px}.journal-footer .brand{display:flex;align-items:center;min-height:44px}.journal-footer nav a,.journal-footer p a{display:inline-flex;align-items:center;min-height:32px;padding-block:6px}}
@media(max-width:620px){.journal-nav{grid-template-columns:auto minmax(0,1fr) auto;gap:12px}.journal-nav>.journal-nav-status{display:flex}.journal-nav-status{justify-content:flex-start}.journal-nav-status b{font-size:5px;letter-spacing:.07em}.journal-nav-status i{padding-left:8px;font-size:5px}.back-link{font-size:0}.back-link b{margin:0;font-size:12px}.brand{font-size:10px;letter-spacing:.19em}.brand-mark{width:19px;height:19px}}