/* tokens.css */
/* PYCI tokens, generated from tokens/tokens.json. Do not edit by hand. */
:root {
  --bg: #ffffff;
  --surface: #ffffff;
  --soft: #f5f6f7;
  --ink: #111518;
  --body: #343c41;
  --muted: #586268;
  --line: #e2e5e8;
  --line-strong: #7d878d;
  --accent: #f9c125;
  --accent-deep: #e5a90a;
  --on-accent: #111518;
  --gold-text: #7a5800;
  --navy: #062b54;
  --on-navy: #ffffff;
  --blue: #0b4c8f;
  --maroon: #8b4b4f;
  --cloud-yellow: #ffefb8;
  --cloud-blue: #d9e9fb;
  --cloud-peach: #ffdfc4;
  --cloud-base: #ffffff;
  --tint-yellow: #fff9e6;
  --tint-blue: #f0f6fd;
  --tint-peach: #fff5ea;
  --good: #176036;
  --good-bg: #e2f2e7;
  --warn: #6b4a00;
  --warn-bg: #fff1c7;
  --info: #1b478a;
  --info-bg: #e5edf8;
  --crit: #b3261e;
  --crit-bg: #fbe9e7;
  --focus: #0b6bcb;
  --shadow-lift: 0 8px 28px rgba(17,21,24,0.12);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 72px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-round: 50%;
  --radius-pill: 999px;
  --container: 1120px;
  --gutter: 16px;
  --header-h: 60px;
  --tap: 44px;
  --measure: 65ch;
  --bp-sm: 480px;
  --bp-md: 760px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;
  --font-display: "Yeseva One", "Noto Serif Devanagari", Georgia, serif;
  --font-devanagari: "Noto Serif Devanagari", "Yeseva One", Georgia, serif;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans Devanagari", Helvetica, Arial, sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  --bg: #0e1315;
  --surface: #182124;
  --soft: #131b1e;
  --ink: #f0f3f4;
  --body: #c9d1d5;
  --muted: #9ca8ae;
  --line: #2a373c;
  --line-strong: #6b7a82;
  --gold-text: #f9c125;
  --navy: #0a2342;
  --on-navy: #f0f3f4;
  --blue: #9cc3f5;
  --maroon: #e0aaad;
  --cloud-yellow: #3a3110;
  --cloud-blue: #12335c;
  --cloud-peach: #3b2616;
  --cloud-base: #0e1315;
  --tint-yellow: #211c0e;
  --tint-blue: #10202f;
  --tint-peach: #231a12;
  --good: #7cd59c;
  --good-bg: #17301f;
  --warn: #f2cf66;
  --warn-bg: #3a3010;
  --info: #9cc3f5;
  --info-bg: #172a44;
  --crit: #ff8a80;
  --crit-bg: #3a1714;
  --focus: #6cb4ff;
  --shadow-lift: 0 8px 28px rgba(0,0,0,0.45);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #0e1315;
  --surface: #182124;
  --soft: #131b1e;
  --ink: #f0f3f4;
  --body: #c9d1d5;
  --muted: #9ca8ae;
  --line: #2a373c;
  --line-strong: #6b7a82;
  --gold-text: #f9c125;
  --navy: #0a2342;
  --on-navy: #f0f3f4;
  --blue: #9cc3f5;
  --maroon: #e0aaad;
  --cloud-yellow: #3a3110;
  --cloud-blue: #12335c;
  --cloud-peach: #3b2616;
  --cloud-base: #0e1315;
  --tint-yellow: #211c0e;
  --tint-blue: #10202f;
  --tint-peach: #231a12;
  --good: #7cd59c;
  --good-bg: #17301f;
  --warn: #f2cf66;
  --warn-bg: #3a3010;
  --info: #9cc3f5;
  --info-bg: #172a44;
  --crit: #ff8a80;
  --crit-bg: #3a1714;
  --focus: #6cb4ff;
  --shadow-lift: 0 8px 28px rgba(0,0,0,0.45);
  color-scheme: dark;
}

