/* Evaluate AI Methods — landing + sub-pages. All scoped under .methods to avoid
   colliding with the app's global .band/.hero/.fcard etc. Reuses TRACE tokens. */
.methods{
  --navy:#0C1A24;--navy-2:#122633;--cream:#FAF6EE;--cream-2:#F1EAD9;
  --ink:#16232B;--muted:#5C6870;--teal:#17806D;--teal-light:#4FBFA6;--coral:#E05A3A;
  --hairline:#E4DCC9;
  --serif:"Instrument Serif",Georgia,serif;--sans:"Instrument Sans",system-ui,sans-serif;--mono:"Spline Sans Mono",monospace;
  --shadow-rest:0 1px 2px rgba(12,26,36,.05),0 4px 12px rgba(12,26,36,.05);
  --shadow-lift:0 2px 4px rgba(12,26,36,.06),0 12px 32px rgba(12,26,36,.12);
  --ease:cubic-bezier(.22,1,.36,1);
  background:var(--cream);color:var(--ink);font-family:var(--sans);line-height:1.6;
}
.methods .wrap{max-width:1180px;margin:0 auto;padding:0 28px;}

/* hero */
.methods .hero{position:relative;overflow:hidden;background:var(--navy);color:var(--cream);padding:92px 0 96px;}
.methods .hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 60% 70% at 15% -10%, rgba(23,128,109,.24), transparent 60%);}
.methods .hero .wrap{position:relative;z-index:1;}
.methods .hero .eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--teal-light);margin-bottom:22px;display:flex;align-items:center;gap:12px;}
.methods .hero .eyebrow::before{content:"";width:28px;height:1px;background:var(--teal);}
.methods .hero h1{font-family:'Newsreader',Georgia,serif;font-variation-settings:'opsz' 40;font-weight:600;font-size:clamp(24px,2.9vw,37px);line-height:1.16;letter-spacing:-.005em;margin-bottom:18px;color:var(--teal-light);}
.methods .hero h1 em{font-style:normal;color:inherit;}
.methods .hero p{font-size:16px;color:rgba(250,246,238,.62);max-width:560px;}
.methods .hero .fade{opacity:0;transform:translateY(16px);animation:mrise .8s var(--ease) forwards;}
.methods .hero .fade:nth-child(2){animation-delay:.12s;}
.methods .hero .fade:nth-child(3){animation-delay:.24s;}
@keyframes mrise{to{opacity:1;transform:none;}}

