@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#175746;--dark:#153d32;--muted:#76827c;--line:#e2e8e1;--bg:#f4f6f2;--lime:#e1edbd;--white:#fff}*{box-sizing:border-box}body{margin:0;font:14px/1.65 'DM Sans',Arial,sans-serif;color:var(--dark);background:var(--bg)}a{color:inherit;text-decoration:none}a,button{transition:background .18s,color .18s,transform .18s}a:hover{color:#5c7b3b}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.3;margin:0 0 16px;letter-spacing:-.8px}h1{font-size:30px;font-weight:800}h2{font-size:20px;font-weight:700}h3{font-size:16px;letter-spacing:-.3px}p{color:var(--muted);margin:0 0 20px}small{font-size:11px;color:var(--muted)}img{display:block;max-width:100%}input,select,textarea{display:block;width:100%;padding:11px 13px;border:1px solid #d8e1d6;border-radius:6px;background:white;color:var(--dark);font-size:13px;outline:none;min-width:0}input:focus,select:focus,textarea:focus{border-color:#719b71;box-shadow:0 0 0 3px #a6bd7520}textarea{resize:vertical;line-height:1.7}label{display:block;font-size:12px;font-weight:600;margin-bottom:20px}label>input,label>select,label>textarea{margin-top:7px}label>small{display:block;font-size:10px;line-height:1.65;font-weight:400;margin-top:6px}input[type=checkbox]{width:16px;height:16px;accent-color:var(--green);flex-shrink:0;margin:0}.checkbox{display:flex;align-items:center;gap:9px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--green);color:white;border:1px solid var(--green);border-radius:6px;padding:11px 18px;font-size:12px;font-weight:600;line-height:1.6;cursor:pointer}.btn:hover{background:#104231;color:white;transform:translateY(-1px)}.btn.outline,.btn.ghost{background:white;color:var(--green);border-color:#d3decf}.btn.outline:hover,.btn.ghost:hover{background:#edf2e5}.btn.light{background:var(--lime);color:var(--dark);border-color:var(--lime)}.btn.small{padding:6px 10px;font-size:10px}.overline{display:block;font-size:9px;font-weight:700;letter-spacing:1.8px;color:var(--green);margin-bottom:12px}.notice{padding:15px 20px;background:#edf2e3;border:1px solid #dce5cd;border-radius:7px;font-size:12px;margin-bottom:24px;color:#486334}.notice.success{background:#e9f5ec;border-color:#cae4ce;color:#21653b}.notice.error{background:#fff0eb;border-color:#f0d0c5;color:#94432e}.notice a{text-decoration:underline}.muted-link{font-size:12px;color:var(--muted);display:block;margin:15px 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b2c879;outline-offset:4px}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:white}.auth-story{padding:52px 65px;background:var(--green);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-story:after{content:'✳';position:absolute;bottom:0;right:-130px;font-size:480px;line-height:1;color:#ffffff06;pointer-events:none}.auth-brand{color:white;font:700 18px Manrope,sans-serif;letter-spacing:2px}.auth-story .overline{color:var(--lime)}.auth-story h1{font-size:44px;line-height:1.28;color:white;letter-spacing:-2px}.auth-story em{font-family:Georgia,serif;font-weight:400;color:var(--lime)}.auth-story p{color:#c8dacf;font-size:13px;line-height:1.9}.auth-story>small{color:#a8c4b6}.auth-main{display:flex;align-items:center;justify-content:center;padding:50px}.auth-card{max-width:400px;width:100%}.auth-card h2{font-size:30px;letter-spacing:-1px}.auth-card>p{font-size:13px;margin-bottom:30px}.auth-card .btn{width:100%;justify-content:space-between;margin-top:5px}.auth-card>.muted-link{margin:25px 0}.auth-card>small{display:block;max-width:300px;font-size:10px}.password-page{min-height:100vh;display:grid;place-items:center;padding:30px}.password-page .auth-card{background:white;max-width:480px;border:1px solid var(--line);border-radius:12px;padding:38px}.admin-shell{display:flex}.sidebar{width:246px;background:#fff;border-right:1px solid var(--line);position:fixed;top:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column}.admin-brand{display:flex;align-items:center;gap:10px;padding:29px 25px 23px;font-family:Manrope,sans-serif;font-weight:800;font-size:18px;letter-spacing:-.5px}.brand-symbol{background:var(--green);color:var(--lime);height:38px;width:38px;border-radius:9px;display:grid;place-items:center;font-size:29px;font-weight:400}.admin-brand small{display:block;font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:1.6px;color:#849181;margin-top:3px}.sidebar nav{overflow-y:auto;padding:0 15px 18px;flex:1;scrollbar-width:thin;scrollbar-color:#d9e2d1 transparent}.sidebar nav>small{display:block;font-size:8px;letter-spacing:1.5px;color:#92a08f;font-weight:700;margin:19px 13px 8px}.sidebar nav>a{display:flex;gap:12px;align-items:center;padding:9px 13px;margin:2px 0;color:#778676;font-size:17px;line-height:1.5;border-radius:6px}.sidebar nav>a>span{font-size:11px;color:#62735f}.sidebar nav>a:hover{background:#f4f6ed}.sidebar nav>a.selected{background:#eaf0df;color:#41652d}.sidebar nav>a.selected>span{font-weight:700;color:#315430}.sidebar-bottom{padding:16px 25px;border-top:1px solid var(--line)}.sidebar-bottom a{display:flex;justify-content:space-between;font-size:11px;font-weight:600;color:#5c7355}.admin-workspace{width:calc(100% - 246px);margin-left:246px;min-height:100vh;display:flex;flex-direction:column}.admin-top{height:83px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:20px}.breadcrumb{font-size:11px;color:#7f8d79}.breadcrumb b{color:#c4cec0;font-weight:400;padding:0 12px}.account{display:flex;gap:10px;align-items:center}.avatar{background:#e6eedc;border:1px solid #d9e4cc;color:#4b643e;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:12px}.account strong{display:block;font-size:11px;line-height:1.4}.account small{font-size:9px}.account details{position:relative}.account summary{list-style:none;padding:5px 8px;cursor:pointer;font-size:20px}.account details>div{position:absolute;right:0;top:35px;background:white;box-shadow:0 10px 35px #0002;border:1px solid var(--line);border-radius:7px;padding:12px;min-width:155px;z-index:40}.account details a,.account details button{font-size:12px;display:block;padding:8px;border:0;background:white}.sidebar-toggle{display:none}.admin-main{padding:33px 38px;max-width:1600px;width:100%;margin:0 auto;flex:1}.page-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px}.page-title h1{margin:0}.page-title .overline{font-size:8px;color:#8a9781;margin-bottom:6px}.today{font-size:10px;color:#809075;background:#ebefe5;border:1px solid #dde6d4;border-radius:5px;padding:7px 12px}.welcome-panel{background:var(--green);color:#fff;border-radius:10px;padding:31px 35px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;margin-bottom:24px}.welcome-panel .overline{color:#c8dda3;font-size:8px}.welcome-panel h2{font-size:29px;color:white;letter-spacing:-1px}.welcome-panel p{font-size:12px;color:#c9dbcb;line-height:1.8}.welcome-panel .btn{font-size:11px;padding:10px 15px}.welcome-art{font-size:195px;color:#dce9b6;line-height:.95;padding:0 15px;transform:rotate(15deg)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px;margin-bottom:25px}.stat-card{border:1px solid var(--line);background:white;border-radius:8px;padding:22px}.stat-card>span{font-size:10px;color:#7d8b75}.stat-card>strong{display:block;font-family:Manrope,sans-serif;font-weight:800;font-size:32px;margin:11px 0 6px;line-height:1.2;letter-spacing:-1px}.stat-card>small{font-size:9px;color:#9aa591}.panel{background:white;border:1px solid var(--line);border-radius:9px;padding:26px;margin-bottom:24px;min-width:0}.panel>p{font-size:12px}.panel-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px}.panel-heading h2{margin:0;font-size:16px}.panel-heading a{font-size:10px;color:var(--green);font-weight:600}.panel-heading>small{font-size:10px}.panel-heading>span{color:#91a083;font-size:12px}.dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.empty-state{text-align:center;padding:32px 16px}.empty-state>span{font-size:42px;color:#b3c29e;display:block;margin-bottom:12px}.empty-state h3{font-size:16px}.empty-state p{max-width:330px;margin:0 auto 20px;font-size:11px}.empty-state a{font-size:11px}.agenda-row{display:flex;gap:15px;align-items:center;padding:17px 0;border-top:1px solid var(--line)}.date-box{background:#eff3e9;border:1px solid #e0e8d7;width:46px;height:51px;border-radius:6px;text-align:center;font-size:19px;font-weight:700;line-height:1.3;padding-top:6px;flex-shrink:0}.date-box small{display:block;font-size:9px;font-weight:400}.agenda-row strong{font-size:12px}.agenda-row>div>small{display:block;font-size:10px}.agenda-row>b{margin-left:auto;font-weight:400}.check-row{display:block;padding:18px 0;border-top:1px solid var(--line)}.check-row h3{font-size:13px;letter-spacing:-.1px;margin:12px 0 8px}.check-row p{font-size:11px;margin-bottom:10px}.check-row a{font-size:10px;font-weight:600}.status{display:inline-block;background:#f0f2ed;color:#7a856f;padding:4px 9px;border-radius:4px;font-size:9px;line-height:1.5;white-space:nowrap}.status.published{background:#e8f2e6;color:#457439}.status.review{background:#fcf2d9;color:#997728}.status.draft{background:#edf0f3;color:#708292}.status.archived{background:#f2e9e5;color:#9b7866}.activity-row{display:flex;gap:13px;align-items:center;border-top:1px solid #edf0e8;padding:15px 0}.activity-dot{background:#afc195;width:7px;height:7px;border-radius:50%}.activity-row strong{font-size:11px}.activity-row p{font-size:10px;margin:2px 0 0}.activity-row time{font-size:9px;color:#8b9883;margin-left:auto;white-space:nowrap}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px}.filter-form{display:flex;gap:10px;align-items:center}.filter-form input{min-width:200px}.filter-form select{min-width:150px}.filter-form .btn{white-space:nowrap}.table-panel{padding:0}.table-panel .panel-heading{padding:23px 25px;margin:0;border-bottom:1px solid var(--line)}.table-scroll{overflow:auto}.table-scroll table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.table-scroll th{font-weight:600;color:#84917a;font-size:9px;text-transform:uppercase;letter-spacing:1px;background:#fbfcf9;padding:15px 22px;white-space:nowrap}.table-scroll td{padding:17px 22px;border-top:1px solid #edf0e9;vertical-align:middle}.table-scroll td:first-child{min-width:250px;max-width:470px}.table-scroll td small{display:block;color:#93a08a;font-size:9px;overflow-wrap:anywhere;margin-top:4px}.table-title{font-weight:600;font-size:12px;line-height:1.5;display:block}.nowrap{white-space:nowrap}.row-actions{display:flex;gap:12px;align-items:center;font-size:10px;white-space:nowrap}.row-actions form{margin:0}.row-actions button{border:0;background:none;padding:0;font-size:10px}.text-danger,.error-text{color:#ac5c48!important}.pagination{display:flex;align-items:center;justify-content:center;gap:25px;padding:22px;font-size:11px;border-top:1px solid var(--line)}.pagination a{color:var(--green);font-weight:600}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.form-grid .full{grid-column:1/-1}.content-editor{font-size:12px;min-height:340px}.publish-panel .btn{display:flex;width:100%;margin-top:12px}.publish-panel h2{font-size:16px}.publish-panel .help{font-size:11px;margin-top:18px}.hint-panel{background:#eff3e6;border-color:#dfe6d2}.hint-panel>span{font-size:35px;color:#91a86e}.hint-panel h3{font-size:16px;margin-top:12px}.hint-panel p{font-size:11px}.hint-panel a{font-size:11px;font-weight:600}.upload-form{display:grid;grid-template-columns:1.5fr 1fr auto;gap:20px;align-items:end}.upload-form label{margin-bottom:0}.upload-form .btn{margin-bottom:1px}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.media-card{background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden}.media-card>img,.file-icon{height:180px;width:100%;object-fit:cover;background:#eaf0e1}.file-icon{display:grid;place-items:center;font:700 30px Manrope,sans-serif;color:#7c9166}.media-card>div:not(.file-icon){padding:19px}.media-card h3{font-size:12px;overflow-wrap:anywhere;letter-spacing:0}.media-card p{font-size:9px;margin-bottom:12px}.media-card input{font-size:10px}.media-card .row-actions{margin:12px 0}.media-card form{display:flex;gap:8px}.media-card form select{font-size:10px;padding:5px}.media-card .btn{white-space:nowrap}.message-text{white-space:normal;overflow-wrap:anywhere;font-size:13px;line-height:1.9}.prose img{max-width:100%;height:auto}.prose table{border-collapse:collapse;max-width:100%;display:block;overflow:auto}.prose td,.prose th{padding:8px;border:1px solid var(--line)}.prose{overflow-wrap:anywhere}.detail-list>div{border-bottom:1px solid var(--line);padding:8px 0}.detail-list dt{font-size:11px;color:var(--muted)}.detail-list dd{margin:0}.user-details summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px}.user-details summary>span{font-size:11px;color:var(--muted)}.user-details form{margin-top:24px}.backup-row{padding:15px 0;border-top:1px solid var(--line);display:flex;gap:20px;align-items:center}.backup-row strong{font-size:11px;overflow-wrap:anywhere}.backup-row>span{font-size:10px;color:var(--muted);margin-left:auto}.admin-footer{padding:20px 38px;border-top:1px solid var(--line);font-size:9px;color:#93a088;display:flex;justify-content:space-between}.table-panel>form{padding:25px}.panel form .btn+ .btn{margin-left:10px}code{background:#edf1e6;padding:2px 5px;border-radius:3px}summary{cursor:pointer}
@media(min-width:1500px){.admin-main{padding:40px 50px}.stat-card{padding:26px}.welcome-panel{padding:37px 42px}.welcome-panel h2{font-size:34px}.welcome-panel p{font-size:13px}.dashboard-grid{grid-template-columns:1.5fr 1fr}}@media(max-width:1150px){.sidebar{width:220px}.admin-workspace{margin-left:220px;width:calc(100% - 220px)}.admin-brand{padding-left:20px;font-size:16px}.admin-top{padding:0 25px}.admin-main{padding:25px}.stat-grid{gap:12px}.stat-card{padding:17px}.stat-card>span{font-size:9px}.stat-card>strong{font-size:28px}.welcome-art{font-size:140px}.editor-grid{grid-template-columns:minmax(0,1fr) 240px;gap:18px}.panel{padding:21px}.table-panel{padding:0}.media-grid{grid-template-columns:repeat(2,1fr)}.filter-form input{min-width:0}.toolbar{align-items:stretch}.filter-form{flex:1}.filter-form select{min-width:0;width:140px}.toolbar>.btn{white-space:nowrap}.dashboard-grid{gap:18px}.upload-form{grid-template-columns:1fr 1fr}.upload-form .btn{grid-column:1/-1}.welcome-panel h2{font-size:25px}}@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar-open .sidebar{transform:translateX(0);box-shadow:10px 0 25px #0002}.admin-workspace{width:100%;margin-left:0}.sidebar-toggle{display:block;background:var(--bg);border:1px solid var(--line);border-radius:5px;color:var(--green);padding:3px 9px;font-size:21px}.admin-top{height:73px;padding:0 22px}.breadcrumb{margin-right:auto;font-size:10px}.admin-main{padding:25px}.sidebar-open .admin-top{position:relative;z-index:35}.auth-story{padding:35px}.auth-story h1{font-size:34px}.auth-main{padding:35px}.auth-card h2{font-size:26px}.org-placeholder{overflow:auto}}@media(max-width:650px){.auth-page{grid-template-columns:1fr}.auth-story{padding:30px;min-height:260px}.auth-story>div{padding-top:28px}.auth-story h1{font-size:28px}.auth-story p,.auth-story>small{display:none}.auth-main{padding:35px 25px}.auth-story:after{font-size:260px;right:-60px;bottom:-40px}.auth-card{max-width:100%}.auth-card h2{font-size:26px}.admin-top{padding:0 17px;gap:10px}.breadcrumb{display:none}.account{margin-left:auto}.account strong{font-size:10px}.account small{font-size:8px}.admin-main{padding:22px 17px}.page-title{margin-bottom:22px}.page-title h1{font-size:23px}.today{font-size:8px;padding:6px 8px}.welcome-panel{padding:25px;gap:10px}.welcome-panel h2{font-size:23px}.welcome-panel p{font-size:11px}.welcome-art{position:absolute;right:-40px;bottom:-20px;font-size:160px;opacity:.12}.welcome-panel>div:first-child{z-index:1}.stat-grid{grid-template-columns:1fr 1fr;gap:12px}.stat-card{padding:17px}.stat-card>span{font-size:10px}.dashboard-grid,.editor-grid{grid-template-columns:1fr}.editor-grid aside{grid-row:1}.editor-grid .hint-panel{display:none}.publish-panel .btn{width:auto;display:inline-flex}.publish-panel .help{display:none}.publish-panel .muted-link{display:inline-block;margin:12px 10px 0 0;font-size:10px}.publish-panel label{margin-bottom:12px}.publish-panel{padding:20px}.panel{padding:20px}.table-panel{padding:0}.toolbar{flex-wrap:wrap;gap:12px}.filter-form{flex-basis:100%;flex-wrap:wrap}.filter-form input{flex:1;min-width:140px}.filter-form select{width:130px}.form-grid{grid-template-columns:1fr;gap:0}.form-grid .full{grid-column:auto}.activity-row time{font-size:8px;max-width:75px;white-space:normal}.activity-row strong{font-size:10px}.activity-row p{font-size:9px}.media-grid{grid-template-columns:1fr}.upload-form{grid-template-columns:1fr}.panel-heading{gap:10px}.panel-heading h2{font-size:15px}.panel-heading a,.panel-heading small{font-size:9px}.user-details summary{display:block}.user-details summary>span{display:block;margin-top:6px;font-size:10px}.backup-row{flex-wrap:wrap;gap:12px}.backup-row strong{flex-basis:100%}.backup-row>span{margin-left:0}.admin-footer{padding:20px 17px;font-size:8px;gap:10px}.table-scroll th,.table-scroll td{padding:13px 17px}.table-scroll td:first-child{min-width:210px}.table-title{font-size:11px}.content-editor{min-height:260px}.password-page .auth-card{padding:25px}.password-page{padding:20px}.panel>h2{font-size:18px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Prevent long titles, controls and nested grids from stretching the workspace. */
.admin-workspace, .admin-main, .dashboard-grid > *, .editor-grid > *, .stat-grid > * { min-width: 0; }
.page-title, .panel-heading { flex-wrap: wrap; gap: 12px; }
.page-title h1, .panel-heading h2, .auth-brand { overflow-wrap: anywhere; }
.auth-brand { display: flex; align-items: center; gap: 8px; }
.auth-brand img { flex-shrink: 0; }
@media (max-width: 650px) {
    .auth-story { min-height: 230px; }
    .auth-story h1 { font-size: clamp(26px, 6vw, 32px); }
    .auth-main { padding: 32px 20px; }
    .auth-card input, .admin-main input, .admin-main select, .admin-main textarea { font-size: 16px; }
    .filter-form { min-width: 0; }
    .filter-form input, .filter-form select { flex: 1 1 140px; width: 100%; }
    .admin-footer { flex-wrap: wrap; }
}
.identity-images { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.identity-image { min-width:0; margin:0; padding:20px; border:1px solid var(--line); border-radius:10px; }
.identity-image legend { padding:0 8px; font-weight:700; }
.identity-preview { width:100%; height:180px; object-fit:contain; background:#f4f6f2; border-radius:8px; margin-bottom:20px; }
.identity-save { display:flex; gap:12px; flex-wrap:wrap; margin:24px 0; }
.hint { font-size:12px; color:var(--muted); margin:12px 0 0; }
.identity-settings .panel-heading p { margin:0; }
.brand img,.admin-brand img,.auth-brand img,.student-header img,.card-logo,.report-logo,.sticker-logo { object-fit:contain; }
.admin-brand span { min-width:0; overflow-wrap:anywhere; }
@media(max-width:650px) { .identity-images { grid-template-columns:1fr; } }
.avatar-sm { width:32px; height:32px; border-radius:50%; background:var(--green); color:white; display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:700; flex-shrink:0; }
.list-row { display:flex; align-items:center; gap:12px; padding:10px 0; border-bottom:1px solid var(--line); }
.list-row:last-child { border-bottom:none; }
.list-row > div { flex:1; min-width:0; }
.list-row > div strong { display:block; font-size:13px; }
.list-row > div small { font-size:11px; color:var(--muted); }
.list-row > a { font-size:12px; color:var(--green); white-space:nowrap; }
.list-row .status { padding:2px 8px; border-radius:4px; font-size:10px; font-weight:600; white-space:nowrap; }
.list-row .status.published { background:#d4edda; color:#155724; }
.list-row .status.review { background:#fff3cd; color:#856404; }
.list-row .status.draft { background:#e2e3e5; color:#383d41; }`n.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:24px}.content-card{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:10px;background:white;transition:transform .15s,box-shadow .15s;text-decoration:none;color:inherit}.content-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0001;border-color:var(--green)}.content-icon{font-size:28px;flex-shrink:0}.content-card div{flex:1;min-width:0}.content-card h3{margin:0;font-size:13px;font-weight:600;color:var(--dark)}.content-card p{margin:2px 0 0;font-size:11px;color:var(--muted)}.content-arrow{font-size:16px;color:var(--green);flex-shrink:0}

/* Pratinjau pengaturan ukuran teks & tipografi website */
.typography-preview{margin-top:18px;border:1px solid var(--line);border-radius:10px;padding:16px;background:var(--cream);overflow:hidden}
.typography-preview-label{margin:0 0 10px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}
.typography-preview-box{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px;transform-origin:top left}
.typography-preview-box p{margin:0 0 10px;color:var(--ink)}
.typography-preview-box p:last-child{margin-bottom:0}
.typography-preview-heading{font-size:22px;font-weight:800;color:var(--dark)}