/* base.css */
/* Base and layout helpers. Every value comes from tokens.css. Mobile first; breakpoints 480, 760, 1024. */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--body);font:15px/1.6 var(--font-sans);-webkit-text-size-adjust:100%}
h1,h2,h3{font-family:var(--font-display);font-weight:400;color:var(--ink);margin:0;text-wrap:balance}
:lang(hi) h1,:lang(hi) h2,:lang(hi) h3{font-family:var(--font-devanagari);font-weight:600}
h1{font-size:clamp(28px,5vw,40px);line-height:1.2}
h2{font-size:clamp(21px,3.4vw,26px);line-height:1.25}
h3{font-size:16px;line-height:1.3}
p{margin:0}
a{color:inherit;text-decoration:none}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}
.pc-wrap{max-width:var(--container);margin:0 auto;padding-left:max(var(--gutter),env(safe-area-inset-left,0px));padding-right:max(var(--gutter),env(safe-area-inset-right,0px))}
.pc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.pc-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1024px){.pc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.pc-grid{grid-template-columns:minmax(0,1fr)}}
.pc-stack{display:grid;gap:var(--space-3)}
.pc-row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}

/* components/Button.css */
/* Button */
.pc-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap);padding:10px 20px;border:2px solid transparent;border-radius:var(--radius-md);font:600 15px/1.2 var(--font-sans);cursor:pointer;text-align:center}
.pc-btn-primary{background:var(--accent);color:var(--on-accent)}
.pc-btn-primary:hover{background:var(--accent-deep)}
.pc-btn-dark{background:var(--navy);color:var(--on-navy)}
.pc-btn-outline{background:transparent;color:var(--ink);border-color:var(--line-strong)}
.pc-btn-outline:hover{border-color:var(--ink)}
.pc-btn-sm{min-height:var(--tap);padding:6px 14px;font-size:13.5px}
.pc-btn[disabled]{opacity:.5;cursor:not-allowed}
.pc-link{color:var(--blue);font-weight:600;text-decoration:underline;text-underline-offset:3px;min-height:var(--tap);display:inline-flex;align-items:center}
@media (max-width:480px){.pc-btnrow .pc-btn{flex:1 1 100%}}

/* components/Chip.css */
/* Chip */
.pc-chip{display:inline-flex;align-items:center;min-height:var(--tap);padding:6px 16px;border:1.5px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--surface);color:var(--ink);font:14px var(--font-sans);cursor:pointer}
.pc-chip[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}

/* components/Card.css */
/* Card */
.pc-card{background:radial-gradient(90% 120% at 0% 0%,var(--tint-yellow),transparent 60%),radial-gradient(80% 110% at 100% 100%,var(--tint-blue),transparent 60%),radial-gradient(60% 70% at 100% 0%,var(--tint-peach),transparent 65%),var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-4);min-width:0}
.pc-icon{flex:none;width:36px;height:36px;border-radius:var(--radius-round);background:var(--accent);color:var(--on-accent);display:grid;place-items:center}
.pc-scheme{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:64px}
.pc-scheme .en{display:block;font-weight:600;color:var(--ink);font-size:14.5px}
.pc-scheme .hi{display:block;font-size:13px;color:var(--muted)}
.pc-news{padding:0;overflow:hidden}
.pc-news .tx{padding:var(--space-3) var(--space-4)}
.pc-meta{font-size:12.5px;color:var(--muted)}
.pc-sample{display:inline-block;font-size:11.5px;font-weight:600;padding:1px 8px;border-radius:var(--radius-pill);background:var(--info-bg);color:var(--info)}

/* components/Field.css */
/* Field */
.pc-field{display:grid;gap:6px;margin-bottom:var(--space-4)}
.pc-field label,.pc-field legend{font-weight:600;color:var(--ink);font-size:14px}
.pc-req{color:var(--crit)}
.pc-hint{font-size:13px;color:var(--muted)}
.pc-input{width:100%;min-height:var(--tap);padding:10px 12px;border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:16px var(--font-sans)}
textarea.pc-input{min-height:96px;resize:vertical}
.pc-field.bad .pc-input{border-color:var(--crit);border-width:2px}
.pc-err{color:var(--crit);font-size:13.5px;font-weight:600}
.pc-check{display:flex;gap:10px;align-items:flex-start;min-height:var(--tap);font-weight:400!important}
.pc-check input{width:22px;height:22px;margin:0;accent-color:var(--navy);flex:none}
.pc-docrow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding:12px 0;border-bottom:1px solid var(--line)}
.pc-docrow .fn{font-size:13px;color:var(--good);font-weight:600}
.pc-errsum{border:2px solid var(--crit);border-radius:var(--radius-md);padding:12px 14px;background:var(--crit-bg);color:var(--ink)}
.pc-errsum strong{color:var(--crit)}
.pc-formcard{max-width:640px;margin:0 auto}

