/* Prerana ICS — shared UX layer (loaded on every page) */
html{scroll-behavior:smooth}
:target,[id]{scroll-margin-top:84px}
:focus-visible{outline:3px solid #CB6CE6;outline-offset:3px;border-radius:6px}
.ux-skip{position:fixed;left:12px;top:-60px;z-index:10001;background:#1E0A38;color:#fff;padding:10px 16px;border-radius:10px;font:600 14px 'Instrument Sans',system-ui,sans-serif;text-decoration:none;transition:top .2s}
.ux-skip:focus{top:12px}
.ux-progress{position:fixed;left:0;top:0;height:3px;width:100%;z-index:10000;background:linear-gradient(90deg,#12C2A0,#CB6CE6,#8B2BBE);transform:scaleX(0);transform-origin:left;pointer-events:none}
#hdr{transition:box-shadow .25s ease,background-color .25s ease}
#hdr.ux-scrolled{box-shadow:0 6px 24px rgba(30,10,56,.10)}
#hdr .menu>a,#hdr .has-drop>a{position:relative}
#hdr .menu>a::after,#hdr .has-drop>a::after{content:"";position:absolute;left:10px;right:10px;bottom:2px;height:2px;border-radius:2px;background:linear-gradient(90deg,#12C2A0,#CB6CE6);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
#hdr .menu>a:hover::after,#hdr .has-drop:hover>a::after{transform:scaleX(1)}
.btn{transition:transform .15s ease,box-shadow .2s ease,background-color .2s ease}
.btn:active{transform:translateY(1px) scale(.98)}
.ux-top{position:fixed;left:16px;bottom:18px;z-index:900;width:44px;height:44px;border-radius:50%;border:0;cursor:pointer;background:#1E0A38;color:#fff;display:grid;place-items:center;box-shadow:0 8px 22px rgba(30,10,56,.28);opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .25s,transform .25s}
.ux-top.on{opacity:1;transform:none;pointer-events:auto}
.ux-top:hover{background:#8B2BBE}
.ux-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;margin:0 0 1em}
.ux-scroll>table{margin:0}
img{height:auto}
@media (max-width:820px){.btn,button,summary{min-height:44px}.ux-top{bottom:84px}}
/* PYQ portal: same typefaces as the main site */
html.ux-pyq body{font-family:'Instrument Sans',Inter,system-ui,sans-serif}
html.ux-pyq h1,html.ux-pyq h2,html.ux-pyq h3{font-family:'Bricolage Grotesque','Instrument Sans',system-ui,sans-serif}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ux-progress{display:none}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media print{.ux-progress,.ux-top,.ux-skip{display:none!important}}