@font-face{font-family:Alexandria;src:url('/fonts/alexandria-latin-400-normal.woff2');font-display:swap}@font-face{font-family:Alexandria;src:url('/fonts/alexandria-arabic-400-normal.woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF;font-display:swap}@font-face{font-family:Alexandria;src:url('/fonts/alexandria-latin-600-normal.woff2');font-weight:600;font-display:swap}@font-face{font-family:Alexandria;src:url('/fonts/alexandria-arabic-600-normal.woff2');font-weight:600;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF;font-display:swap}
:root{font-family:Alexandria,Arial,sans-serif;color:#183f47;background:#f5f8f8;font-size:15px;--teal:#087e88;--border:#dbe6e7;--muted:#597279}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:#08727e;text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #975de0;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:30px;line-height:1.4;font-weight:600}h2{font-size:22px;font-weight:600}h3{font-size:17px;font-weight:600}p{line-height:1.8}small{font-size:12px;line-height:1.6}button{border:0;background:none;color:inherit}input,select,textarea{width:100%;padding:12px;border:1px solid #acbfc3;border-radius:12px;background:white;color:#183f47}textarea{min-height:90px;resize:vertical}label{display:grid;gap:8px}label+label{margin-top:15px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 17px;border-radius:12px;background:white;border:1px solid #bdd3d7;font-weight:600;font-size:13px}.button.primary{background:#087e88;color:white;border-color:#087e88}.button.warning{background:#fff1dd;color:#8b4d09;border-color:#f3d6a9}.button.danger{color:#a42a40}.muted{color:var(--muted)}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.between{justify-content:space-between}.stack{display:grid;gap:18px}.panel{background:white;border:1px solid var(--border);border-radius:20px;padding:24px}.badge{display:inline-block;background:#edf4f5;color:#3e6570;padding:6px 10px;border-radius:8px;font-size:12px;line-height:1.5}.badge.red{color:#a32e41;background:#fff0f2}.badge.orange{color:#8d5510;background:#fff4e4}.badge.green{color:#167455;background:#e9f6ef}.badge.purple{color:#695099;background:#f1edfa}.icon{width:22px;height:22px;display:block}.iconbox{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#e5f4f3;flex-shrink:0}.iconbox img{width:24px}.color1{background:#edf0fe}.color2{background:#fff2df}.color3{background:#f4eefa}.color4{background:#e7f5ec}.color5{background:#fdeef2}.help{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid #b1ccd1;border-radius:50%;background:#eff8fa;color:#126c7d;flex-shrink:0;font-family:Georgia,serif;font-size:18px;font-weight:bold}.eyebrow{font-size:11px;letter-spacing:1.3px;text-transform:uppercase;color:#5c797f;font-weight:600}.shell{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:white;border-inline-end:1px solid var(--border);padding:24px 16px;display:flex;flex-direction:column;gap:22px}.brand{display:flex;align-items:center;gap:10px}.brand img{width:67px;height:54px;object-fit:contain}.brand strong{font-size:16px}.brand small{display:block;color:var(--muted)}.sidebar nav{display:grid;gap:7px}.navitem{display:flex;gap:13px;align-items:center;padding:13px;border-radius:12px;color:#44626a;font-size:13px;line-height:1.5}.navitem.active{background:#e7f4f3;color:#056773;font-weight:600}.navitem img{width:20px;height:20px}.credit{margin-top:auto;font-size:11px;color:#667c81}.workspace{min-width:0}.topbar{background:#ffffffea;min-height:82px;border-bottom:1px solid var(--border);padding:16px 36px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.mobilebrand{display:none}.account{display:flex;align-items:center;gap:10px}.avatar{height:38px;width:38px;border-radius:50%;display:grid;place-items:center;background:#e4eeee;color:#1d5962;font-weight:600}.account strong{font-size:13px}.account small{display:block;color:var(--muted)}main{max-width:1280px;margin:auto;padding:30px 36px 60px;display:grid;gap:24px}.welcome{background:linear-gradient(110deg,#e0f2ef,#eef6ef 60%,#fcf2de);border-radius:23px;padding:30px;display:flex;justify-content:space-between;align-items:center;gap:24px}.welcome h1{margin:8px 0}.clock{text-align:end;min-width:185px}.clock strong{font-size:26px;display:block}.clock small{display:block;line-height:1.9}.attention{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.metric{display:flex;align-items:center;justify-content:space-between;text-align:start;gap:10px;padding:16px 20px;border-radius:13px;background:#f4f7f8}.metric strong{font-size:28px}.metric.red{background:#fff1f1;color:#9c3240}.metric.orange{background:#fff5e6;color:#8f5c1b}.metric.green{background:#eaf7f0;color:#187358}.featuregrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature{position:relative;background:white;border:1px solid var(--border);border-radius:20px;transition:transform .15s,box-shadow .15s;min-width:0}.feature:hover{transform:translateY(-2px);box-shadow:0 9px 25px #31575e0b}.feature>a{display:grid;gap:12px;padding:24px;color:inherit;height:100%;text-decoration:none}.feature h3{padding-inline-end:18px}.feature .help{position:absolute;inset-inline-end:18px;top:22px}.feature p{font-size:13px;color:var(--muted)}.feature small{color:#1a6d70}.sectionheading{display:flex;justify-content:space-between;align-items:center;gap:10px}.list{display:grid;gap:10px}.record{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--border);border-radius:15px;padding:17px;background:white;min-width:0}.record .title{font-weight:600;font-size:14px;line-height:1.7}.record small{display:block;color:var(--muted)}.record .left{min-width:0}.record a{overflow-wrap:anywhere}.toolbar{display:flex;gap:12px;flex-wrap:wrap}.toolbar input{flex:1;min-width:160px}.toolbar select{width:auto;max-width:100%}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.chip{display:inline-block;padding:7px 11px;border:1px solid #d0e2e5;border-radius:9px;font-size:12px;background:#f6fafb;margin:4px 5px 4px 0}.chip:hover{background:#e3f2f3}.profilehead{display:flex;align-items:center;gap:18px}.profilehead .avatar{width:60px;height:60px;font-size:22px}.detailhead{display:grid;gap:12px}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.facts small{display:block;color:var(--muted);margin-bottom:6px}.facts div{min-width:0}.facts strong{font-size:14px;overflow-wrap:anywhere}.timeline{border-inline-start:2px solid #dcebec;padding-inline-start:18px;display:grid;gap:18px}.timeline strong{display:block;font-size:13px}.timeline p{font-size:13px}.messages{display:grid;gap:14px}.bubble{max-width:88%;background:#f0f5f6;padding:14px 18px;border-radius:16px;line-height:1.7;font-size:14px}.bubble.mine{margin-inline-start:auto;background:#e2f2ed}.bubble small{display:block;color:var(--muted);margin-bottom:4px}.composer{display:flex;gap:10px;margin-top:18px;align-items:end}.composer textarea{min-height:48px}.original{white-space:pre-wrap;line-height:2;font-size:16px;overflow-wrap:anywhere}.empty{padding:35px;text-align:center;color:var(--muted)}.notice{padding:14px 18px;border-radius:12px;background:#f3f0fc;color:#604586;line-height:1.8;font-size:13px}.docpreview{width:100%;height:650px;border:1px solid var(--border);border-radius:12px;background:white}.bottomnav{display:none}.login{max-width:480px;margin:7vh auto;padding:30px}.login .brand{justify-content:center;margin-bottom:30px}.login .brand img{width:100px;height:80px}.login h1{font-size:27px;text-align:center}.login p{text-align:center;margin:12px 0 25px}.login .button{width:100%;margin-top:22px}.login small{display:block;text-align:center;margin-top:14px}dialog{max-width:650px;width:calc(100% - 30px);max-height:85vh;padding:28px;border:1px solid var(--border);border-radius:22px;color:#183f47;overflow:auto}dialog::backdrop{background:#163b4766;backdrop-filter:blur(3px)}dialog h2{margin-bottom:14px}dialog p{margin:12px 0}dialog #closeDialog{margin-top:20px}#toast{position:fixed;bottom:105px;left:50%;transform:translateX(-50%);max-width:90%;background:#143d45;color:white;border-radius:13px;padding:12px 20px;z-index:100;display:none;box-shadow:0 5px 25px #0002}.back{font-size:13px}.code{font-family:monospace;color:#587078}.guide-step{display:flex;gap:15px;align-items:flex-start}.stepnumber{background:#e6f2ef;border-radius:50%;padding:10px;color:#12645e;flex-shrink:0}.worksheet{background:white;padding:35px;border:1px solid var(--border);border-radius:16px}.worksheet .letters{font-size:44px;letter-spacing:15px;margin:24px 0}.worksheet .lines{height:90px;background:repeating-linear-gradient(white,white 29px,#a3b8ba 30px);margin:22px 0}.subtle{font-size:12px;color:var(--muted);line-height:1.8}html[dir=rtl]{font-size:17px}html[dir=rtl] .navitem{font-size:14px}html[dir=rtl] .record .title{font-size:16px}html[dir=rtl] .bubble{font-size:16px}@media(max-width:1050px){.shell{grid-template-columns:200px 1fr}.featuregrid{grid-template-columns:repeat(2,minmax(0,1fr))}main{padding:24px}.topbar{padding:16px 24px}.welcome{flex-wrap:wrap}.clock{text-align:start}.grid2{grid-template-columns:1fr}}@media(max-width:700px){.shell{display:block}.sidebar{display:none}.mobilebrand{display:flex}.mobilebrand img{width:50px;height:40px}.mobilebrand strong{font-size:14px}.topbar{padding:12px 16px;gap:10px;position:static}.topbar>.badge{order:3;font-size:10px}.account{gap:6px}.account .avatar,.account small{display:none}.account strong{font-size:11px}.topbar .button{padding:8px 10px;font-size:12px}.topbar .row{gap:6px}.welcome{padding:22px;gap:16px}.welcome h1{font-size:24px}.welcome p{font-size:13px}.clock strong{font-size:20px}.clock small{font-size:11px}.attention{gap:7px}.metric{display:grid;padding:12px;gap:6px;font-size:11px}.metric strong{font-size:25px}.panel{padding:18px;border-radius:17px}main{padding:18px 15px 115px;gap:20px}.featuregrid{gap:11px}.feature>a{padding:17px;gap:10px}.feature h3{font-size:14px;padding-inline-end:0}.feature p{font-size:12px}.feature .help{width:28px;height:28px;inset-inline-end:12px;top:18px}.iconbox{width:40px;height:40px;border-radius:12px}.feature small{font-size:11px}.record{padding:14px;align-items:flex-start;gap:10px;flex-wrap:wrap}.facts{grid-template-columns:1fr 1fr;gap:15px}.bottomnav{position:fixed;bottom:0;inset-inline:0;display:grid;grid-template-columns:repeat(5,1fr);background:#fffffff5;border-top:1px solid #cbdfe3;padding:9px 5px max(9px,env(safe-area-inset-bottom));z-index:20;backdrop-filter:blur(10px)}.bottomnav a{display:grid;justify-items:center;align-content:start;gap:5px;text-align:center;font-size:10px;color:#385761;line-height:1.4;padding:5px 2px}.bottomnav a.active{color:#006a78;font-weight:600}.bottomnav .iconbox{width:37px;height:33px;border-radius:10px}.bottomnav img{width:20px;height:20px}.docpreview{height:500px}.composer{flex-wrap:wrap}.composer .button{margin-inline-start:auto}.bubble{max-width:96%}.toolbar{gap:8px}h2{font-size:20px}html[dir=rtl] .feature h3{font-size:16px}html[dir=rtl] .bottomnav a{font-size:12px}.login{margin:3vh auto;padding:20px}.sectionheading{align-items:flex-start}.profilehead{gap:12px}.profilehead h1{font-size:23px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media print{.topbar,.sidebar,.bottomnav,.button{display:none}.shell{display:block}main{padding:0}.worksheet{page-break-after:always;border:0}}
.workflow-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}.workflow-steps li{display:flex;gap:10px;padding:14px;background:#f4f7f8;border:1px solid #dbe6e7;border-radius:12px;align-items:flex-start}.workflow-steps li>span{border-radius:50%;background:white;width:25px;height:25px;display:grid;place-items:center;flex-shrink:0}.workflow-steps strong{font-size:13px;display:block}.workflow-steps small{display:block}.workflow-steps .done{background:#eaf7f0}.workflow-steps .current{background:#fff4de;border-color:#c28b38}.source-context{padding:16px;border:1px solid #c8dce0;border-radius:12px}.source-context summary{cursor:pointer;font-weight:600}.source-context p{margin:12px 0}.source-context blockquote{margin:12px 0;padding:14px;background:#f3f8f9;font-size:18px}@media(max-width:700px){.workflow-steps{grid-template-columns:1fr}.workflow-steps strong{font-size:15px}}
.header-actions{margin-inline-start:auto;flex-wrap:nowrap}.notification-bell{min-width:44px;min-height:44px;background:#e3f4f2;border-color:#78afb4;color:#075965}.notification-bell:hover{background:#ccece7;text-decoration:none}.notification-bell:focus-visible{outline:3px solid #975de0;outline-offset:3px}@media(max-width:700px){.topbar .header-actions{margin-inline-start:auto;justify-content:flex-end}.topbar .notification-bell{padding:10px;flex-shrink:0}.topbar .header-actions .account{min-width:0}.topbar .header-actions .account strong{overflow-wrap:anywhere}}
.page-navigation{display:flex;align-items:center;justify-content:space-between;gap:16px}.back-button{background:#e3f4f2;border-color:#78afb4;font-size:14px;min-width:100px}.home-link{font-size:14px;text-decoration:underline;padding:10px}.workspace main>a.back{display:none}

@media(max-width:700px){.bottomnav{grid-template-columns:repeat(4,minmax(0,1fr))}}
.assessment-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.assessment-answer{padding:20px;border:1px solid #dbe6e7;border-radius:14px;min-width:0}.assessment-answer h3{font-size:14px;line-height:1.8;color:#48656c;margin-bottom:12px}.answer-values{display:flex;gap:8px;flex-wrap:wrap;line-height:1.9;font-size:16px;white-space:pre-wrap;overflow-wrap:anywhere}.answer-value{padding:4px 0}.answer-value+.answer-value{border-inline-start:2px solid #c1d7d9;padding-inline-start:10px}.answer-original{margin-top:14px;font-size:12px;color:#48656c}.answer-original summary{cursor:pointer}.answer-original p{margin-top:10px;padding:12px;background:#f5f8f8;border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere}.rating-value{display:flex;align-items:center;gap:18px;margin:10px 0}.rating-value strong{font-size:26px}.rating-value>div{display:flex;gap:5px}.rating-value span{display:block;width:20px;height:10px;background:#e0e9eb;border-radius:3px}.rating-value .filled{background:#23858d}.assessment-topics{display:flex;flex-wrap:wrap;gap:5px}.assessment-topics .chip{cursor:pointer;text-align:start;min-height:40px;margin:0}.assessment-section{scroll-margin-top:100px}.assessment-sections{display:grid;gap:20px}[hidden]{display:none!important}html[dir=rtl] .assessment-answer h3{font-size:17px}@media(max-width:700px){.assessment-answer-grid{grid-template-columns:1fr}.assessment-answer{padding:15px}.assessment-section{scroll-margin-top:15px}.assessment-topics .chip{font-size:12px}.assessment-heading h1{font-size:25px}}
/* Shared two-tone symbols: the same feature has the same colour on every surface. */
.graphic{display:block;width:24px;height:24px;flex-shrink:0}.graphic .symbol-accent{fill:currentColor;fill-opacity:.14;stroke:none}.iconbox{--symbol-ink:#08727e;--symbol-wash:#e4f3f3;color:var(--symbol-ink);background:linear-gradient(145deg,#fff8,var(--symbol-wash)),var(--symbol-wash);border:1px solid color-mix(in srgb,var(--symbol-ink) 15%,transparent);width:60px;height:60px;border-radius:18px;box-shadow:inset 0 1px 0 #fff9}.iconbox .graphic{width:31px;height:31px}.iconbox[data-symbol=users]{--symbol-ink:#245eaa;--symbol-wash:#e7efff}.iconbox[data-symbol=school]{--symbol-ink:#7040a6;--symbol-wash:#f0e9fb}.iconbox[data-symbol=messages-square]{--symbol-ink:#007780;--symbol-wash:#ddf4f1}.iconbox[data-symbol=printer]{--symbol-ink:#925410;--symbol-wash:#fff0d9}.iconbox[data-symbol=library-big]{--symbol-ink:#246d4b;--symbol-wash:#e6f4e9}.iconbox[data-symbol=presentation]{--symbol-ink:#714f97;--symbol-wash:#efeafb}.iconbox[data-symbol=bell]{--symbol-ink:#245eaa;--symbol-wash:#e7efff}.feature .help{width:38px;height:38px;top:24px}.help{font-family:inherit}.help .graphic{width:21px;height:21px}.navitem{gap:11px;padding:10px}.navitem .iconbox{width:38px;height:38px;border-radius:12px;box-shadow:none}.navitem .graphic{width:22px;height:22px}.navitem.active{box-shadow:inset 3px 0 #08727e}html[dir=rtl] .navitem.active{box-shadow:inset -3px 0 #08727e}.notification-bell .graphic{width:24px;height:24px}.button.danger .graphic{color:#a42a40}.back-button .graphic{width:21px;height:21px}.feature>a:hover .iconbox{box-shadow:0 4px 12px #173f4710,inset 0 1px 0 #fff9}
@media(max-width:700px){.feature .iconbox{width:52px;height:52px;border-radius:16px}.feature .iconbox .graphic{width:28px;height:28px}.feature .help{width:36px;height:36px;top:18px;inset-inline-end:12px}.bottomnav .iconbox{width:48px;height:40px;border-radius:12px;box-shadow:none}.bottomnav .iconbox .graphic{width:24px;height:24px}.bottomnav a{gap:7px;padding:6px 3px}.bottomnav a.active .iconbox{color:#fff;background:#08727e;border-color:#08727e;box-shadow:0 3px 7px #08727e25}.bottomnav a.active{color:#075f69}.bottomnav a.active .symbol-accent{fill-opacity:.2}}
.record-link{color:inherit;text-decoration:none;cursor:pointer}.record-link:hover{background:#f0f8f7;border-color:#78afb4;text-decoration:none}.record-link:active{background:#e2f1ee}.record-end{display:flex;align-items:center;gap:10px;margin-inline-start:auto}.record-arrow{color:#08727e;display:flex}.record-arrow .graphic{width:18px;height:18px}.record-link .title{display:block}
.record-link .left{display:grid;gap:4px;min-width:0}
.record-parties{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#45646c;font-size:13px;line-height:1.6}
.record-parties strong{color:#16434c;font-weight:700}
.record-parties .party-separator{color:#087e88;font-weight:700}
.record-next{display:block;color:#315b64;font-size:14px;line-height:1.6;max-width:64ch}
.case-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}
.case-overview>div{min-width:0;padding:16px 18px;border:1px solid #cfe2e3;border-radius:13px;background:#f6fbfa}
.case-overview strong{display:block;color:#126b74;font-size:14px;margin-bottom:6px}
.case-overview p{margin:0;line-height:1.7;overflow-wrap:anywhere}
.case-lead .record-parties{font-size:14px}
.case-more{border:1px solid #d4e5e6;border-radius:13px;padding:12px 16px;background:#fff}
.case-more>summary{cursor:pointer;color:#126b74;font-weight:700;min-height:32px}
.case-more[open]>summary{margin-bottom:14px}
.case-more p{margin:8px 0;overflow-wrap:anywhere}
.case-note-panel form{display:grid;gap:14px}
.case-note-panel label{display:grid;gap:7px}
.case-note-panel fieldset{border:1px solid #d4e5e6;border-radius:12px;padding:12px 15px;display:grid;gap:9px}
.case-note-panel fieldset[hidden]{display:none}
.case-note-panel fieldset label:has(input[type=checkbox]){display:flex;align-items:center;gap:9px}
.case-note-panel fieldset input[type=checkbox]{width:19px;height:19px;accent-color:#087e88}
.case-note-entry{display:grid;gap:5px;padding:15px;border:1px solid #d4e5e6;border-radius:12px;background:#f8fbfb}
.case-note-entry small{color:#526d74}
.case-note-entry p{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:700px){.case-overview{grid-template-columns:minmax(0,1fr)}.case-overview>div{padding:13px}.case-note-panel textarea{min-height:100px}.record-next{font-size:13px}}
/* Training follow-up: put responsibility first and separate the one-line story from detail. */
.case-lead{display:grid;gap:12px}
.case-lead h1{margin:0}
.case-keyfacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.case-keyfacts>div{display:grid;align-content:start;gap:4px;min-width:0}
.case-keyfacts small{color:var(--muted)}
.case-keyfacts strong{font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.case-rule{font-size:13px;line-height:1.7;color:#48636a}
.case-brief{display:flex;align-items:baseline;gap:14px;border-top:1px solid #cfe1e3;border-bottom:1px solid #cfe1e3;padding:11px 0}
.case-brief strong{flex:none;color:#0a6d77;font-size:13px}
.case-brief p{font-size:13px;line-height:1.7}
.case-provenance{color:var(--muted)}
.case-disclosure{padding:0}
.case-disclosure>summary{cursor:pointer;list-style:none;min-height:58px;display:flex;align-items:center;justify-content:space-between;padding:14px 24px;color:#126b74;font-weight:600}
.case-disclosure>summary::-webkit-details-marker{display:none}
.case-disclosure>summary::after{content:'⌄';font-size:24px;line-height:1}
.case-disclosure[open]>summary::after{transform:rotate(180deg)}
.case-disclosure-body{display:grid;gap:14px;padding:0 24px 24px;border-top:1px solid var(--border)}
.case-disclosure-body>p{padding-top:14px;font-size:13px;color:var(--muted)}
.case-disclosure-body .case-note-entry:first-child{margin-top:15px}
.case-support{gap:11px}
.case-support h2{font-size:17px}
html[lang=ar] .case-keyfacts strong{font-size:16px;line-height:1.7}
html[lang=ar] .case-rule,html[lang=ar] .case-brief p{font-size:16px;line-height:1.9}
html[lang=ar] .case-brief strong{font-size:16px}
@media(max-width:700px){.case-lead h1{font-size:24px;line-height:1.35}.case-keyfacts{grid-template-columns:repeat(2,minmax(0,1fr))}.case-keyfacts>div:last-child{grid-column:1/-1}.case-brief{display:block}.case-brief strong{display:block;margin-bottom:4px}.case-disclosure>summary{padding:13px 16px}.case-disclosure-body{padding:0 16px 16px}}
/* Arabic typography: preserve the approved Alexandria face, with readable UI sizes. */
html[lang=ar]{font-size:18px;line-height:1.85}
html[lang=ar] h1{font-size:30px;line-height:1.65}
html[lang=ar] h2{font-size:23px;line-height:1.7}
html[lang=ar] h3{font-size:18px;line-height:1.75}
html[lang=ar] p{line-height:1.95}
html[lang=ar] small,html[lang=ar] .subtle{font-size:14px;line-height:1.85}
html[lang=ar] .eyebrow{font-size:14px;letter-spacing:0;text-transform:none;line-height:1.8}
html[lang=ar] .button{font-size:15px;line-height:1.7}
html[lang=ar] .badge{font-size:14px;line-height:1.75}
html[lang=ar] .feature h3{font-size:18px;line-height:1.75}
html[lang=ar] .feature p{font-size:16px;line-height:1.95}
html[lang=ar] .feature small{font-size:14px;line-height:1.85}
html[lang=ar] .navitem{font-size:15px;line-height:1.8}
html[lang=ar] .record .title{font-size:17px;line-height:1.85}
html[lang=ar] .chip{font-size:15px;line-height:1.8}
html[lang=ar] .facts strong{font-size:16px;line-height:1.8}
.password-field{position:relative}.password-field input{padding-inline-end:88px}.password-toggle{position:absolute;inset-inline-end:8px;top:50%;transform:translateY(-50%);min-width:68px;min-height:36px;padding:4px 9px;border-radius:8px;color:#08727e;font-weight:600}.password-toggle:hover{background:#e7f4f3}
html[lang=ar] .notice,html[lang=ar] .timeline p{font-size:16px;line-height:1.95}
html[lang=ar] .timeline strong,html[lang=ar] .workflow-steps strong{font-size:16px;line-height:1.8}
html[lang=ar] .bubble{font-size:17px;line-height:1.95}
html[lang=ar] .answer-values{font-size:18px;line-height:2}
html[lang=ar] .answer-original{font-size:14px;line-height:1.9}
html[lang=ar] .answer-original p{font-size:17px}
html[lang=ar] .assessment-answer h3{font-size:17px;line-height:1.85}
html[lang=ar] .source-context blockquote{font-size:19px;line-height:2}
html[lang=ar] dialog{font-size:18px;line-height:1.9}
html[lang=ar] .credit{font-size:13px;line-height:1.8}
@media(max-width:700px){
 html[lang=ar] h1,html[lang=ar] .welcome h1{font-size:26px;line-height:1.65}
 html[lang=ar] h2{font-size:21px;line-height:1.75}
 html[lang=ar] .welcome p{font-size:16px}
 html[lang=ar] .clock small{font-size:14px;line-height:1.9}
 html[lang=ar] .metric{font-size:14px;line-height:1.8}
 html[lang=ar] .topbar>.badge{font-size:12px;line-height:1.8}
 html[lang=ar] .topbar .button{font-size:14px;line-height:1.8}
 html[lang=ar] .mobilebrand strong{font-size:16px;line-height:1.75}
 html[lang=ar] .bottomnav a{font-size:13px;line-height:1.85}
 html[lang=ar] .assessment-topics .chip{font-size:14px;line-height:1.8}
 html[lang=ar] .profilehead h1{font-size:24px;line-height:1.7}
}
.library-toolbar{align-items:end}.library-toolbar label{min-width:0}.library-toolbar .library-search{flex:1}.library-search input{min-width:0}.library-record h3,.library-filename{overflow-wrap:anywhere}.library-record>div{min-width:0}.library-record h3 a{color:inherit;text-decoration:none}.library-record h3 a:hover,.library-record h3 a:focus-visible{text-decoration:underline}.library-review-link{display:inline-block;width:max-content;max-width:100%;margin:4px 0;text-decoration:none}.library-review-link:hover .review-pill,.library-review-link:focus-visible .review-pill{text-decoration:underline}.library-open{align-self:center;flex:none}.library-open .graphic{width:19px}.document-tabs{display:flex;flex-wrap:wrap;gap:8px}.document-tabs .button{flex:1;min-width:130px}.document-versions{display:flex;flex-wrap:wrap;gap:8px}.selected-version{border:2px solid #08727e;background:#e6f4f0}.viewer-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px;background:#edf4f4;border:1px solid #cbdfe3;border-radius:12px 12px 0 0}.viewer-controls output{min-width:48px;text-align:center;font-size:14px;direction:ltr}.viewer-controls .button{min-width:44px;padding:8px 10px}.viewer-controls .button:disabled{opacity:.45;cursor:default}.document-viewport{width:100%;max-height:72vh;min-height:250px;overflow:auto;border:1px solid #cbdfe3;direction:ltr;background:#e8eeee;border-radius:0 0 12px 12px;overscroll-behavior:contain}.word-original{display:block;width:595px;min-width:595px;height:850px;border:0;transform-origin:top left;background:white}.pdf-page{margin:0 0 12px;background:white}.pdf-page img{display:block;width:100%;height:auto}.pdf-page figcaption{text-align:center;font-size:13px;padding:7px;color:#466268}.translation-preview{width:100%;min-width:0;border:1px solid #dbe6e7;border-radius:12px;min-height:400px;display:block}.reading-text{font-family:Alexandria,Arial,sans-serif;font-size:18px;line-height:2;padding:16px;border:1px solid #dbe6e7;border-radius:12px}.library-document{min-width:0}#docArea{min-width:0}@media(max-width:700px){.library-document{padding:12px}.library-toolbar{display:grid;grid-template-columns:minmax(0,1fr)}.library-toolbar input,.library-toolbar select{width:100%;max-width:100%}.document-tabs .button{min-width:0;flex-basis:100%;text-align:center}.viewer-controls{gap:6px;padding:8px}.viewer-controls .button{font-size:13px}.reading-text{padding:12px}.library-document h1{font-size:24px}html[lang=ar] .library-document h1{font-size:24px}}
/* Private Library review: red denotes an unresolved finding, never a staff score. */
.review-entry{display:grid;gap:12px;padding:22px;background:#fff4f3;border:1px solid #e7b7b7;border-radius:18px;color:#712d32;text-decoration:none}.review-entry:hover{background:#ffebe9;text-decoration:none}.review-entry strong{font-size:20px}.review-entry small{font-size:13px}.review-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:9px;font-size:13px;font-weight:600;line-height:1.6;width:fit-content;margin:6px 0;white-space:normal}.review-pill.attention{background:#ffe4e4;color:#922731}.review-pill.opportunity{background:#fff1d3;color:#795213}.review-pill.verified{background:#dff3e6;color:#18613d}.review-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.review-count{padding:16px;border:1px solid #bad0d4;border-radius:14px;background:#eff7f7;color:#214d54;display:grid;gap:7px;text-align:start;min-width:0;font:inherit;cursor:pointer}.review-count strong{font-size:29px}.review-count.attention{background:#fff0ef;color:#912934;border-color:#edc1c4}.review-count.opportunity{background:#fff5e1;color:#755017}.review-count.verified{background:#e8f7ed;color:#1d653f}.review-count[aria-pressed=true]{outline:2px solid currentColor;outline-offset:2px}.review-count span{font-size:13px}.review-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.review-filters input,.review-filters select{width:100%;min-width:0;max-width:100%}.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.review-card{display:grid;gap:11px;align-content:start;padding:20px;border:1px solid #e7bcc0;border-inline-start:5px solid #b33545;border-radius:14px;color:#193f47;background:white;text-decoration:none;min-width:0;overflow-wrap:anywhere}.review-card:hover{background:#fff6f5;text-decoration:none}.review-card.opportunity{border-color:#dfc99d;border-inline-start-color:#b87a21}.review-card.verified{border-color:#badbc5;border-inline-start-color:#25824b}.review-card p{font-size:14px;color:#546b72}.review-card small{font-size:13px}.review-open{color:#8b2937;font-size:14px;font-weight:600}.review-card h3{font-size:18px;line-height:1.6}.review-section{display:grid;gap:14px;padding:20px 0;border-top:1px solid #dce5e7;overflow-wrap:anywhere}.review-section h2{font-size:21px}.review-section p{line-height:1.9;white-space:pre-line}.review-section.attention{padding:20px;background:#fff2f1;border:1px solid #efc6c9;border-inline-start:5px solid #b33545;border-radius:14px}.review-section.opportunity{padding:20px;background:#fff6e6;border-radius:14px}.review-section.strength{padding:20px;background:#edf7f4;border-radius:14px}.review-source-links{display:flex;gap:7px;flex-wrap:wrap}.review-source-links .chip{margin:0}.review-excerpt{margin:15px 0;padding:14px;background:#f1f6f6;border-radius:12px}.review-excerpt blockquote{margin:12px 0;font-family:Alexandria,Arial,sans-serif;font-size:18px;line-height:2;white-space:pre-wrap}.review-detail details summary{cursor:pointer;min-height:44px;padding:10px 0}.review-detail textarea{min-height:100px}.review-detail label{display:grid;gap:8px}.review-overview h1,.review-detail h1{overflow-wrap:anywhere}.review-detail #reviewSaveStatus{color:#922731}html[lang=ar] .review-card p{font-size:16px}html[lang=ar] .review-pill,html[lang=ar] .review-count span{font-size:14px}html[lang=ar] .review-section h2{font-size:22px;line-height:1.8}@media(max-width:700px){.review-grid,.review-filters{grid-template-columns:minmax(0,1fr)}.review-counts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.review-entry{padding:17px}.review-count{padding:12px}.review-card{padding:16px}.review-section.attention,.review-section.strength,.review-section.opportunity{padding:15px}.review-detail,.review-overview{min-width:0}.review-overview h1,.review-detail h1{font-size:25px;line-height:1.6}.review-source-links .chip{width:100%;overflow-wrap:anywhere}.review-excerpt{padding:10px}}

.review-count,.review-card,.review-section{grid-template-columns:minmax(0,1fr);margin-top:0}

.review-steps{padding-inline-start:28px;margin:0}.review-steps li{padding:10px 8px;line-height:1.9;border-bottom:1px solid #e0e9e9}.review-overview>label{display:grid;gap:8px}.review-overview>label select{width:100%;min-width:0}

.review-context{font-size:14px;color:#48666d;line-height:1.8}.owner-benefit{padding:18px;background:#edf7fb;border-radius:14px}.review-section a{font-weight:600;text-decoration:underline;text-underline-offset:3px}html[lang=ar] .review-context{font-size:16px}
/* Keep long section names and employee names inside small phone layouts. */
main{min-width:0;grid-template-columns:minmax(0,1fr)}
.toolbar,.sectionheading,.sectionheading>.row{min-width:0;max-width:100%}
.toolbar select{min-width:0}.toolbar input{max-width:100%}
.sectionheading>.row{flex:1}.sectionheading h1{min-width:0;overflow-wrap:anywhere}
.record>.row{min-width:0;flex:1}.record>.row>div:not(.avatar){min-width:0;flex:1;overflow-wrap:anywhere}.record .avatar{flex-shrink:0}
@media(max-width:700px){.toolbar select{width:100%}.toolbar input{min-width:0;flex-basis:100%}}

.proposed-solution{padding:20px;background:#fff7f7;border:1px solid #ebc5c9;border-inline-start:5px solid #a52d3d;border-radius:14px}.proposed-solution h2{color:#922731}.proposed-solution .solution-context{font-size:14px;color:#53686f;line-height:1.8}.solution-keypoints{padding-inline-start:24px;margin:0;display:grid;gap:16px}.solution-keypoints li{color:#922731;line-height:1.9;padding-inline-start:5px;font-weight:500;overflow-wrap:anywhere}.solution-keypoints li::marker{color:#922731}.solution-keypoints a{color:#922731;text-decoration:underline}html[lang=ar] .proposed-solution .solution-context{font-size:16px}html[lang=ar] .solution-keypoints li{font-size:18px;line-height:2}@media(max-width:700px){.proposed-solution{padding:16px}.solution-keypoints{padding-inline-start:21px;gap:14px}}
.voice-people,.voice-timeline{display:grid;gap:16px}.voice-person{scroll-margin-top:20px}.voice-person h2 a{text-decoration:underline;text-decoration-color:#b6d8dc;text-underline-offset:5px}.voice-item{display:grid;gap:13px;min-width:0;padding:18px;border:1px solid var(--border);border-inline-start:4px solid #087e88;border-radius:14px;background:#fbfdfd}.voice-item h3{overflow-wrap:anywhere}.voice-item .button{justify-self:start}.voice-source{display:grid;gap:14px;padding:20px;background:#f3f9f8;border:1px solid #d0e3e2;border-radius:14px}.voice-source blockquote{margin:0;padding:18px;border-inline-start:4px solid #087e88;background:white;border-radius:10px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:18px;line-height:2}.voice-source details{font-size:13px;color:#4b6870}.voice-source summary{cursor:pointer}.voice-source details p{padding:10px;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:700px){.voice-item{padding:15px}.voice-source{padding:15px}.voice-source blockquote{font-size:17px}}
.voice-count-rule summary{cursor:pointer;color:#08727e;font-weight:600}.voice-count-rule p{margin-top:9px;color:var(--muted);font-size:13px}
.voice-selection-bar{position:sticky;top:88px;z-index:7;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#eaf5f3;border:1px solid #aacdcd;border-radius:14px;padding:12px 16px;box-shadow:0 4px 18px #1f646213}.voice-selection-bar button:disabled{opacity:.5;cursor:not-allowed}.voice-select{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:#195e65}.voice-select input{width:20px;height:20px;accent-color:#087e88}.feedback-selected{max-height:150px;overflow:auto;padding:12px;background:#f4f8f8;border-radius:10px}.feedback-selected p{font-size:13px}.feedback-selected p+p{border-top:1px solid #d6e5e6}.feedback-general-field[hidden],#feedbackTrainingHint[hidden]{display:none!important}@media(max-width:700px){.voice-selection-bar{top:0;padding:10px}.voice-selection-bar .button{font-size:12px}}

.team-assessment-entry{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;background:#f0f8f7;border-color:#b9d9d8}.team-assessment-entry>div{display:flex;align-items:center;gap:14px;min-width:0}.team-assessment-entry h2{font-size:18px}.team-assessment-entry p{font-size:13px;color:#526d74}.voice-person{min-width:0;background:white;border:1px solid var(--border);border-radius:14px}.voice-person[hidden]{display:none}.voice-person>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:68px;padding:15px 19px;cursor:pointer;list-style:none}.voice-person>summary::-webkit-details-marker{display:none}.voice-person>summary::after{content:'⌄';font-size:24px;color:#087e88;line-height:1}.voice-person[open]>summary::after{transform:rotate(180deg)}.voice-person>summary:focus-visible{outline:3px solid #975de0;outline-offset:2px;border-radius:12px}.voice-person-name{display:grid;gap:4px;min-width:0;font-weight:600;overflow-wrap:anywhere}.voice-person-name small{color:#5b7379;font-weight:400}.voice-person-count{margin-inline-start:auto;white-space:nowrap;font-size:12px;color:#456a70}.voice-person-content{display:grid;gap:16px;padding:18px;border-top:1px solid var(--border)}.voice-person-content .row{gap:8px}@media(max-width:700px){.team-assessment-entry{padding:15px}.team-assessment-entry p{font-size:12px}.voice-person>summary{padding:13px}.voice-person-content{padding:13px}.voice-person-count{font-size:11px}}
.voice-head{gap:12px}.voice-head>p{font-size:13px;color:#526d74}.voice-head .voice-count-rule summary{font-size:12px;cursor:pointer}.voice-selection-bar[hidden]{display:none}@media(max-width:700px){.voice-head{padding:16px}.voice-head h1{font-size:23px}}

/* Owner-first attention and phone QC. */
.notification-bell{position:relative;overflow:visible}
.bell-count{position:absolute;top:-9px;inset-inline-end:-10px;display:grid;place-items:center;min-width:23px;height:23px;padding:0 5px;border-radius:999px;background:#d92043;color:#fff;font-size:12px;font-weight:700;line-height:1;border:2px solid #fff;box-shadow:0 2px 5px #61132233}
.owner-photo{display:grid;place-items:center;flex-shrink:0;width:54px;height:54px;border-radius:50%;background:#d7ece9;border:3px solid #fff;color:#13636b;font-size:25px;font-weight:700;overflow:hidden;box-shadow:0 3px 12px #143b451b}
.owner-photo img{width:100%;height:100%;object-fit:cover}
.owner-photo-large{width:68px;height:68px}
.owner-photo-profile{width:76px;height:76px}
.owner-photo-link{align-self:center;border-radius:50%}
.welcome-intro{display:flex;align-items:center;gap:18px;min-width:0}
.welcome-intro>div{min-width:0}
.owner-photo-upload{padding:16px;border:1px solid #c8dee0;border-radius:12px;background:#f5faf9}
.owner-photo-upload small{color:#597279}
.owner-photo-upload input{padding:8px;background:#fff}
.owner-priority{border-color:#b9d8d5;display:grid;gap:16px}
.owner-priority-title{display:flex;align-items:start;justify-content:space-between;gap:14px}
.owner-priority-intro{display:flex;align-items:flex-start;gap:16px;min-width:0;flex:1}
.owner-priority-intro>div{min-width:0;flex:1}
.owner-priority-title h2{line-height:1.5}
.owner-priority-title p{color:#526c73;font-size:13px;margin-top:5px}
.owner-priority-title .button{white-space:nowrap}
.owner-priority-title .graphic{width:17px;height:17px}
.owner-preview-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.owner-preview-item,.owner-inbox-item{display:grid;align-content:start;gap:7px;min-width:0;padding:15px;border-radius:13px;border:1px solid #d4e3e5;background:#fff;color:#183f47;text-decoration:none;overflow-wrap:anywhere}
.owner-preview-item:hover,.owner-inbox-item:hover{background:#f3fafa;text-decoration:none}
.owner-preview-item strong,.owner-inbox-item strong{font-size:14px;line-height:1.55}
.owner-preview-item span,.owner-inbox-item span{font-size:13px;line-height:1.7}
.owner-preview-item small,.owner-inbox-item small{font-size:11px;color:#45666d}
.owner-concern-preview{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.6!important}
.owner-concern-count{font-weight:700;color:#087481!important}
.owner-concern-details{display:grid;gap:12px;margin-top:16px}
.owner-concern-detail{display:grid;gap:8px;padding:17px;border:1px solid #d4e3e5;border-radius:16px;background:#fff;color:#183f47;text-decoration:none;overflow-wrap:anywhere}
.owner-concern-detail:hover{background:#f3fafa;text-decoration:none}
.owner-concern-detail small{color:#5b7076}
.owner-concern-detail strong{font-size:1rem;line-height:1.6}
.owner-concern-detail span{color:#087481;font-weight:700}
.owner-attention-meta{display:flex!important;flex-wrap:wrap;align-items:center;gap:4px 10px;color:#45666d}
.owner-attention-meta span{font-size:11px!important;font-weight:700;line-height:1.5}
.owner-attention-meta time{font-size:11px;line-height:1.5}
.owner-attention-meta span::after{content:'·';margin-inline-start:10px;color:#92a9ad;font-weight:400}
html[dir=rtl] .owner-attention-meta span,html[dir=rtl] .owner-attention-meta time{font-size:13px!important}
.owner-preview-item.is-unread{border-inline-start:4px solid #c7374e;background:#fffafa}
.owner-inbox-intro{display:grid;gap:8px}
.owner-inbox-intro p{font-size:14px}
.owner-inbox-intro input{max-width:550px;margin-top:8px}
.owner-inbox-group{display:grid;gap:12px;min-width:0}
.owner-inbox-group h2{display:flex;align-items:center;gap:9px}
.owner-inbox-group h2 span{font-size:14px;color:#697f84}
.owner-inbox-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.owner-inbox-item.is-unread{border-inline-start:4px solid #d22d4b;background:#fffafa}
.owner-inbox-item.is-read{background:#fff;border-color:#dce6e7}
.owner-note-panel form{display:grid;gap:14px}
.owner-recipients{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.owner-recipients strong{width:100%}
.owner-recipients label{display:flex;align-items:center;gap:6px;min-height:44px;padding:7px 10px;border:1px solid #d0e2e5;border-radius:9px}
.owner-recipients input{width:19px;height:19px;accent-color:#087e88}
.owner-note-history{display:grid;gap:10px}
.owner-note-event,.timeline-entry{display:grid;gap:5px;padding:14px;border:1px solid #dce8e9;border-radius:11px;background:#fbfdfd;overflow-wrap:anywhere}
.owner-note-event small,.timeline-entry small{color:#587078}
.owner-note-event p,.timeline-entry p{font-size:13px;line-height:1.8}
.owner-story-lead{font-size:16px;line-height:1.8}
.sectionheading>.row{flex-wrap:nowrap;align-items:flex-start}
.sectionheading>.row .help{margin-top:3px}
.sectionheading h1{line-height:1.4}
html[lang=ar] .owner-inbox-item span,html[lang=ar] .owner-preview-item span{font-size:16px;line-height:1.85}
html[lang=ar] .owner-story-lead{font-size:18px;line-height:2}
@media(max-width:900px){.owner-preview-list{grid-template-columns:1fr}.owner-inbox-list{grid-template-columns:1fr}}
@media(max-width:700px){
 .topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 6px;padding:10px 14px}
 .mobilebrand{grid-column:1;min-width:0}
 .mobilebrand .brand{min-width:0}
 .mobilebrand .brand img{width:45px;height:40px}
 .mobilebrand .brand strong{font-size:12px;line-height:1.4}
 .mobilebrand .brand small{font-size:10px;line-height:1.3}
 .topbar .header-actions{grid-column:2;margin:0;gap:4px}
 .topbar .header-actions .button{min-width:42px;min-height:42px;padding:7px;font-size:11px}
 .topbar>.badge{grid-column:1/-1;order:0;width:fit-content;margin:0;font-size:10px}
 .welcome{padding:16px;gap:12px}
 .welcome-owner{align-items:start}
 .welcome-intro{gap:10px}
 .owner-photo-large{width:52px;height:52px;font-size:20px}
 .welcome h1{font-size:21px;margin:3px 0}
 .welcome p{line-height:1.55}
 .clock strong{font-size:17px}
 .clock small{font-size:10px;line-height:1.6}
 .owner-priority{padding:16px;gap:12px}
 .owner-priority-title{display:grid;gap:9px}
 .owner-priority-title h2{font-size:19px}
 .owner-priority-title .button{justify-self:start}
 .owner-preview-item{padding:11px}
 .owner-inbox-item{padding:13px}
 .bottomnav a{font-size:11px;line-height:1.5}
 .bottomnav .iconbox{width:42px;height:39px}
 .bottomnav .graphic{width:22px;height:22px}
 .sectionheading>.row{gap:7px}
 .sectionheading h1{font-size:25px}
}
@media(max-width:350px){
 .mobilebrand .brand img{width:38px}
 .mobilebrand .brand strong{font-size:11px}
 .mobilebrand .brand small{display:none}
 .topbar .header-actions .button{min-width:39px;padding:5px}
 .welcome-owner .clock{width:100%}
 .bottomnav a{font-size:10px}
 html[lang=ar] .bottomnav a{font-size:11px}
}
@media(max-width:350px){
 .mobilebrand{grid-column:1/-1}
 .mobilebrand .brand img{width:46px;height:42px}
 .mobilebrand .brand strong{font-size:13px;line-height:1.45}
 .mobilebrand .brand small{display:block;font-size:10px}
 .topbar>.badge{grid-column:1;grid-row:2;max-width:100%;line-height:1.35}
 .topbar .header-actions{grid-column:2;grid-row:2}
}
/* One stable, touch-sized information control across page headings and cards. */
.help{display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;border:0;border-radius:13px;background:#e8f4f5;color:#08727e;line-height:1;box-shadow:inset 0 0 0 1px #cce2e4}
.help .graphic{width:23px;height:23px}
.sectionheading{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:start;gap:10px}
.sectionheading>h1,.sectionheading>h2{min-width:0;overflow-wrap:anywhere}
.sectionheading>.help{justify-self:end;align-self:start;margin:0}
.sectionheading>:nth-child(n+3){grid-column:1/-1}
.feature .help{width:44px;height:44px;top:20px;inset-inline-end:18px}
.review-overview>.row.between{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:start;gap:10px}
.review-overview>.row.between>h1{min-width:0;overflow-wrap:anywhere}
.review-overview>.row.between>.help{justify-self:end}
@media(max-width:700px){.feature .help{width:44px;height:44px;top:14px;inset-inline-end:12px}}
.view-switch{gap:7px;white-space:nowrap;color:#075e68;background:#e5f4f3}
.view-switch .graphic{width:19px;height:19px}
@media(max-width:700px){.view-switch{display:none}}
/* A real phone gets one readable card per row and five short navigation labels. */
@media(max-width:700px){
 .workspace,.workspace main,.featuregrid{min-width:0;max-width:100%}
 .featuregrid{grid-template-columns:minmax(0,1fr);gap:10px}
 .feature>a{grid-template-columns:52px minmax(0,1fr);gap:4px 12px;padding:15px;padding-inline-end:62px;align-items:start}
 .feature .iconbox{grid-row:1 / span 3;align-self:start}
 .feature h3,.feature p,.feature small{grid-column:2;min-width:0;overflow-wrap:anywhere}
 .feature h3{font-size:15px;line-height:1.45}
 .feature p{font-size:12px;line-height:1.55}
 .feature .help{top:15px;inset-inline-end:13px}
 .bottomnav{grid-template-columns:repeat(5,minmax(0,1fr));width:100%;max-width:100%;overflow:hidden;padding-inline:4px}
 .bottomnav a{min-width:0;gap:5px;padding:5px 1px;font-size:11px;line-height:1.25}
 .bottomnav a>span:last-child{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .bottomnav .iconbox{width:42px;height:38px}
 html[dir=rtl] .bottomnav a{font-size:13px}
}
@media(max-width:360px){
 .feature>a{padding-inline-end:58px}
 .bottomnav a{font-size:10px}
 .bottomnav .iconbox{width:38px;height:36px}
 html[dir=rtl] .bottomnav a{font-size:12px}
}

/* A2: one fluid layout for mobile Safari, Chrome, and other modern phone browsers. */
html{min-inline-size:0;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body,#app,.shell,.workspace{min-inline-size:0}
img,svg,video,canvas{max-inline-size:100%}
@media(max-width:700px){
 .topbar{
  padding-block-start:max(10px,env(safe-area-inset-top,0px));
  padding-inline-start:max(14px,env(safe-area-inset-left,0px));
  padding-inline-end:max(14px,env(safe-area-inset-right,0px));
 }
 main{
  padding-inline-start:max(15px,env(safe-area-inset-left,0px));
  padding-inline-end:max(15px,env(safe-area-inset-right,0px));
  padding-block-end:calc(116px + env(safe-area-inset-bottom,0px));
 }
 .bottomnav{
  padding-inline-start:max(4px,env(safe-area-inset-left,0px));
  padding-inline-end:max(4px,env(safe-area-inset-right,0px));
  padding-block-end:max(9px,env(safe-area-inset-bottom,0px));
 }
 .bottomnav a{min-block-size:56px}
 .topbar .header-actions .button,.notification-bell,.back-button,.home-link,
 .viewer-controls .button,.document-tabs .button,#closeDialog{min-block-size:48px}
 .topbar .header-actions .button,.notification-bell{min-inline-size:48px}
 .home-link{display:inline-flex;align-items:center}
 input,select,textarea{font-size:max(16px,1rem);min-block-size:48px}
 .case-more>summary,.voice-person>summary,.review-detail details summary{min-block-size:48px}
 .login{margin-block-start:max(3vh,env(safe-area-inset-top,0px))}
 dialog{
  max-block-size:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));
  inline-size:calc(100% - 24px);padding:18px;
 }
 #toast{bottom:calc(91px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:350px){
 .topbar .header-actions .button{min-inline-size:46px;padding-inline:5px}
}
@media(max-width:700px) and (max-height:500px){
 .bottomnav{padding-block:4px max(4px,env(safe-area-inset-bottom,0px))}
 .bottomnav a{min-block-size:48px;gap:2px}
 .bottomnav .iconbox{block-size:30px}
 main{padding-block-end:calc(92px + env(safe-area-inset-bottom,0px))}
}
/* Classroom assistance: a concise answer first, with evidence and workflow folded away. */
.support-lead{max-width:100%;gap:13px}
.support-origin{margin:0;color:var(--muted);font-size:13px}
.support-origin a{font-weight:700}
.support-missing{margin:0;color:#8d4d23;font-size:13px;font-weight:600}
.support-next{border-radius:13px;background:#f0f6f7;padding:14px 17px;display:grid;gap:5px}
.support-next strong{color:#0a6d77;font-size:14px}
.support-next p{margin:0;font-size:13px;line-height:1.7}
.support-actions{margin-top:8px;flex-wrap:wrap}
.support-lead .case-provenance{font-size:11px;line-height:1.6}
.support-disclosure{max-width:100%}
.support-disclosure .case-disclosure-body>p{padding-top:0;margin:14px 0 0}
.support-disclosure .bubble{overflow-wrap:anywhere}
.support-disclosure blockquote{margin:0;padding:13px;background:#f5f9f9;border-inline-start:3px solid #6c9fa5}
.support-disclosure .timeline{margin-top:16px}
.support-disclosure .workflow-steps{margin-top:15px}
html[lang=ar] .support-origin,html[lang=ar] .support-missing,html[lang=ar] .support-next p{font-size:15px;line-height:1.9}
@media(max-width:700px){.support-next{padding:13px}.support-lead .case-keyfacts{grid-template-columns:repeat(2,minmax(0,1fr))}.support-disclosure .case-disclosure-body{min-width:0}.support-disclosure .composer{display:grid;grid-template-columns:1fr}.support-disclosure .composer .button{justify-self:end}}
/* Keep Muhammad's greeting and live date balanced at desktop and tablet widths. */
.welcome-owner{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,230px);align-items:center;gap:28px}
.welcome-owner .welcome-intro{align-items:center;min-width:0}
.welcome-owner .welcome-intro>div{min-width:0}
.welcome-owner h1{overflow-wrap:anywhere}
.welcome-owner .clock{min-width:0;width:auto;text-align:start;padding:18px 20px;border:1px solid #ffffff80;border-radius:17px;background:linear-gradient(120deg,#ffffff48,#ffffff18);animation:clock-fade-in .45s ease-out both}
.welcome-owner .clock strong{font-size:24px;line-height:1.35}
.welcome-owner .clock small{font-size:12px;line-height:1.7}
@keyframes clock-fade-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.welcome-owner .clock{animation:none}}
@media(min-width:521px) and (max-width:850px){
 .welcome-owner{grid-template-columns:minmax(0,1fr) 168px;gap:12px;align-items:center;padding:18px}
 .welcome-owner .clock{min-width:0;width:auto;padding:13px 12px}
 .welcome-owner .clock strong{font-size:19px}
 .welcome-owner .clock small{font-size:11px;line-height:1.6}
}
@media(max-width:520px){
 .welcome-owner{grid-template-columns:minmax(0,1fr);gap:12px}
 .welcome-owner .clock{display:block;width:100%;padding:12px 0 0;border:0;border-top:1px solid #cfe1de;border-radius:0;background:transparent}
 .welcome-owner .clock strong{font-size:18px}
 .welcome-owner .clock small{font-size:11px;line-height:1.6}
}
.operational-summary .metric{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;justify-content:stretch;justify-items:center;align-items:center;gap:7px;text-align:center;min-height:104px}
.operational-summary .metric span{align-self:end;line-height:1.45}
.operational-summary .metric strong{align-self:center;line-height:1.1}
.owner-priority-intro{flex-direction:row-reverse;justify-content:flex-end;align-items:center}
.owner-priority-intro>div{flex:1;min-width:0}
@media(max-width:700px){.operational-summary .metric{min-height:88px;padding:10px 5px}.owner-priority-intro{align-items:flex-start}}

/* Classroom overview: a working room and clearly non-interactive previews. */
.classroom-section{display:grid;gap:16px}
.classroom-section-heading{display:grid;gap:4px}
.classroom-section-heading p{color:var(--muted);font-size:13px}
.classroom-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.classroom-live,.classroom-preview{min-width:0;overflow:hidden;background:white;border:1px solid var(--border);border-radius:20px}
.classroom-live a{display:block;height:100%;color:inherit;padding-bottom:18px}
.classroom-live a:hover{text-decoration:none}
.classroom-live:hover{box-shadow:0 9px 25px #31575e12}
.classroom-preview{opacity:.85}
.classroom-art{aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#e4f4f1,#faf2e1)}
.classroom-art svg{display:block;width:100%;height:100%;object-fit:cover}
.classroom-art-sesame{background:linear-gradient(135deg,#f2eaf8,#fff0df)}
.classroom-art-arabic{background:linear-gradient(135deg,#e7f3e9,#f8f1dc)}
.classroom-preview-label{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:16px 17px 8px}
.classroom-preview-label h3{min-width:0;line-height:1.5}
.classroom-preview-label .badge{flex-shrink:0}
.classroom-live p{padding:0 17px;color:var(--muted);font-size:12px}
@media(max-width:900px){.classroom-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.classroom-gallery{grid-template-columns:minmax(0,1fr)}.classroom-art{aspect-ratio:2/1}.classroom-preview-label{flex-wrap:wrap}}

.profile-actions{display:flex;flex-wrap:wrap;gap:10px}
.profile-actions .button{flex:0 1 auto}
.staff-conversation-summary{justify-items:start}
.staff-message-list{display:grid;gap:12px;max-width:760px}
.staff-message-bubble{max-width:90%;padding:15px 17px;background:#f1f6f6;border:1px solid #dce9e9;border-radius:16px}
.staff-message-bubble.mine{justify-self:end;background:#e9f5f2;border-color:#c6e0da}
.staff-message-bubble small{display:block;color:var(--muted);margin-bottom:6px}
.staff-message-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}
.staff-message-form{display:grid;gap:15px;max-width:760px}
.staff-message-form .button{justify-self:start}
@media(max-width:560px){.profile-actions{display:grid;grid-template-columns:minmax(0,1fr)}.profile-actions .button{width:100%}.staff-message-bubble{max-width:100%}}

.followup-detail{gap:15px}
.followup-at-glance{display:grid;gap:14px;padding:18px 20px;border:1px solid #cfe2e3;border-radius:13px;background:#f6fbfa}
.followup-at-glance .facts{gap:14px}
.followup-at-glance .facts small{margin-bottom:4px}
.followup-task{padding-top:12px;border-top:1px solid #d2e2e4}
.followup-task>strong{display:block;margin-bottom:4px;color:#126b74;font-size:13px}
.followup-task p{line-height:1.65}
.followup-origin-hint{display:flex;gap:12px;align-items:baseline;margin:0;padding:11px 2px;border-top:1px solid #d7e4e5;color:#526d75;font-size:12px;line-height:1.6}
.followup-origin-hint strong{flex-shrink:0;color:#126b74}
@media(max-width:700px){.followup-at-glance{padding:15px}.followup-at-glance .facts{grid-template-columns:repeat(2,minmax(0,1fr))}.followup-origin-hint{display:block}.followup-origin-hint strong{display:block;margin-bottom:3px}}

/* Mobile first screen: keep the route and next action visible before explanation. */
.owner-inbox-explain{border-top:1px solid var(--border);padding-top:8px}
.owner-inbox-explain summary,.case-rule-disclosure summary{cursor:pointer;color:#126b74;font-weight:600}
.owner-inbox-explain p,.case-rule-disclosure p{margin-top:8px}
@media(max-width:700px){
 .topbar{display:flex;flex-wrap:nowrap;min-height:60px;padding:8px 12px;gap:5px}
 .mobilebrand{flex:1 1 auto;min-width:0}
 .mobilebrand .brand{gap:5px}
 .mobilebrand .brand img{width:38px;height:36px}
 .mobilebrand .brand strong{font-size:11px}
 .mobilebrand .brand small{display:none}
 .topbar>.badge{display:none}
 .topbar .header-actions{flex:0 0 auto;gap:4px}
 .topbar .header-actions .button{min-width:44px;min-height:44px;padding:5px}
 .topbar .header-actions [data-language]{padding-inline:6px}
 .page-navigation .home-link{display:none}
 .page-navigation .back-button{min-width:88px}
 main{gap:14px;padding-top:12px}
 .sectionheading h1{font-size:23px}
 .owner-inbox-intro{padding:14px;gap:5px}
 .owner-inbox-intro h2{font-size:18px;line-height:1.35}
 .owner-inbox-intro p{font-size:12px;line-height:1.5}
 .owner-inbox-intro input{margin-top:3px}
 .owner-inbox-group h2{font-size:17px;line-height:1.35}
 .owner-inbox-group h2 span{font-size:12px}
 .case-lead{gap:9px}
 .case-lead h1{font-size:21px;line-height:1.3}
 .case-keyfacts{gap:8px}
 .case-keyfacts small{font-size:11px}
 .case-keyfacts strong{font-size:12px;line-height:1.4}
 .case-brief{padding:8px 0}
 .case-brief p{font-size:12px;line-height:1.5}
 .case-rule-disclosure{padding:12px 15px}
 .case-rule-disclosure p{font-size:12px;line-height:1.6}
}
@media(max-width:350px){
 .mobilebrand .brand strong{font-size:10px}
 .topbar .header-actions .button{min-width:40px;padding-inline:3px}
 .topbar .header-actions [data-language]{font-size:11px}
}
/* A rotated phone remains in App View rather than switching to the desktop sidebar. */
@media(max-width:900px) and (max-height:500px){
 .shell{display:block}
 .sidebar{display:none}
 .mobilebrand{display:flex;flex:1 1 auto;min-width:0}
 .mobilebrand .brand{gap:6px}
 .mobilebrand .brand img{width:38px;height:36px}
 .mobilebrand .brand strong{font-size:12px}
 .mobilebrand .brand small{display:none}
 .topbar{display:flex;flex-wrap:nowrap;position:static;min-height:60px;padding:7px max(12px,env(safe-area-inset-right,0px)) 7px max(12px,env(safe-area-inset-left,0px));gap:6px}
 .topbar>.badge,.view-switch{display:none}
 .topbar .header-actions{flex:0 0 auto;margin-inline-start:auto;gap:4px}
 .topbar .header-actions .button{min-width:44px;min-height:44px;padding:5px}
 .workspace main{max-width:100%;padding:10px max(12px,env(safe-area-inset-right,0px)) calc(76px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));gap:12px}
 .page-navigation .home-link{display:none}
 .bottomnav{position:fixed;bottom:0;inset-inline:0;z-index:20;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#fffffff5;border-top:1px solid #cbdfe3;padding:4px max(4px,env(safe-area-inset-right,0px)) max(4px,env(safe-area-inset-bottom,0px)) max(4px,env(safe-area-inset-left,0px));backdrop-filter:blur(10px)}
 .bottomnav a{display:grid;justify-items:center;align-content:center;gap:1px;min-width:0;min-height:48px;padding:2px;text-align:center;font-size:11px;line-height:1.2;color:#385761}
 .bottomnav a.active{color:#006a78;font-weight:600}
 .bottomnav .iconbox{width:31px;height:27px;border-radius:8px}
 .bottomnav .graphic{width:19px;height:19px}
}