/* landing hero: two-column split (mirrors Section 01) */
.methods .hero.split{padding:88px 0 96px;}
.methods .hero.split .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:60px;align-items:center;}
.methods .hero.split h1{margin-bottom:26px;}
.methods .hero.split p{margin-bottom:18px;}
.methods .hero .steps-row{max-width:1080px;margin:0 auto;padding:0 28px;position:relative;z-index:1;}
.methods .hero .steps{display:flex;flex-wrap:wrap;gap:13px;margin-top:38px;}
.methods .hero .step{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;padding:13px 24px;border-radius:999px;transition:transform .25s var(--ease),background .25s,border-color .25s,color .25s;}
@media(max-width:820px){.methods .hero .steps{gap:8px;flex-wrap:nowrap;}.methods .hero .step{padding:11px 13px;letter-spacing:.05em;gap:6px;}}
.methods .hero .step .n{opacity:.7;}
.methods .hero .step.step-primary{background:var(--teal);color:#fff;border:1px solid var(--teal);}
.methods .hero .step.step-primary:hover{background:#0E5A4C;transform:translateY(-2px);}
.methods .hero .step.step-ghost{background:transparent;color:rgba(250,246,238,.85);border:1px solid rgba(250,246,238,.28);}
.methods .hero .step.step-ghost:hover{border-color:rgba(250,246,238,.6);color:var(--cream);transform:translateY(-2px);}
.methods .hero .step:focus-visible{outline:2px solid var(--teal-light);outline-offset:3px;}
.methods .hero-visual{min-width:0;}
.methods .hero-visual svg{width:100%;max-width:340px;height:auto;display:block;margin:0 auto;}
.methods .hero-visual figcaption{margin-top:20px;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(250,246,238,.5);text-align:center;}
@media(prefers-reduced-motion:no-preference){
  .methods .pulse{transform-origin:center;transform-box:fill-box;animation:mpop .6s var(--ease) both;}
  @keyframes mpop{from{opacity:0;transform:scale(.3);}to{opacity:1;transform:scale(1);}}
}
@media(max-width:900px){.methods .hero.split .wrap{grid-template-columns:1fr;gap:44px;}.methods .hero-visual{order:2;}}

/* relocate explainer band under the hero */
.methods .relocate-note{background:var(--cream-2);border-bottom:1px solid var(--hairline);padding:58px 0;}
.methods .relocate-note .cols{display:grid;grid-template-columns:1fr 1fr;gap:34px;max-width:840px;margin:0 auto 26px;}
.methods .relocate-note .col h4{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px;}
.methods .relocate-note .col.trad h4{color:var(--muted);}
.methods .relocate-note .col.ai h4{color:var(--teal);}
.methods .relocate-note .col p{font-size:14.5px;color:var(--muted);line-height:1.7;}
.methods .relocate-note .foot{max-width:820px;margin:0 auto;text-align:center;font-family:var(--serif);font-style:italic;font-size:19px;line-height:1.5;color:var(--ink);}
@media(max-width:640px){.methods .relocate-note .cols{grid-template-columns:1fr;gap:22px;}}

/* position statement + relocate diagram */
.methods .position{background:var(--cream-2);padding:84px 0 76px;border-bottom:1px solid var(--hairline);}
.methods .position .statement{max-width:720px;margin:0 auto 52px;text-align:center;font-family:var(--serif);font-style:italic;font-size:clamp(20px,2.5vw,26px);line-height:1.55;}
.methods .position .statement em{color:var(--teal);}
.methods .relocate{max-width:860px;margin:0 auto;background:var(--navy);border-radius:8px;padding:36px 34px 26px;box-shadow:0 4px 20px rgba(12,26,36,.18);}
.methods .relocate img{width:100%;height:auto;display:block;border-radius:4px;}
.methods .relocate .cap{margin-top:18px;text-align:center;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(250,246,238,.45);}
.methods .relocate .cap b{color:var(--teal-light);font-weight:500;}

/* bands + finding cards */
.methods section.band{padding:50px 0;background:var(--cream);}
.methods .band.alt{background:var(--cream-2);}
.methods .finding-head{text-align:center;margin-bottom:50px;}
.methods .finding-head .kicker{font-family:var(--mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--teal);margin-bottom:16px;}
.methods .finding-head h2{font-family:var(--serif);font-weight:400;font-size:clamp(30px,4vw,42px);margin-bottom:18px;}
.methods .finding-head p{max-width:660px;margin:0 auto;font-size:16px;line-height:1.7;color:var(--muted);}
/* 2.3 subtitle: carries the argument under the page title, so it reads above the body copy */
.methods .finding-head p.standfirst{font-size:18.5px;line-height:1.6;color:var(--ink);margin-bottom:18px;font-weight:500;}
.methods .finding-head h2 em{font-style:italic;color:var(--teal);}
.methods .method{padding:60px 0 24px;}
.methods .method .inner{font-family:var(--mono);font-size:12px;line-height:1.9;color:var(--muted);max-width:820px;margin:0 auto;border-top:1px solid var(--hairline);padding-top:28px;}
.methods .method b{color:var(--ink);font-weight:500;}
.methods .consq{max-width:720px;margin:0 auto;}
.methods .consq p{font-size:16.5px;line-height:1.8;color:var(--ink-soft,#4A5468);margin-bottom:22px;}
.methods .consq p:last-child{margin-bottom:0;}
.methods .consq p b{color:var(--ink);font-weight:600;}
.methods .hero .two-levels{list-style:none;margin:2px 0 4px;padding:0;}
.methods .hero .two-levels li{position:relative;padding-left:20px;margin-bottom:9px;font-size:15px;line-height:1.6;color:rgba(250,246,238,.82);}
.methods .hero .two-levels li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:#4FBFA6;}
.methods .hero .two-levels li b{color:#FAF6EE;font-weight:600;}
.methods .keyfind{max-width:720px;margin:6px auto 0;text-align:center;border-top:1px solid var(--hairline);padding-top:34px;}
.methods .keyfind .kf-label{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--teal);margin-bottom:12px;}
.methods .keyfind .kf-lead{font-family:var(--serif);font-size:clamp(21px,3vw,27px);line-height:1.3;color:var(--ink);margin-bottom:14px;}
.methods .keyfind .kf-body{font-size:15.5px;line-height:1.7;color:var(--muted);max-width:620px;margin:0 auto;}
.methods .dcard details.mini{margin-top:14px;}
.methods .dcard details.mini summary{font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;color:var(--teal);cursor:pointer;list-style:none;}
.methods .dcard details.mini summary::-webkit-details-marker{display:none;}
.methods .dcard details.mini summary::before{content:"\25B8  ";}
.methods .dcard details.mini[open] summary::before{content:"\25BE  ";}
.methods .dcard details.mini .body{margin-top:10px;font-size:12.5px;color:var(--muted);line-height:1.65;}
.methods .tt{font-family:var(--mono);font-size:10.5px;letter-spacing:.03em;color:var(--teal);cursor:help;border-bottom:1px dotted var(--teal);}
.methods .takeaway .principle{font-size:15px;line-height:1.7;color:rgba(250,246,238,.92);margin-top:18px;}
.methods .takeaway .principle b{color:#4FBFA6;}
.methods a.fcard{text-decoration:none;color:inherit;transition:transform .35s var(--ease),box-shadow .35s var(--ease);}
.methods a.fcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift);}
.methods .findings{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media(max-width:820px){.methods .findings{gap:14px;}.methods .fcard{padding:24px 18px 20px;}}
@media(max-width:560px){.methods .findings{grid-template-columns:1fr;gap:18px;}.methods .fcard{padding:28px 26px 24px;}}
.methods .fcard{background:#fff;border:1px solid var(--hairline);border-radius:6px;padding:30px 28px 26px;position:relative;overflow:hidden;box-shadow:var(--shadow-rest);opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease),transform .6s var(--ease);}
.methods .fcard.in{opacity:1;transform:none;}
.methods .fcard:nth-child(2){transition-delay:.08s;}.methods .fcard:nth-child(3){transition-delay:.16s;}
.methods .fcard::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--teal);transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease) .3s;}
.methods .fcard.in::before{transform:scaleX(1);}
.methods .fcard .klabel{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--teal);margin-bottom:16px;}
.methods .fcard h3{font-family:var(--serif);font-weight:400;font-size:22px;line-height:1.2;margin-bottom:10px;}
.methods .fcard p{font-size:14px;color:var(--muted);line-height:1.6;}
.methods .fourq{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--hairline);border:1px solid var(--hairline);border-radius:8px;overflow:hidden;margin:34px 0 0;}
.methods .fourq .q{background:#fff;padding:20px 20px 22px;}
.methods .fourq .q .ql{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);margin-bottom:9px;line-height:1.4;}
.methods .fourq .q p{font-size:13px;color:var(--ink);line-height:1.55;margin:0;}
@media(max-width:820px){.methods .fourq{grid-template-columns:1fr 1fr;}}
@media(max-width:520px){.methods .fourq{grid-template-columns:1fr;}}
.methods .dv3 .dv-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:30px;}
.methods .dv3 .legend{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:26px;font-size:12.5px;color:var(--ink);}
.methods .dv3 .legend span{display:inline-flex;align-items:center;gap:8px;}
.methods .dv3 .legend i{width:9px;height:9px;border-radius:50%;flex:none;}
.methods .dv3 .axis1{position:relative;height:30px;margin:0 10px;}
.methods .dv3 .axis1 .l{position:absolute;left:0;right:0;top:50%;height:2px;background:#E7DFCD;border-radius:2px;}
.methods .dv3 .axis1 .d{position:absolute;top:50%;left:0;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%);border:2px solid #fff;transition:left .65s cubic-bezier(.22,1,.36,1);box-shadow:0 1px 5px rgba(12,26,36,.22);}
.methods .dv3 .rscale{display:flex;justify-content:space-between;font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:12px 10px 0;}
.methods .dv3 .vals{display:flex;flex-wrap:wrap;gap:24px;margin-top:24px;font-family:var(--mono);font-size:12px;color:var(--muted);}
.methods .dv3 .vals span{display:inline-flex;align-items:center;gap:7px;}
.methods .dv3 .vals i{width:8px;height:8px;border-radius:50%;flex:none;}
.methods .dv3 .vals b{color:var(--ink);font-variant-numeric:tabular-nums;}
.methods .dv3 .dv-note{margin-top:22px;}

/* section eyebrow + the three parts */
.methods .sect-eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:18px;font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);}
.methods .sect-eyebrow .rule{width:34px;height:2px;background:var(--teal);}
.methods .sect-eyebrow .id{color:var(--teal);font-weight:500;}
.methods .sect-eyebrow .sep,.methods .sect-eyebrow .topic{color:var(--muted);}
.methods .band .sect-eyebrow{margin-bottom:44px;}
.methods .parts{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;}
.methods .part{display:block;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--hairline);border-radius:6px;padding:30px 28px 26px;box-shadow:var(--shadow-rest);transition:transform .45s var(--ease),box-shadow .45s var(--ease);opacity:0;transform:translateY(24px);}
.methods .part.in{opacity:1;transform:none;}
.methods .part:nth-child(2){transition-delay:.1s;}.methods .part:nth-child(3){transition-delay:.2s;}
.methods .part:hover{transform:translateY(-5px);box-shadow:var(--shadow-lift);}
.methods .part .pn{font-family:var(--serif);font-style:italic;font-size:32px;color:var(--teal);width:52px;height:52px;border:1px solid var(--hairline);border-radius:50%;background:var(--cream);display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
.methods .part h3{font-family:var(--serif);font-weight:400;font-size:23px;margin-bottom:8px;}
.methods .part p{font-size:14px;color:var(--muted);line-height:1.6;margin-bottom:16px;}
.methods .part .go{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--teal);}

