/* Ilm-e-Nafe standalone Paper Studio / E-Sheet / MCQ Practice: screen-only.
   Mint #8FE3B8, deep green #013117, cream #FFFAF0. No JS, data or print changes. */
:root{--ine-primary:#013117;--ine-accent:#8FE3B8;--ine-mint-ink:#176C48;--ine-cream:#FFFAF0;--ine-ease:cubic-bezier(.22,1,.36,1)}
@keyframes ine-standalone-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media screen{
body:is(.ine-studio-standalone,.ine-esheet-standalone,.ine-practice-standalone){background:radial-gradient(ellipse at 85% 0%,rgba(143,227,184,.17),transparent 55%),radial-gradient(ellipse at 8% 85%,rgba(255,250,240,.8),transparent 50%),#F5F8F7!important;color:#173527}
body.ine-studio-standalone :is(.ps-top,.ps-ticker),body.ine-esheet-standalone :is(.es-top,.ps-ticker){border-color:var(--ine-accent)!important}
body.ine-studio-standalone .ps-top,body.ine-esheet-standalone .es-top{background:linear-gradient(115deg,#fff,#F3FFF8)!important;color:var(--ine-primary)!important;border-bottom:2px solid var(--ine-accent)!important;box-shadow:0 8px 24px rgba(1,49,23,.075)!important}
body.ine-studio-standalone .ps-top :is(.ps-brand,.ps-brand b,.ps-brand small),body.ine-esheet-standalone .es-top :is(.es-brand,.es-brand b,.es-brand small){color:var(--ine-primary)!important}
body.ine-studio-standalone .ps-ticker,body.ine-esheet-standalone .ps-ticker{background:linear-gradient(90deg,#013117,#176C48)!important;color:#fff!important}
body.ine-studio-standalone :is(.ps-act,.ps-burger),body.ine-esheet-standalone .es-act{background:#fff!important;color:#013117!important;border:1px solid #C5EBD5!important;border-radius:999px!important;min-height:42px}
body.ine-studio-standalone .ps-lang,body.ine-esheet-standalone .ps-lang{border:1px solid #BDE6D1!important;background:#fff!important;border-radius:12px!important}
body.ine-studio-standalone .ps-lang button,body.ine-esheet-standalone .ps-lang button{color:#176C48!important;min-height:42px}
body.ine-studio-standalone .ps-lang button.on,body.ine-esheet-standalone .ps-lang button.on{background:#013117!important;color:#fff!important}
body.ine-studio-standalone .ps-gen{background:linear-gradient(125deg,#fff,#E7F9EF)!important;color:#013117!important;border:2px solid var(--ine-accent)!important;box-shadow:0 0 0 3px rgba(143,227,184,.16)!important}
body.ine-studio-standalone .ps-gen :is(span,svg){color:#013117!important}
body.ine-studio-standalone .ps-wrap,body.ine-esheet-standalone .es-wrap{max-width:1180px;padding:clamp(14px,2vw,28px)}
body.ine-studio-standalone .ps-wrap> :is(section,.panel,.pz-home),body.ine-esheet-standalone .es-wrap>.es-optsbar,body.ine-practice-standalone .pq-wrap>.card{animation:ine-standalone-in 240ms var(--ine-ease) both}
body.ine-studio-standalone :is(.panel,.pz-hometile,.pz-card,.ps-card),body.ine-esheet-standalone .es-optsbar,body.ine-practice-standalone :is(.tile,.card,.qcard,.sum .cell){border-radius:20px!important;border:1px solid #D6E9DD!important;box-shadow:0 14px 34px rgba(1,49,23,.075)!important;background:linear-gradient(145deg,#fff,#FFFAF0)!important}
body.ine-studio-standalone :is(.panel,.pz-card,.ps-card),body.ine-esheet-standalone .es-optsbar{padding:clamp(15px,1.8vw,24px)!important}
body.ine-studio-standalone :is(.pz-hometile,.pz-card),body.ine-practice-standalone :is(.tile,.chap,.opt){transition:transform 200ms var(--ine-ease),box-shadow 200ms ease,border-color 160ms ease}
body:is(.ine-studio-standalone,.ine-esheet-standalone,.ine-practice-standalone) :is(a,button,input,select,textarea):focus-visible{outline:3px solid var(--ine-accent)!important;outline-offset:2px}
body:is(.ine-studio-standalone,.ine-esheet-standalone) :is(input,select,textarea){max-width:100%;border-radius:12px!important;min-height:43px}
body.ine-esheet-standalone .es-optsbar form>div{gap:12px 16px!important}
body.ine-esheet-standalone .es-optsbar label{min-width:0}
body.ine-esheet-standalone .es-optsbar .pz-go{border-radius:12px!important;min-height:44px!important}
body.ine-practice-standalone .pq-top{background:linear-gradient(115deg,#013117,#176C48)!important;border-bottom:3px solid var(--ine-accent)}
body.ine-practice-standalone .pq-band{background:linear-gradient(125deg,#013117,#176C48)!important;color:#fff!important;border:1px solid var(--ine-accent)!important}
body.ine-practice-standalone .pq-band *{color:#fff!important}
body.ine-practice-standalone .pq-crumbs .on{background:#013117!important;border-color:#8FE3B8!important;color:#fff!important}
body.ine-practice-standalone .pq-wrap{padding:clamp(16px,3vw,28px) 12px 36px}
body.ine-practice-standalone .tile{min-height:115px;display:flex;flex-direction:column;justify-content:space-between;gap:8px}
body.ine-practice-standalone .opt.sel,body.ine-practice-standalone .chap:has(input:checked){background:#E7F9EF!important;border-color:#8FE3B8!important}
body.ine-practice-standalone :is(.opt,.chap){min-height:48px}
body.ine-practice-standalone .prog .pv b,body.ine-practice-standalone .sum .cell.res b{color:#A4F4C9!important}
body.ine-practice-standalone .urtgl{background:#E9FAF0!important;border-color:#8FE3B8!important;color:#176C48!important}
body.ine-practice-standalone .ubox{background:#FFFAF0!important;border-color:#A9DFBF!important}
body.ine-practice-standalone .sum .cell.res span{color:#C8F8DD!important}
@media(hover:hover) and (pointer:fine){body.ine-studio-standalone :is(.pz-hometile,.pz-card):hover,body.ine-practice-standalone :is(.tile,.chap,.opt):hover{transform:translateY(-3px);box-shadow:0 19px 40px rgba(1,49,23,.12)!important}}
@media(max-width:480px){body.ine-practice-standalone .tiles{gap:9px}body.ine-practice-standalone .tile{padding:13px 11px;min-height:105px}body.ine-esheet-standalone .es-optsbar form>div{align-items:stretch!important}body.ine-esheet-standalone .es-optsbar form>div>label{flex:1 1 100%!important}}
@media(prefers-reduced-motion:reduce){body:is(.ine-studio-standalone,.ine-esheet-standalone,.ine-practice-standalone) *,body:is(.ine-studio-standalone,.ine-esheet-standalone,.ine-practice-standalone) *::before{animation:none!important;transition:none!important;transform:none!important}}
}
@media print{body:is(.ine-studio-standalone,.ine-esheet-standalone,.ine-practice-standalone){background:#fff!important}body.ine-esheet-standalone .es-fit .es-book{transform:none!important}body.ine-esheet-standalone .es-optsbar{display:none!important}}

/* Paper Studio independent entry, E-Sheet options and public practice: screen composition. */
.ine-studio-standalone .ps-wrap :is(.pz-home,.pz-tiles){
 gap:clamp(12px,1.6vw,20px);align-items:stretch
}
.ine-studio-standalone .ps-wrap .pz-hometile{
 padding:clamp(18px,2.2vw,28px);min-height:140px;
 border-radius:22px;box-shadow:0 15px 34px rgba(1,49,23,.09);
 background:linear-gradient(140deg,#FFFFFF,#F6FFF9 60%,#FFFAF0)
}
.ine-studio-standalone .ps-wrap .pz-hometile:not(.pz-hero) :is(b,strong){color:#013117}
.ine-studio-standalone .ps-wrap :is(.pz-steps,.pz-chapctl,.pz-poolcard){
 border-radius:18px;border-color:#CBE7D7
}
.ine-studio-standalone .ps-wrap .pz-steps{background:linear-gradient(120deg,#FFFAF0,#ECFCF3)}
.ine-esheet-standalone .es-wrap .es-optsbar{
 padding:clamp(14px,2vw,24px)!important;
 border:1px solid #CDE8D8;box-shadow:0 15px 38px rgba(1,49,23,.075);
 background:linear-gradient(120deg,#fff,#FFFAF0 70%,#F0FCF5);
 border-radius:22px
}
.ine-esheet-standalone .es-wrap .es-optsbar form>div{gap:14px!important}
.ine-esheet-standalone .es-wrap .es-optsbar label{line-height:1.45}
.ine-esheet-standalone .es-wrap .es-optsbar :is(input:not([type=radio]),select){
 min-height:44px;border-radius:12px!important;border-color:#B4DCC5!important;
 background:#fff
}
.ine-esheet-standalone .es-wrap .es-optsbar .pz-med{
 border-radius:14px;overflow:hidden
}
.ine-esheet-standalone .es-wrap .es-optsbar .pz-med:has(input:checked){
 outline:2px solid #8FE3B8;outline-offset:1px
}
.ine-practice-standalone .pq-wrap :is(.pq-card,.pq-panel,.pq-question,.pq-result){
 border:1px solid #D6E8DC;border-radius:21px;
 background:linear-gradient(145deg,#fff,#FBFEFC 70%,#FFFAF0);
 box-shadow:0 14px 34px rgba(1,49,23,.07);
}
.ine-practice-standalone .pq-wrap :is(.pq-card,.pq-question,.pq-result){padding:clamp(16px,2vw,24px)}
.ine-practice-standalone .pq-wrap :is(.pq-option,.pq-choice,.pq-answer){
 min-height:44px;border-radius:14px;transition:background 160ms ease,box-shadow 220ms ease
}
.ine-practice-standalone .pq-wrap :is(.pq-option,.pq-choice,.pq-answer):focus-within{
 outline:3px solid #8FE3B8;outline-offset:2px
}
@media(max-width:480px){
 .ine-studio-standalone .ps-wrap .pz-hometile{min-height:112px;padding:16px}
 .ine-esheet-standalone .es-wrap .es-optsbar{padding:12px!important}
 .ine-practice-standalone .pq-wrap :is(.pq-card,.pq-question,.pq-result){padding:14px}
}
@media(prefers-reduced-motion:reduce){.ine-practice-standalone .pq-wrap :is(.pq-option,.pq-choice,.pq-answer){transition:none!important}}
@media print{
 .ine-esheet-standalone .es-wrap .es-optsbar{display:none!important}
 .ine-esheet-standalone .es-fit .es-book{transform:none!important}
 .ine-practice-standalone .pq-wrap :is(.pq-card,.pq-question,.pq-result){box-shadow:none!important}
}

/* THEME SURFACE 2 ALIGNMENT (2026-11-02) — append-only; no earlier rule touched.
   Flat slate canvas, theme teal header band, flat white cards (16px, slate border,
   shadow-sm). Mint kept for focus rings + generate action (recorded keep: genuine
   Generate Paper action stays white). E-Sheet/Practice share this file: same family
   look, their logic untouched. */
body:is(.ine-studio-standalone,.ine-esheet-standalone,.ine-practice-standalone){background:#F8FAFC!important}
body.ine-studio-standalone .ps-top,body.ine-esheet-standalone .es-top,body.ine-practice-standalone .pq-top{background:linear-gradient(90deg,#0B4D5C,#00A3A3)!important;color:#fff!important;border-bottom:0!important;box-shadow:0 1px 2px rgba(0,0,0,.05)!important}
body.ine-studio-standalone .ps-top :is(.ps-brand,.ps-brand b,.ps-brand small),body.ine-esheet-standalone .es-top :is(.es-brand,.es-brand b,.es-brand small){color:#fff!important}
body.ine-studio-standalone :is(.panel,.pz-hometile,.pz-card,.ps-card),body.ine-esheet-standalone .es-optsbar,body.ine-practice-standalone :is(.tile,.card,.qcard,.sum .cell){border-radius:16px!important;border:1px solid #E2E8F0!important;box-shadow:0 1px 2px rgba(0,0,0,.05)!important;background:#fff!important}
body.ine-studio-standalone .ps-wrap .pz-hometile{border-radius:16px!important;box-shadow:0 1px 2px rgba(0,0,0,.05)!important;background:#fff!important}
body.ine-esheet-standalone .es-wrap .es-optsbar{border-radius:16px!important;box-shadow:0 1px 2px rgba(0,0,0,.05)!important;background:#fff!important}
body.ine-practice-standalone .pq-wrap :is(.pq-card,.pq-panel,.pq-question,.pq-result){border-radius:16px!important;border:1px solid #E2E8F0!important;box-shadow:0 1px 2px rgba(0,0,0,.05)!important;background:#fff!important}


/* ===== LIQUID GLASS (Studio standalone, append-only) ===== */
body.ine-studio-standalone :is(.panel,.pz-hometile,.pz-card,.ps-card),body.ine-practice-standalone :is(.tile,.card,.qcard){background:linear-gradient(145deg,rgba(255,255,255,0.68) 0%,rgba(235,250,251,0.46) 55%,rgba(255,255,255,0.58) 100%)!important;-webkit-backdrop-filter:blur(16px) saturate(1.7)!important;backdrop-filter:blur(16px) saturate(1.7)!important;border:1.5px solid rgba(255,255,255,0.88)!important;border-radius:20px!important;box-shadow:0 20px 40px -15px rgba(7,54,66,0.22),inset 0 2px 2px rgba(255,255,255,0.98)!important}
@media(max-width:600px){body.ine-studio-standalone :is(.panel,.pz-hometile,.pz-card,.ps-card){-webkit-backdrop-filter:blur(12px) saturate(1.6)!important;backdrop-filter:blur(12px) saturate(1.6)!important;border-radius:16px!important}}