/* components/Stepper.css */
/* Stepper */
.pc-progress{display:flex;gap:6px;margin:var(--space-3) 0}
.pc-progress i{flex:1;height:6px;border-radius:var(--radius-pill);background:var(--line)}
.pc-progress i.on{background:var(--accent-deep)}

/* components/Status.css */
/* Status */
.pc-pill{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;padding:3px 12px;border-radius:var(--radius-pill);background:var(--soft);color:var(--ink);border:1px solid var(--line)}
.pc-pill.good{background:var(--good-bg);color:var(--good);border-color:transparent}
.pc-pill.warn{background:var(--warn-bg);color:var(--warn);border-color:transparent}
.pc-pill.crit{background:var(--crit-bg);color:var(--crit);border-color:transparent}
.pc-tl{list-style:none;margin:0;padding:0 0 0 22px;border-left:2px solid var(--line)}
.pc-tl li{position:relative;padding:0 0 var(--space-4) var(--space-3)}
.pc-tl li::before{content:"";position:absolute;left:-30px;top:5px;width:14px;height:14px;border-radius:var(--radius-round);background:var(--good);box-shadow:0 0 0 3px var(--surface)}
.pc-tl li.now::before{background:var(--accent-deep);box-shadow:0 0 0 3px var(--surface),0 0 0 5px var(--accent)}
.pc-tl .d{font-size:13px;color:var(--muted)}
.pc-callout{display:flex;gap:10px;padding:12px 14px;border-radius:var(--radius-md);background:var(--warn-bg);color:var(--ink);border:1px solid var(--line)}
.pc-callout.info{background:var(--info-bg)}
.pc-callout svg{flex:none;margin-top:2px;color:var(--warn)}
.pc-callout.info svg{color:var(--info)}

/* components/Header.css */
/* Header */
.pc-hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--surface);border-bottom:1px solid var(--line)}
.pc-hdr-in{display:flex;align-items:center;gap:var(--space-3);min-height:var(--header-h)}
.pc-logo{display:flex;align-items:center;gap:10px;min-height:var(--tap);background:none;border:0;padding:0}
.pc-logo img{width:42px;height:42px;border-radius:var(--radius-round);object-fit:cover;box-shadow:0 0 0 2px var(--accent)}
.pc-logo b{font:18px/1 var(--font-display);color:var(--ink);font-weight:400}
.pc-nav{display:flex;gap:2px;margin-left:auto}
.pc-nav a{padding:10px;font-size:14px;color:var(--body);border-bottom:2px solid transparent;min-height:var(--tap);display:flex;align-items:center}
.pc-nav a[aria-current="page"]{color:var(--ink);font-weight:600;border-bottom-color:var(--accent-deep)}
.pc-lang{display:flex;border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);overflow:hidden}
.pc-lang button{border:0;background:none;padding:8px 10px;min-height:40px;font-size:13px;color:var(--muted);cursor:pointer}
.pc-lang button[aria-pressed="true"]{background:var(--ink);color:var(--bg);font-weight:600}
.pc-menu-btn{display:none;margin-left:auto;background:none;border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);width:var(--tap);height:var(--tap);place-items:center;color:var(--ink)}
@media (max-width:760px){
 .pc-menu-btn{display:grid}
 .pc-nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;background:var(--surface);border-bottom:1px solid var(--line);padding:var(--space-2) max(var(--gutter),env(safe-area-inset-left,0px))}
 .pc-nav.open{display:flex}
 .pc-nav a{border-bottom:0;border-left:3px solid transparent}
 .pc-nav a[aria-current="page"]{border-left-color:var(--accent-deep)}
}