/* annex band */
.methods .annexband{background:var(--navy);color:var(--cream);}
.methods .annexband .wrap{display:flex;align-items:center;gap:28px;padding:44px 28px;flex-wrap:wrap;}
.methods .annexband .doc{width:52px;height:64px;border:1px solid rgba(250,246,238,.3);border-radius:4px;position:relative;flex:none;}
.methods .annexband .doc::before{content:"PDF";position:absolute;bottom:8px;left:50%;transform:translateX(-50%);font-family:var(--mono);font-size:9px;letter-spacing:.12em;color:var(--teal-light);}
.methods .annexband .doc::after{content:"";position:absolute;top:10px;left:9px;right:9px;height:1px;background:rgba(250,246,238,.3);box-shadow:0 6px 0 rgba(250,246,238,.3),0 12px 0 rgba(250,246,238,.3);}
.methods .annexband h3{font-family:var(--serif);font-weight:400;font-size:23px;margin-bottom:4px;}
.methods .annexband p{font-size:14px;color:rgba(250,246,238,.6);max-width:520px;}
.methods .annexband .grow{flex:1;min-width:220px;}
.methods .annexband .btn{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--navy);background:var(--teal-light);text-decoration:none;padding:13px 26px;border-radius:999px;white-space:nowrap;transition:background .3s;}
.methods .annexband .btn:hover{background:#7AD4C0;}
.methods .annexband .ver{font-family:var(--mono);font-size:10px;color:rgba(250,246,238,.4);margin-top:8px;letter-spacing:.1em;}

/* pager */
.methods .pagernav{border-top:1px solid var(--hairline);}
.methods .pagernav .wrap{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:0;}
.methods .pagernav a{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;text-decoration:none;color:var(--ink);padding:44px 40px;transition:background .3s;}
.methods .pagernav a:hover{background:var(--cream-2);}
.methods .pagernav a .dir{font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:0;flex:0 0 auto;}
.methods .pagernav a .ptitle{font-family:var(--serif);font-style:italic;font-size:24px;transition:color .3s;}
.methods .pagernav a:hover .ptitle{color:var(--teal);}
.methods .pagernav a.next{text-align:right;justify-content:flex-end;border-left:1px solid var(--hairline);}
.methods .pagernav a.next .dir{order:2;}
.methods .pagernav a.next .ptitle{order:1;}

/* sticky subnav (sub-pages only) */
.methods .subnav{position:sticky;top:0;z-index:40;background:var(--navy-2);border-bottom:1px solid rgba(250,246,238,.08);}
.methods .subnav .wrap{display:flex;align-items:center;gap:8px;height:50px;overflow-x:auto;}
.methods .subnav a{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(250,246,238,.5);text-decoration:none;padding:6px 13px;border-radius:999px;white-space:nowrap;transition:color .3s,background .3s;}
.methods .subnav a.back{padding-right:20px;margin-right:10px;border-right:1px solid rgba(250,246,238,.12);}
.methods .subnav a .num{color:var(--teal-light);opacity:.7;}
.methods .subnav a:hover,.methods .subnav a:focus-visible{color:var(--cream);outline:none;}
.methods .subnav a[aria-current="page"]{background:rgba(79,191,166,.14);color:var(--cream);}
.methods .subnav .annexpill{margin-left:auto;background:var(--teal);color:#fff;}

@media (max-width:760px){.methods section.band{padding:32px 0;}.methods .pagernav .wrap{grid-template-columns:1fr;}.methods .pagernav a.next{border-left:none;border-top:1px solid var(--hairline);text-align:left;}}
@media (prefers-reduced-motion:reduce){.methods *,.methods *::before,.methods *::after{animation-duration:.001s!important;transition-duration:.001s!important;}.methods .fcard,.methods .part{opacity:1;transform:none;}.methods .fade{opacity:1;transform:none;animation:none;}}

/* ============ SUB-PAGE COMPONENTS (Parts 01-03) — scoped .methods ============ */
.methods .chapter{position:relative;overflow:hidden;background:var(--navy);color:var(--cream);padding:44px 0 50px;}
.methods .chapter::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 60% 120% at 15% -30%, rgba(23,128,109,.2), transparent 60%);}
.methods .chapter .wrap{position:relative;z-index:1;}
.methods .chapter .eyebrow{font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--teal-light);margin-bottom:14px;display:flex;align-items:center;gap:11px;}
.methods .chapter .eyebrow::before{content:"";width:26px;height:1px;background:var(--teal);}
.methods .chapter .eyebrow .part{color:rgba(250,246,238,.45);}
.methods .chapter h1{font-family:var(--serif);font-weight:400;font-style:italic;font-size:clamp(30px,3.6vw,40px);line-height:1.1;margin-bottom:10px;}
.methods .chapter .standfirst{font-size:15px;color:rgba(250,246,238,.6);max-width:600px;}

