:root{--bg:#f4f6f4;--bg-elevated:#fafbf9;--surface:#fff;--surface-soft:#eef2ef;--surface-strong:#e4e9e6;--text:#17201d;--text-soft:#58635f;--text-faint:#5f6b66;--line:#d5ddd8;--line-strong:#b9c5bf;--ink:#10201b;--ink-contrast:#fff;--focus:#165fd4;--success:#1f6b50;--success-soft:#e1f1ea;--danger:#9b342f;--danger-soft:#f8e8e5;--warning:#875d11;--warning-soft:#f7efd9;--chemie:#2e7d75;--chemie-soft:#e1f0ed;--mathematik:#975800;--mathematik-soft:#f6ecd9;--informatik:#7461a1;--informatik-soft:#eee9f7;--subject-accent:var(--chemie);--subject-soft:var(--chemie-soft);--shadow-sm:0 1px 2px #14221d0d;--shadow-md:0 18px 44px #14221d14;--shadow-lg:0 28px 80px #0a161224;--radius-sm:.65rem;--radius:1rem;--radius-lg:1.5rem;--page:80rem;--header-height:5rem;--ease:.18s ease}html[data-theme=dark]{--bg:#0d1311;--bg-elevated:#111916;--surface:#151e1b;--surface-soft:#1b2622;--surface-strong:#24312c;--text:#edf3f0;--text-soft:#abb7b2;--text-faint:#a4b0ab;--line:#34413c;--line-strong:#4c5d56;--ink:#edf3f0;--ink-contrast:#101814;--focus:#7fb2ff;--success:#80d2af;--success-soft:#183b2e;--danger:#ff9890;--danger-soft:#412321;--warning:#f0c36d;--warning-soft:#3a2e18;--chemie:#6fbdb2;--chemie-soft:#173632;--mathematik:#e2ad5c;--mathematik-soft:#372a18;--informatik:#b9a8df;--informatik-soft:#2d2640;--shadow-sm:0 1px 2px #0000003d;--shadow-md:0 18px 44px #00000047;--shadow-lg:0 28px 80px #0006}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;text-rendering:optimizelegibility;min-width:320px}body{background:radial-gradient(circle at 10% -10%, color-mix(in srgb, var(--chemie) 7%, transparent), transparent 28rem), var(--bg);color:var(--text);font-family:var(--font-geist-sans), Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}body.viewer-modal-open{overflow:hidden}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button,select,summary{touch-action:manipulation}button{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);min-height:2.75rem;color:var(--text);cursor:pointer;transition:background-color var(--ease), border-color var(--ease), color var(--ease), transform var(--ease);font-weight:700}button:hover:not(:disabled){border-color:var(--ink);background:var(--surface-soft)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:.08em}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance}h1{letter-spacing:-.065em;margin-bottom:1.25rem;font-size:clamp(2.5rem,7vw,5.8rem);font-weight:630;line-height:.98}h2{letter-spacing:-.045em;margin-bottom:.9rem;font-size:clamp(1.8rem,4vw,3.25rem);font-weight:620;line-height:1.05}h3{margin-bottom:.6rem;font-size:clamp(1.12rem,2vw,1.35rem);line-height:1.25}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}::selection{background:color-mix(in srgb, var(--chemie) 28%, transparent)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-frame{min-height:100vh}.navigation-indicator{z-index:1000;opacity:0;pointer-events:none;height:.22rem;position:fixed;top:0;left:0;right:0;overflow:hidden}.navigation-indicator:before{background:var(--focus);content:"";border-radius:0 999px 999px 0;width:42%;height:100%;display:block;transform:translate(-110%)}.navigation-indicator span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}html[data-navigation-loading] .navigation-indicator{opacity:1}html[data-navigation-loading] .navigation-indicator:before{animation:1.1s ease-in-out infinite navigation-progress}@keyframes navigation-progress{50%{width:62%}to{transform:translate(245%)}}.page-section{width:min(calc(100% - 2.5rem), var(--page));margin-inline:auto}.skip-link{z-index:1000;border-radius:var(--radius-sm);background:var(--ink);color:var(--ink-contrast);padding:.75rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:50;border-bottom:1px solid color-mix(in srgb, var(--line) 82%, transparent);background:color-mix(in srgb, var(--bg-elevated) 88%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:0}.header-inner{width:min(calc(100% - 2.5rem), var(--page));min-height:var(--header-height);grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(1rem,3vw,3rem);margin-inline:auto;display:grid}.brand{color:inherit;align-items:center;gap:.75rem;text-decoration:none;display:inline-flex}.brand-mark{border:1px solid var(--line-strong);background:var(--ink);width:2.8rem;height:2.8rem;color:var(--ink-contrast);letter-spacing:.08em;border-radius:50%;place-items:center;font-size:.78rem;font-weight:800;display:grid}.brand-copy{line-height:1.15;display:grid}.brand-copy strong{letter-spacing:-.015em;font-size:.98rem}.brand-copy small{color:var(--text-soft);letter-spacing:.04em;text-transform:uppercase;margin-top:.22rem;font-size:.72rem}.desktop-nav{justify-content:center;align-items:center;gap:clamp(.25rem,1vw,.75rem);display:flex}.desktop-nav a,.admin-link{border-radius:var(--radius-sm);min-height:2.75rem;color:var(--text-soft);padding:.62rem .8rem;font-size:.9rem;font-weight:680;text-decoration:none}.desktop-nav a:hover,.admin-link:hover{background:var(--surface-soft);color:var(--text)}.desktop-nav a[aria-current=page],.mobile-menu nav a[aria-current=page]{background:var(--surface-strong);color:var(--text);box-shadow:inset 0 -2px 0 var(--chemie)}.header-actions{align-items:center;gap:.65rem;display:flex}.theme-button{border-color:var(--line);width:2.75rem;min-width:2.75rem;height:2.75rem;min-height:2.75rem;color:var(--text-soft);border-radius:50%;place-items:center;padding:0;display:inline-grid}.theme-button:hover:not(:disabled){color:var(--text)}.theme-button-icon{text-align:center;width:1.5rem;font-family:Times New Roman,DejaVu Serif,serif;font-size:1.5rem;font-weight:400;line-height:1;display:block}.mobile-menu{display:none;position:relative}.mobile-menu summary{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;min-height:2.75rem;padding:.6rem .8rem;font-weight:700;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:min(18rem,100vw - 2rem);box-shadow:var(--shadow-lg);padding:.5rem;display:grid;position:absolute;top:calc(100% + .6rem);right:0}.mobile-menu nav a{border-radius:.55rem;padding:.78rem;text-decoration:none}.mobile-menu nav a:hover{background:var(--surface-soft)}.eyebrow{color:var(--text-soft);letter-spacing:.13em;text-transform:uppercase;margin-bottom:.8rem;font-size:.75rem;font-weight:800;display:inline-block}.hero{min-height:min(50rem, calc(100svh - var(--header-height)));grid-template-columns:minmax(0,.9fr) minmax(24rem,1.1fr);align-items:center;gap:clamp(2rem,6vw,6rem);padding-block:clamp(3.5rem,8vw,7rem);display:grid}.hero-copy{z-index:1;position:relative}.hero-copy h1{max-width:11ch}.hero-copy>p{max-width:58ch;color:var(--text-soft);margin-bottom:2rem;font-size:clamp(1.02rem,1.5vw,1.18rem)}.hero-search{max-width:40rem}.hero-search>label,.filter-panel label>span,.admin-filters label>span,.form-grid label>span,.admin-login-card label>span,.taxonomy-form label>span,.thumbnail-upload>span{color:var(--text-soft);margin-bottom:.45rem;font-size:.78rem;font-weight:760;display:block}.search-row{border:1px solid var(--line-strong);background:var(--surface);min-height:3.5rem;box-shadow:var(--shadow-sm);border-radius:.85rem;align-items:center;padding:.25rem;display:flex}.search-row:focus-within{outline:3px solid var(--focus);outline-offset:2px}.search-row input{min-width:0;min-height:3rem;color:var(--text);background:0 0;border:0;outline:none;flex:1;padding:.5rem .7rem}.search-row button{background:var(--surface-soft);border-color:#0000;min-width:5.5rem}.search-hint{color:var(--text-faint);padding:.5rem .8rem;font-size:.78rem}.hero-visual{aspect-ratio:1.45;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-lg);border-radius:clamp(1rem,3vw,2rem);margin:0;position:relative;overflow:hidden}.hero-visual:after{border-radius:inherit;content:"";pointer-events:none;border:1px solid #ffffff61;position:absolute;inset:0}.hero-visual img{object-fit:cover;width:100%;height:100%}.subject-section,.catalog-section,.related-section{padding-block:clamp(4rem,8vw,8rem)}.section-heading{grid-template-columns:minmax(0,1fr) minmax(18rem,.7fr);align-items:end;gap:2rem;margin-bottom:clamp(2rem,5vw,3.5rem);display:grid}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:55ch;color:var(--text-soft);margin-bottom:.25rem}.section-heading-compact{display:block}.subject-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.subject-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);min-height:30rem;color:inherit;box-shadow:var(--shadow-sm);transition:transform var(--ease), box-shadow var(--ease), border-color var(--ease);flex-direction:column;padding:0 clamp(1.35rem,3vw,2rem) clamp(1.35rem,3vw,2rem);text-decoration:none;display:flex;position:relative;overflow:hidden}.subject-card:before{background:var(--subject-accent);content:"";height:.3rem;position:absolute;inset:0 0 auto}.subject-card:hover{border-color:color-mix(in srgb, var(--subject-accent) 50%, var(--line));box-shadow:var(--shadow-md);transform:translateY(-3px)}.subject-index{color:var(--subject-accent);font-family:var(--font-geist-mono), monospace;margin-block:1.15rem 1.5rem;font-size:.75rem;font-weight:800}.subject-visual{aspect-ratio:12/7;border-bottom:1px solid var(--line);background:var(--subject-soft);margin:0 calc(-1*clamp(1.35rem,3vw,2rem));position:relative;overflow:hidden}.subject-visual:after{background:linear-gradient(to bottom, transparent 72%, color-mix(in srgb, var(--subject-soft) 32%, transparent));content:"";pointer-events:none;position:absolute;inset:0}.subject-visual img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.subject-card:hover .subject-visual img{transform:scale(1.025)}.subject-card h3{letter-spacing:-.04em;font-size:clamp(1.55rem,3vw,2.2rem)}.subject-card p{max-width:38ch;color:var(--text-soft)}.subject-count{color:var(--text-faint);margin-top:auto;font-size:.82rem}.text-link{color:var(--subject-accent);margin-top:.7rem;font-size:.9rem;font-weight:750}.subject-chemie{--subject-accent:var(--chemie);--subject-soft:var(--chemie-soft)}.subject-mathematik{--subject-accent:var(--mathematik);--subject-soft:var(--mathematik-soft)}.subject-informatik{--subject-accent:var(--informatik);--subject-soft:var(--informatik-soft)}.subject-dynamic{--subject-accent:color-mix(in srgb, var(--subject-base) 30%, #17201d);--subject-soft:color-mix(in srgb, var(--subject-base) 13%, var(--surface))}html[data-theme=dark] .subject-dynamic{--subject-accent:color-mix(in srgb, var(--subject-base) 30%, #edf3f0)}.material-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem);display:grid}.material-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm);transition:transform var(--ease), box-shadow var(--ease), border-color var(--ease);position:relative;overflow:hidden}.material-card:hover{border-color:color-mix(in srgb, var(--subject-accent) 42%, var(--line));box-shadow:var(--shadow-md);transform:translateY(-3px)}.material-image-link{aspect-ratio:16/9;background:var(--surface-soft);display:block;position:relative;overflow:hidden}.material-image-link img{object-fit:cover;width:100%;height:100%;transition:transform .36s}.material-card:hover .material-image-link img{transform:scale(1.025)}.subject-pill,.new-pill{background:color-mix(in srgb, var(--ink) 86%, transparent);min-height:1.8rem;color:var(--ink-contrast);letter-spacing:.04em;border:1px solid #ffffff59;border-radius:999px;align-items:center;padding:.26rem .55rem;font-size:.7rem;font-weight:800;display:inline-flex;position:absolute;top:.8rem}.subject-pill{left:.8rem}.new-pill{background:var(--subject-accent);color:var(--ink-contrast);right:.8rem}.material-card-body{flex-direction:column;min-height:17rem;padding:1.25rem;display:flex}.material-meta,.material-footer,.admin-row-meta{color:var(--text-faint);letter-spacing:.02em;flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.72rem;font-weight:720;display:flex}.material-card h3{margin:.75rem 0 .65rem}.material-card h3 a{text-decoration:none}.material-card h3 a:after{z-index:2;content:"";position:absolute;inset:0}.material-card:has(h3 a:focus-visible){outline:3px solid var(--focus);outline-offset:3px}.material-card h3 a:focus-visible{outline:0}.material-card-body>p{color:var(--text-soft);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:1.25rem;font-size:.9rem;display:-webkit-box;overflow:hidden}.material-footer{border-top:1px solid var(--line);justify-content:space-between;margin-top:auto;padding-top:1rem}.example-label{background:var(--surface-soft);width:max-content;min-height:1.75rem;color:var(--text-soft);border-radius:999px;align-items:center;margin-top:.8rem;padding:.22rem .5rem;font-size:.68rem;font-weight:750;display:inline-flex}.loading-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.loading-grid span{border-radius:var(--radius);background:linear-gradient(100deg, transparent 20%, color-mix(in srgb, var(--surface) 55%, transparent) 45%, transparent 70%), var(--surface-soft);background-size:220% 100%;min-height:24rem;animation:1.4s linear infinite loading}@keyframes loading{to{background-position-x:-220%}}.empty-state{border:1px dashed var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);text-align:center;justify-items:center;padding:clamp(3rem,8vw,6rem) 1.5rem;display:grid}.empty-state>span{background:var(--surface-soft);width:3rem;height:3rem;color:var(--text-soft);border-radius:50%;place-items:center;margin-bottom:1rem;font-size:1.3rem;display:grid}.empty-state h3{margin-bottom:.45rem;font-size:1.45rem}.empty-state p{max-width:50ch;color:var(--text-soft)}.empty-state button,.button-link{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);min-height:2.75rem;color:var(--text);justify-content:center;align-items:center;padding:.62rem 1rem;font-weight:700;text-decoration:none;display:inline-flex}.page-empty{min-height:60vh;margin-block:4rem}.legal-page{max-width:58rem;padding-block:clamp(3.5rem,8vw,7rem)}.legal-page header{border-bottom:1px solid var(--line);margin-bottom:clamp(3rem,7vw,5rem);padding-bottom:2rem}.legal-page h1{margin-bottom:1rem}.legal-lead{max-width:60ch;color:var(--text-soft);margin:0;font-size:1.05rem}.legal-page section{border-bottom:1px solid var(--line);padding-block:1.6rem}.legal-page section:last-child{border-bottom:0}.legal-page h2{letter-spacing:-.025em;margin-bottom:.8rem;font-size:clamp(1.25rem,2.5vw,1.6rem)}.legal-page p{max-width:72ch;color:var(--text-soft);margin-bottom:.8rem}.legal-page p:last-child{margin-bottom:0}.legal-page code{background:var(--surface-soft);color:var(--text);border-radius:.3rem;padding:.15rem .35rem;font-size:.88em}.legal-address{color:var(--text-soft);font-style:normal}.legal-address strong{color:var(--text)}.site-footer{border-top:1px solid var(--line);background:var(--bg-elevated)}.footer-inner{width:min(calc(100% - 2.5rem), var(--page));grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;margin-inline:auto;padding-block:3rem;display:grid}.footer-inner strong{font-size:1.05rem}.footer-inner p{max-width:44ch;color:var(--text-soft);margin:.4rem 0 0;font-size:.85rem}.footer-inner nav{flex-wrap:wrap;gap:.6rem 1rem;display:flex}.footer-inner nav a{width:max-content;color:var(--text-soft);font-size:.85rem}.footer-note{text-align:right}.subject-hero{border-bottom:1px solid var(--line);background:var(--subject-soft);position:relative;overflow:hidden}.subject-hero-inner{grid-template-columns:1fr minmax(18rem,.55fr);align-items:center;gap:clamp(2rem,7vw,7rem);min-height:28rem;padding-block:clamp(3rem,7vw,6rem);display:grid}.subject-hero h1{color:var(--subject-accent)}.subject-hero p{max-width:54ch;color:var(--text-soft);font-size:1.08rem}.subject-hero img{object-fit:cover;border:1px solid color-mix(in srgb, var(--subject-accent) 35%, var(--line));border-radius:var(--radius-lg);width:100%;height:auto;box-shadow:var(--shadow-md)}.collection-toolbar{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:2rem;display:flex}.collection-toolbar h2{margin-bottom:0}.quiet-button{background:0 0;padding-inline:.9rem}.filter-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);grid-template-columns:minmax(14rem,1.5fr) repeat(4,minmax(8rem,1fr));gap:.8rem;margin-bottom:2.5rem;padding:1rem;display:grid}.filter-panel input,.filter-panel select,.admin-filters input,.admin-filters select,.form-grid input,.form-grid textarea,.form-grid select,.admin-login-card input,.taxonomy-form input,.taxonomy-form select{border:1px solid var(--line-strong);background:var(--bg-elevated);width:100%;min-height:2.85rem;color:var(--text);border-radius:.6rem;padding:.58rem .72rem}.form-grid textarea{resize:vertical;min-height:auto}.notice{border:1px solid var(--line);border-radius:var(--radius-sm);padding:.85rem 1rem;font-size:.9rem}.notice-error{border-color:color-mix(in srgb, var(--danger) 40%, var(--line));background:var(--danger-soft);color:var(--danger)}.notice-success{border-color:color-mix(in srgb, var(--success) 40%, var(--line));background:var(--success-soft);color:var(--success)}.catalog-section>.notice{margin-bottom:1.5rem}.detail-header{padding-block:clamp(3rem,7vw,6rem)}.back-link{min-height:2.75rem;color:var(--text-soft);align-items:center;gap:.5rem;margin-bottom:clamp(2.5rem,5vw,4rem);font-size:.88rem;font-weight:720;display:inline-flex}.detail-title-grid{grid-template-columns:1fr minmax(17rem,.38fr);align-items:start;gap:clamp(2rem,7vw,7rem);display:grid}.detail-title-grid>*{min-width:0}.detail-title-grid h1{max-width:15ch;color:var(--subject-accent);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}.detail-title-grid>div>p{max-width:66ch;color:var(--text-soft);font-size:1.08rem}.detail-facts{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin:0;overflow:hidden}.detail-aside{gap:1rem;min-width:0;display:grid}.detail-facts div{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1rem;padding:1rem 1.1rem;display:grid}.detail-facts div:last-child{border-bottom:0}.detail-facts dt{color:var(--text-soft);font-size:.78rem}.detail-facts dd{text-align:right;margin:0;font-size:.82rem;font-weight:720}.share-panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg, color-mix(in srgb, var(--subject-accent) 6%, transparent), transparent 55%), var(--surface);min-width:0;box-shadow:var(--shadow-sm);justify-items:center;padding:1.25rem;display:grid}.share-heading{width:100%;margin-bottom:1rem}.share-heading h2{letter-spacing:-.025em;margin-bottom:.45rem;font-size:1.35rem}.share-heading p{color:var(--text-soft);margin-bottom:0;font-size:.84rem}.qr-code-frame{aspect-ratio:1;background:#fff;border:1px solid #d7ddd9;border-radius:.85rem;place-items:center;width:min(100%,13.5rem);padding:.85rem;display:grid}.qr-code-frame svg,.qr-code-frame canvas{width:100%;max-width:100%;height:100%;display:block}.qr-code-placeholder{background:linear-gradient(90deg,#0000 45%,#e9eeeb 45% 55%,#0000 55%),linear-gradient(#eef2ef 45%,#dfe6e2 45% 55%,#eef2ef 55%);border-radius:.35rem;width:100%;height:100%}.share-url{overflow-wrap:anywhere;width:100%;color:var(--text-soft);font-family:var(--font-geist-mono), ui-monospace, monospace;text-align:center;margin-block:.85rem;font-size:.72rem}.share-print-title{display:none}.share-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;width:100%;display:grid}.share-actions button{min-width:0;padding-inline:.65rem;font-size:.78rem}.share-actions .share-primary{border-color:var(--ink);background:var(--ink);color:var(--ink-contrast)}.share-actions .share-primary:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 88%, var(--surface));color:var(--ink-contrast)}.share-status{width:100%;min-height:1.35rem;color:var(--success);text-align:center;margin:.7rem 0 0;font-size:.76rem}.share-status[data-kind=error]{color:var(--danger)}.share-section{border-top:1px solid var(--line);padding-block:clamp(3rem,7vw,6rem)}.share-section .share-panel{box-shadow:none;grid-template-columns:minmax(10rem,.65fr) 8.5rem minmax(16rem,1.25fr);grid-template-areas:"heading qr url""heading qr actions""heading qr status";place-items:center start;gap:.55rem 1.25rem;padding:1.35rem 1.5rem}.share-section .share-heading{grid-area:heading;margin:0}.share-section .qr-code-frame{grid-area:qr;width:8.5rem;padding:.55rem}.share-section .share-url{text-align:left;grid-area:url;margin:0}.share-section .share-actions{flex-wrap:wrap;grid-area:actions;display:flex}.share-section .share-actions button{flex:9.5rem}.share-section .share-status{text-align:left;grid-area:status;margin:0}.learning-section,.instruction-section{border-top:1px solid var(--line);grid-template-columns:.52fr 1fr;gap:clamp(2rem,7vw,7rem);padding-block:clamp(3rem,7vw,6rem);display:grid}.objective-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.objective-list li{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:1rem 1rem 1rem 3.3rem;position:relative}.objective-list li:before{background:var(--subject-soft);width:1.5rem;height:1.5rem;color:var(--subject-accent);content:"✓";border-radius:50%;place-items:center;font-size:.72rem;font-weight:900;display:grid;position:absolute;top:.88rem;left:1rem}.viewer-section{padding-block:clamp(3rem,7vw,6rem)}.viewer-heading,.admin-preview-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.5rem;display:flex}.viewer-heading h2,.admin-preview-heading h2{margin-bottom:0}.viewer-shell{border:1px solid var(--line-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:#111715;position:relative;overflow:hidden}.viewer-toolbar{color:#eef4f1;background:#17201d;border-bottom:1px solid #34413c;justify-content:space-between;align-items:center;gap:1rem;min-height:4rem;padding:.65rem .75rem .65rem 1rem;display:flex}.viewer-toolbar p{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.82rem;font-weight:720;overflow:hidden}.viewer-toolbar>div{gap:.5rem;display:flex}.viewer-toolbar button{color:#eef4f1;background:#24312c;border-color:#52605b}.viewer-toolbar button:hover:not(:disabled){background:#303f39;border-color:#9caaa4}.viewer-shell iframe{background:#f5f6f3;border:0;width:100%;height:clamp(34rem,70svh,52rem);display:block}.viewer-expanded{z-index:200;border:0;border-radius:0;grid-template-rows:auto 1fr;display:grid;position:fixed;inset:0}.viewer-shell:fullscreen{z-index:200;border:0;border-radius:0;grid-template-rows:auto 1fr;display:grid;position:fixed;inset:0}.viewer-expanded iframe{width:100%;height:100%}.viewer-shell:fullscreen iframe{width:100%;height:100%}.instruction-section>p{border-left:.25rem solid var(--subject-accent);border-radius:0 var(--radius) var(--radius) 0;background:var(--subject-soft);color:var(--text-soft);margin-bottom:0;padding:1.4rem}.detail-loading{place-content:center;justify-items:center;min-height:60vh;display:grid}.detail-loading span{border:3px solid var(--line);border-top-color:var(--chemie);border-radius:50%;width:2.5rem;height:2.5rem;animation:.8s linear infinite spin}.route-loading{background:var(--bg);min-height:100svh;color:var(--text-soft);place-content:center;justify-items:center;display:grid}.route-loading span{border:3px solid var(--line);border-top-color:var(--chemie);border-radius:50%;width:2.5rem;height:2.5rem;animation:.8s linear infinite spin}.route-loading p{margin:.8rem 0 0;font-size:.85rem;font-weight:700}@keyframes spin{to{transform:rotate(360deg)}}.admin-login-shell{min-height:calc(100svh - var(--header-height));grid-template-columns:minmax(20rem,28rem);justify-content:center;align-items:center;padding-block:4rem;display:grid}.admin-login-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-md);gap:1rem;padding:clamp(1.5rem,4vw,2.5rem);display:grid}.admin-login-card h1,.admin-login-card h2,.admin-login-card p{margin-bottom:0}.admin-login-card p{color:var(--text-soft);font-size:.9rem}.admin-lock{background:var(--ink);width:3.25rem;height:3.25rem;color:var(--ink-contrast);letter-spacing:.08em;border-radius:50%;place-items:center;font-size:.8rem;font-weight:850;display:grid}.primary-button,.publish-button{border-color:var(--ink);background:var(--ink);color:var(--ink-contrast)}.primary-button:hover:not(:disabled),.publish-button:hover:not(:disabled){border-color:color-mix(in srgb, var(--ink) 75%, white);background:color-mix(in srgb, var(--ink) 85%, var(--surface))}.admin-page{padding-block:clamp(3rem,6vw,5.5rem)}.admin-header{justify-content:space-between;align-items:end;gap:2rem;display:flex}.admin-header h1{margin-bottom:.7rem}.admin-header p{color:var(--text-soft)}.admin-header-actions,.editor-actions{flex-wrap:wrap;gap:.75rem;display:flex}.admin-header-actions button,.editor-actions button,.editor-actions .button-link{padding-inline:1rem}.admin-tabs{border:1px solid var(--line);background:var(--surface);border-radius:.85rem;gap:.35rem;margin-block:2rem;padding:.35rem;display:flex;overflow-x:auto}.admin-tabs button{background:0 0;border-color:#0000;flex:none;padding-inline:1rem}.admin-tabs button[aria-pressed=true]{border-color:var(--line);background:var(--surface-soft)}.admin-notice{margin-bottom:1.5rem}.admin-stats{grid-template-columns:repeat(4,1fr);gap:.8rem;margin-bottom:2.5rem;display:grid}.admin-stats>div{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);gap:.2rem;padding:1.25rem;display:grid}.admin-stats strong{letter-spacing:-.05em;font-size:1.8rem}.admin-stats span{color:var(--text-soft);font-size:.78rem}.admin-list-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.5rem;display:flex}.admin-list-heading h2,.admin-list-heading p{margin-bottom:0}.admin-list-heading p{color:var(--text-soft);font-size:.85rem}.admin-list-heading button{padding-inline:1rem}.admin-filters{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:minmax(14rem,1.6fr) repeat(2,minmax(10rem,.7fr));gap:.8rem;margin-bottom:1.25rem;padding:1rem;display:grid}.admin-content-list{gap:.75rem;display:grid}.admin-content-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:8rem minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.75rem;display:grid;position:relative;overflow:hidden}.admin-content-row:before{background:var(--subject-accent);content:"";width:.25rem;position:absolute;inset:0 auto 0 0}.admin-content-row>img{aspect-ratio:16/10;object-fit:cover;border-radius:.65rem;width:8rem;height:5rem}.admin-row-copy{min-width:0}.admin-row-copy h3{text-overflow:ellipsis;white-space:nowrap;margin:.45rem 0 .2rem;font-size:1rem;overflow:hidden}.admin-row-copy>p{color:var(--text-soft);margin:0;font-size:.78rem}.status-badge{border-radius:999px;align-items:center;min-height:1.65rem;padding:.18rem .5rem;font-size:.68rem;font-weight:800;display:inline-flex}.status-published{background:var(--success-soft);color:var(--success)}.status-draft{background:var(--warning-soft);color:var(--warning)}.status-hidden{background:var(--surface-strong);color:var(--text-soft)}.admin-row-actions{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;max-width:26rem;display:flex}.admin-row-actions button{min-height:2.75rem;padding-inline:.65rem;font-size:.75rem}.example-protection{color:var(--text-faint);align-self:center;font-size:.75rem;font-weight:700}.danger-text-button{color:var(--danger);background:0 0;border-color:#0000}.content-editor,.admin-preview,.taxonomy-manager{gap:1.25rem;display:grid}.editor-heading{grid-template-columns:1fr auto;align-items:end;gap:2rem;margin-bottom:1rem;display:grid}.editor-heading h2{margin-bottom:.5rem}.editor-heading p{color:var(--text-soft);margin-bottom:0}.workflow-steps{flex-wrap:wrap;justify-content:flex-end;gap:.45rem;display:flex}.workflow-steps>span{border:1px solid var(--line);min-height:2.4rem;color:var(--text-soft);border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .65rem .35rem .4rem;font-size:.72rem;display:inline-flex}.workflow-steps b{background:var(--surface-soft);width:1.55rem;height:1.55rem;color:var(--text);border-radius:50%;place-items:center;display:grid}.workflow-steps .step-done{border-color:color-mix(in srgb, var(--success) 35%, var(--line));background:var(--success-soft);color:var(--success)}.workflow-steps .step-done b{background:var(--success);color:var(--ink-contrast)}.editor-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);min-width:0;margin:0;padding:clamp(1.25rem,3vw,2rem)}.editor-card legend{padding:0 .45rem;font-size:1rem;font-weight:800}.editor-card>p{max-width:68ch;color:var(--text-soft);font-size:.88rem}.current-file{border-radius:var(--radius-sm);background:var(--surface-soft);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.8rem 1rem;font-size:.82rem;display:flex}.current-file span{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-drop{border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--bg-elevated);cursor:pointer;text-align:center;place-content:center;justify-items:center;min-height:11rem;padding:1.2rem;display:grid}.file-drop:hover{border-color:var(--chemie)}.file-drop>span{color:var(--text-soft);font-size:.78rem}.file-drop>strong{margin-top:.35rem}.file-drop small{color:var(--text-faint);margin-top:.2rem}.file-drop input{width:min(100%,24rem);margin-top:1rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.form-grid .field-wide{grid-column:1/-1}.form-grid label small{color:var(--text-faint);text-align:right;margin-top:.25rem;font-size:.7rem;display:block}.check-field{grid-column:1/-1;align-items:center;gap:.7rem;min-height:3rem;display:flex}.check-field input{width:1.2rem;min-height:1.2rem}.check-field>span{margin:0!important}.thumbnail-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.thumbnail-options label{border-radius:var(--radius);background:var(--surface-soft);cursor:pointer;border:2px solid #0000;position:relative;overflow:hidden}.thumbnail-options label:has(input:checked){border-color:var(--focus)}.thumbnail-options input{z-index:1;width:1.1rem;height:1.1rem;position:absolute;top:.7rem;left:.7rem}.thumbnail-options img{object-fit:cover;width:100%;height:auto}.thumbnail-options span{padding:.6rem .75rem;font-size:.76rem;font-weight:720;display:block}.thumbnail-upload{gap:.4rem;margin-top:1rem;display:grid}.thumbnail-upload input{max-width:32rem}.thumbnail-upload small{color:var(--text-soft)}.editor-actions{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--surface) 90%, transparent);box-shadow:var(--shadow-md);justify-content:flex-end;align-items:center;padding:.75rem;position:static}.admin-preview .viewer-shell iframe{height:clamp(32rem,68svh,50rem)}.taxonomy-form{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:.7fr .9fr 1.4fr auto;align-items:end;gap:.8rem;padding:1rem;display:grid}.taxonomy-form button{padding-inline:1rem}.taxonomy-columns{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;display:grid}.taxonomy-columns>div{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:1.1rem}.taxonomy-columns h3{font-size:.95rem}.taxonomy-columns ul{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.taxonomy-columns li{background:var(--surface-soft);border-radius:.45rem;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem;font-size:.78rem;display:flex}.taxonomy-columns small{color:var(--text-faint);font-size:.62rem}.confirm-dialog{border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);width:min(100% - 2rem,32rem);color:var(--text);box-shadow:var(--shadow-lg);padding:1.5rem}.confirm-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#030a079e}.confirm-dialog h2{font-size:1.8rem}.confirm-dialog p{color:var(--text-soft)}.confirm-dialog>div{justify-content:flex-end;gap:.7rem;display:flex}.confirm-dialog button{padding-inline:1rem}.share-dialog{border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);width:min(100% - 2rem,36rem);max-height:min(90svh,52rem);color:var(--text);box-shadow:var(--shadow-lg);padding:0;overflow:auto}.share-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#030a079e}.share-dialog-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.share-dialog-header .eyebrow{margin:0}.share-dialog-header button{padding-inline:1rem}.share-dialog .share-panel{box-shadow:none;border:0;border-radius:0}.danger-button{border-color:var(--danger);background:var(--danger);color:#fff}@media (width<=1100px){.desktop-nav{display:none}.header-inner{grid-template-columns:1fr auto}.mobile-menu{display:block}.admin-link{display:none}.hero{grid-template-columns:1fr .9fr;gap:2rem}.material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-panel{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-search{grid-column:span 2}.admin-content-row{grid-template-columns:7rem 1fr}.admin-content-row>img{width:7rem;height:4.375rem}.admin-row-actions{border-top:1px solid var(--line);grid-column:1/-1;justify-content:flex-end;max-width:none;padding-top:.7rem}.taxonomy-columns{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){:root{--header-height:4.5rem}.page-section,.header-inner,.footer-inner{width:min(calc(100% - 1.5rem), var(--page))}.brand-copy small{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy h1{max-width:12ch}.hero-visual{max-width:46rem}.subject-grid{grid-template-columns:1fr}.subject-card{min-height:0}.subject-index{margin-bottom:1.4rem}.section-heading,.footer-inner,.detail-title-grid,.learning-section,.instruction-section,.editor-heading{grid-template-columns:1fr}.footer-note{text-align:left}.subject-hero-inner{grid-template-columns:1fr}.subject-hero img{max-width:34rem}.filter-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-search{grid-column:1/-1}.detail-aside{max-width:32rem}.share-section .share-panel{grid-template-columns:8.5rem minmax(0,1fr);grid-template-areas:"qr heading""qr url""qr actions""qr status"}.admin-login-shell{grid-template-columns:1fr;align-content:center}.admin-header{flex-direction:column;align-items:start}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-filters{grid-template-columns:1fr 1fr}.admin-filters label:first-child{grid-column:1/-1}.workflow-steps{justify-content:flex-start}.taxonomy-form{grid-template-columns:1fr 1fr}.taxonomy-name{grid-column:1/-1}}@media (width<=560px){h1{font-size:clamp(2.35rem,14vw,4rem)}.brand-mark{width:2.5rem;height:2.5rem}.brand-copy strong{font-size:.88rem}.header-actions{gap:.4rem}.hero{padding-block:2.5rem 4rem}.search-row{flex-direction:column;align-items:stretch;padding:.35rem}.search-row button{width:100%}.search-hint{display:none}.material-grid,.loading-grid{grid-template-columns:1fr}.loading-grid span{min-height:20rem}.collection-toolbar,.viewer-heading,.admin-list-heading,.admin-preview-heading{flex-direction:column;align-items:start}.filter-panel{grid-template-columns:1fr}.filter-search{grid-column:auto}.viewer-toolbar{flex-direction:column;align-items:stretch}.viewer-toolbar>div{grid-template-columns:1fr 1fr;display:grid}.viewer-shell iframe{height:68svh;min-height:30rem}.viewer-expanded iframe{height:100%;min-height:0}.viewer-shell:fullscreen iframe{height:100%;min-height:0}.detail-facts div{grid-template-columns:1fr;gap:.15rem}.detail-facts dd{text-align:left}.share-actions{grid-template-columns:1fr}.share-section .share-panel{grid-template-columns:1fr;grid-template-areas:"heading""qr""url""actions""status";justify-items:center}.share-section .share-url,.share-section .share-status{text-align:center}.share-section .share-actions{display:grid}.admin-tabs{margin-inline:-.2rem}.admin-stats,.admin-filters,.form-grid,.thumbnail-options,.taxonomy-form,.taxonomy-columns{grid-template-columns:1fr}.admin-filters label:first-child,.taxonomy-name{grid-column:auto}.admin-content-row{grid-template-columns:5rem 1fr}.admin-content-row>img{width:5rem;height:3.125rem}.admin-row-actions{grid-template-columns:1fr 1fr;display:grid}.editor-actions{grid-template-columns:1fr;display:grid}.current-file{flex-direction:column;align-items:start}.confirm-dialog>div{grid-template-columns:1fr;display:grid}}@media print{body.print-qr-code{background:#fff}body.print-qr-code *{visibility:hidden!important}body.print-qr-code .share-panel,body.print-qr-code .share-panel *{visibility:visible!important}body.print-qr-code .share-panel{width:8.5cm;box-shadow:none;color:#101814;background:#fff;border:0;padding:0;position:fixed;inset:1.5cm auto auto 1.5cm}body.print-qr-code .share-heading{text-align:center}body.print-qr-code .share-heading .eyebrow,body.print-qr-code .share-actions,body.print-qr-code .share-status{display:none}body.print-qr-code .share-print-title{color:#101814;text-align:center;margin-bottom:.2cm;font-size:14pt;line-height:1.25;display:block}body.print-qr-code .share-heading h2{color:#101814;margin-bottom:.2cm;font-size:18pt}body.print-qr-code .share-heading p,body.print-qr-code .share-url{color:#26332e}body.print-qr-code .qr-code-frame{border:0;width:6cm}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.subject-card:before,.admin-content-row:before{background:canvastext}.status-badge,.example-label{border:1px solid canvastext}}