:root{--navy:#0b2540;--deep:#071a2e;--saffron:#ffb020;--saffron-d:#f59e0b;--teal:#0f766e;
--paper:#f6f8fb;--card:#fff;--ink:#1b2733;--muted:#52606d;--rule:#d9e2ec;--wa:#0b7a3e}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);padding-bottom:88px;
font:17px/1.7 system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans","Noto Sans Devanagari","Kohinoor Devanagari",Mangal,sans-serif}
html[lang="hi"] body{line-height:1.85}
a{color:var(--teal);text-underline-offset:3px}
a:focus-visible{outline:3px solid var(--saffron);outline-offset:2px}
img{max-width:100%}
.skipper{position:absolute;left:-9999px;top:0;z-index:99;background:var(--saffron);color:var(--navy);padding:8px 14px;font-weight:700}
.skipper:focus{left:8px}
.frame{max-width:1080px;margin:0 auto;padding:0 16px}
.ribbon{background:var(--deep);color:#c9d6e3;font-size:.8rem;line-height:1.4;text-align:center;padding:7px 16px}
.ribbon b{color:var(--saffron)}
.topbar{background:var(--navy);color:#fff}
.topbar .frame{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding-top:12px;padding-bottom:10px}
.mark{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}
.mark svg{width:40px;height:40px;flex:none;display:block}
.mark-name{display:block;font-weight:800;font-size:1.05rem;line-height:1.15;letter-spacing:.01em}
.mark-sub{display:block;font-size:.74rem;line-height:1.3;color:#9fb3c8}
.hublinks{display:flex;gap:6px;width:100%;overflow-x:auto;scrollbar-width:none}
.hublinks::-webkit-scrollbar{display:none}
.hublinks a{color:#e6edf5;text-decoration:none;white-space:nowrap;font-size:.9rem;font-weight:600;padding:6px 13px;border:1px solid #2a5079;border-radius:999px}
.hublinks a:hover,.hublinks a[aria-current]{background:var(--saffron);border-color:var(--saffron);color:var(--navy)}
main.frame{max-width:880px}
.trail{font-size:.84rem;color:var(--muted);padding-top:14px}
.trail ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
.trail li+li::before{content:"/";margin-right:4px;color:#9aa5b1}
.titlezone{padding:10px 0 2px}
h1{font-size:1.75rem;line-height:1.25;margin:0 0 10px;color:var(--navy);font-weight:800;letter-spacing:-.01em}
.deskline{font-size:.86rem;color:var(--muted);margin:0}
.visual{margin:14px 0 0}
.visual img{display:block;width:100%;height:auto;border-radius:12px}
.sheet{background:var(--card);border:1px solid var(--rule);border-radius:16px;padding:18px 16px;margin:16px 0}
.sheet>h2{font-size:1.3rem;line-height:1.3;color:var(--navy);margin:.1em 0 .7em}
.copy{overflow-wrap:anywhere}
.copy h2{font-size:1.32rem;line-height:1.3;color:var(--navy);margin:1.6em 0 .5em;padding-left:12px;border-left:4px solid var(--saffron)}
.copy>h2:first-child{margin-top:.2em}
.copy h3{font-size:1.1rem;line-height:1.35;margin:1.3em 0 .4em}
.copy p,.copy ul,.copy ol,.copy blockquote{margin:0 0 1em}
.copy ul,.copy ol{padding-left:1.35em}
.copy li{margin:.35em 0}
.copy ol>li::marker{color:var(--teal);font-weight:800}
.copy blockquote{border-left:4px solid var(--rule);padding-left:14px;color:var(--muted)}
.copy table{display:block;overflow-x:auto;border-collapse:collapse;margin:0 0 1.2em;font-size:.94rem}
.copy th,.copy td{border:1px solid var(--rule);padding:8px 10px;text-align:left;vertical-align:top}
.copy th{background:#eef3f8;color:var(--navy)}
.go-row{margin:18px 0}
.go-btn{display:inline-flex;align-items:center;min-height:48px;padding:12px 20px 12px 48px;border-radius:12px;
background:var(--saffron) url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%203a9%209%200%200%200-7.8%2013.5L3%2021l4.6-1.2A9%209%200%201%200%2012%203z%22%20fill%3D%22none%22%20stroke%3D%22%230b2540%22%20stroke-width%3D%221.8%22%2F%3E%3Cpath%20d%3D%22M9.1%207.6c-.3%200-.7.1-1%20.5-.4.4-1%201-1%202.4s1%202.8%201.2%203c.1.2%202%203.2%205%204.3%202.4.9%202.9.8%203.5.7.5-.1%201.7-.7%201.9-1.4.2-.7.2-1.3.2-1.4-.1-.1-.3-.2-.6-.4l-2-1c-.3-.1-.5-.1-.7.1l-.9%201.1c-.2.2-.3.2-.6.1-.3-.1-1.2-.4-2.3-1.4-.9-.8-1.4-1.7-1.6-2-.2-.3%200-.4.1-.6l.5-.6c.1-.2.2-.3.3-.5.1-.2%200-.4%200-.5l-.9-2.2c-.2-.6-.5-.5-.7-.5z%22%20fill%3D%22%230b2540%22%2F%3E%3C%2Fsvg%3E") 14px 50%/24px no-repeat;color:var(--navy);
font-weight:800;line-height:1.3;text-decoration:none;box-shadow:0 2px 0 #c77d00}
.go-btn:hover{background-color:var(--saffron-d)}
.go-row .go-btn{display:flex;justify-content:center;width:100%}
.hubgrid,.spokelist{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.hubgrid a,.spokelist a{display:block;height:100%;padding:14px 16px;border:1px solid var(--rule);border-radius:12px;text-decoration:none;color:var(--ink);background:#fbfcfe}
.hubgrid a{border-top:4px solid var(--saffron)}
.hubgrid b,.spokelist b{display:block;color:var(--navy);line-height:1.35;margin-bottom:4px}
.hubgrid span,.spokelist span{display:block;font-size:.9rem;line-height:1.5;color:var(--muted)}
.hubgrid a:hover,.spokelist a:hover{border-color:var(--teal);background:#f1f8f7}
.seealso{margin:16px 0}
.seealso h2{font-size:1.05rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px}
.seealso ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.seealso a{display:block;padding:12px 14px;border-left:4px solid var(--teal);background:var(--card);border-radius:0 10px 10px 0;text-decoration:none;font-weight:700;color:var(--navy)}
.seealso a:hover{background:#eef6f5}
.qa-item{border-top:1px solid var(--rule);padding:12px 0 2px}
.qa-item h3{font-size:1.04rem;line-height:1.4;color:var(--navy);margin:0 0 6px}
.qa-item p{margin:0 0 10px}
.base{background:var(--navy);color:#c9d6e3;margin-top:36px;font-size:.92rem}
.base .frame{padding-top:30px;padding-bottom:26px}
.base-cols{display:grid;gap:22px}
.base-col h2{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:var(--saffron);margin:0 0 8px}
.base-col ul{list-style:none;margin:0;padding:0}
.base-col li{margin:0 0 7px}
.base a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.base a:hover{text-decoration:underline}
.legal{border-top:1px solid #24496f;margin-top:24px;padding-top:16px;font-size:.84rem;line-height:1.6;color:#9fb3c8}
.legal p{margin:0 0 8px}
.legal b{color:#fff}
.wa-float{position:fixed;right:14px;bottom:14px;z-index:60;display:flex;align-items:center;gap:8px;padding:12px 18px 12px 14px;
border-radius:999px;background:var(--wa);color:#fff;font-weight:800;text-decoration:none;box-shadow:0 6px 20px rgba(7,26,46,.35)}
.wa-float svg{width:24px;height:24px;display:block}
.wa-float:hover{background:#086332}
@media (min-width:720px){
body{font-size:18px}
h1{font-size:2.25rem}
.topbar .frame{flex-wrap:nowrap}
.hublinks{width:auto;margin-left:auto}
.sheet{padding:26px 32px}
.go-row .go-btn{display:inline-flex;width:auto}
.hubgrid{grid-template-columns:repeat(3,1fr)}
.spokelist,.seealso ul{grid-template-columns:repeat(2,1fr)}
.base-cols{grid-template-columns:repeat(4,1fr)}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.glance{margin:1.6em 0}.glance img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid #dbe3ec}
.glance figcaption{font-size:.86rem;color:#475569;margin-top:.45em}