.methods h2.section-title{font-family:var(--serif);font-weight:400;font-size:clamp(28px,3.4vw,36px);line-height:1.15;margin-bottom:18px;}
.methods .section-intro{max-width:660px;font-size:16px;color:var(--muted);line-height:1.7;margin-bottom:52px;}
.methods .section-intro b{color:var(--ink);font-weight:600;}

.methods .panel{background:#fff;border:1px solid var(--hairline);border-radius:6px;padding:36px 40px 32px;box-shadow:var(--shadow-rest);opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease);}
.methods .panel.in{opacity:1;transform:none;}
.methods .dcards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media(max-width:820px){.methods .dcards{gap:14px;}}
@media(max-width:560px){.methods .dcards{grid-template-columns:1fr;gap:16px;}}
.methods .dcard{background:#fff;border:1px solid var(--hairline);border-radius:6px;padding:26px 26px 18px;box-shadow:var(--shadow-rest);opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease),transform .6s var(--ease);}
.methods .dcard.in{opacity:1;transform:none;}
.methods .dcard .dlabel{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--teal);margin-bottom:10px;}
.methods .dcard h4{font-size:16.5px;font-weight:700;margin-bottom:8px;}
.methods .dcard p{font-size:13.5px;color:var(--muted);line-height:1.65;margin-bottom:14px;}
.methods .dcard p b{color:var(--ink);font-weight:600;}
.methods details.disc{border-top:1px solid #F0EADC;}
.methods details.disc summary{list-style:none;cursor:pointer;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);padding:12px 0;display:flex;align-items:center;gap:8px;}
.methods details.disc summary::-webkit-details-marker{display:none;}
.methods details.disc summary .chev{transition:transform .3s var(--ease);}
.methods details.disc[open] summary .chev{transform:rotate(90deg);}
.methods details.disc .full{font-size:13.5px;color:var(--muted);line-height:1.7;padding:2px 0 14px;}
.methods .ph{background:#FBF3DF;border:1px dashed #D9C58A;border-radius:4px;padding:2px 8px;font-family:var(--mono);font-size:11px;color:#7A5A12;}

.methods .takeaway{margin-top:52px;position:relative;background:var(--navy);color:var(--cream);border-radius:6px;padding:38px 44px 34px;overflow:hidden;box-shadow:0 4px 20px rgba(12,26,36,.18),0 20px 48px rgba(12,26,36,.16);opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease);}
.methods .takeaway.in{opacity:1;transform:none;}
.methods .takeaway::before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:var(--coral);transform:scaleY(0);transform-origin:top;transition:transform .9s var(--ease) .25s;}
.methods .takeaway.in::before{transform:scaleY(1);}
.methods .takeaway > *{position:relative;z-index:1;}
.methods .takeaway .t-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:20px;font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--teal-light);}
.methods .takeaway .t-eyebrow::after{content:"";width:44px;height:1px;background:var(--teal);}
.methods .takeaway .lead{font-family:var(--serif);font-style:italic;font-size:clamp(20px,2.5vw,26px);line-height:1.35;max-width:800px;margin-bottom:14px;}
.methods .takeaway .lead em{color:var(--teal-light);}
.methods .takeaway .body{font-size:14.5px;line-height:1.75;color:rgba(250,246,238,.72);max-width:820px;margin-bottom:22px;}
.methods .chips{display:flex;flex-wrap:wrap;gap:10px;}
.methods .chip{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;color:var(--cream);background:rgba(250,246,238,.06);border:1px solid rgba(250,246,238,.16);border-radius:999px;padding:7px 14px;}
.methods .chip b{font-weight:500;color:var(--teal-light);}

