/* ===================================================================== eTamanna – GIGW 3.0 / WCAG 2.1 AA accessibility layer Works on every page without changing the page's own CSS. Every preference is a class on (set by gigw-init.js / gigw.js), so nothing walks the DOM or rewrites inline styles. ===================================================================== */ @font-face{font-family:"OpenDyslexic";font-weight:400;font-display:swap; src:url("fonts/OpenDyslexic-Regular.woff") format("woff");} @font-face{font-family:"OpenDyslexic";font-weight:700;font-display:swap; src:url("fonts/OpenDyslexic-Bold.woff") format("woff");} :root{ --gg-scale:1; --gg-navy:#0b3d5c; --gg-blue:#0b6ba0; --gg-focus:#ffbf47; --gg-strip-h:40px; } /* ---------- Text size (A- / A / A+) — every page uses rem, so this scales all text ---------- */ html.gg-scaled{font-size:calc(100% * var(--gg-scale))} /* ---------- Keyboard focus that is always visible (GIGW 3.0 / WCAG 2.4.7) ---------- */ :focus-visible{outline:3px solid var(--gg-focus)!important;outline-offset:2px!important; box-shadow:0 0 0 5px #0b3d5c!important;border-radius:4px} /* ---------- Skip link ---------- */ .gg-skip{position:absolute;left:12px;top:-100px;z-index:2147483000;background:#ffbf47;color:#000!important; font:700 1rem/1.2 "Poppins","Segoe UI",sans-serif;padding:.7rem 1.1rem;border-radius:0 0 8px 8px; text-decoration:none!important;transition:top .15s} .gg-skip:focus{top:0} .gg-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important; overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} /* ---------- GIGW top strip ---------- */ .gg-strip{background:var(--gg-navy);color:#fff;font:500 .82rem/1.2 "Poppins","Segoe UI",sans-serif; position:relative;z-index:1000} .gg-strip .gg-in{max-width:1500px;margin:0 auto;padding:.3rem 1rem;display:flex;flex-wrap:wrap;align-items:center; justify-content:space-between;gap:.4rem .9rem;min-height:var(--gg-strip-h)} .gg-strip .gg-gov{display:flex;align-items:center;gap:.55rem;font-weight:600} .gg-strip .gg-gov .gg-hi{font-family:"Noto Sans Devanagari","Mangal","Poppins",sans-serif;opacity:.95} .gg-strip .gg-gov .gg-sep{opacity:.5} .gg-strip .gg-tools{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem} .gg-strip a,.gg-strip button{color:#fff;background:transparent;border:1px solid rgba(255,255,255,.35); border-radius:6px;padding:.28rem .55rem;font:inherit;cursor:pointer;text-decoration:none;line-height:1.1; display:inline-flex;align-items:center;gap:.35rem;min-height:30px} .gg-strip a:hover,.gg-strip button:hover{background:rgba(255,255,255,.14)} .gg-strip .gg-link{border-color:transparent;text-decoration:underline;text-underline-offset:3px} .gg-strip .gg-group{display:inline-flex;gap:2px} .gg-strip .gg-group button{min-width:34px;justify-content:center;font-weight:700} .gg-strip .gg-group button[aria-pressed="true"]{background:#fff;color:var(--gg-navy)} .gg-strip .gg-c-normal{background:#fff!important;color:#000!important;font-weight:700} .gg-strip .gg-c-high{background:#000!important;color:#ff0!important;font-weight:700;border-color:#ff0!important} .gg-strip .gg-menu-btn{background:#ffbf47;color:#000;border-color:#ffbf47;font-weight:700} .gg-strip .gg-menu-btn:hover{background:#ffd27a} @media (max-width:720px){ .gg-strip .gg-gov{display:none} .gg-strip .gg-in{justify-content:center} .gg-strip .gg-hide-sm{display:none} } /* ---------- Floating accessibility launcher (left) ---------- */ .gg-fab{position:fixed;left:16px;bottom:18px;z-index:2147482000;width:54px;height:54px;border-radius:50%; background:var(--gg-blue);color:#fff;border:3px solid #fff;outline:3px solid #7b2cbf;cursor:pointer; display:flex;align-items:center;justify-content:center;font-size:1.55rem; box-shadow:0 6px 18px rgba(11,61,92,.35);transition:transform .15s} .gg-fab:hover{transform:scale(1.07)} @media (max-width:560px){.gg-fab{width:46px;height:46px;font-size:1.3rem;left:10px;bottom:12px}} /* ---------- Accessibility panel ---------- */ .gg-panel{position:fixed;top:12px;right:12px;bottom:12px;width:min(440px,calc(100vw - 24px));z-index:2147482500; display:none;flex-direction:column;border-radius:18px;overflow:hidden;background:#f7fafc; box-shadow:0 20px 60px rgba(4,30,48,.45);font-family:"Poppins","Segoe UI",sans-serif;font-size:16px} .gg-panel.gg-open{display:flex;animation:gg-in .2s ease-out} @keyframes gg-in{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}} .gg-panel .gg-head{background:linear-gradient(120deg,#0b3d5c,#0b6ba0);color:#fff;padding:1rem 1.1rem; display:flex;align-items:center;gap:.75rem} .gg-panel .gg-head h2{font-size:1.05rem;margin:0;font-weight:700;color:#fff;line-height:1.25} .gg-panel .gg-head p{margin:0;font-size:.78rem;opacity:.85;color:#fff} .gg-panel .gg-head .gg-x{margin-left:auto;display:flex;gap:.35rem} .gg-panel .gg-head .gg-x button{width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.35); background:rgba(255,255,255,.1);color:#fff;cursor:pointer;font-size:1rem} .gg-panel .gg-body{overflow-y:auto;padding:1rem;flex:1} .gg-panel .gg-sec{font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#4a5d6b;margin:.2rem 0 .55rem} .gg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-bottom:1.1rem} @media (max-width:400px){.gg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} .gg-opt{background:#fff;border:1.5px solid #d6e2ea;border-radius:12px;padding:.75rem .4rem;cursor:pointer; display:flex;flex-direction:column;align-items:center;gap:.45rem;text-align:center;color:#1d2f3b; font:600 .8rem/1.25 "Poppins","Segoe UI",sans-serif;min-height:92px;justify-content:center;position:relative; transition:border-color .15s,background .15s} .gg-opt i{font-size:1.35rem;color:var(--gg-blue)} .gg-opt:hover{border-color:var(--gg-blue)} .gg-opt[aria-pressed="true"]{background:#0b6ba0;border-color:#0b6ba0;color:#fff} .gg-opt[aria-pressed="true"] i{color:#fff} .gg-opt[aria-pressed="true"]::after{content:"\2713";position:absolute;top:6px;right:8px;font-size:.8rem} .gg-size{display:flex;align-items:center;gap:.5rem;background:#fff;border:1.5px solid #d6e2ea;border-radius:12px; padding:.5rem;margin-bottom:1.1rem} .gg-size button{flex:0 0 46px;height:42px;border-radius:9px;border:1.5px solid #d6e2ea;background:#f1f6f9; cursor:pointer;font-weight:700;color:#0b3d5c;font-size:1rem} .gg-size output{flex:1;text-align:center;font-weight:700;color:#0b3d5c} .gg-foot{padding:.8rem 1rem;border-top:1px solid #dde7ee;background:#fff;display:flex;gap:.5rem;flex-wrap:wrap} .gg-foot button,.gg-foot a{flex:1;border-radius:10px;padding:.6rem .8rem;font:600 .85rem "Poppins","Segoe UI",sans-serif; cursor:pointer;text-align:center;text-decoration:none} .gg-foot .gg-reset{background:#fff;border:1.5px solid #b42318;color:#b42318} .gg-foot .gg-sr-link{background:#eef5fa;border:1.5px solid #cfe0ec;color:#0b3d5c} .gg-backdrop{position:fixed;inset:0;background:rgba(3,22,36,.35);z-index:2147482400;display:none} .gg-backdrop.gg-open{display:block} /* ---------- Reading guide ---------- */ .gg-guide{position:fixed;left:0;right:0;height:14px;margin-top:-7px;pointer-events:none;z-index:2147481000; background:rgba(255,191,71,.35);border-top:2px solid #b47800;border-bottom:2px solid #b47800;display:none} html.gg-guide-on .gg-guide{display:block} /* ---------- Toast (screen-reader + visual status) ---------- */ .gg-toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:#0b3d5c;color:#fff; padding:.55rem 1rem;border-radius:999px;font:600 .85rem "Poppins",sans-serif;z-index:2147483000; opacity:0;pointer-events:none;transition:opacity .2s} .gg-toast.gg-show{opacity:1} /* ===================================================================== Preference classes (on ) ===================================================================== */ html.gg-lh body *:not(i):not(.fa):not(.fas):not(.far):not(.fa-solid):not(.fa-regular){line-height:1.9!important} html.gg-ls body *:not(i){letter-spacing:.12em!important;word-spacing:.16em!important} html.gg-dys body,html.gg-dys body *:not(i):not([class*="fa-"]){font-family:"OpenDyslexic","Comic Sans MS",sans-serif!important} html.gg-bold body *:not(i):not([class*="fa-"]){font-weight:700!important} html.gg-hh h1,html.gg-hh h2,html.gg-hh h3,html.gg-hh h4,html.gg-hh h5,html.gg-hh h6,html.gg-hh [role="heading"]{ outline:3px dashed #b42318!important;outline-offset:3px;background:#fff7d6!important;color:#000!important} html.gg-hl a{text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:3px; background:#fff36b!important;color:#000!important;outline:2px solid #000;font-weight:700!important} html.gg-cursor,html.gg-cursor *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M6 3l30 18-13 3 8 15-6 3-8-15-11 9z' fill='%23000' stroke='%23fff' stroke-width='2.5' stroke-linejoin='round'/%3E%3C/svg%3E") 4 2,auto!important} html.gg-gray body > *:not(.gg-panel):not(.gg-backdrop){filter:grayscale(1)} html.gg-noimg body img:not(.gg-keep){opacity:.06!important} html.gg-still *,html.gg-still *::before,html.gg-still *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important} @media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}} /* High contrast (GIGW: black background, white text, yellow links) */ html.gg-contrast body, html.gg-contrast body *:not(img):not(svg):not(path):not(video):not(.gg-toast){ background-color:#000!important;background-image:none!important;color:#fff!important; border-color:#fff!important;box-shadow:none!important;text-shadow:none!important} html.gg-contrast a,html.gg-contrast a *{color:#ff0!important;text-decoration:underline!important} html.gg-contrast button,html.gg-contrast input,html.gg-contrast select,html.gg-contrast textarea, html.gg-contrast .btn,html.gg-contrast [role="button"]{border:2px solid #ff0!important;color:#ff0!important} html.gg-contrast [aria-pressed="true"],html.gg-contrast .active{outline:3px solid #0ff!important} html.gg-contrast img{background:#fff!important} html.gg-contrast ::placeholder{color:#ccc!important} /* ---------- GIGW footer links (added inside each page's existing