:root { --paper: var(--magazine-paper); --ink: var(--magazine-ink); --blue: var(--magazine-accent); --muted: var(--magazine-subtle-ink); --book-scale: .80; }
    * { box-sizing: border-box; }
    body { margin: 0; background: var(--color-bg); color: var(--color-text-body); font-family: var(--font-ui); font-optical-sizing: auto; }
    a { color: inherit; text-decoration: none; }
    button { font: inherit; }
    .site-nav { position: absolute; inset: 0 auto 0 0; width: 210px; padding: 30px 32px; }
    .logo { font-size: 36px; font-weight: 700; letter-spacing: -3px; }
    .site-nav .selected { color: #fff; }
    .theme-icon { width: 16px; margin-top: 18px; fill: #a3a3a3; }
    .reader { margin-left: 220px; padding: 38px 48px 28px 28px; min-height: 1120px; }
    .reader-header { display: flex; align-items: flex-start; justify-content: space-between; max-width: 1240px; margin: 0 auto; }
    .eyebrow { font-size: 13px; color: #a3a3a3; letter-spacing: .07em; }
    .reader-header h1 { margin: 10px 0 5px; font-size: 25px; font-weight: 400; letter-spacing: -.025em; }
    .reader-header p { margin: 0; color: #a3a3a3; font-size: 14px; }
    .download { color: #8cb4d9; font-size: 15px; padding-top: 4px; }
    .book-stage { position: relative; width: 100%; height: 848px; margin: 38px auto 0; display: grid; place-items: start center; }
    .book { width: 1152px; height: 810.4px; position: relative; }
    .book::before { content: ''; position: absolute; inset: 9px -3px -6px; background: repeating-linear-gradient(to bottom,#ccc 0px,#f2f2f2 1px,#ccc 2px); clip-path: polygon(0 0,50% .5%,100% 0,100% 99.7%,50% 99.1%,0 100%); box-shadow: 0 0 1px #888; }
    .spread { width: 1440px; height: 1013px; display: flex; position: absolute; top: 0; left: 0; transform: scale(var(--book-scale)); transform-origin: top left; }
    .leaf { width: var(--magazine-page-width); height: var(--magazine-page-height); position: relative; color: var(--ink); background: var(--paper); overflow: hidden; }
    .leaf.left { clip-path: polygon(0 0,12% .05%,50% .3%,80% .05%,100% .6%,100% 99.65%,80% 99.3%,50% 99.6%,0 100%); }
    .leaf.right { clip-path: polygon(0 .6%,20% .05%,60% .3%,100% 0,100% 100%,60% 99.6%,20% 99.3%,0 99.65%); }
    .leaf::after { content: ''; position: absolute; inset: 0; pointer-events: none; z-index: 3; }
    .leaf.left::after { background: linear-gradient(90deg,#00000004 0%,transparent 4%,transparent 77%,#00000004 91%,#00000010 97%,#00000028 100%); }
    .leaf.right::after { background: linear-gradient(90deg,#00000036 0%,#00000010 3%,#ffffff50 8%,transparent 18%,transparent 95%,#00000008 100%); }
    .page-content { position: absolute; inset: 51px 58px 80px; }
    .running { display: flex; justify-content: space-between; padding-bottom: 19px; border-bottom: 1px solid #b7b7b7; font-size: 16px; line-height: 1.4; letter-spacing: .035em; }
    .running .small-index { color: var(--blue); }
    .folio { position: absolute; bottom: 37px; left: 58px; right: 58px; display: flex; align-items: baseline; justify-content: space-between; font-size: 16px; color: #525252; border-top: 1px solid #d4d4d4; padding-top: 14px; }
    .folio .number { font-size: var(--magazine-folio-size); color: var(--magazine-ink); }
    .kicker { text-transform: uppercase; font-size: 16px; letter-spacing: .1em; color: var(--blue); }
    h2,h3,p { margin: 0; }
    .body-copy { font-size: var(--magazine-body-size); line-height: var(--magazine-body-leading); letter-spacing: -.018em; font-weight: 400; }
    .body-copy sup { font-size: 14px; color: var(--blue); vertical-align: super; line-height: 0; }
    .data-left h2 { font-size: var(--magazine-heading-size); font-weight: 400; letter-spacing: var(--magazine-heading-tracking); line-height: var(--magazine-heading-leading); margin: 42px 0 31px; }
    .data-left .body-copy { font-size: var(--magazine-body-size); line-height: var(--magazine-body-leading); }
    .data-left .body-copy::first-letter { float: left; font-size: var(--magazine-drop-cap-size); line-height: var(--magazine-drop-cap-leading); margin: 0 11px -3px 0; }
    .data-right .data-overline { margin-top: 37px; font-size: 24px; letter-spacing: -.018em; }
    .stat { display: flex; align-items: baseline; margin: 1px 0 -8px; color: var(--blue); line-height: 1.06; letter-spacing: -.085em; font-size: var(--magazine-display-size); font-weight: 300; }
    .stat .percent { font-size: 116px; letter-spacing: -.08em; margin-left: 13px; }
    .stat-label { font-size: 34px; line-height: 1.3; letter-spacing: -.03em; max-width: 550px; }
    .proportion { margin-top: 33px; }
    .bar { height: 44px; display: flex; }
    .bar .pakistan { width: 63%; background: var(--blue); }
    .bar .other { width: 37%; background: #e5e5e5; border-left: 3px solid white; }
    .bar-labels { display: flex; justify-content: space-between; font-size: 18px; color: #525252; margin-top: 10px; }
    .data-right .body-copy { font-size: 24px; line-height: 35px; margin-top: 35px; }
    .source-note { margin-top: 19px; font-size: 17px; line-height: 26px; color: #737373; }
    .title-left .kicker { margin-top: 40px; }
    .article-title { margin-top: 23px; font-size: 66px; line-height: 1.13; font-weight: 400; letter-spacing: -.055em; }
    .article-subtitle { margin-top: 23px; font-size: 32px; line-height: 1.32; letter-spacing: -.025em; }
    .byline { font-size: 25px; margin-top: 24px; }
    .byline span { color: #737373; }
    .contents { margin-top: 45px; border-top: 1px solid #b7b7b7; padding-top: 17px; }
    .contents-heading { font-size: 17px; color: #737373; margin-bottom: 15px; }
    .contents-row { display: flex; justify-content: space-between; gap: 20px; font-size: 21px; line-height: 1.55; }
    .contents-row span:last-child { color: var(--blue); }
    .abstract-right .page-content { inset: 40px 54px 80px; }
    .abstract-right h2 { margin-top: 12px; margin-bottom: 16px; font-size: 48px; line-height: 1.15; font-weight: 400; letter-spacing: -.045em; }
    .abstract-right .body-copy { font-size: var(--magazine-body-size); line-height: var(--magazine-body-leading); }
    .abstract-right p + p { margin-top: 12px; }
    .reader-toolbar { display: flex; justify-content: space-between; align-items: center; margin: 0 auto; max-width: 1152px; font-size: 15px; color: #d4d4d4; }
    .toolset { display: flex; align-items: center; gap: 23px; }
    .pagination { display: flex; align-items: center; gap: 20px; color: #f5f5f5; }
    .round { display: grid; place-items: center; width: 42px; height: 42px; background: #262626; border: 1px solid #444; border-radius: 50%; color: #d4d4d4; font-size: 23px; line-height: 1; }
    .page-counter { min-width: 90px; text-align: center; font-size: 16px; }
    .page-counter small { color: #737373; font-size: 14px; }
    .reader-hint { text-align: center; font-size: 12px; letter-spacing: .015em; color: #737373; margin-top: 22px; }
    .design-note { position: absolute; bottom: 23px; left: 32px; font-size: 11px; color: #737373; line-height: 1.65; }
    [hidden] { display: none !important; }