.methods .dropvoice{margin-top:44px;}
.methods .dv-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:26px;}
.methods .dv-label{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);}
.methods .dv-btn{all:unset;cursor:pointer;font-family:var(--mono);font-size:11px;padding:7px 15px;border:1px solid var(--hairline);border-radius:999px;color:var(--muted);transition:all .3s var(--ease);}
.methods .dv-btn:hover{border-color:var(--teal);color:var(--teal);}
.methods .dv-btn:focus-visible{outline:2px solid var(--teal-light);outline-offset:2px;}
.methods .dv-btn.on{background:var(--teal);border-color:var(--teal);color:#fff;}
.methods .dv-row{display:grid;grid-template-columns:210px 1fr 150px;gap:18px;align-items:center;padding:13px 0;border-bottom:1px solid #F0EADC;}
.methods .dv-row .cat{font-size:13.5px;font-weight:600;}
.methods .dv-track{position:relative;height:22px;}
.methods .dv-track .line{position:absolute;top:50%;left:0;right:0;height:1px;background:var(--hairline);}
.methods .dv-base{position:absolute;top:50%;width:9px;height:9px;border-radius:50%;transform:translate(-50%,-50%);background:#C9BFA8;}
.methods .dv-new{position:absolute;top:50%;width:11px;height:11px;border-radius:50%;transform:translate(-50%,-50%);background:var(--teal);border:2px solid #fff;box-shadow:0 0 0 1px rgba(12,26,36,.1);transition:left .8s var(--ease);}
.methods .dv-delta{font-family:var(--mono);font-size:11.5px;text-align:right;font-variant-numeric:tabular-nums;}
.methods .dv-delta.up{color:var(--teal);}
.methods .dv-delta.down{color:var(--coral);}
.methods .dv-note{font-family:var(--mono);font-size:10.5px;color:var(--muted);margin-top:16px;}

.methods .versus{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--hairline);border-radius:6px;overflow:hidden;margin-bottom:24px;}
.methods .vcol{padding:26px 26px 22px;}
.methods .vcol.chosen{background:#fff;}
.methods .vcol.alt-m{background:var(--cream);border-left:1px solid var(--hairline);}
.methods .vcol .vtag{display:inline-block;font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;border-radius:3px;padding:3px 9px;margin-bottom:14px;}
.methods .vcol.chosen .vtag{background:var(--teal);color:#fff;}
.methods .vcol.alt-m .vtag{background:#D9CFB6;color:#5C5133;}
.methods .vcol h4{font-family:var(--serif);font-weight:400;font-size:22px;margin-bottom:6px;}
.methods .vcol .vsub{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;color:var(--muted);margin-bottom:14px;}
.methods .vcol p{font-size:13.5px;color:var(--muted);line-height:1.65;}
.methods .vcol p b{color:var(--ink);font-weight:600;}

.methods .pipe{margin-bottom:10px;}
.methods .pipe .pzones{display:grid;grid-template-columns:3fr 2fr;margin-bottom:26px;}
.methods .pipe .pz{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;padding-bottom:11px;border-bottom:2px solid;}
.methods .pipe .pz.auto{color:var(--muted);border-color:#D3C9B0;}
.methods .pipe .pz.hum{color:var(--teal);border-color:var(--teal);padding-left:16px;}
.methods .pipe .prow{position:relative;display:grid;grid-template-columns:repeat(5,1fr);}
.methods .pipe .spine{position:absolute;left:10%;right:10%;top:23px;height:2px;background:linear-gradient(to right,#CFC5AC 0 60%,var(--teal) 60% 100%);z-index:0;}
.methods .pipe .pnode{text-align:center;position:relative;padding:0 10px;}
.methods .pipe .pnode .dot{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:13px;margin:0 auto;position:relative;z-index:1;background:#fff;}
.methods .pipe .pnode.auto .dot{border:2px solid #C6BCA2;color:var(--ink);}
.methods .pipe .pnode.hum .dot{background:var(--teal);border:2px solid var(--teal);color:#fff;box-shadow:0 2px 9px rgba(23,128,109,.28);}
.methods .pipe .pnode h5{font-size:14px;font-weight:700;margin:16px 0 6px;color:var(--ink);}
.methods .pipe .pnode p{font-size:11.5px;color:var(--muted);line-height:1.5;}
@media(max-width:720px){.methods .pipe .prow{grid-template-columns:1fr 1fr;gap:28px 0;}.methods .pipe .spine,.methods .pipe .pzones{display:none;}}
.methods .sankey .dv-controls{margin:0 0 18px;}
.methods .sankey svg{display:block;width:100%;height:auto;}
.methods .sankey .sk-node{fill:#2E3B44;}
.methods .sankey .sk-node.hub{fill:#17806D;}
.methods .sankey .sk-label{font-family:var(--mono);font-size:11.5px;fill:#16232B;}
.methods .sankey .sk-band{fill:#17806D;opacity:.20;}
.methods .sankey .sk-band.hub{fill:#E05A3A;opacity:.22;}
.methods .sankey figcaption{margin-top:20px;padding-top:18px;border-top:1px solid var(--hairline);font-size:13.5px;color:var(--muted);line-height:1.65;max-width:660px;}
.methods .kf-list{list-style:none;margin:16px 0 4px;padding:0;display:grid;gap:9px;}
.methods .kf-list li{display:flex;align-items:baseline;gap:11px;font-size:15.5px;line-height:1.5;}
.methods .kf-list li b{font-weight:600;}
.methods .kf-list li .dot{width:9px;height:9px;border-radius:50%;flex:none;align-self:center;}
.methods .convfig{background:#fff;border:1px solid var(--hairline);border-radius:12px;padding:30px 30px 24px;box-shadow:var(--shadow-rest);margin:0;}
.methods .convfig svg{display:block;width:100%;height:auto;}
.methods .convlegend{display:flex;gap:26px;justify-content:center;margin-top:14px;font-family:var(--mono);font-size:11px;color:var(--muted);}
.methods .convlegend .cl{display:inline-flex;align-items:center;gap:9px;}
.methods .convlegend .cl::before{content:"";width:22px;border-top:2px solid;}
.methods .convlegend .cl.agree::before{border-color:#17806D;}
.methods .convlegend .cl.differ::before{border-top-style:dashed;border-color:#E05A3A;}
.methods .convfig figcaption{margin-top:20px;padding-top:18px;border-top:1px solid var(--hairline);font-size:13.5px;color:var(--muted);line-height:1.65;max-width:640px;}
.methods .guard{font-size:14.5px;color:var(--muted);line-height:1.7;max-width:760px;margin-bottom:18px;}
.methods .guard b{color:var(--ink);font-weight:600;}

.methods .conv{border:1px solid var(--hairline);border-radius:6px;overflow:hidden;margin-bottom:20px;}
.methods .conv .chead{display:grid;grid-template-columns:1.5fr 1fr 1fr .7fr;background:var(--cream-2);border-bottom:1px solid var(--hairline);}
.methods .conv .chead div{padding:15px 18px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);}
.methods .conv .chead .m1{color:var(--teal);}
.methods .conv .chead .m2{color:#9A7A2E;}
.methods .conv .crow{display:grid;grid-template-columns:1.5fr 1fr 1fr .7fr;border-top:1px solid #F0EADC;background:#fff;}
.methods .conv .crow > div{padding:17px 18px;font-size:13px;line-height:1.5;}
.methods .conv .reg{font-weight:600;display:flex;align-items:center;gap:9px;}
.methods .conv .reg i{width:8px;height:8px;border-radius:50%;flex:none;}
.methods .conv .kw{font-family:var(--mono);font-size:11px;color:var(--muted);line-height:1.7;}
.methods .conv .verdict{display:flex;align-items:center;}
.methods .cbadge{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11px;font-weight:500;padding:5px 12px;border-radius:999px;}
.methods .cbadge.ok{background:#E4F1E9;color:#14523F;}
.methods .cbadge.flag{background:#FBEBE5;color:#8C2F1B;}
.methods .conv .crow.diverge{background:#FDF7F0;}
.methods .mirror{background:#E9F3EF;border:1px solid #CBE2D8;border-left:3px solid var(--teal);border-radius:0 6px 6px 0;padding:16px 20px;font-size:13.5px;color:#1E4438;line-height:1.65;}
.methods .mirror b{font-weight:700;}

.methods .annex-link{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);text-decoration:none;border-top:1px solid #F0EADC;padding:12px 0;transition:color .3s;}
.methods .annex-link:hover{color:var(--teal-light);}
.methods .annex-link .arrow{font-size:12px;}
.methods .annex-dl{margin-left:auto;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--navy);background:var(--teal-light);text-decoration:none;padding:6px 13px;border-radius:999px;white-space:nowrap;transition:background .3s;}
.methods .annex-dl:hover{background:#7AD4C0;}
/* Part 03 — claims register table + stat Q&As */
.methods .reg-scroll{overflow-x:auto;}
.methods table.reg{width:100%;border-collapse:collapse;font-size:13px;}
.methods table.reg th{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:500;text-align:left;padding:10px 12px;border-bottom:1px solid var(--hairline);}
.methods table.reg td{padding:13px 12px;border-bottom:1px solid #F0EADC;vertical-align:top;line-height:1.5;}
.methods table.reg td.claim{font-weight:600;min-width:180px;}
.methods table.reg td.where,.methods table.reg td.test,.methods table.reg td.result{font-family:var(--mono);font-size:11px;color:var(--muted);}
.methods table.reg tr:hover td{background:var(--cream);}
.methods .st-ok{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10.5px;font-weight:500;padding:4px 11px;border-radius:999px;background:#E4F1E9;color:#14523F;white-space:nowrap;}
.methods .st-prov{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10.5px;font-weight:500;padding:4px 11px;border-radius:999px;background:#F7EEDB;color:#7A5A12;white-space:nowrap;}
.methods .qa{border-bottom:1px solid #F0EADC;padding:22px 0;}
.methods .qa:last-of-type{border-bottom:none;}
.methods .qa h4{font-family:var(--serif);font-weight:400;font-size:21px;margin-bottom:8px;}
.methods .qa .ans{font-size:14px;color:var(--muted);line-height:1.7;max-width:720px;margin-bottom:12px;}
.methods .qa .ans b{color:var(--ink);font-weight:600;}
.methods .statchip{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11.5px;background:var(--cream-2);border:1px solid var(--hairline);border-radius:999px;padding:6px 13px;margin-bottom:10px;}
.methods .statchip b{color:var(--teal);font-weight:500;}

@media(max-width:760px){.methods .versus{grid-template-columns:1fr;}.methods .conv .chead,.methods .conv .crow{grid-template-columns:1fr;}.methods .dv-row{grid-template-columns:1fr;gap:6px;}}
@media(prefers-reduced-motion:reduce){.methods .dcard,.methods .takeaway,.methods .panel{opacity:1;transform:none;}}

/* Two shared figure controls, used on 2.1 and 2.2. The collection is the subject and reads
   as tabs underlined in that country's colour; a setting reads as a pill switch. They were
   page-scoped in methods_data.html until 2.2 needed the same country selector. */
/* Two different controls for two different things: the collection is the subject and reads as
   tabs in that country's colour; the source removed is a setting and reads as a pill switch. */
.methods .rmctl{display:flex;flex-direction:column;align-items:stretch;gap:20px;margin-bottom:26px;}
.methods .rmctl .rmtabs{align-self:stretch;}
.methods .rmctl .rmgrp{align-self:flex-end;}
@media(max-width:620px){.methods .rmctl .rmgrp{align-self:flex-start;}}
.methods .rmtabs{display:flex;gap:26px;border-bottom:1px solid #E4DCC9;}
.methods .rmtabs button{border:0;background:transparent;cursor:pointer;padding:0 0 10px;
  font-family:'Instrument Serif',Georgia,serif;font-size:20px;color:#8A9299;
  border-bottom:2px solid transparent;margin-bottom:-1px;transition:.18s;}
.methods .rmtabs button:hover{color:#16232B;}
.methods .rmtabs button.on{color:#16232B;border-bottom-color:var(--cc,#17806D);}
.methods .rmtabs button[data-c="eng"]{--cc:#E1573F;}
.methods .rmtabs button[data-c="sco"]{--cc:#7FA8CF;}
.methods .rmtabs button[data-c="irl"]{--cc:#D9A63F;}
.methods .rmtabs button:focus-visible{outline:2px solid #17806D;outline-offset:3px;}
.methods .rmgrp{display:flex;align-items:center;gap:12px;}
.methods .rmlab{font-family:'Spline Sans Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.16em;
  text-transform:uppercase;color:#5C6870;}
.methods .rmseg{display:inline-flex;gap:3px;background:#F1EAD9;border:1px solid #E4DCC9;border-radius:999px;padding:3px;}
.methods .rmseg button{border:0;background:transparent;cursor:pointer;border-radius:999px;padding:6px 14px;
  font-family:'Spline Sans Mono',ui-monospace,monospace;font-size:11px;color:#5C6870;transition:.18s;}
.methods .rmseg button.on{background:#fff;color:#16232B;box-shadow:0 1px 3px rgba(12,26,36,.14);}
.methods .rmseg button:focus-visible{outline:2px solid #17806D;outline-offset:1px;}

/* The shared Section 2 page pattern, used by 2.1 and 2.2: the opening (eyebrow, serif h1,
   prose, navy method disclosure) and the feedback block under the figures. Page-scoped in
   methods_data.html until 2.2 was rebuilt on the same pattern. */
/* band rhythm: match 1.1, where the method box sits 72px above a 36px "tight" band
   rather than the 100px + 100px the methods bands default to */
.methods section.band.tight{padding:18px 0;}
.methods section.band#the-finding{padding-bottom:72px;}

/* page opening: matches the 1.1 pattern (left-aligned eyebrow + serif h1 + prose) */
.methods #the-finding .sect-eyebrow{margin-bottom:18px;}
.methods .page-h1{font-family:'Newsreader',Georgia,serif;font-variation-settings:'opsz' 40;font-weight:600;font-size:clamp(24px,2.9vw,37px);line-height:1.16;letter-spacing:-.005em;color:var(--teal);margin:6px 0 20px;}
.methods .page-h1 em{font-style:normal;color:inherit;}
.methods .prose{max-width:760px;}
.methods .prose p{font-size:16px;line-height:1.7;color:var(--ink);margin:0 0 18px;}
.methods .prose p:last-child{margin-bottom:0;}
.methods .prose b{color:var(--ink);}
/* method disclosure: same treatment as 1.1's "How the topic models worked" */
.methods .methodbox{background:#fff;border:1px solid var(--navy);border-radius:14px;box-shadow:0 1px 2px rgba(12,26,36,.05),0 16px 40px rgba(12,26,36,.06);overflow:hidden;max-width:820px;margin:15px 0 0;}
.methods .methodbox>summary{list-style:none;cursor:pointer;padding:20px 26px;font-family:var(--serif);font-size:22px;background:var(--navy);color:var(--cream);display:flex;align-items:center;justify-content:space-between;gap:14px;transition:background .15s;}
.methods .methodbox>summary::-webkit-details-marker{display:none;}
.methods .methodbox>summary:hover{background:var(--navy-2);}
.methods .methodbox>summary::after{content:"";width:10px;height:10px;border-right:2px solid var(--cream);border-bottom:2px solid var(--cream);transform:rotate(45deg);transition:transform .25s;flex:none;margin:2px 4px 0 0;}
.methods .methodbox[open]>summary{border-bottom:1px solid var(--navy);}
.methods .methodbox[open]>summary::after{transform:rotate(-135deg);}
.methods .mb-body{padding:6px 26px 24px;}
.methods .mb-body p{font-size:16px;line-height:1.7;color:var(--ink);margin:16px 0 0;max-width:72ch;}
.methods .mb-body p.big{font-size:17px;}
.methods .mb-body p b{color:var(--ink);}

/* section heading inside .prose: the 1.1 "Education topics by country and year" treatment */
.methods .prose h2.section-title{font-family:var(--sans);font-weight:500;font-size:clamp(18px,1.9vw,22px);letter-spacing:-.005em;line-height:1.3;color:var(--ink);margin:0 0 14px;}
.methods .absence{max-width:760px;margin:34px auto 0;padding:30px 34px 28px;background:#fff;border:1px solid var(--hairline);border-left:4px solid var(--teal);border-radius:16px;box-shadow:0 1px 2px rgba(12,26,36,.05),0 16px 40px rgba(12,26,36,.06);}
.methods .absence h3{font-family:'Newsreader',Georgia,serif;font-variation-settings:'opsz' 40;font-weight:600;font-size:24px;line-height:1.2;color:var(--ink);margin:0 0 8px;max-width:60ch;}
.methods .absence .ab-intro{font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 14px;max-width:60ch;}
.methods .absence label{display:block;font-size:15px;line-height:1.6;color:var(--ink);margin:0 0 14px;max-width:60ch;}
.methods .absence textarea{width:100%;box-sizing:border-box;min-height:96px;font-family:var(--sans);font-size:14px;line-height:1.6;color:var(--ink);background:#fff;border:1px solid var(--hairline);border-radius:10px;padding:11px 13px;resize:vertical;}
.methods .absence textarea:focus{outline:2px solid rgba(23,128,109,.35);outline-offset:1px;border-color:var(--teal);}
.methods .ab-row{display:flex;gap:14px;align-items:flex-end;}
.methods .ab-row textarea{flex:1;min-width:0;}
@media(max-width:560px){.methods .ab-row{flex-direction:column;align-items:stretch;}}
.methods .ab-send{flex:none;border:0;background:var(--teal);color:#fff;font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;padding:11px 20px;border-radius:999px;cursor:pointer;transition:.15s;}
.methods .ab-send:hover{background:#0d5a4b;}
.methods .ab-send:disabled{opacity:.55;cursor:default;}
.methods .ab-note{font-size:12.5px;line-height:1.6;color:var(--muted);margin:12px 0 0;}
.methods .ab-note a{color:var(--teal);}
.methods .ab-msg{display:block;margin-top:10px;font-size:13px;color:var(--muted);}
.methods .ab-msg.ok{color:var(--teal);}
.methods .ab-msg.err{color:#A8492C;}


/* figure dropdowns, shared by 2.1 and 2.2 */
.methods .rmpick{display:inline-flex;align-items:center;gap:10px;flex:none;}
.methods .rmsel{appearance:none;-webkit-appearance:none;border:1.5px solid var(--teal);background:rgba(23,128,109,.06);border-radius:999px;padding:9px 40px 9px 18px;font-family:var(--serif);font-size:16px;font-weight:500;color:var(--teal);cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%2317806D' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:11px;}
.methods .rmsel:focus-visible{outline:2px solid #17806D;outline-offset:2px;}

.methods .rmpick .rmlab{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--teal);font-weight:500;}
.methods .rmsel:hover{background:rgba(23,128,109,.12);}
.methods .rmctl .rmgrp{display:flex;gap:22px;flex-wrap:wrap;align-items:center;}

/* One width for the page, matching the closing takeaway box exactly (1120px inside an
   1180px wrap). Added 27 Aug 2026: every block used to sit at 760-820px inside a 1080px
   wrap, so nothing lined up with the box at the foot of the page. */
.methods .wrap{max-width:1180px;}
.methods .prose,
.methods .absence,
.methods .methodbox,
.methods .howto,
.methods .grp,
.methods .tby-controls,
.methods .issues-h1,
.methods .page-h1,
.methods .section-title,
.methods .levtab,
.methods .panel,
.methods .cmpfig,
.methods .flowfig,
.methods .smix{max-width:1120px;margin-left:auto;margin-right:auto;}
.methods .prose p,.methods .prose ul,.methods .prose li{max-width:none;}
.methods .absence .ab-row{max-width:820px;}