/* Home page, "Bond paper". Self-hosted faces only (font-src 'self'): Bodoni Moda for headings and dates, IBM Plex
   Mono for bond numbers, the reader's own system face for running text, Noto Nastaliq Urdu for Urdu. */
@font-face{font-family:'Bodoni Moda';src:url('fonts/bodoni-moda.woff2') format('woff2');font-style:normal;font-weight:400 900;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('fonts/plex-mono-500.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'Noto Nastaliq Urdu';src:url('fonts/nastaliq.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
body.irm-paper{--ink:#8f2f3d;--paper:#f1f4ee;--card:#fbfcf8;--text:#15211b;--dim:#56655c;--rule:#c7d1c5;
 --f-d:'Bodoni Moda','Didot','Bodoni 72','Times New Roman',serif;--f-b:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
 --f-n:'IBM Plex Mono',ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',monospace;--f-ur:'Noto Nastaliq Urdu','Noto Naskh Arabic','Geeza Pro',serif;
 --caps:.13em;--lh-d:1.1;
 margin:0;background:var(--paper);color:var(--text);font-family:var(--f-b);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
html[lang="ur"] body.irm-paper{--f-d:var(--f-ur);--f-b:var(--f-ur);--caps:0em;--lh-d:1.8;line-height:2.05}
/* One ink per bond, so a holder finds theirs by colour. Rs 100, 200, 750 and 1,500 take the hue of the official specimen on
   savings.gov.pk/prize-bonds (crimson-rose, magenta, green, steel blue), darkened until it reads as text on the card (5.4:1 or
   better) and carries white text. National Savings publishes no specimen for the two Premium bonds: indigo and bronze are
   wayfinding colours chosen to stay clear of the four (closest pair of hues is 40 degrees apart). */
.ink-rs100{--ink:#c5283d}.ink-rs200{--ink:#aa3994}.ink-rs750{--ink:#257447}.ink-rs1500{--ink:#2f6d93}.ink-premium40000{--ink:#6c58bb}.ink-premium25000{--ink:#925c1e}
.irm-paper *,.irm-paper *::before,.irm-paper *::after{box-sizing:border-box}
.irm-paper h1,.irm-paper h2,.irm-paper h3,.irm-paper p{margin:0}
.irm-paper a{color:inherit;text-decoration:none}
.irm-paper :focus-visible{outline:3px solid var(--ink);outline-offset:2px;border-radius:3px}
.irm-paper bdi,.irm-paper .latin{direction:ltr;unicode-bidi:isolate}
.irm-paper .latin{font-family:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif}
.irm-paper bdi{font-family:var(--f-n);font-variant-numeric:tabular-nums}
.sn span+span{margin-left:.13em}
.go::after{content:'\2192';display:inline-block;margin-inline-start:.35em}
html[dir="rtl"] .go::after{content:'\2190'}
.paper-wrap{max-width:1120px;margin-inline:auto;padding-inline:24px}
.paper-skip{position:absolute;inset-inline-start:8px;top:-60px;background:var(--text);color:var(--card)!important;padding:10px 14px;border-radius:4px;z-index:10}
.paper-skip:focus{top:8px}

/* ---------- header ---------- */
.paper-top{border-bottom:1px solid var(--rule)}
.paper-top-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 22px;padding-block:16px}
.paper-brand{font:700 27px/1 'Bodoni Moda','Didot',serif;letter-spacing:-.01em}
.paper-brand span{color:var(--ink)}
.paper-nav{display:flex;flex-wrap:wrap;gap:4px 20px;font-weight:600;font-size:15.5px;margin-inline-end:auto}
.paper-nav a{padding-block:8px;border-bottom:1.5px solid transparent}
.paper-nav a:hover{border-bottom-color:var(--ink)}
.paper-lang{display:inline-flex;border:1px solid var(--rule);border-radius:8px;overflow:hidden;font:600 14px/1.4 system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif}
.paper-lang a{padding:8px 13px;min-height:38px;display:inline-flex;align-items:center}
.paper-lang a[aria-current]{background:var(--text);color:var(--card)}
/* The one Urdu word on English pages uses the system Arabic face: it must not pull the 260 KB Nastaliq file. */
html[lang="en"] .paper-lang a[lang="ur"]{font-family:system-ui,'Noto Naskh Arabic','Geeza Pro',sans-serif}
html[lang="ur"] .paper-lang a[lang="ur"]{font-family:var(--f-ur);line-height:1.5}

/* ---------- page head ---------- */
.paper-hd{padding-block:26px 18px}
.paper-hd h1{font:500 clamp(30px,5.8vw,50px)/var(--lh-d) var(--f-d);letter-spacing:-.01em;text-wrap:balance}
.paper-hd h1 .latin{font-family:'Bodoni Moda','Didot',serif}
.paper-hd p{color:var(--dim);max-width:60ch;margin-block-start:8px}
.paper-jump a{display:inline-block;margin-block-start:4px;font-weight:600;font-size:15px;color:var(--text);border-bottom:1.5px solid var(--ink);padding-block:3px}
.paper-jump a::after{content:' \2193'}

/* ---------- the certificate ---------- */
.paper-cert{position:relative;margin:6px 5px 0;border:1.5px solid var(--ink);box-shadow:0 0 0 4px var(--card),0 0 0 5px var(--ink);background:var(--card);overflow:hidden}
.paper-cert+.paper-cert{margin-block-start:26px}
.paper-cert.is-wait{border-style:dashed;box-shadow:none}
.paper-guil{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.paper-wm{position:absolute;inset-inline-end:-.04em;bottom:-.2em;font:700 clamp(120px,27vw,300px)/1 'Bodoni Moda','Didot',serif;color:transparent;-webkit-text-stroke:1.5px var(--ink);opacity:.09;direction:ltr;user-select:none;white-space:nowrap;pointer-events:none}
.paper-wm.long{font-size:clamp(84px,19vw,210px)}
@supports not (-webkit-text-stroke:1px black){.paper-wm{display:none}}
.paper-cert-in{position:relative;padding:26px 28px 24px;display:grid;gap:10px;justify-items:start}
.paper-certhead{display:grid;gap:10px;padding-inline-end:clamp(84px,22vw,256px)}
.paper-over{font:600 13px/1.5 var(--f-b);letter-spacing:var(--caps);text-transform:uppercase;color:var(--ink)}
.paper-cap{font-size:12.5px;letter-spacing:var(--caps);text-transform:uppercase;color:var(--dim);font-weight:600}
html[lang="ur"] .paper-over,html[lang="ur"] .paper-cap{font-size:15px;line-height:2}
.paper-serial{display:flex;align-items:baseline;gap:.3em;flex-wrap:wrap;font-size:clamp(44px,11.5vw,92px);line-height:1.05;color:var(--ink)}
.paper-serial.two{font-size:clamp(36px,9.4vw,72px)}
.paper-serial bdi{font-weight:500;letter-spacing:.04em;display:inline-block}
.paper-no{font:500 .36em/1 'Bodoni Moda','Didot',serif;font-style:italic;color:var(--text)}
html[lang="ur"] .paper-no{font:400 .3em/1.6 var(--f-ur);font-style:normal}
/* The number is never hidden: the strike only settles it from slightly large and pale, so a stalled animation still shows it. */
.irm-paper.is-inked .paper-serial bdi{animation:paper-stamp .45s cubic-bezier(.2,1.5,.4,1) .3s both}
@keyframes paper-stamp{from{transform:scale(1.12);opacity:.35}}
.paper-meta{font-size:15px;color:var(--dim);max-width:62ch}
.paper-seconds{display:grid;gap:6px;margin-block-start:8px;width:100%}
/* Microprint: a rule at reading distance, the site's name when a screenshot is zoomed. Generated content, so it is not page text. */
.paper-micro{display:block;overflow:hidden;white-space:nowrap;direction:ltr;height:9px;margin-block-end:8px;font:600 7px/9px var(--f-n);letter-spacing:.14em}
.paper-micro::before{content:attr(data-text);color:var(--ink);opacity:.62}
/* The imprint sits in the engraved band on the certificate's bottom edge, like the printer's line on a note. */
.paper-imprint{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);margin:0;padding:0 10px;background:var(--card);color:var(--ink);font:600 11px/1.5 var(--f-n);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;direction:ltr;pointer-events:none}
.paper-cert.is-wait .paper-imprint{bottom:6px}
.paper-cert.is-wait .paper-cert-in{padding-block-end:34px}
.paper-serials{display:flex;flex-wrap:wrap;gap:6px 20px}
.paper-serials bdi{font-weight:500;font-size:21px;letter-spacing:.04em}
.paper-stamp{display:inline-block;border:2px solid var(--ink);color:var(--ink);font-weight:600;font-size:13px;line-height:1.2;letter-spacing:var(--caps);text-transform:uppercase;padding:6px 10px;border-radius:3px;transform:rotate(-4deg)}
html[lang="ur"] .paper-stamp{font-size:15px;line-height:1.9;padding:0 10px}
.paper-actions{display:flex;flex-wrap:wrap;gap:10px;margin-block-start:8px}
.paper-btn{display:inline-flex;align-items:center;min-height:46px;padding:10px 16px;border-radius:4px;background:var(--ink);color:#fff!important;font-weight:600;font-size:15px;border:1.5px solid var(--ink)}
.paper-btn.line{background:transparent;color:var(--ink)!important}
.paper-nextline{font-size:15px;color:var(--dim);border-top:1px solid var(--rule);padding-block-start:12px;width:100%}
.paper-nextline b{color:var(--text);font-weight:600}

/* ---------- every bond ---------- */
.paper-ledger{margin-block-start:38px;scroll-margin-top:12px}
.paper-ledger>h2{font:500 27px/var(--lh-d) var(--f-d)}
.paper-ledger>p{color:var(--dim);margin-block:4px 12px;max-width:60ch}
.paper-bond{border-top:1px solid var(--rule)}
.paper-bond:last-of-type{border-bottom:1px solid var(--rule)}
.paper-bond>summary{display:grid;grid-template-columns:200px minmax(0,1fr) minmax(0,1fr) 20px;grid-template-areas:"name latest next chev";gap:6px 20px;align-items:center;min-height:68px;padding-block:12px;cursor:pointer;list-style:none}
.paper-bond>summary::-webkit-details-marker{display:none}
.paper-bname{grid-area:name;display:flex;align-items:center;gap:10px;font:600 17px/1.4 var(--f-b)}
.paper-bname i{width:14px;height:14px;border-radius:2px;background:var(--ink);flex:none}
.paper-blatest{grid-area:latest;display:grid;gap:2px}
.paper-bnext{grid-area:next;display:grid;gap:1px;font-size:15px}
.paper-blatest small,.paper-bnext small{font-size:12px;letter-spacing:var(--caps);text-transform:uppercase;color:var(--dim);font-weight:600}
html[lang="ur"] .paper-blatest small,html[lang="ur"] .paper-bnext small{font-size:14px}
.paper-bnums{display:flex;flex-wrap:wrap;gap:2px 14px}
.paper-bnums bdi{font-size:24px;font-weight:500;letter-spacing:.04em;color:var(--ink)}
.paper-bnext em{font-style:normal;color:var(--ink);font-size:14px;font-weight:600}
.paper-bchev{grid-area:chev;width:10px;height:10px;border-right:2px solid var(--dim);border-bottom:2px solid var(--dim);transform:rotate(45deg);transition:transform .2s;justify-self:center}
.paper-bond[open] .paper-bchev{transform:rotate(-135deg)}
.paper-bbody{padding-block-end:6px}
.paper-bstruct{font-size:14px;color:var(--dim);padding-block:2px 8px}
.paper-coupon{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:4px 18px;align-items:center;padding-block:14px;border-top:1px solid var(--rule)}
.paper-coupon.is-wait{border-top-style:dashed}
.paper-date{display:grid;line-height:1}
.paper-date bdi{font:500 40px/1 'Bodoni Moda','Didot',serif;color:var(--ink)}
.paper-date small{font:600 12px/1.4 var(--f-b);letter-spacing:var(--caps);text-transform:uppercase;color:var(--dim)}
html[lang="ur"] .paper-date small{font-size:14px;line-height:1.9}
.paper-cbody{display:grid;gap:4px}
.paper-cfirst{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;color:var(--ink)}
.paper-cfirst bdi{font-weight:500;font-size:27px;letter-spacing:.04em}
.paper-csec{display:flex;flex-wrap:wrap;gap:2px 14px}
.paper-csec bdi{font-size:15.5px;color:#2d3a33}
.paper-cmeta{font-size:14px;color:var(--dim)}
.paper-go{color:var(--ink);font-weight:600;font-size:14px;white-space:nowrap}
.paper-ball{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;padding-block:12px 18px;font-weight:600;font-size:14.5px}
.paper-mark{font:600 11px/1.5 var(--f-n);letter-spacing:.18em;text-transform:uppercase;color:var(--ink);direction:ltr}
.paper-ball a{color:var(--ink)}

/* ---------- foot ---------- */
.paper-check{display:flex;flex-wrap:wrap;gap:10px 28px;margin-block-start:30px;padding-block-start:18px;border-top:1px solid var(--rule);font-weight:600}
.paper-indep{margin-block:14px 40px;font-size:13px;color:var(--dim);max-width:80ch}
.paper-foot{border-top:1px solid var(--rule);background:var(--card);padding-block:24px 34px;font-size:14px;color:var(--dim)}
.paper-foot-brand{font:700 20px/1.2 'Bodoni Moda','Didot',serif;color:var(--text);margin-block-end:8px}
.paper-foot nav{display:flex;flex-wrap:wrap;gap:4px 18px;margin-block-end:12px}
.paper-foot nav a{color:var(--text);font-weight:600;padding-block:6px}

@media (max-width:700px){
 .paper-wrap{padding-inline:16px}
 .paper-nav{order:3;flex:1 1 100%;gap:2px 18px}
 .paper-cert-in{padding:20px 16px 18px}
 .paper-wm{display:none}
 .paper-bond>summary{grid-template-columns:minmax(0,1fr) auto 20px;grid-template-areas:"name next chev" "latest latest latest";gap:6px 12px}
 .paper-bnext{justify-items:end;text-align:end}
 .paper-coupon{grid-template-columns:64px minmax(0,1fr);gap:4px 14px}
 .paper-go{grid-column:2}
 .paper-date bdi{font-size:32px}
}
@media (prefers-reduced-motion:reduce){
 .irm-paper.is-inked .paper-serial bdi{animation:none}
 .paper-bchev{transition:none}
 html{scroll-behavior:auto}
}
@media print{.paper-guil,.paper-wm,.paper-actions,.paper-nav,.paper-lang,.paper-jump{display:none}}