/* components/Hero.css */
/* Hero */
.pc-hero{background:radial-gradient(55% 75% at 8% 0%,var(--cloud-yellow),transparent 72%),radial-gradient(50% 70% at 96% 12%,var(--cloud-blue),transparent 72%),radial-gradient(45% 55% at 62% 100%,var(--cloud-peach),transparent 75%),linear-gradient(180deg,var(--cloud-base),var(--bg))}
.pc-hero-in{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--space-6);align-items:center;padding-block:44px 108px}
.pc-hero .tag{font:600 15px var(--font-devanagari);color:var(--gold-text);margin-bottom:var(--space-2)}
.pc-hero .lead{margin-top:14px;font-size:16px;max-width:30em;color:var(--body)}
.pc-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-top:-72px;position:relative}
.pc-act{display:flex;flex-direction:column;gap:4px;border-radius:var(--radius-md);padding:14px 16px;border:2px solid var(--line);background:radial-gradient(90% 120% at 0% 0%,var(--tint-yellow),transparent 60%),radial-gradient(80% 110% at 100% 100%,var(--tint-blue),transparent 60%),var(--surface);min-height:88px}
.pc-act strong{font-size:15px;color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}
.pc-act span{font-size:13.5px;color:var(--body)}
.pc-act.main{background:var(--accent);border-color:var(--accent)}
.pc-act.main strong,.pc-act.main span{color:var(--on-accent)}
@media (max-width:760px){.pc-hero-in{grid-template-columns:1fr;padding-block:32px 96px}.pc-hero-photo{display:none}.pc-actions{grid-template-columns:minmax(0,1fr)}}

/* components/Band.css */
/* Band, stats */
.pc-band{background:var(--accent);color:var(--on-accent);border-radius:var(--radius-lg);padding:24px 28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4)}
.pc-band h2{color:var(--on-accent);font-size:22px}
.pc-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-3);text-align:center}
.pc-stats b{display:block;font:26px/1.2 var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums}
.pc-stats span{font-size:13px;color:var(--muted)}
@media (max-width:760px){.pc-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:480px){.pc-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* components/ImageSlot.css */
/* Image slot */
.pc-slot{position:relative}
.pc-photo{display:grid;place-items:center;text-align:center;padding:var(--space-4);background:var(--soft);border:1px dashed var(--line-strong);border-radius:var(--radius-lg);color:var(--muted);font-size:13px;aspect-ratio:16/9;max-width:100%}
.pc-slot img{display:block;width:100%;max-width:100%;object-fit:cover;border-radius:var(--radius-lg);aspect-ratio:16/9}
.pc-swap{position:absolute;right:10px;bottom:10px;box-shadow:var(--shadow-lift)}

/* components/Console.css */
/* Console */
.pc-con{display:grid;grid-template-columns:220px minmax(0,1fr);gap:var(--space-5)}
.pc-ctabs{display:flex;flex-direction:column;gap:2px;align-self:start;position:sticky;top:76px}
.pc-ctabs button{text-align:left;border:0;border-left:3px solid transparent;background:none;padding:10px 12px;min-height:var(--tap);color:var(--body);font:14px var(--font-sans);cursor:pointer;border-radius:0 var(--radius-sm) var(--radius-sm) 0}
.pc-ctabs button[aria-current="true"]{background:var(--soft);border-left-color:var(--accent-deep);color:var(--ink);font-weight:600}
.pc-crow{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);padding:12px 0;border-bottom:1px solid var(--line)}
.pc-crow:last-child{border-bottom:0}
.pc-crow .t{min-width:0;flex:1 1 220px}
.pc-crow .t strong{display:block;color:var(--ink)}
.pc-crow .a{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}
.pc-matrix{overflow-x:auto;padding:0}
.pc-matrix table{border-collapse:collapse;width:100%;min-width:560px;font-size:13.5px}
.pc-matrix th,.pc-matrix td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:center}
.pc-matrix th:first-child,.pc-matrix td:first-child{text-align:left}
.pc-matrix input{width:22px;height:22px;accent-color:var(--navy)}
.pc-protobar{display:flex;gap:var(--space-2);align-items:center;font-size:13px}
@media (max-width:820px){.pc-con{grid-template-columns:minmax(0,1fr)}.pc-ctabs{position:static;flex-direction:row;overflow-x:auto;gap:6px;padding-bottom:4px}.pc-ctabs button{flex:none;border:1.5px solid var(--line-strong);border-radius:var(--radius-pill);padding:6px 14px}.pc-ctabs button[aria-current="true"]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}}

/* components/Footer.css */
/* Footer */
.pc-foot{background:var(--navy);color:var(--on-navy);font-size:14px;padding-block:36px}
.pc-foot h3{color:var(--accent);margin-bottom:var(--space-2)}
.pc-foot-in{display:flex;flex-wrap:wrap;gap:var(--space-6)}
.pc-foot-logo{width:76px;height:76px;border-radius:var(--radius-round);object-fit:cover;box-shadow:0 0 0 3px var(--accent);margin-bottom:var(--space-3)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}