@font-face{font-family:Plex Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:Plex Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-arabic-500-normal.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:Plex Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:Plex Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-arabic-700-normal.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:Plex Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-latin-400-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plex Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-latin-500-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plex Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-latin-600-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plex Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-latin-700-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Reem Kufi;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/reem-kufi-arabic-500-normal.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:Reem Kufi;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/reem-kufi-arabic-700-normal.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:Reem Kufi;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/reem-kufi-latin-500-normal.woff2)format("woff2");unicode-range:U+??}@font-face{font-family:Reem Kufi;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/reem-kufi-latin-700-normal.woff2)format("woff2");unicode-range:U+??}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink-950:#072329;--ink-900:#0b2e35;--ink-800:#0f3d45;--ink-700:#155260;--ink-600:#1d6b7a;--ink-500:#2a8495;--ink-200:#bfd9dc;--ink-100:#e1eeef;--ink-50:#eff6f6;--gold-600:#8a5a12;--gold-500:#b7791f;--gold-300:#e3b964;--gold-100:#f8ecd2;--bg:#faf7f0;--bg-sunken:#f3eee2;--surface:#fffdf8;--surface-raised:#fff;--border:#e6dfd0;--border-strong:#d4c9b3;--text:#1a2427;--text-muted:#55636a;--text-subtle:#66737a;--text-on-primary:#fff;--text-accent:var(--gold-600);--primary:var(--ink-800);--primary-hover:var(--ink-900);--primary-soft:var(--ink-50);--primary-soft-text:var(--ink-700);--focus:#2a8495;--success:#2f7a4f;--success-soft:#e5f2ea;--danger:#b42318;--danger-soft:#fbe9e7;--warning:#8a5a00;--warning-soft:#fbf0d9;--info:var(--ink-600);--info-soft:var(--ink-50);--sec-strategies:#1d6b7a;--sec-training:#3b5ba5;--sec-competitions:#b7791f;--sec-teaching:#2f7a4f;--sec-activities:#8b4a8c;--sec-experiences:#a34f32;--sec-student-work:#5b6f2a;--sec-impact:#0f3d45;--sec-stories:#a33b5c;--sec-enrichment:#6b5aa6;--font-ui:"Plex Arabic", "IBM Plex Sans Arabic", "Segoe UI", Tahoma, system-ui, sans-serif;--font-display:"Reem Kufi", "Plex Arabic", system-ui, sans-serif;--fs-xs:.8125rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--fs-3xl:1.875rem;--fs-4xl:2.25rem;--fs-5xl:clamp(2.25rem, 1.6rem + 3vw, 3.5rem);--lh-tight:1.35;--lh-normal:1.8;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--r-pill:999px;--shadow-1:0 1px 2px #0b2e350f, 0 1px 1px #0b2e350a;--shadow-2:0 2px 4px #0b2e350d, 0 8px 16px -4px #0b2e3514;--shadow-3:0 4px 8px #0b2e350f, 0 20px 40px -12px #0b2e3529;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-1:.12s;--dur-2:.2s;--dur-3:.32s;--dur-4:.6s;--paper-grain:url(/grain.png)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c1618;--bg-sunken:#091113;--surface:#12201f;--surface-raised:#172a2d;--border:#22383b;--border-strong:#2f4a4e;--text:#ece7dc;--text-muted:#aab5b5;--text-subtle:#8e9a9b;--text-on-primary:#072329;--text-accent:var(--gold-300);--primary:#7cc9d4;--primary-hover:#9ad7df;--primary-soft:#143338;--primary-soft-text:#9ad7df;--focus:#9ad7df;--success:#6cc191;--success-soft:#133024;--danger:#f19084;--danger-soft:#3a1714;--warning:#e6b450;--warning-soft:#33280f;--info:#7cc9d4;--info-soft:#143338;--shadow-1:0 1px 2px #0000004d;--shadow-2:0 2px 4px #0000004d, 0 8px 16px -4px #0006;--shadow-3:0 4px 8px #0000004d, 0 20px 40px -12px #0000008c;--paper-grain:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c1618;--bg-sunken:#091113;--surface:#12201f;--surface-raised:#172a2d;--border:#22383b;--border-strong:#2f4a4e;--text:#ece7dc;--text-muted:#aab5b5;--text-subtle:#8e9a9b;--text-on-primary:#072329;--text-accent:var(--gold-300);--primary:#7cc9d4;--primary-hover:#9ad7df;--primary-soft:#143338;--primary-soft-text:#9ad7df;--focus:#9ad7df;--success:#6cc191;--success-soft:#133024;--danger:#f19084;--danger-soft:#3a1714;--warning:#e6b450;--warning-soft:#33280f;--info:#7cc9d4;--info-soft:#143338;--shadow-1:0 1px 2px #0000004d;--shadow-2:0 2px 4px #0000004d, 0 8px 16px -4px #0006;--shadow-3:0 4px 8px #0000004d, 0 20px 40px -12px #0000008c;--paper-grain:none}}
.container{inline-size:min(100% - 2 * var(--s-4), 1200px);margin-inline:auto}.stack{gap:var(--s-4);flex-direction:column;display:flex}.stack-sm{gap:var(--s-2);flex-direction:column;display:flex}.row{align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.row-between{justify-content:space-between;align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.grid{gap:var(--s-5);display:grid}.grid-2{gap:var(--s-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));display:grid}.grid-3{gap:var(--s-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));display:grid}.muted{color:var(--text-muted)}.subtle{color:var(--text-subtle);font-size:var(--fs-sm)}.accent-text{color:var(--text-accent)}.btn{--btn-bg:var(--primary);--btn-fg:var(--text-on-primary);--btn-border:transparent;justify-content:center;align-items:center;gap:var(--s-2);min-block-size:44px;padding:var(--s-2) var(--s-5);border-radius:var(--r-md);border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-fg);font-weight:600;font-size:var(--fs-md);cursor:pointer;transition:background-color var(--dur-2) var(--ease-out), transform var(--dur-1) var(--ease-out), box-shadow var(--dur-2) var(--ease-out);box-shadow:var(--shadow-1);line-height:1.2;text-decoration:none;display:inline-flex}.btn:hover{--btn-bg:var(--primary-hover);color:var(--btn-fg);box-shadow:var(--shadow-2)}.btn:active{box-shadow:var(--shadow-1);transform:translateY(1px)scale(.99)}.btn[disabled],.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}.btn-secondary{--btn-bg:var(--surface-raised);--btn-fg:var(--text);--btn-border:var(--border-strong)}.btn-secondary:hover{--btn-bg:var(--bg-sunken)}.btn-ghost{--btn-bg:transparent;--btn-fg:var(--primary-soft-text);box-shadow:none}.btn-ghost:hover{--btn-bg:var(--primary-soft);box-shadow:none}.btn-danger{--btn-bg:var(--danger);--btn-fg:#fff}.btn-danger:hover{--btn-bg:var(--danger);filter:brightness(.92)}.btn-sm{min-block-size:36px;padding:var(--s-1) var(--s-3);font-size:var(--fs-sm);border-radius:var(--r-sm)}.btn-lg{min-block-size:56px;padding:var(--s-3) var(--s-6);font-size:var(--fs-lg);border-radius:var(--r-lg)}.btn-block{inline-size:100%}.btn .spinner-dot{block-size:8px;inline-size:8px;animation:pulse 1s var(--ease-in-out) infinite;background:currentColor;border-radius:50%}@keyframes pulse{50%{opacity:.25}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-1);padding:var(--s-5)}.card-lift{transition:transform var(--dur-3) var(--ease-out), box-shadow var(--dur-3) var(--ease-out), border-color var(--dur-3)}.card-lift:hover{box-shadow:var(--shadow-3);border-color:var(--border-strong);transform:translateY(-3px)}.card-header{justify-content:space-between;align-items:center;gap:var(--s-3);margin-block-end:var(--s-4);display:flex}.card-title{font-family:var(--font-display);font-size:var(--fs-lg);margin:0}.field{gap:var(--s-1);flex-direction:column;display:flex}.field label,.label{font-weight:600;font-size:var(--fs-sm);color:var(--text)}.field .hint{font-size:var(--fs-xs);color:var(--text-muted)}.field .error{font-size:var(--fs-sm);color:var(--danger)}.input,.select,.textarea{min-block-size:48px;inline-size:100%;padding:var(--s-2) var(--s-4);background:var(--surface-raised);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--r-md);transition:border-color var(--dur-2), box-shadow var(--dur-2)}.textarea{resize:vertical;min-block-size:120px;line-height:var(--lh-normal)}.input:hover,.select:hover,.textarea:hover{border-color:var(--ink-500)}.input:focus,.select:focus,.textarea:focus{border-color:var(--focus);box-shadow:0 0 0 4px color-mix(in srgb, var(--focus) 22%, transparent);outline:none}.input[aria-invalid=true]{border-color:var(--danger)}.input-code{letter-spacing:.4em;text-align:center;font-size:var(--fs-2xl);font-variant-numeric:tabular-nums;direction:ltr}.checkbox{align-items:center;gap:var(--s-2);min-block-size:44px;display:flex}.checkbox input{block-size:20px;inline-size:20px;accent-color:var(--primary)}.alert{gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);font-size:var(--fs-sm);white-space:pre-line;border:1px solid;align-items:flex-start;display:flex}.alert-error{background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 30%, transparent);color:var(--danger)}.alert-success{background:var(--success-soft);border-color:color-mix(in srgb, var(--success) 30%, transparent);color:var(--success)}.alert-info{background:var(--info-soft);border-color:color-mix(in srgb, var(--info) 30%, transparent);color:var(--primary-soft-text)}.alert-warning{background:var(--warning-soft);border-color:color-mix(in srgb, var(--warning) 30%, transparent);color:var(--warning)}.badge{align-items:center;gap:var(--s-1);padding:2px var(--s-2);border-radius:var(--r-pill);font-size:var(--fs-xs);background:var(--primary-soft);color:var(--primary-soft-text);white-space:nowrap;font-weight:600;display:inline-flex}.badge-gold{background:var(--gold-100);color:var(--gold-600)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-muted{background:var(--bg-sunken);color:var(--text-muted)}:root[data-theme=dark] .badge-gold{color:var(--gold-300);background:#3a2c10}.table-wrap{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);overflow-x:auto}.table{border-collapse:collapse;inline-size:100%;font-size:var(--fs-sm)}.table th{text-align:start;color:var(--text-muted);background:var(--bg-sunken);padding:var(--s-3) var(--s-4);border-block-end:1px solid var(--border);white-space:nowrap;font-weight:600}.table td{padding:var(--s-3) var(--s-4);border-block-end:1px solid var(--border);vertical-align:middle}.table tr:last-child td{border-block-end:0}.table tbody tr{transition:background-color var(--dur-1)}.table tbody tr:hover{background:color-mix(in srgb, var(--primary-soft) 55%, transparent)}.pagination{gap:var(--s-2);justify-content:center;align-items:center;margin-block-start:var(--s-4);display:flex}.filters{gap:var(--s-3);flex-wrap:wrap;align-items:flex-end;margin-block-end:var(--s-4);display:flex}.filters .field{flex:160px;min-inline-size:160px}.skeleton{background:linear-gradient(90deg, var(--bg-sunken) 0%, var(--border) 50%, var(--bg-sunken) 100%);border-radius:var(--r-sm);background-size:200% 100%;min-block-size:1em;animation:1.4s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{text-align:center;align-items:center;gap:var(--s-3);padding:var(--s-7) var(--s-5);color:var(--text-muted);flex-direction:column;display:flex}.empty-state svg{color:var(--ink-500)}.empty-state h3{color:var(--text);margin:0}.auth{grid-template-columns:1fr;min-block-size:100dvh;display:grid}@media (min-width:960px){.auth{grid-template-columns:minmax(380px,5fr) 7fr}}.auth-brand{background:radial-gradient(120% 90% at 100% 0%, var(--ink-700) 0%, var(--ink-900) 55%, var(--ink-950) 100%);color:#f3efe6;padding:var(--s-8) var(--s-7);display:none;position:relative;overflow:hidden}@media (min-width:960px){.auth-brand{flex-direction:column;justify-content:space-between;display:flex}}.auth-brand h1{color:#fff;font-size:var(--fs-4xl);margin-block-start:var(--s-6)}.auth-brand p{color:#cfe1e3;font-size:var(--fs-lg);max-inline-size:36ch}.auth-brand .motif{opacity:.9;pointer-events:none;inline-size:520px;position:absolute;inset-block-end:-20px;inset-inline-end:-40px}.auth-main{padding:var(--s-4);justify-content:center;align-items:center;display:flex}.auth-card{inline-size:min(100%,440px)}.auth-card .card{padding:var(--s-5)}.auth-card .card>h1{margin-block-end:var(--s-2)}.auth-card .stack{gap:var(--s-3)}.auth-mobile-brand{align-items:center;gap:var(--s-3);margin-block-end:var(--s-5);display:flex}@media (min-width:960px){.auth-mobile-brand{display:none}}.brand{align-items:center;gap:var(--s-3);color:inherit;text-decoration:none;display:inline-flex}.brand-name{font-family:var(--font-display);font-weight:700;font-size:var(--fs-lg);line-height:1.2}.brand-tag{font-size:var(--fs-xs);color:var(--text-muted)}.auth-brand .brand-tag{color:var(--gold-300)}.shell{grid-template-columns:1fr;min-block-size:100dvh;display:grid}@media (min-width:860px){.shell{grid-template-columns:272px 1fr}.shell[data-collapsed=true]{grid-template-columns:1fr}.shell[data-collapsed=true] .sidebar{display:none}}.sidebar{background:var(--surface);border-inline-end:1px solid var(--border);padding:var(--s-5) var(--s-4);gap:var(--s-5);flex-direction:column;block-size:100dvh;display:none;position:sticky;inset-block-start:0;overflow-y:auto}@media (min-width:860px){.sidebar{display:flex}}.sidebar[data-open=true]{z-index:60;inline-size:min(86vw,320px);box-shadow:var(--shadow-3);display:flex;position:fixed;inset:0}.nav{flex-direction:column;gap:2px;display:flex}.nav-label{font-size:var(--fs-xs);color:var(--text-subtle);padding-inline:var(--s-3);margin-block:var(--s-3) var(--s-1);font-weight:600}.nav a{align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border-radius:var(--r-md);min-block-size:44px;color:var(--text-muted);transition:background-color var(--dur-2), color var(--dur-2);font-weight:500;text-decoration:none;display:flex}.nav a:hover{background:var(--bg-sunken);color:var(--text)}.nav a[aria-current=page]{background:var(--primary-soft);color:var(--primary-soft-text);font-weight:600;position:relative}.nav a[aria-current=page]:before{content:"";background:var(--gold-500);border-radius:0 4px 4px 0;inline-size:4px;position:absolute;inset-block:8px;inset-inline-start:-16px}.topbar{z-index:40;justify-content:space-between;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-5);background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-block-end:1px solid var(--border);display:flex;position:sticky;inset-block-start:0}.main{padding:var(--s-5);gap:var(--s-5);flex-direction:column;min-inline-size:0;display:flex}@media (min-width:768px){.main{padding:var(--s-6) var(--s-7)}}.breadcrumbs{gap:var(--s-2);font-size:var(--fs-sm);color:var(--text-muted);flex-wrap:wrap;align-items:center;display:flex}.breadcrumbs a{color:var(--text-muted);text-decoration:none}.breadcrumbs a:hover{color:var(--primary-soft-text)}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--s-4);flex-wrap:wrap;display:flex}.page-header h1{margin:0}.page-header p{margin:var(--s-1) 0 0;color:var(--text-muted)}.menu-btn{display:inline-flex}.scrim{z-index:55;background:#07232973;position:fixed;inset:0}.stat{gap:var(--s-1);flex-direction:column;display:flex}.stat-value{font-family:var(--font-display);font-size:var(--fs-4xl);color:var(--text);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.1}.stat-label{color:var(--text-muted);font-size:var(--fs-sm)}.icon-tile{border-radius:var(--r-md);background:var(--primary-soft);block-size:48px;inline-size:48px;color:var(--primary-soft-text);flex:none;place-items:center;display:inline-grid}.path-divider{block-size:24px;inline-size:100%;color:var(--border-strong);display:block}.path-divider .dot{fill:var(--gold-500)}.code-sheet{gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));display:grid}.code-card{border:1px dashed var(--border-strong);border-radius:var(--r-md);padding:var(--s-4);background:var(--surface);break-inside:avoid}.code-card .code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-xl);letter-spacing:.15em;text-align:center;direction:ltr;font-weight:700}.code-card .pin{font-family:ui-monospace,Menlo,monospace;font-size:var(--fs-xl);letter-spacing:.3em;text-align:center;color:var(--gold-600);direction:ltr;font-weight:700}.qr svg{border-radius:var(--r-md);block-size:200px;inline-size:200px;padding:var(--s-2);background:#fff}.dropzone{border:2px dashed var(--border-strong);border-radius:var(--r-lg);padding:var(--s-6);text-align:center;background:var(--bg-sunken);transition:border-color var(--dur-2), background-color var(--dur-2);cursor:pointer}.dropzone:hover,.dropzone[data-active=true]{border-color:var(--primary);background:var(--primary-soft)}dialog.dialog{border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--s-6);background:var(--surface);color:var(--text);box-shadow:var(--shadow-3);inline-size:min(92vw,520px)}dialog.dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#07232980}.toast-region{z-index:90;gap:var(--s-2);flex-direction:column;display:flex;position:fixed;inset-block-end:var(--s-5);inset-inline-start:50%;translate:50%}.toast{background:var(--ink-900);color:#f3efe6;padding:var(--s-3) var(--s-5);border-radius:var(--r-md);box-shadow:var(--shadow-3);animation:toast-in var(--dur-3) var(--ease-out)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}.icon-btn{border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);block-size:44px;inline-size:44px;color:var(--text-muted);cursor:pointer;transition:color var(--dur-2), background-color var(--dur-2);place-items:center;display:inline-grid}.icon-btn:hover{color:var(--text);background:var(--bg-sunken)}[dir=rtl] .mirror{transform:scaleX(-1)}.reveal{animation:reveal var(--dur-4) var(--ease-out) both}@keyframes reveal{0%{opacity:0;transform:translateY(12px)}}.icon-grid{gap:var(--s-4);color:var(--primary-soft-text);grid-template-columns:repeat(auto-fill,minmax(96px,1fr));display:grid}.recovery-grid{padding:var(--s-4);gap:var(--s-2) var(--s-5);background:var(--bg-sunken);border-radius:var(--r-md);counter-reset:rc;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:0;list-style:none;display:grid}.recovery-grid code{font-family:ui-monospace,Menlo,monospace;font-size:var(--fs-lg);letter-spacing:.06em;font-weight:600}.password-wrap{position:relative}.password-wrap .input{padding-inline-end:52px}.password-eye{border-radius:var(--r-sm);block-size:40px;inline-size:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;place-items:center;margin-block:auto;display:grid;position:absolute;inset-block:0;inset-inline-end:4px}.password-eye:hover{color:var(--text);background:var(--bg-sunken)}.pw-checklist{background:var(--bg-sunken);border-radius:var(--r-md);padding:var(--s-2) var(--s-3);font-size:var(--fs-sm)}.pw-checklist ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.pw-rule{align-items:center;gap:var(--s-2);color:var(--text-muted);transition:color var(--dur-2);line-height:1.6;display:flex}.pw-rule>svg{color:var(--text-subtle);flex:none}.pw-rule.ok,.pw-rule.ok>svg{color:var(--success)}.pw-rule.bad,.pw-rule.bad>svg{color:var(--danger)}.pw-count{font-variant-numeric:tabular-nums;opacity:.8}.pw-chips{flex-wrap:wrap;gap:4px;padding-inline-start:26px;display:flex}.pw-chip{border-radius:var(--r-pill);border:1px solid var(--border-strong);color:var(--text-muted);font-size:var(--fs-xs);align-items:center;gap:2px;padding:0 8px;line-height:1.8;display:inline-flex}.pw-chip.ok{border-color:color-mix(in srgb, var(--success) 45%, transparent);background:var(--success-soft);color:var(--success)}@media (max-height:720px){.auth-main{padding-block:var(--s-2)}.auth-mobile-brand{margin-block-end:var(--s-2)}.auth-card .card{padding:var(--s-4)}.auth-card .card>h1{font-size:var(--fs-xl)}.auth-card .card>p{margin-block-end:var(--s-2)}.auth-card .input{min-block-size:44px}}.seg{background:var(--bg-sunken);border-radius:var(--r-md);flex-wrap:wrap;align-self:flex-start;gap:4px;padding:4px;display:inline-flex}.seg-btn{align-items:center;gap:var(--s-2);min-block-size:40px;padding:0 var(--s-4);border-radius:var(--r-sm);color:var(--text-muted);cursor:pointer;transition:background-color var(--dur-2), color var(--dur-2);background:0 0;border:0;font-weight:600;display:inline-flex}.seg-btn:hover{color:var(--text)}.seg-btn.on{background:var(--surface-raised);color:var(--primary-soft-text);box-shadow:var(--shadow-1)}.pick-chip{border-radius:var(--r-pill);border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--text-muted);font-size:var(--fs-sm);cursor:pointer;transition:background-color var(--dur-2), border-color var(--dur-2), color var(--dur-2);align-items:center;gap:4px;padding:4px 12px;display:inline-flex}.pick-chip:hover{border-color:var(--ink-500);color:var(--text)}.pick-chip.on{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-soft-text);font-weight:600}.pick-chip:focus-within{outline:3px solid var(--focus);outline-offset:2px}
.site-header{z-index:40;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-block-end:1px solid var(--border);position:sticky;inset-block-start:0}.site-footer{border-block-start:1px solid var(--border);background:var(--bg-sunken);margin-block-start:var(--s-8)}.hero{isolation:isolate;border-radius:var(--r-xl);padding:clamp(var(--s-6), 6vw, var(--s-9)) clamp(var(--s-5), 5vw, var(--s-8));background:radial-gradient(120% 120% at 100% 0%, var(--ink-700) 0%, var(--ink-900) 55%, var(--ink-950) 100%);color:#f3efe6;box-shadow:var(--shadow-3);position:relative;overflow:hidden}.hero h1{color:#fff;font-size:var(--fs-5xl);letter-spacing:-.01em;margin:0}.hero .tagline{color:var(--gold-300);font-family:var(--font-display);font-size:var(--fs-2xl);margin-block:var(--s-2) var(--s-4)}.hero .lead{color:#cfe1e3;font-size:var(--fs-lg);max-inline-size:60ch}.hero .motif{z-index:-1;opacity:.85;inline-size:min(70%,620px);position:absolute;inset-block-end:-40px;inset-inline-end:-60px}.section-banner{--accent:var(--primary);isolation:isolate;border-radius:var(--r-xl);padding:var(--s-6) var(--s-6) var(--s-6);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 16%, var(--surface)) 0%, var(--surface) 70%);border:1px solid color-mix(in srgb, var(--accent) 25%, var(--border));position:relative;overflow:hidden}.section-banner:after{content:"";aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--accent) 22%, transparent) 0%, transparent 70%);z-index:-1;border-radius:50%;inline-size:60%;position:absolute;inset-block-end:-60%;inset-inline-start:-10%}.section-banner .banner-icon{border-radius:var(--r-lg);background:var(--accent);color:#fff;block-size:64px;inline-size:64px;box-shadow:var(--shadow-2);place-items:center;display:inline-grid}.section-banner h1{margin-block:var(--s-4) var(--s-2)}.section-banner p{color:var(--text-muted);max-inline-size:70ch;margin:0}.item-card{--accent:var(--primary);color:inherit;flex-direction:column;block-size:100%;padding:0;text-decoration:none;display:flex;overflow:hidden}.item-card .cover{aspect-ratio:16/9;background:color-mix(in srgb, var(--accent) 10%, var(--bg-sunken));color:var(--accent);place-items:center;display:grid;overflow:hidden}.item-card .cover img{object-fit:cover;block-size:100%;inline-size:100%;transition:transform var(--dur-4) var(--ease-out)}.item-card:hover .cover img{transform:scale(1.04)}.item-card .body{padding:var(--s-4) var(--s-5) var(--s-5);gap:var(--s-2);flex-direction:column;flex:1;display:flex}.item-card .item-title{font-size:var(--fs-lg);margin:0}.item-card p{color:var(--text-muted);font-size:var(--fs-sm);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.item-card .meta{gap:var(--s-2);flex-wrap:wrap;margin-block-start:auto;display:flex}.prose{font-size:var(--fs-lg);line-height:1.95}.prose h2{font-size:var(--fs-xl);margin-block-start:var(--s-6)}.prose h3{font-size:var(--fs-lg);margin-block-start:var(--s-5)}.prose ul,.prose ol{padding-inline-start:var(--s-5)}.prose li{margin-block:var(--s-1)}.prose blockquote{margin:var(--s-4) 0;padding:var(--s-3) var(--s-5);border-inline-start:4px solid var(--gold-500);background:var(--bg-sunken);border-radius:var(--r-sm);color:var(--text-muted)}.prose code{background:var(--bg-sunken);border-radius:6px;padding:2px 6px;font-size:.9em}.prose a{overflow-wrap:anywhere}.article{gap:var(--s-6);grid-template-columns:1fr;display:grid}@media (min-width:1024px){.article{grid-template-columns:minmax(0,1fr) 320px}}.article aside .card{position:sticky;inset-block-start:96px}.journey{gap:var(--s-4);margin:0;padding:0;list-style:none;display:grid;position:relative}.journey:before{content:"";background:linear-gradient(to bottom, var(--ink-200), var(--gold-300));inline-size:2px;position:absolute;inset-block:24px;inset-inline-start:23px}.journey li{gap:var(--s-4);grid-template-columns:48px 1fr;align-items:start;display:grid;position:relative}.journey .step{background:var(--surface);border:2px solid var(--ink-500);block-size:48px;inline-size:48px;color:var(--primary-soft-text);z-index:1;border-radius:50%;place-items:center;font-weight:700;display:grid}.journey li:last-child .step{background:var(--gold-500);border-color:var(--gold-500);color:#fff}.journey .journey-title{margin:var(--s-2) 0 var(--s-1);font-size:var(--fs-lg)}.before-after{gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));display:grid}.before-after .ba{border-radius:var(--r-lg);padding:var(--s-5);border:1px solid var(--border);background:var(--surface)}.before-after .ba-before{border-block-start:4px solid var(--text-subtle)}.before-after .ba-after{border-block-start:4px solid var(--gold-500)}.before-after .ba-label{font-family:var(--font-display);margin-block-end:var(--s-2);font-weight:700;display:block}.gallery{gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));display:grid}.gallery figure{margin:0}.gallery img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-sunken);block-size:auto;inline-size:100%}.gallery figcaption{font-size:var(--fs-sm);color:var(--text-muted);margin-block-start:var(--s-1)}.file-list{gap:var(--s-2);margin:0;padding:0;list-style:none;display:grid}.file-list a{align-items:center;gap:var(--s-3);padding:var(--s-3);border:1px solid var(--border);border-radius:var(--r-md);color:inherit;background:var(--surface);transition:border-color var(--dur-2), background-color var(--dur-2);text-decoration:none;display:flex}.file-list a:hover{border-color:var(--ink-500);background:var(--primary-soft)}.subsection-grid{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));display:grid}.dl-grid{gap:var(--s-3) var(--s-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));margin:0;display:grid}.dl-grid dt{font-size:var(--fs-sm);color:var(--text-muted)}.dl-grid dd{margin:0;font-weight:600}.chart{margin:0}.chart-svg{block-size:auto;inline-size:100%;font-family:var(--font-ui);overflow:visible}.chart-label{fill:var(--text);font-size:14px;font-weight:600}.chart-value{fill:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12px}.chart-value.strong{fill:var(--text);font-weight:700}.chart-tick{fill:var(--text-subtle);font-size:11px}.track{fill:var(--bg-sunken)}.gridline{stroke:var(--border);stroke-width:1px}.bar-pre{fill:var(--ink-200)}.bar-post{fill:var(--gold-500)}:root[data-theme=dark] .bar-pre{fill:#2f4a4e}.dot-pre{fill:var(--surface);stroke:var(--text-subtle);stroke-width:2.5px}.dot-post{fill:var(--gold-500);stroke:var(--surface);stroke-width:2px}.dumbbell-line{stroke-width:4px;stroke-linecap:round}.dumbbell-line.up{stroke:color-mix(in srgb, var(--gold-500) 55%, transparent)}.dumbbell-line.down{stroke:color-mix(in srgb, var(--danger) 45%, transparent)}.area-pre{fill:color-mix(in srgb, var(--text-subtle) 18%, transparent);stroke:var(--text-subtle);stroke-width:1.5px;stroke-dasharray:4 4}.area-post{fill:color-mix(in srgb, var(--gold-500) 28%, transparent);stroke:var(--gold-500);stroke-width:2.5px}.chart-legend{gap:var(--s-4);font-size:var(--fs-sm);color:var(--text-muted);justify-content:center;margin-block-start:var(--s-2);display:flex}.chart-legend span{align-items:center;gap:6px;display:inline-flex}.swatch{border-radius:4px;block-size:12px;inline-size:12px;display:inline-block}.swatch.pre{background:var(--ink-200);border:1.5px solid var(--text-subtle)}.swatch.post{background:var(--gold-500)}.grow{animation:grow-x var(--dur-4) var(--ease-out) both;transform-box:view-box}@keyframes grow-x{0%{transform:scaleX(0)}}.pop{animation:pop var(--dur-3) var(--ease-out) both;transform-box:fill-box;transform-origin:50%;animation-delay:.3s}@keyframes pop{0%{transform:scale(0)}}.fade{animation:fade var(--dur-4) var(--ease-out) both}@keyframes fade{0%{opacity:0}}.ring{inline-size:180px;margin:0 auto;position:relative}.ring svg{inline-size:100%}.ring-track{fill:none;stroke:var(--bg-sunken);stroke-width:12px}.ring-value{fill:none;stroke:var(--gold-500);stroke-width:12px;stroke-linecap:round;transition:stroke-dashoffset var(--dur-4) var(--ease-out);animation:ring-in 1s var(--ease-out) both}@keyframes ring-in{0%{stroke-dashoffset:327px}}.ring figcaption{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ring-number{font-family:var(--font-display);font-size:var(--fs-3xl);direction:ltr;font-weight:700}.student{min-block-size:100dvh;padding:var(--s-4) var(--s-4) var(--s-8);background:radial-gradient(100% 60% at 50% 0%, var(--primary-soft) 0%, var(--bg) 70%);justify-content:center;align-items:flex-start;display:flex}.student-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);inline-size:min(100%,680px);box-shadow:var(--shadow-2);padding:clamp(var(--s-4), 4vw, var(--s-6));gap:var(--s-4);font-size:var(--fs-lg);flex-direction:column;display:flex}.student-head{align-items:center;gap:var(--s-3);border-block-end:1px solid var(--border);padding-block-end:var(--s-3);display:flex}.student-kind{font-size:var(--fs-sm);color:var(--text-accent);font-weight:600}.student-title{font-family:var(--font-display);font-weight:700;font-size:var(--fs-lg);line-height:1.3}.student-h1{font-size:var(--fs-2xl);margin:0}.student-input{font-size:var(--fs-2xl);min-block-size:64px}textarea.student-input{font-size:var(--fs-lg)}.parent-note{gap:var(--s-3);padding:var(--s-4);background:var(--warning-soft);border-radius:var(--r-lg);color:var(--text);display:flex}.parent-note svg{color:var(--warning);flex:none;margin-block-start:4px}.parent-note p{margin:var(--s-1) 0 0;font-size:var(--fs-md)}.student-facts{gap:var(--s-3);margin:0;padding:0;list-style:none;display:grid}.student-facts li{align-items:center;gap:var(--s-3);display:flex}.student-facts svg{color:var(--primary-soft-text);flex:none}.student-hint{gap:var(--s-2);color:var(--text-muted);align-items:center;margin:0;display:flex}.passage{background:var(--bg-sunken);border-radius:var(--r-lg);padding:var(--s-5);border-inline-start:4px solid var(--gold-500);font-size:1.25rem;line-height:2.1}.passage h2{font-size:var(--fs-xl);margin-block-end:var(--s-3)}.passage p:last-child{margin:0}.progress{background:var(--bg-sunken);border-radius:var(--r-pill);block-size:10px;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--gold-500), var(--primary));border-radius:var(--r-pill);block-size:100%;transition:inline-size var(--dur-3) var(--ease-out)}.save-state{color:var(--success);justify-content:flex-end;align-items:center;gap:4px;min-inline-size:7em;display:inline-flex}.question{margin:var(--s-2) 0;font-size:clamp(1.35rem,1.1rem + 1.2vw,1.75rem);line-height:1.6;font-family:var(--font-ui);font-weight:700}.options{gap:var(--s-3);display:grid}.option{align-items:center;gap:var(--s-3);min-block-size:64px;inline-size:100%;padding:var(--s-3) var(--s-4);border:2px solid var(--border-strong);border-radius:var(--r-lg);background:var(--surface-raised);color:var(--text);font-size:var(--fs-lg);text-align:start;cursor:pointer;transition:border-color var(--dur-2), background-color var(--dur-2), transform var(--dur-1);display:flex}.option:hover{border-color:var(--ink-500)}.option:active{transform:scale(.99)}.option.selected{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 18%, transparent)}.option-letter{background:var(--bg-sunken);border-radius:50%;flex:none;place-items:center;block-size:40px;inline-size:40px;font-weight:700;display:inline-grid}.option.selected .option-letter{background:var(--primary);color:var(--text-on-primary)}.option-check{color:var(--primary);flex:none;margin-inline-start:auto}.student-nav{gap:var(--s-3);grid-template-columns:1fr 2fr;margin-block-start:var(--s-2);display:grid}.dots{gap:var(--s-2);flex-wrap:wrap;display:flex}.dot{border:2px solid var(--border-strong);background:var(--surface);cursor:pointer;border-radius:50%;block-size:48px;inline-size:48px;font-weight:700}.dot.on{background:var(--primary);border-color:var(--primary);color:var(--text-on-primary)}.student-card.done{text-align:center;padding-block:var(--s-8);align-items:center}.student-card.done h1{font-size:var(--fs-4xl);color:var(--primary-soft-text);margin:0}.done-art{animation:reveal var(--dur-4) var(--ease-out) both}.lead{font-size:var(--fs-lg)}.hero-school{color:#cfe1e3;font-size:var(--fs-sm);letter-spacing:.02em;margin:0 0 var(--s-3);border-radius:var(--r-pill);border:1px solid #ffffff2e;padding:4px 12px;display:inline-flex}.btn-gold{--btn-bg:var(--gold-300);--btn-fg:var(--ink-950)}.btn-gold:hover{--btn-bg:#edc97f;--btn-fg:var(--ink-950)}.btn-on-dark{--btn-bg:#ffffff14;--btn-fg:#fff;--btn-border:#ffffff40;box-shadow:none}.btn-on-dark:hover{--btn-bg:#ffffff29;--btn-fg:#fff}.stats-strip{gap:var(--s-4);padding-inline:var(--s-5);z-index:1;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));margin-block-start:calc(-1 * var(--s-8));display:grid;position:relative}.stat-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-2);padding:var(--s-5);gap:var(--s-2);flex-direction:column;display:flex}.stat-tile .stat-value{font-size:var(--fs-4xl);font-family:var(--font-display);font-weight:700;line-height:1.1}.stat-tile .stat-label{color:var(--text-muted);font-size:var(--fs-sm)}.goal-list{gap:var(--s-3);margin:0;padding:0;list-style:none;display:grid}.goal-list li{gap:var(--s-3);align-items:flex-start;display:flex}.goal-list svg{color:var(--gold-500);flex:none;margin-block-start:3px}.bento{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));grid-auto-flow:dense;display:grid}@media (min-width:900px){.bento-feature{grid-area:span 2/span 2}}.bento-item{--accent:var(--primary);isolation:isolate;gap:var(--s-2);padding:var(--s-5);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);color:inherit;box-shadow:var(--shadow-1);transition:transform var(--dur-3) var(--ease-out), box-shadow var(--dur-3) var(--ease-out), border-color var(--dur-3);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.bento-item:after{content:"";aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--accent) 18%, transparent), transparent 70%);z-index:-1;inline-size:140px;transition:transform var(--dur-4) var(--ease-out);border-radius:50%;position:absolute;inset-block-start:-40px;inset-inline-end:-40px}.bento-item:hover{box-shadow:var(--shadow-3);border-color:color-mix(in srgb, var(--accent) 40%, var(--border));color:inherit;transform:translateY(-4px)}.bento-item:hover:after{transform:scale(1.6)}.bento-item .banner-icon{border-radius:var(--r-md);background:var(--accent);color:#fff;block-size:52px;inline-size:52px;box-shadow:var(--shadow-1);place-items:center;display:inline-grid}.bento-item h3{margin:var(--s-2) 0 0;font-size:var(--fs-lg)}.bento-item p{color:var(--text-muted);font-size:var(--fs-sm);margin:0}.bento-count{font-size:var(--fs-xs);color:var(--text-subtle);margin-block-start:auto;font-weight:600}.bento-feature{background:linear-gradient(160deg, var(--ink-800), var(--ink-950));color:#f3efe6;border-color:#0000;justify-content:flex-end;min-block-size:280px}.bento-feature h3{color:#fff;font-size:var(--fs-3xl)}.bento-feature p{color:#cfe1e3;font-size:var(--fs-md);max-inline-size:40ch}.bento-feature .banner-icon{background:var(--gold-300);color:var(--ink-950)}.bento-feature:hover{color:#f3efe6}.bento-metric{font-family:var(--font-display);font-size:var(--fs-4xl);color:var(--gold-300);font-weight:700}.search-bar{align-items:center;gap:var(--s-3);border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--surface-raised);padding-inline-start:var(--s-3);display:flex}.search-bar svg{color:var(--text-subtle);flex:none}.search-bar .input{box-shadow:none;background:0 0;border:0;padding-inline:0}.search-bar .btn{margin:4px}.avatar{background:linear-gradient(135deg, var(--ink-600), var(--ink-900));color:#fff;block-size:52px;inline-size:52px;font-family:var(--font-display);font-size:var(--fs-xl);border-radius:50%;flex:none;place-items:center;display:inline-grid}.avatar-lg{block-size:88px;inline-size:88px;font-size:var(--fs-3xl);box-shadow:var(--shadow-2)}.qr-block summary{cursor:pointer;list-style:none}.qr-block summary::-webkit-details-marker{display:none}[dir=rtl] .hero .motif,[dir=rtl] .auth-brand .motif,[dir=rtl] .print-cover .cover-motif{transform:scaleX(-1)}.chart-svg{direction:ltr}.chart-label{font-size:15px}.chart-tick{font-size:12px}@media (max-width:600px){.stats-strip{gap:var(--s-3);grid-template-columns:repeat(2,minmax(0,1fr));margin-block-start:calc(-1 * var(--s-6));padding-inline:0}.stat-tile{padding:var(--s-4)}.stat-tile .stat-value{font-size:var(--fs-3xl)}.hero{padding-block-end:var(--s-8)}.hero h1{font-size:2rem}}.chart .radar{max-inline-size:520px;margin-inline:auto;display:block}
.print-only{display:none}@media print{@page{size:A4;margin:16mm 14mm 18mm}:root{--bg:#fff;--surface:#fff;--text:#111;--text-muted:#444;--border:#bbb}body{font-size:11pt;background:#fff!important}.no-print,.sidebar,.topbar,.skip-link,.toast-region,nav[aria-label=التنقل\ الرئيسي]{display:none!important}.print-only,.shell{display:block}.main{padding:0!important}.card{border-color:#ccc;box-shadow:none!important}a{color:inherit;text-decoration:none}.print-header{color:#555;border-block-end:.5pt solid #0f3d45;justify-content:space-between;padding-block-end:2mm;font-size:9pt;position:fixed;inset-block-start:-12mm;inset-inline:0;display:flex!important}.print-footer{color:#666;justify-content:space-between;font-size:8.5pt;position:fixed;inset-block-end:-14mm;inset-inline:0;display:flex!important}.print-cover{text-align:center;break-after:page;flex-direction:column;justify-content:center;align-items:center;block-size:250mm;display:flex!important}.print-cover h1{color:#0f3d45;font-size:26pt}.code-sheet{gap:4mm;grid-template-columns:repeat(3,1fr)!important}.code-card{break-inside:avoid;border:.6pt dashed #777;padding:4mm}.code-card .code,.code-card .pin{font-size:14pt}h1,h2,h3{break-after:avoid}}.print-doc{background:var(--bg-sunken);min-block-size:100dvh;padding-block-end:var(--s-8)}.print-toolbar{z-index:10;gap:var(--s-3);padding:var(--s-3) var(--s-5);background:var(--surface);border-block-end:1px solid var(--border);flex-wrap:wrap;align-items:center;display:flex;position:sticky;inset-block-start:0}.print-header,.print-footer{display:none}.print-cover,.print-body{inline-size:min(100% - 32px,210mm);margin:var(--s-5) auto 0;color:#1a2427;box-shadow:var(--shadow-2);background:#fff;border-radius:4px;padding:18mm 16mm}.print-cover{text-align:center;color:#f3efe6;background:linear-gradient(170deg,#0f3d45 0%,#072329 100%);flex-direction:column;justify-content:center;align-items:center;min-block-size:260mm;display:flex;position:relative;overflow:hidden}.print-cover h1{color:#fff;margin:var(--s-4) 0 var(--s-2);font-size:30pt}.print-cover .cover-kicker{color:#e3b964;font-family:var(--font-display);margin:var(--s-4) 0 0;font-size:14pt}.print-cover .cover-sub{color:#cfe1e3;font-size:13pt}.print-cover .cover-meta{color:#cfe1e3;margin-block-start:auto;font-size:11pt}.print-cover .cover-motif{opacity:.8;inline-size:520px;position:absolute;inset-block-end:40px;inset-inline-start:-40px}.print-body h2{color:#0f3d45;border-block-end:1.5pt solid #e3b964;padding-block-end:4px}.print-body .card{box-shadow:none}.print-body .item-print{break-inside:avoid-page;margin-block-end:var(--s-6)}@media print{.print-doc{background:#fff;padding:0}.print-cover,.print-body{inline-size:auto;box-shadow:none;border-radius:0;margin:0;padding:0}.print-cover{-webkit-print-color-adjust:exact;print-color-adjust:exact;block-size:245mm}.print-body .item-print+.item-print{break-before:page}.print-body img{max-block-size:120mm}.chart-svg,.ring{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-block-start:80px}body{min-block-size:100dvh;font-family:var(--font-ui);font-size:var(--fs-md);line-height:var(--lh-normal);color:var(--text);background-color:var(--bg);background-image:var(--paper-grain);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3,h4{font-family:var(--font-display);line-height:var(--lh-tight);margin:0 0 var(--s-3);color:var(--text);font-weight:700}h1{font-size:var(--fs-3xl)}h2{font-size:var(--fs-2xl)}h3{font-size:var(--fs-xl)}h4{font-size:var(--fs-lg)}p{margin:0 0 var(--s-4)}a{color:var(--primary-soft-text);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--primary)}img,svg{max-inline-size:100%}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--gold-100);color:var(--ink-950)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}.num{font-variant-numeric:tabular-nums}.ltr{direction:ltr;unicode-bidi:isolate}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;overflow:hidden;position:absolute!important}.skip-link{z-index:100;background:var(--primary);color:var(--text-on-primary);padding:var(--s-2) var(--s-4);border-radius:var(--r-sm);position:absolute;inset-block-start:-100px;inset-inline-start:var(--s-4)}.skip-link:focus{inset-block-start:var(--s-4)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@view-transition{navigation:auto}::view-transition-old(root){animation-duration:var(--dur-2)}::view-transition-new(root){animation-duration:var(--dur-2)}