.migration-page { width:100%; min-height:100vh; height:auto; overflow-x:hidden; overflow-y:auto; background:radial-gradient(ellipse at 78% 10%,#180a0f 0%,#080708 34%,#050506 72%); }
.migration-page .nav-compact { display:none; }
.migration-content { width:min(1440px,100%); height:auto; min-height:0; display:block; margin:0 auto; padding:32px clamp(16px,3.2vw,48px) 20px; }
.migration-hero { display:flex; justify-content:space-between; align-items:flex-end; gap:28px; padding:22px 0 30px; border-bottom:1px solid #39202a; }
.migration-kicker,.metric-label,.metric-period,.release-stamp span,.release-stamp small,.release-stamp a,.section-date,.migration-footer { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:1px; }
.migration-kicker { color:#fb596e; font-size:10px; }
.migration-hero h1 { margin:13px 0 12px; color:#f5eff1; font-size:clamp(36px,5.1vw,68px); line-height:.94; letter-spacing:-2.8px; font-weight:900; }
.migration-hero h1 > span:first-child { color:#ff4058; }
.migration-hero h1 .hero-red { color:#ff4058; }
.migration-hero > div:first-child > p { max-width:720px; margin:0; color:#c1b5ba; font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace; }
.release-stamp { display:flex; flex:0 0 260px; flex-direction:column; gap:7px; padding:15px 17px; border:1px solid #4a2632; background:linear-gradient(130deg,#170b10,#0c0b0d); box-shadow:inset 3px 0 #e9344b,0 8px 30px #0008; }
.release-stamp span { color:#a999a0; font-size:8px; }
.release-stamp strong { color:#fff; font:700 19px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; }
.release-stamp small { color:#b7a5ac; font-size:8px; line-height:1.5; letter-spacing:.2px; }
.release-stamp a,.source-inline,.section-link { color:#ff8190; font:8px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.6px; text-decoration:none; }
.release-stamp a { margin-top:3px; }
.release-stamp a:hover,.source-inline:hover,.section-link:hover { color:white; text-decoration:underline; }
.snapshot-section { padding:24px 0 0; }
.section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:12px; }
.section-heading h2,.method-panel h2 { margin:6px 0 0; color:#f2ecee; font-size:clamp(19px,2vw,25px); line-height:1.15; letter-spacing:-.45px; }
.section-date { color:#9b8b91; font-size:8px; text-align:right; }
.section-intro { max-width:920px; margin:0 0 14px; color:#c0b2b8; font-size:12px; line-height:1.65; }
.metric-grid { display:grid; gap:10px; }
.metric-grid-four { grid-template-columns:repeat(4,minmax(0,1fr)); }
.metric-grid-three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.metric-card { position:relative; min-width:0; min-height:202px; padding:16px 16px 14px; border:1px solid #332029; background:linear-gradient(145deg,#110d10,#09090a 75%); box-shadow:inset 2px 0 #56202e,0 12px 28px #0005; }
.metric-card::after { position:absolute; top:0; right:0; width:68px; height:1px; background:linear-gradient(90deg,transparent,#f22f4a90); content:""; }
.metric-card-featured { background:linear-gradient(140deg,#1b0c12,#0c090c 74%); border-color:#5a2734; box-shadow:inset 3px 0 #f22f4a,0 0 24px #ee25431a; }
.metric-card-warm { box-shadow:inset 2px 0 #ff7040,0 12px 28px #0005; }
.metric-label { display:block; min-height:25px; color:#d2bbc2; font-size:8px; line-height:1.45; }
.metric-card strong { display:block; margin:9px 0 8px; color:#fff6f7; font:750 clamp(25px,3vw,37px)/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:-1.2px; text-shadow:0 0 22px #f22f4a35; }
.metric-card p { min-height:52px; margin:0 0 11px; color:#c4b8bd; font-size:11px; line-height:1.55; }
.metric-period { display:block; color:#99878f; font-size:7px; line-height:1.5; }
.metric-card .source-inline { display:inline-block; margin-top:7px; }
.note-strip { margin:11px 0 0; padding:10px 12px; border-left:2px solid #7d3443; background:#100d0f; color:#bdaeb4; font-size:10px; line-height:1.6; }
.note-strip a { color:#ff8b98; }
.data-chart { margin:12px 0 0; padding:16px 18px 14px; border:1px solid #38242d; background:linear-gradient(125deg,#120d10,#0a090b 76%); box-shadow:inset 2px 0 #9c3447,0 10px 26px #0004; }
.data-chart figcaption { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:6px 16px; margin-bottom:13px; }
.data-chart figcaption strong { color:#f3e9ec; font-size:12px; letter-spacing:.1px; }
.data-chart figcaption > span { color:#a99aa0; font:8px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.5px; text-transform:uppercase; }
.chart-rows { display:grid; gap:9px; }
.chart-row { display:grid; grid-template-columns:minmax(120px,190px) minmax(80px,1fr) minmax(76px,112px); align-items:center; gap:10px; color:#d4c7cb; font-size:10px; }
.chart-row > span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.chart-row > strong { color:#f7e9ed; font:700 10px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace; text-align:right; white-space:nowrap; }
.chart-row progress { display:block; width:100%; height:9px; overflow:hidden; appearance:none; border:0; border-radius:99px; background:#291c22; }
.chart-row progress::-webkit-progress-bar { border-radius:99px; background:linear-gradient(90deg,#291c22,#20191d); }
.chart-row progress::-webkit-progress-value { border-radius:99px; background:linear-gradient(90deg,#9e273e,#f14b61 78%,#ff8790); box-shadow:0 0 12px #f3385550; }
.chart-row progress::-moz-progress-bar { border-radius:99px; background:linear-gradient(90deg,#9e273e,#f14b61 78%,#ff8790); box-shadow:0 0 12px #f3385550; }
.chart-note { margin:11px 0 0; color:#a99ba0; font-size:9px; line-height:1.55; }
.data-chart > .source-inline { display:inline-block; margin-top:10px; }
.chart-source-secondary { margin-left:12px; }
.section-link { white-space:nowrap; }
.afghan-section { padding-top:29px; }
.afghan-section .section-intro { margin-top:14px; }
.afghan-overview { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.afghan-total { min-width:0; padding:18px; border:1px solid #5a2734; background:linear-gradient(125deg,#1b0c12,#0c090c); box-shadow:inset 3px 0 #f22f4a; }
.afghan-programme { border-color:#49303a; background:linear-gradient(125deg,#130e11,#0a090b); box-shadow:inset 3px 0 #b27d8b; }
.afghan-total strong { display:block; margin:8px 0; color:#fff; font:750 clamp(34px,4vw,49px)/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:-1.5px; }
.afghan-total p { max-width:600px; margin:0; color:#c4b8bd; font-size:11px; line-height:1.65; }
.afghan-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-top:9px; }
.afghan-scheme { padding:13px; border:1px solid #302129; background:#0c0b0d; }
.afghan-scheme > span { display:block; color:#e58a97; font:8px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.6px; }
.afghan-scheme strong { display:block; margin:8px 0 6px; color:#fff; font:700 23px/1 ui-monospace,SFMono-Regular,Menlo,monospace; }
.afghan-scheme p { margin:0; color:#b9adb2; font-size:10px; line-height:1.5; }
.afghan-context { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:9px; }
.afghan-context > div { display:grid; grid-template-columns:auto 1fr; gap:5px 12px; align-items:baseline; padding:12px 14px; border:1px solid #3a2a32; background:#100d10; }
.afghan-context strong { grid-row:span 2; color:#ff8c99; font:700 22px/1 ui-monospace,SFMono-Regular,Menlo,monospace; }
.afghan-context span { color:#c3b5bb; font-size:10px; line-height:1.5; }
.afghan-context .source-inline { margin-top:0; }
.source-row { display:flex; gap:18px; flex-wrap:wrap; margin:6px 0 0; }
.method-panel { margin-top:30px; padding:20px; border:1px solid #3b2530; background:linear-gradient(135deg,#140d11,#09090a); }
.method-panel h2 { margin-bottom:15px; }
.method-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.method-grid p { margin:0; color:#bbaeb4; font-size:10px; line-height:1.65; }
.method-grid strong { display:block; margin-bottom:4px; color:#f4e9ec; font-size:11px; }
.method-footer { margin:16px 0 0; padding-top:11px; border-top:1px solid #33212a; color:#998991; font:9px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace; }
.migration-footer { display:flex; justify-content:space-between; align-items:center; gap:14px; padding:18px 0; margin-top:18px; border-top:1px solid #39202a; color:#95858c; font-size:8px; }
.migration-footer a { color:#ff8190; text-decoration:none; }
.migration-footer a:hover { color:#fff; text-decoration:underline; }
@media(max-width:1080px) {
  .metric-grid-four { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .metric-card { min-height:185px; }
  .method-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:900px) and (min-width:761px) {
  .crossing-topbar { gap:12px; padding:0 18px; }
  .crossing-brand { gap:9px; }
  .crossing-brand .brand-title { font-size:15px; letter-spacing:1.6px; }
  .crossing-brand small { font-size:7px; letter-spacing:1px; }
  .crossing-header-stats { gap:10px; }
  .crossing-header-stats strong { font-size:16px; }
  .crossing-header-stats span { font-size:7px; letter-spacing:.5px; }
  .crossing-connection,.crossing-header-period { display:none; }
  .crossing-nav { padding:6px; font-size:8px; }
  .page-nav .nav-wide { display:none; }
  .page-nav .nav-compact { display:inline; }
}
@media(max-width:760px) {
  .migration-page .crossing-topbar { grid-template-rows:40px 30px; }
  .migration-page .page-nav .nav-wide { display:none; }
  .migration-page .page-nav .nav-compact { display:inline; }
  .migration-content { padding:18px 13px 10px; }
  .migration-hero { align-items:flex-start; flex-direction:column; gap:18px; padding:14px 0 22px; }
  .migration-hero h1 { margin:9px 0; font-size:clamp(36px,10vw,53px); letter-spacing:-1.8px; }
  .migration-hero > div:first-child > p { font-size:10px; }
  .release-stamp { flex-basis:auto; width:100%; padding:11px 13px; }
  .release-stamp strong { font-size:16px; }
  .section-heading { align-items:flex-start; flex-direction:column; gap:6px; }
  .section-heading h2 { font-size:19px; }
  .section-date { text-align:left; }
  .section-intro { font-size:11px; }
  .data-chart { padding:13px 12px; }
  .data-chart figcaption { flex-direction:column; align-items:flex-start; gap:4px; margin-bottom:11px; }
  .chart-row { grid-template-columns:minmax(0,1fr) auto; gap:5px 8px; font-size:9px; }
  .chart-row > span { grid-column:1; }
  .chart-row progress { grid-column:1 / -1; grid-row:2; }
  .chart-row > strong { grid-column:2; grid-row:1; font-size:9px; }
  .chart-source-secondary { margin-left:8px; }
  .metric-grid-four,.metric-grid-three,.afghan-overview,.afghan-grid,.afghan-context { grid-template-columns:1fr; }
  .metric-card { min-height:0; padding:13px; }
  .metric-label { min-height:0; }
  .metric-card strong { margin:8px 0 7px; font-size:30px; }
  .metric-card p { min-height:0; margin-bottom:9px; }
  .afghan-total { padding:14px; }
  .afghan-total strong { font-size:36px; }
  .afghan-scheme { padding:12px; }
  .afghan-context > div { grid-template-columns:1fr; }
  .afghan-context strong { grid-row:auto; }
  .method-panel { padding:14px; }
  .method-grid { grid-template-columns:1fr; gap:12px; }
  .migration-footer { align-items:flex-start; flex-direction:column; gap:8px; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms!important; transition-duration:.01ms!important; scroll-behavior:auto!important; } }