.t10nBar{--t10n-bg:#071b21;--t10n-line:#ffffff29;--t10n-muted:#ffffffad;--t10n-text:#fffaf0;--t10n-accent:#f0b65f;background:var(--t10n-bg);border-top:1px solid var(--t10n-line);color:var(--t10n-text);padding:1.1rem 1.25rem;font-family:system-ui,sans-serif}.t10nBar>div{justify-content:space-between;align-items:center;gap:1.5rem;max-width:72rem;margin:auto;display:flex}.t10nBar p{align-items:baseline;gap:.8rem;margin:0;display:flex}.t10nBar strong{color:var(--t10n-accent);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem}.t10nBar span{color:var(--t10n-muted);font-size:.76rem}.t10nBar nav{gap:.6rem;display:flex}.t10nBar a{border:1px solid var(--t10n-line);border-radius:999px;padding:.55rem .8rem;font-size:.7rem;font-weight:700;text-decoration:none}.t10nBar a:hover{border-color:var(--t10n-accent);color:var(--t10n-accent)}@media (max-width:700px){.t10nBar>div,.t10nBar p{flex-direction:column;align-items:flex-start}.t10nBar nav{flex-wrap:wrap}.t10nBar span{line-height:1.5}}
@tailwind base;@tailwind components;@tailwind utilities;:root{--accent:#1b7a5a;--accent-dark:#145e45;--accent-muted:#2a9970;--accent-soft:color-mix(in srgb, var(--accent) 20%, transparent);--accent-faint:color-mix(in srgb, var(--accent) 5%, transparent);--accent-glow:color-mix(in srgb, var(--accent) 35%, transparent);--navy:#0a0a0a;--navy-overlay:color-mix(in srgb, var(--navy) 70%, transparent);--navy-mid:#141414;--navy-light:#1e1e1e;--cream:#faf7f2;--cream-dark:#f0ede6;--ink:#0a0a0a;--ink-light:#2a2a2a;--ink-strong:#444;--ink-body:#2f2f2f;--ink-soft:#555;--ink-muted:#6b6b6b;--border:#e2ddd4;--border-dark:#d0c9be;--surface-card:#fff;--status-error:#b42318;--status-success:#087443;--emerald:#1b7a5a;--emerald-light:#2a9970;--emerald-dark:#145e45;--gold:#c9a227;--gold-light:#dbb42c;--gold-muted:#8b7a1a;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans), system-ui, -apple-system, sans-serif;background-color:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}.card-guide{background:var(--surface-card);border:1px solid var(--border);transition-property:border-color,box-shadow,transform;transition-duration:.3s;transition-timing-function:var(--ease-out-expo);border-left:3px solid #0000;border-radius:4px}.card-guide:hover{border-left-color:var(--accent);transform:translateY(-4px);box-shadow:0 4px 12px #071b210f,0 16px 40px #071b2114}.section-label{font-family:var(--font-heading), sans-serif;letter-spacing:.25em;text-transform:uppercase;color:var(--accent);font-size:.65rem;font-weight:600}.num-badge{font-family:var(--font-heading), sans-serif;color:var(--border);letter-spacing:-.02em;transition:color .25s var(--ease-out-expo);font-size:2.5rem;font-weight:700;line-height:1}.card-guide:hover .num-badge{color:var(--gold)}.hero-gradient{background:linear-gradient(135deg, var(--navy) 0%, var(--navy-mid) 40%, var(--accent-dark) 100%);position:relative}.hero-gradient:before{content:"";pointer-events:none;background:repeating-conic-gradient(#0000 0deg 88deg,#ffffff04 88deg 90deg) 0 0/55px 55px;position:absolute;inset:0}.hero-pattern{position:relative}.hero-pattern:after{background:radial-gradient(circle at 85% 30%, color-mix(in srgb, var(--accent) 25%, transparent), transparent 45%), radial-gradient(circle at 10% 80%, color-mix(in srgb, var(--gold) 15%, transparent), transparent 40%);content:"";pointer-events:none;position:absolute;inset:0}.ajrak-border{background:repeating-linear-gradient(90deg,#c0392b 0 4px,#1a3a5c 4px 8px,#fffaf0 8px 10px,#1a3a5c 10px 14px,#c0392b 14px 18px,#fffaf0 18px 20px);width:100%;height:4px}.prose-pakistan{color:var(--ink-body);font-size:1.05rem;line-height:1.85}.prose-pakistan p{margin-bottom:1.2em}.prose-pakistan h2{border-bottom:2px solid var(--border);color:var(--ink);font-family:var(--font-heading), sans-serif;text-transform:uppercase;margin-top:2rem;margin-bottom:1rem;padding-bottom:.6rem;font-size:1.6rem;font-weight:700}.rank-badge{font-family:var(--font-heading), sans-serif;min-width:2.8rem;height:2.8rem;transition:transform .3s var(--ease-spring), box-shadow .3s ease;border-radius:50%;justify-content:center;align-items:center;width:2.8rem;font-size:1.1rem;font-weight:700;display:flex}.rank-1{color:#fff;background:linear-gradient(145deg,#c9a227,#e6c04a);box-shadow:0 2px 12px #c9a2274d}.rank-2{color:#fff;background:linear-gradient(145deg,#8a919a,#b0b6bf);box-shadow:0 2px 10px #8a919a40}.rank-3{color:#fff;background:linear-gradient(145deg,#a0694b,#c08a68);box-shadow:0 2px 10px #a0694b40}.rank-default{background:var(--cream-dark);border:1px solid var(--border);color:var(--ink-muted)}.card-guide:hover .rank-badge{transform:scale(1.08)}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.guidePage{background:var(--cream);min-height:100vh;padding-bottom:5rem}.guidePageNav{background:var(--navy);color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.4rem;padding:1.1rem clamp(1.25rem,5vw,5rem);display:flex}.guidePageNav a{color:#ffffffc7;font-size:.8rem;font-weight:650}.guidePage>header{background:linear-gradient(135deg, var(--navy), var(--navy-mid));color:#fff;padding:6rem clamp(1.25rem,10vw,10rem)}.guidePage>header h1{letter-spacing:-.055em;max-width:900px;margin:.8rem 0 1.5rem;font-size:clamp(3rem,7vw,6rem);line-height:1}.guidePage>header>p:last-child{color:#ffffffb8;max-width:700px;font-size:1.05rem;line-height:1.8}.guidePage .eyebrow{color:#d3b858;letter-spacing:.18em;text-transform:uppercase;font-size:.7rem;font-weight:800}.guidePage .eyebrow.dark{color:var(--accent-dark)}.guidePageGrid{gap:2rem;max-width:1180px;margin:0 auto;padding:5rem clamp(1.25rem,5vw,4rem);display:grid}.guidePageGrid>article{border:1px solid var(--border);background:#fff;border-radius:18px;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);display:grid;overflow:hidden}.guidePhoto{min-height:100%;position:relative;overflow:hidden}.guidePhoto>img{object-fit:cover}.guidePhoto:after{content:"";background:linear-gradient(#0000 55%,#000000b8);position:absolute;inset:0}.guidePhoto figcaption{color:#fff;z-index:1;font-size:.68rem;line-height:1.5;position:absolute;bottom:1rem;left:1rem;right:1rem}.guidePhoto figcaption a{color:#fff;text-underline-offset:.15rem;text-decoration:underline}.guidePageGrid article>div{padding:clamp(1.5rem,4vw,3.5rem)}.guidePageGrid article>div>span{color:var(--accent);letter-spacing:.15em;text-transform:uppercase;font-size:.68rem;font-weight:800}.guidePageGrid h2{letter-spacing:-.045em;margin:.8rem 0 1.4rem;font-size:clamp(2rem,4vw,3.2rem);line-height:1.05}.guidePageGrid h3{letter-spacing:.14em;text-transform:uppercase;margin:2rem 0 .8rem;font-size:.72rem}.guidePageGrid p{color:var(--ink-soft);margin-top:1rem;line-height:1.75}.guidePageGrid .guideIntro{border-left:3px solid var(--accent);color:var(--ink);margin-bottom:1.4rem;padding-left:1rem;font-size:1.05rem;font-weight:650}.guidePageGrid ul{background:var(--cream);border-radius:12px;padding:1rem 1.2rem;list-style:none}.guidePageGrid li{align-items:flex-start;gap:.65rem;padding:.35rem 0;font-size:.84rem;line-height:1.6;display:flex}.guidePageGrid li svg{color:var(--accent);flex:none;margin-top:.2rem}.guideSources{border-top:1px solid var(--border);grid-template-columns:.8fr 1.2fr;gap:4rem;max-width:1000px;margin:0 auto;padding:5rem clamp(1.25rem,5vw,4rem);display:grid}.guideSources h2{letter-spacing:-.05em;margin:.8rem 0 1rem;font-size:clamp(2rem,4vw,3.5rem);line-height:1.05}.guideSources p{color:var(--ink-muted);line-height:1.7}.guideSources>div:last-child{flex-direction:column;display:flex}.guideSources a{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 0;font-size:.85rem;font-weight:700;display:flex}@media (max-width:800px){.guidePageGrid>article,.guideSources{grid-template-columns:1fr}.guidePhoto{aspect-ratio:4/3;min-height:0}}