/* Research Note — editorial detail page, 2026 */
.zf-note{
  --n-dark:#06131d;
  --n-ink:#10243b;
  --n-light:#f3f7fb;
  --n-muted:#60748c;
  --n-blue:#53b7f2;
  --n-gold:#d5a44d;
  background:var(--n-light);
  color:var(--n-ink);
  font-family:"Inter",Arial,sans-serif;
  width:100%;overflow:clip;
}
.zf-note *, .zf-note *::before, .zf-note *::after{box-sizing:border-box}
.zf-note h1,.zf-note h2,.zf-note h3,.zf-note p{margin:0}
.zf-note a{text-underline-offset:4px}
.zf-note-hero{background:radial-gradient(circle at 72% 38%,#0c3049 0%,transparent 36%),linear-gradient(122deg,#06121d 6%,#081c2a 95%);border-bottom:1px solid #17394f;color:#f3f5f7;}
.zf-note-hero__inner{width:min(100%,1440px);margin:0 auto;min-height:560px;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:44px;align-items:center;padding:76px clamp(24px,5.3vw,78px) 70px}
.zf-note-hero__copy{min-width:0}
.zf-note-back{display:inline-flex;align-items:center;gap:11px;color:#8bbfe2;font-size:11px;font-weight:700;letter-spacing:.16em;text-decoration:none;transition:color .2s}
.zf-note-back:hover{color:#fff}
.zf-note-back:focus-visible,.zf-note a:focus-visible{outline:2px solid var(--n-blue);outline-offset:4px}
.zf-note-eyebrow{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:64px;color:var(--n-gold);font-size:10px;font-weight:800;letter-spacing:.18em}
.zf-note-eyebrow i{width:20px;height:1px;background:#61778a;flex:0 0 auto}
.zf-note-hero h1{max-width:740px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(57px,5.8vw,90px);font-weight:400;letter-spacing:-.055em;line-height:.97;margin-top:18px}
.zf-note-subtitle{max-width:630px;margin-top:26px!important;color:#d7e6f0;font-size:clamp(17px,1.6vw,22px);line-height:1.5}
.zf-note-hero__divider{width:58px;height:2px;background:var(--n-gold);margin-top:27px}
.zf-note-prelude{margin-top:18px!important;color:#9fb8c9;font-size:13px;line-height:1.6}
.zf-note-hero__foot{display:flex;gap:22px;flex-wrap:wrap;margin-top:48px;font-size:10px;font-weight:700;letter-spacing:.18em;color:#86a4b8}
.zf-note-diagram{position:relative;isolation:isolate;min-width:0;min-height:380px;padding:52px 28px 38px;display:flex;flex-direction:column;justify-content:center;gap:24px;border:1px solid rgba(90,153,188,.3);background:linear-gradient(135deg,rgba(20,59,85,.38),rgba(4,19,31,.25));overflow:hidden}
.zf-note-diagram__grid{position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.23;background-image:linear-gradient(#29506a 1px,transparent 1px),linear-gradient(90deg,#29506a 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,transparent,#000 45%,transparent)}
.zf-note-diagram__mark{position:absolute;top:25px;left:27px;color:#7da8c4;font-size:10px;font-weight:700;letter-spacing:.16em}
.zf-note-diagram__node{width:min(90%,310px);padding:22px 24px 21px;display:grid;gap:7px;border:1px solid #3176a2;background:rgba(7,23,35,.88);box-shadow:0 22px 45px rgba(0,8,20,.25)}
.zf-note-diagram__node--one{margin-left:1%}
.zf-note-diagram__node--two{margin-left:auto;border-color:var(--n-gold)}
.zf-note-diagram__index{font-size:9px;color:#67b9ed;letter-spacing:.17em;font-weight:700}
.zf-note-diagram__node--two .zf-note-diagram__index{color:#e2bd74}
.zf-note-diagram__node strong{font-family:Georgia,"Times New Roman",serif;font-size:29px;font-weight:400;line-height:1.07;letter-spacing:.015em;color:#f7f8fa}
.zf-note-diagram__node small{font-size:11px;line-height:1.5;color:#a9c4d4}
.zf-note-diagram__connector{height:25px;display:grid;place-items:center;position:relative;color:var(--n-gold);font-size:23px;font-weight:700}
.zf-note-diagram__connector::before{content:"";position:absolute;width:56%;height:1px;background:linear-gradient(90deg,transparent,#5b8aac,transparent);z-index:-1}
.zf-note-diagram__connector span{padding:0 11px;background:#092235}
.zf-note-diagram__outcome{display:grid;gap:10px;margin-top:0;text-align:center;color:#adbfcc;font-size:9px;letter-spacing:.12em;line-height:1.4}
.zf-note-diagram__outcome-line{height:1px;background:linear-gradient(90deg,transparent,var(--n-gold),transparent)}
.zf-note-surface{background:linear-gradient(90deg,#eef4fa 0,#f6f9fc 28%,#f6f9fc 100%)}
.zf-note-grid{width:min(100%,1260px);margin:auto;display:grid;grid-template-columns:225px minmax(0,790px);gap:clamp(40px,6vw,86px);align-items:start;padding:90px clamp(24px,4.6vw,68px) 110px}
.zf-note-toc{align-self:stretch;border-right:1px solid #d3e0ec;min-width:0;padding-right:23px}
.zf-note-toc__sticky{position:sticky;top:92px}
.zf-note-toc__kicker{display:block;color:#6f8ba5;font-size:10px;font-weight:800;letter-spacing:.18em;margin-bottom:25px}
.zf-note-toc nav{display:grid;gap:0}
.zf-note-toc nav a{display:block;padding:10px 0;color:#385573;text-decoration:none;font-size:12px;font-weight:600;line-height:1.4;border-bottom:1px solid #dce5ed;transition:color .16s,padding-left .16s}
.zf-note-toc nav a:hover{color:#1165ab;padding-left:4px}
.zf-note-toc__foot{margin-top:44px;color:#93a4b4;font-size:10px;letter-spacing:.13em;line-height:1.8}
.zf-note-article-body{min-width:0;color:#24384c;font-size:16px;line-height:1.86;overflow-wrap:break-word}
.zf-note-article-body p{margin:0 0 21px}
.zf-note-article-body > p:first-of-type{font-size:clamp(19px,1.7vw,22px);color:#233c57;line-height:1.75;padding-bottom:35px;margin-bottom:37px;border-bottom:1px solid #cad9e7}
.zf-note-article-body h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#122b48;line-height:1.18;letter-spacing:-.025em;font-size:clamp(31px,2.7vw,40px);margin:58px 0 25px}
.zf-note-article-body span[id]{display:block;position:relative;top:-100px;visibility:hidden}
.zf-note-article-body h2:first-of-type{margin-top:0}
.zf-note-article-body strong{font-weight:750;color:#102f50}
.zf-note-article-body em{color:#48627c}
.zf-note-article-body a{color:#0a66b0;text-decoration:underline;text-decoration-color:#a8cbdc;text-underline-offset:4px}
.zf-note-article-body a:hover{color:#004c8c;text-decoration-color:currentColor}
.zf-note-article-body ol{margin:20px 0 28px;padding-left:28px}
.zf-note-article-body li{margin:0 0 12px;padding-left:5px}
.zf-note-article-body li::marker{color:#1b75b6;font-weight:700}
.zf-note-article-body h2:last-of-type + ol{font-size:14px;line-height:1.7}
.zf-note-article-body > p em:only-child{display:inline-block;border-left:2px solid var(--n-gold);padding:13px 18px;background:#e9f0f7;color:#45617d;font-size:14px;line-height:1.6}
.zf-note-related{background:#071722;color:#edf5fb;border-top:1px solid #2a4b64}
.zf-note-related__inner{width:min(100%,1380px);margin:auto;padding:76px clamp(24px,5.5vw,76px) 90px;display:grid;grid-template-columns:290px minmax(0,1fr);gap:50px}
.zf-note-related__intro > span{color:var(--n-gold);font-size:10px;font-weight:800;letter-spacing:.2em}
.zf-note-related__intro h2{margin-top:24px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(29px,2.7vw,42px);font-weight:400;line-height:1.11}
.zf-note-related__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.zf-note-related__grid a{position:relative;min-height:108px;padding:20px 52px 20px 20px;display:flex;flex-direction:column;gap:12px;text-decoration:none;border:1px solid #264d67;background:#0b2536;color:#f7fbfe}
.zf-note-related__grid a:hover{border-color:#63b9ef;background:#11334a}
.zf-note-related__grid a span{font-size:10px;letter-spacing:.14em;font-weight:700;color:#7fb1cf}
.zf-note-related__grid a strong{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:20px;line-height:1.16}
.zf-note-related__grid a i{position:absolute;right:20px;top:20px;font-style:normal;font-size:19px;color:#e2bd74}
@media(max-width:1100px){
 .zf-note-hero__inner{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:25px}
 .zf-note-hero h1{font-size:clamp(52px,5.8vw,72px)}
 .zf-note-diagram{padding-inline:20px}
 .zf-note-grid{grid-template-columns:185px minmax(0,1fr);gap:35px}
 .zf-note-related__inner{grid-template-columns:220px 1fr;gap:26px}
}
@media(max-width:800px){
 .zf-note-hero__inner{grid-template-columns:1fr;gap:38px;padding-top:44px;padding-bottom:45px}
 .zf-note-eyebrow{margin-top:48px}
 .zf-note-hero h1{font-size:clamp(54px,9vw,76px);max-width:680px}
 .zf-note-hero__foot{margin-top:28px}
 .zf-note-diagram{min-height:auto;max-width:640px;display:grid;grid-template-columns:1fr 32px 1fr;gap:12px;align-items:center;padding:58px 18px 22px}
 .zf-note-diagram__node{width:100%;margin:0}
 .zf-note-diagram__node strong{font-size:clamp(20px,3.1vw,29px)}
 .zf-note-diagram__connector{height:auto}
 .zf-note-diagram__connector::before{display:none}
 .zf-note-diagram__connector span{background:transparent;padding:0}
 .zf-note-diagram__outcome{grid-column:1/-1}
 .zf-note-grid{display:block;padding-top:48px;padding-bottom:72px}
 .zf-note-toc{padding:0 0 22px;margin-bottom:44px;border-right:0;border-bottom:1px solid #d2deea}
 .zf-note-toc__sticky{position:static}
 .zf-note-toc__kicker{margin-bottom:12px}
 .zf-note-toc nav{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:25px}
 .zf-note-toc__foot{display:none}
 .zf-note-related__inner{grid-template-columns:1fr}
}
@media(max-width:520px){
 .zf-note-hero__inner{padding:28px 20px 34px;gap:28px}
 .zf-note-back{font-size:10px}
 .zf-note-eyebrow{margin-top:35px;gap:9px;letter-spacing:.12em}
 .zf-note-hero h1{font-size:clamp(48px,12vw,64px);line-height:1.01;overflow-wrap:normal}
 .zf-note-subtitle{font-size:17px}
 .zf-note-hero__foot{gap:12px;font-size:9px}
 .zf-note-diagram{grid-template-columns:1fr;gap:8px;padding:55px 17px 20px}
 .zf-note-diagram__node{padding:16px 17px}
 .zf-note-diagram__node strong{font-size:25px}
 .zf-note-diagram__connector{height:30px}
 .zf-note-diagram__outcome{grid-column:1}
 .zf-note-grid{padding:37px 22px 60px}
 .zf-note-toc nav{grid-template-columns:1fr 1fr;column-gap:10px}
 .zf-note-toc nav a{font-size:10.5px;padding:9px 0}
 .zf-note-article-body{font-size:15px;line-height:1.8}
 .zf-note-article-body > p:first-of-type{font-size:18px}
 .zf-note-article-body h2{font-size:31px;margin:44px 0 20px}
 .zf-note-article-body ol{padding-left:21px}
 .zf-note-related__inner{padding:55px 21px 64px}
 .zf-note-related__grid{grid-template-columns:1fr}
 .zf-note-related__grid a{min-height:95px}
}
@media(prefers-reduced-motion:reduce){
 .zf-note-back,.zf-note-toc nav a{transition:none}
}