@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap";:root{color:#233c35;font-synthesis:none;--green:#176b55;--border:#e2e8e2;background:#f5f7f4;font-family:Noto Sans Thai,system-ui,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}input,select,textarea{color:#213d32;background:#fff;border:1px solid #cdd8d0;border-radius:8px;width:100%;padding:11px 12px}input:focus,textarea:focus,select:focus{border-color:var(--green);outline:2px solid #b2d9c4}textarea{resize:vertical;min-height:130px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.7px;margin-bottom:9px;font-size:29px;font-weight:600}h2{margin-bottom:17px;font-size:18px;font-weight:600}p{color:#687c71;line-height:1.8}hr{border:0;border-top:1px solid var(--border);margin:28px 0}.workspace{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);z-index:5;background:#fff;flex-direction:column;width:248px;padding:32px 20px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:var(--green);align-items:center;gap:10px;display:flex}.brand strong{letter-spacing:-1px;font-size:29px;line-height:1.1}.brand span{letter-spacing:.2px;margin-top:7px;font-size:9px;font-weight:400;display:block}.workspace-label{color:#8d9a92;margin:43px 12px 8px;font-size:11px}.school-name{margin:0 12px 21px;font-weight:600;line-height:1.6}.sidebar nav{gap:5px;display:grid}.sidebar nav a{color:#708075;border-radius:8px;align-items:center;gap:12px;padding:12px;font-size:13px;display:flex}.sidebar nav a.active{color:var(--green);background:#e8f2eb;font-weight:600}.public-link{color:#738779;gap:9px;margin:22px 12px 0;font-size:12px;display:flex}.account{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:auto;padding-top:20px;font-size:12px;display:flex}.account small{margin-top:3px;font-size:10px;display:block}.avatar{background:#f2e9d7;border-radius:50%;place-items:center;width:33px;height:33px;display:grid}.icon-button{color:#8b9b91;background:0 0;border:0;margin-left:auto;padding:5px}.workspace main{flex:1;min-width:0;margin-left:248px}.topbar{border-bottom:1px solid var(--border);color:#8c9a91;justify-content:space-between;align-items:center;height:68px;padding:0 38px;font-size:12px;display:flex}.page{max-width:1600px;margin:auto;padding:36px 38px}.page-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.page-title p{margin-bottom:0}.eyebrow{letter-spacing:2px;color:#80a091;margin-bottom:11px;font-size:10px;font-weight:600}.button{white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:13px;font-weight:500;display:inline-flex}.primary{background:var(--green);color:#fff}.text-button{color:#6c8174;background:0 0;border:0;padding:8px;font-size:12px}.text-button:hover{text-decoration:underline}.card{border:1px solid var(--border);background:#fff;border-radius:12px;margin-bottom:20px;padding:24px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:13px;display:grid}.stat-number{margin:12px 0 5px;font-size:33px;font-weight:500;line-height:1.2;display:block}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin:16px 0 20px;display:flex}.section-heading h2{margin:0}.search{border:1px solid var(--border);color:#9aa79d;background:#fff;border-radius:8px;align-items:center;width:100%;max-width:460px;padding-left:12px;display:flex}.search input{background:0 0;border:0;min-width:0;font-size:12px}.search button{border:0;border-left:1px solid var(--border);color:var(--green);white-space:nowrap;background:0 0;padding:10px}.library-grid,.book-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.library-grid .card,.book-grid .card{min-width:0;margin:0}.card-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:19px;display:flex}.library-icon{color:var(--green);background:#edf4ec;border-radius:11px;place-items:center;width:44px;height:44px;margin-bottom:15px;display:grid}.card-top .library-icon{margin:0}.badge{color:#867d55;white-space:nowrap;background:#f1f1e8;border-radius:5px;padding:5px 9px;font-size:10px;display:inline-block}.mono,code{font-family:ui-monospace,monospace;font-size:12px}.mini-stats{color:#87948a;border-top:1px solid #f0f2ee;gap:24px;margin-top:20px;padding:18px 0;font-size:11px;display:flex}.mini-stats strong{color:#314f3e;margin-right:3px;font-size:17px}.card-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;display:flex}.card-actions .button{flex:1}.split{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:24px;display:grid}.sticky{position:sticky;top:22px}.check{color:#5d7467;align-items:center;gap:10px;margin-bottom:18px;font-size:12px;display:flex}.check svg{color:#45976b}.sticky .button{width:100%;margin-top:20px}.step{color:#699d70;background:#f1f6ed;border-radius:50%;place-items:center;width:26px;height:26px;margin-right:10px;font-size:13px;display:inline-grid}.field{margin-bottom:19px;display:block}.field>span{margin-bottom:8px;font-size:12px;font-weight:500;display:block}.field i{color:#bd8269;font-style:normal}.field small{margin-top:7px;line-height:1.7;display:block}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;display:grid}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.url-preview{color:#7b9080;background:#f5f8f2;border:1px dashed #cbdacb;border-radius:8px;align-items:center;gap:8px;padding:15px;font-size:13px;display:flex}.barcode-preview{background:#f8f9f4;border-radius:8px;justify-content:space-between;align-items:center;padding:16px;display:flex}.barcode-preview strong{letter-spacing:3px;font:22px ui-monospace,monospace}.notice{background:#f5f7ee;border:1px solid #e2e9d4;border-radius:8px;margin-bottom:22px;padding:14px 18px;font-size:12px;line-height:1.8}.error{color:#a14730;background:#fff0eb;border-color:#eed4c9}.error-text{color:#b04d37;font-size:12px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;margin-top:18px}th{border-bottom:1px solid var(--border);color:#8b998f;white-space:nowrap;padding:14px 10px;font-size:11px;font-weight:400}td{border-bottom:1px solid #eff2ed;padding:18px 10px;font-size:12px}td strong{font-weight:500}td small{margin-top:5px;font-size:11px;display:block}td .button{padding:7px 10px;font-size:11px}.pagination{justify-content:space-between;align-items:center;gap:10px;margin:22px 0 0;display:flex}.pagination a{border:1px solid var(--border);background:#fff;border-radius:5px;margin-left:5px;padding:5px 10px;font-size:11px;display:inline-block}.pagination .selected{color:#fff;background:var(--green)}.empty{text-align:center;color:#94aa9c;padding:45px 20px}.empty p{margin:15px 0 0;font-size:13px}.tabs{border-bottom:1px solid var(--border);gap:8px;margin-bottom:24px;display:flex;overflow-x:auto}.tabs button{white-space:nowrap;color:#7d8e81;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 17px;font-size:12px}.tabs .active{color:var(--green);border-color:var(--green)}.checkbox{align-items:center;gap:10px;margin-bottom:16px;font-size:13px;display:flex}.checkbox input,.answer input{width:auto;accent-color:var(--green)}.weekday-list{grid-template-columns:repeat(3,1fr);margin:25px 0;display:grid}.holiday-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:10px;padding:12px 0;font-size:12px;display:flex}.checkout-preview{background:#f5f8f2;border-radius:10px;align-items:center;gap:30px;margin-top:24px;padding:22px;display:flex}.checkout-preview>div{flex:1}.checkout-preview strong,.checkout-preview small{margin-bottom:8px;display:block}.feature-card{background:#e7eee0;border-color:#e0e8d8;min-height:310px}.feature-card h2{font-size:27px;line-height:1.7}.quick-link{color:#5c785e;margin-top:20px;font-size:12px;display:block}.login{background:#fff;grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-story{background:#dce8d7;flex-direction:column;justify-content:space-between;min-height:100vh;padding:60px 70px;display:flex}.login-story h1{color:#24543b;font-size:48px;line-height:1.6}.login-story .eyebrow{color:#6c8b70}.login-form{width:100%;max-width:440px;margin:auto;padding:35px}.login-form .button{width:100%;margin-top:15px}.public-page{background:#fafbf7;min-height:100vh}.public-page>header{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;gap:20px;padding:24px 6%;display:flex}.public-hero{background:#e4ecdf;padding:70px 10%}.public-hero h1{color:#2c5b3f;font-size:52px;line-height:1.6}.hero-numbers{color:#6c846f;gap:25px;margin-top:35px;font-size:12px;display:flex}.public-content{max-width:1450px;margin:auto;padding:40px 6%}.book-cover{color:#708562;background:#e6eadc;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:13px;height:150px;margin-bottom:20px;display:flex}.book-cover span{letter-spacing:2px;font-size:10px}.book-grid .card:nth-child(3n+2) .book-cover{color:#98835c;background:#f0e5d4}.book-grid .card:nth-child(3n+3) .book-cover{color:#678b87;background:#dfe9e8}.public-page footer{border-top:1px solid var(--border);color:#8a988b;padding:35px 6%;font-size:12px}.lesson-block{border:1px solid var(--border);border-radius:8px;margin:20px 0;padding:20px}.reading-block{margin-bottom:30px}.prose{white-space:pre-wrap;color:#3e5c48;line-height:2.1}.answer{border:1px solid var(--border);border-radius:7px;align-items:center;gap:12px;margin-bottom:10px;padding:15px;font-size:13px;display:flex}@media (width>=1500px){.page{padding:40px 50px}.library-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1150px){.sidebar{width:212px;padding:25px 14px}.workspace main{margin-left:212px}.page{padding:28px 24px}.topbar{padding:0 24px}.split{grid-template-columns:1fr}.sticky{position:static}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{gap:10px}.stats .card{padding:18px}.stat-number{font-size:27px}}@media (width<=760px){.workspace{display:block}.sidebar{width:100%;padding:16px;position:static}.sidebar .brand{margin-bottom:14px}.workspace-label,.school-name,.account,.public-link{display:none}.sidebar nav{gap:4px;display:flex;overflow-x:auto}.sidebar nav a{white-space:nowrap;padding:9px;font-size:11px}.sidebar nav svg{width:15px}.workspace main{margin:0}.topbar{height:45px;padding:0 18px;font-size:10px}.page{padding:25px 16px}.page-title{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:24px}h1{font-size:23px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.library-grid,.book-grid{grid-template-columns:1fr}.section-heading{flex-direction:column;align-items:flex-start}.form-grid,.form-grid.three{grid-template-columns:1fr}.card{padding:20px}.checkout-preview{flex-direction:column;align-items:flex-start;gap:15px}.login{display:block}.login-story{min-height:220px;padding:30px}.login-story h1{margin-top:20px;font-size:27px;line-height:1.4}.login-story p,.login-story>small{display:none}.login-form{padding:35px 25px}.public-page>header{padding:15px}.public-page>header>strong{font-size:11px}.public-hero{padding:40px 7%}.public-hero h1{font-size:35px}.public-content{padding:30px 16px}.account{margin-top:14px;padding-top:12px;display:flex}.public-link{margin:14px 12px 0;font-size:11px;display:inline-flex}}:root{color:#202641;--green:#4f46d9;--border:#dfe3f1;background:#f5f6fd;font-size:18px}.workspace{--green:#4f46d9;background:#f5f6fd}.sidebar{background:#fff;border-color:#e5e7f2;width:282px;padding:28px 20px;overflow-y:auto}.workspace main{margin-left:282px}.brand{color:#5147dd}.brand strong{font-size:38px}.brand span{letter-spacing:.4px;font-size:11px}.brand svg{width:34px;height:34px}.workspace-label{color:#626784;margin-top:30px;font-size:14px}.school-name{color:#252b46;font-size:17px}.sidebar nav{gap:7px}.sidebar nav a{color:#515974;border-radius:13px;min-height:50px;padding:13px 15px;font-size:17px}.sidebar nav a.active{color:#4b3fc7;background:#eeecff}.sidebar nav a:hover{background:#f2f3ff}.sidebar nav svg{flex-shrink:0;width:22px;height:22px}.public-link{color:#515974;align-items:center;min-height:42px;font-size:15px}.account{margin-top:30px;font-size:15px}.account small{color:#626984;font-size:13px}.avatar{color:#755314;background:#ffe6bf;width:44px;height:44px}.icon-button{color:#515974;background:#f4f5fb;border-radius:12px;min-width:46px;min-height:46px}.topbar{color:#626984;background:#fff;height:78px;font-size:15px}.page{max-width:1640px;padding:38px}.eyebrow{letter-spacing:1.5px;color:#6962ad;font-size:13px}.page-title{align-items:flex-start;margin-bottom:32px}.page-title p{color:#626984;max-width:760px;font-size:18px}h1{color:#222743;letter-spacing:-.6px;font-size:34px;font-weight:700;line-height:1.5}h2{color:#292e4d;font-size:23px;font-weight:600;line-height:1.5}h3{font-size:20px}p{color:#626984;font-size:18px}small{color:#626984;font-size:15px}.card{border-color:#e4e7f2;border-radius:20px;padding:28px;box-shadow:0 4px 24px #25295105}.button{white-space:normal;text-align:center;border-radius:12px;min-height:50px;padding:12px 21px;font-size:18px;font-weight:600}.primary{color:#fff;background:#5147dd;box-shadow:0 5px 12px #5147dd1c}.primary:hover{background:#3d32b8}.secondary{color:#4438ad;background:#fafaff;border-color:#d9dcf0}.secondary:hover{background:#efedff}.text-button{color:#5147bd;min-height:46px;padding:9px 12px;font-size:16px}.field>span{margin-bottom:9px;font-size:17px}.field{margin-bottom:23px}.field small{font-size:15px;line-height:1.7}.field input,.field select,.field textarea{color:#292e4d;border-color:#cbd1e5;border-radius:12px;min-height:52px;padding:12px 15px;font-size:18px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#7365eb;outline:3px solid #dbd7ff}.field input[type=color]{width:100px}.form-grid{gap:0 24px}.checkbox{gap:13px;min-height:48px;font-size:18px}.checkbox input,.answer input{accent-color:#5147dd;flex-shrink:0;width:23px;height:23px}.tabs{background:#eeeff8;border:0;border-radius:15px;gap:8px;padding:7px}.tabs button{color:#5d637e;border:0;border-radius:10px;min-height:50px;padding:11px 18px;font-size:17px}.tabs .active{color:#4b3fc7;background:#fff;box-shadow:0 3px 9px #2b2a4910}.search{border-color:#d8ddef;border-radius:12px;max-width:520px;min-height:52px}.search input{min-height:50px;font-size:17px}.search button{color:#5147dd;min-height:48px;padding:10px 17px;font-size:16px}.search svg{flex-shrink:0;width:22px}.notice{border-radius:13px;padding:18px 22px;font-size:17px;line-height:1.8}.error-text{font-size:16px}.success{color:#1f684e;background:#eaf8f2;border-color:#c1e3d3}.badge{color:#765819;background:#fff2d4;border-radius:8px;padding:7px 12px;font-size:14px}.badge.green{color:#246647;background:#e6f6eb}.stats{gap:20px}.stats .card{background:#edeaff;border:0;min-height:170px;position:relative;overflow:hidden}.stats .card:nth-child(2){background:#e5f4fd}.stats .card:nth-child(3){background:#fff0d7}.stats .card:nth-child(4){background:#e5f5ed}.stat-label{color:#414861;font-size:17px}.stat-number{color:#2c3153;margin:14px 0 6px;font-size:42px;font-weight:700}.stats small{color:#606881;font-size:14px}.library-icon{color:#6656d8;background:#edeaff;border-radius:15px;width:54px;height:54px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.library-grid h2{font-size:23px}.mini-stats{color:#626984;gap:18px;font-size:16px}.mini-stats strong{color:#333658;font-size:22px}.mono,code{color:#39395e;overflow-wrap:anywhere;font-size:17px}.check{color:#515974;align-items:flex-start;gap:13px;font-size:17px}.check svg{color:#6856d8;min-width:20px}.muted{color:#606a82;font-size:16px}.step{color:#6252d6;background:#eeebff;width:34px;height:34px;font-size:17px}.url-preview{color:#655aa8;background:#f4f2ff;border-color:#d4ccf5;padding:20px;font-size:18px}.barcode-preview{background:#f2f4fb;padding:22px}.barcode-preview strong{font-size:26px}.table-wrap{margin-top:10px}th{color:#535d78;background:#f7f8fc;padding:18px 14px;font-size:16px;font-weight:500}td{border-color:#e9ecf5;padding:20px 14px;font-size:17px;line-height:1.6}td small{color:#677087;font-size:15px}td .button{min-height:48px;padding:10px 15px;font-size:16px}.pagination small{font-size:16px}.pagination a{text-align:center;border-radius:10px;min-width:46px;min-height:46px;padding:10px 15px;font-size:16px}.pagination .selected{background:#5147dd}.empty{padding:50px 24px}.empty p{font-size:18px}.feature-card{background:#eee9ff;border:0}.feature-card h2{color:#3b326f;font-size:32px}.feature-card p{font-size:18px}.quick-link{min-height:48px;font-size:17px}.checkout-preview{background:#eff2ff;border-radius:15px;flex-wrap:wrap;padding:26px}.checkout-preview strong{font-size:19px}.holiday-row{padding:14px 0;font-size:17px}.answer{border-radius:12px;min-height:56px;padding:17px;font-size:18px}.answer:has(input:checked){background:#efedff;border-color:#8c7af0}.reading-block h2{font-size:23px}.reading{max-width:960px}.prose{color:#37405b;font-size:20px;line-height:2.1}.lesson-block{border-radius:15px;padding:25px}.reading-block{padding-bottom:15px}.login{background:#f8f8fe;grid-template-columns:1fr 1fr}.login-story{background:linear-gradient(145deg,#ebe5ff 0%,#e6f2ff 70%,#f7eee0 100%);padding:65px;position:relative;overflow:hidden}.login-story:after{content:"✦";color:#a299e329;pointer-events:none;font:260px system-ui;position:absolute;bottom:45px;right:-20px}.login-story .brand{color:#5147dd}.login-story h1{color:#342964;z-index:1;font-size:54px;line-height:1.5;position:relative}.login-story p{color:#5c5484;font-size:22px}.login-story .eyebrow{color:#7467ad;font-size:14px}.login-story>small{color:#6a608f;font-size:16px}.login-form{max-width:560px;padding:48px}.login-form h1{font-size:34px}.login-form p{font-size:18px}.login-form form{margin:32px 0}.login-form .button{min-height:56px;font-size:20px}.login-form>a{color:#6153b0;font-size:17px}.public-page{background:#fcfcff}.public-page>header{gap:20px;min-height:100px}.public-page>header>strong{font-size:20px}.public-hero{background:linear-gradient(115deg,#eee7ff,#e7f4ff);padding:70px 9%;position:relative;overflow:hidden}.public-hero:after{content:"✦";color:#9380d52b;font-size:260px;line-height:1;position:absolute;top:15%;right:12%}.public-hero h1{color:#3f326e;z-index:1;font-size:60px;position:relative}.public-hero p{color:#665a89;z-index:1;max-width:720px;font-size:22px;position:relative}.hero-numbers{color:#564c78;gap:35px;font-size:18px}.book-grid{gap:24px}.book-cover{color:#8065bb;background:#eae3ff;border-radius:13px;height:200px}.book-cover span{font-size:15px}.book-grid p{font-size:17px}.book-grid .card-top{flex-wrap:wrap}.public-page footer{color:#616980;font-size:17px}.section-heading{gap:22px;margin:25px 0}.narrow{max-width:680px}.card-actions{gap:15px}.weekday-list{grid-template-columns:repeat(2,1fr)}@media (width>=1500px){.library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1250px){.sidebar{width:245px;padding:23px 14px}.workspace main{margin-left:245px}.sidebar nav a{font-size:16px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}.sticky{position:static}.page{padding:30px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-story{padding:45px}.login-story h1{font-size:44px}.form-grid.three{grid-template-columns:1fr}}@media (width<=760px){.sidebar{width:100%;padding:20px;position:static;overflow:visible}.workspace main{margin:0}.sidebar nav{gap:7px}.sidebar nav a{background:#f6f6fc;min-height:50px;padding:12px 16px;font-size:17px}.sidebar nav svg{width:22px}.account{margin-top:16px;padding-top:16px;display:flex}.account small{font-size:14px}.public-link{min-height:48px;margin-top:12px;font-size:16px;display:inline-flex}.page{padding:27px 18px}.topbar{height:62px;padding:0 18px;font-size:14px}.topbar .badge{font-size:12px}.page-title h1{font-size:29px}.page-title p{font-size:18px}.stats{gap:12px}.stats .card{min-height:158px;padding:20px}.stat-number{font-size:34px}.stat-label{font-size:16px}.stats small{font-size:13px}.library-grid,.book-grid{grid-template-columns:1fr}.card{border-radius:17px;padding:22px}.card-actions{align-items:stretch}.button{min-height:52px}.login{display:block}.login-story{min-height:270px;padding:32px}.login-story h1{margin:22px 0 5px;font-size:35px}.login-story:after{font-size:190px;bottom:5px}.login-form{max-width:none;padding:35px 25px}.login-form h1{font-size:29px}.public-page>header{flex-wrap:wrap;padding:20px}.public-page>header>strong{order:3;width:100%;font-size:18px}.public-hero{padding:44px 25px}.public-hero h1{font-size:41px}.public-hero p{font-size:20px}.public-hero:after{font-size:200px;right:-30px}.hero-numbers{gap:20px;font-size:16px}.book-cover{height:190px}.search{max-width:none}.form-grid{grid-template-columns:1fr}.tabs button{font-size:17px}.checkout-preview{align-items:stretch;gap:20px}.checkout-preview .button{width:100%}.table-wrap{margin-left:-5px;margin-right:-5px}td,th{min-width:130px}.pagination{flex-wrap:wrap;align-items:flex-start}.field input,.field select{font-size:18px}.reading-block .prose{font-size:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}@media print{.sidebar,.topbar,.page-title .button,.tabs,.search,.card-actions{display:none!important}.workspace main{margin:0}.page{padding:0}.card{box-shadow:none;break-inside:avoid}.table-wrap{overflow:visible}body,.workspace{background:#fff}td,th{font-size:12pt}.button,.text-button{display:none}}.media-reader{border:1px solid #dfe3f1;border-radius:16px;width:100%;height:75vh}.actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.sidebar{overflow-y:auto}.tabs a{border-radius:12px;align-items:center;min-height:50px;padding:12px 18px;text-decoration:none;display:inline-flex}.tabs a.active{color:#fff;background:#4f46d9}.batch-editor{border:1px solid #ddd8f5;border-radius:16px;margin:20px 0;padding:20px}.batch-editor summary{cursor:pointer;padding:12px;font-size:20px}.label-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px;display:grid}.print-label{break-inside:avoid;text-align:center;background:#fff;border:1px dashed #aaa;flex-direction:column;align-items:center;gap:6px;padding:16px;display:flex}.print-label svg{max-width:100%;height:auto}.print-label span,.print-label strong{font-size:14px}.print-label h3{margin:6px}.print-label p{margin:0}@media print{.no-print,.skip-print{display:none!important}.label-grid{grid-template-columns:repeat(3,62mm);gap:3mm;display:grid}.print-label{width:62mm;min-height:32mm;padding:2mm}.member-cards{grid-template-columns:repeat(2,86mm)}.member-cards .print-label{width:86mm;min-height:54mm}.print-label svg{max-width:58mm}.page-title{display:none!important}}.school-logo{object-fit:contain;width:56px;height:56px}.school-banner{object-fit:cover;border-radius:22px;width:100%;max-height:320px;margin-bottom:24px}.book-cover img{object-fit:contain;max-width:100%;height:100%}.book-cover:has(img){background:#f3f3f9;padding:0}.book-cover:has(img) span{display:none}.card,.split>*{min-width:0}.split{grid-template-columns:minmax(0,1fr) minmax(0,360px)}.table-wrap{max-width:100%;overflow:auto}.mobile-menu{display:none}.workspace main,.page{min-width:0}@media (width<=1250px){.split{grid-template-columns:minmax(0,1fr)}}@media (width<=760px){.sidebar{position:relative}.mobile-menu{min-width:90px;display:block;position:absolute;top:20px;right:20px}.sidebar nav{display:none}.sidebar.menu-open nav{grid-template-columns:minmax(0,1fr);max-height:60vh;margin-top:20px;display:grid;overflow:auto}.sidebar nav a{white-space:normal}.sidebar:not(.menu-open) .public-link{display:none}.sidebar .account{margin-top:16px}.public-content .tabs{grid-template-columns:1fr;display:grid}.public-content .tabs a{justify-content:center}.page-title h1{overflow-wrap:anywhere}}.workspace .primary,.public-page .primary{background:var(--green);color:var(--on-brand,#fff)}.workspace .primary:hover,.public-page .primary:hover{filter:brightness(.94)}.holiday-row .button{white-space:nowrap;flex-shrink:0;min-width:100px}.catalog-cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.catalog-cards .print-label{text-align:left;width:auto;min-height:76mm}.bibliography-list{display:block}.bibliography-list .print-label{text-align:left;width:100%;margin-bottom:16px}@media print{.catalog-cards{display:block}.catalog-cards .print-label{break-inside:avoid;width:127mm;min-height:76mm;margin-bottom:5mm}.bibliography-list .print-label{break-inside:avoid;width:100%}}
