/* Figma 10:2 and 262:12471. D38 overrides the legacy Plex button in admin. */
@font-face{font-family:Inter;src:url('fonts/inter/InterVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Inter;src:url('fonts/inter/InterVariable-Italic.woff2') format('woff2');font-style:italic;font-weight:100 900;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url('fonts/ibm-plex-sans/IBMPlexSansVariable.woff2') format('woff2');font-style:normal;font-weight:100 700;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url('fonts/ibm-plex-sans/IBMPlexSansVariable-Italic.woff2') format('woff2');font-style:italic;font-weight:100 700;font-display:swap}
:root{--yellow:#ffef68;--yellow-soft:#fff2c5;--green:#27ba67;--radius:10px;--font-heading:Inter,Arial,sans-serif;--font-body:'IBM Plex Sans',Arial,sans-serif;--admin-sidebar:clamp(230px,16.667vw,320px)}
body{font-family:var(--font-body);font-size:16px;line-height:1.5;font-synthesis:none}
h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}
.brand{letter-spacing:normal}.brand img{display:block;width:140px;height:46px;object-fit:contain;flex:none}.nav-icon{width:24px;height:24px;object-fit:contain;vertical-align:middle;flex:none}
.admin-shell{font-family:var(--font-heading);font-size:16px}
.admin-sidebar{width:var(--admin-sidebar);padding:32px 10px;overflow-y:auto}
.admin-sidebar .brand{padding:0 22px 34px}.admin-sidebar nav a{padding:15px 22px;display:flex;align-items:center;gap:10px;font-size:18px}.admin-sidebar nav a.sub{padding:10px 22px 10px 56px;font-size:16px}
.admin-shell .topbar{height:60px;margin-left:var(--admin-sidebar);padding:0 24px;background:var(--bg)}
.admin-shell .main{max-width:none;margin-left:var(--admin-sidebar);padding:32px 24px 64px}
.admin-shell h1{font-size:clamp(28px,1.875vw,36px);letter-spacing:-.02em;font-weight:700}
.admin-shell h2,.admin-shell .editor-grid>aside .panel h2{font-size:20px;font-weight:600}
.admin-shell .panel{padding:30px}.admin-shell .table-wrap{padding:0}
.admin-shell .editor-grid{grid-template-columns:minmax(0,1fr) minmax(290px,28.86%);gap:25px}
.admin-shell input:not([type=checkbox]):not([type=hidden]),.admin-shell select,.admin-shell textarea{min-height:52px;padding:14px 20px;border-radius:8px}
.admin-shell input[readonly]{background:#f8f8f8}.admin-shell label.field,.admin-shell .landing-field{gap:10px;margin-bottom:20px}
.admin-shell .fields{gap:0 20px}.admin-shell .field>small{font-size:12px}
.admin-shell .toggle-label{gap:15px}.admin-shell .toggle-line{font-size:16px;gap:10px}
.admin-shell .switch{width:69px!important;height:40px!important;border-radius:22px}.admin-shell .switch:before{width:34px;height:34px}.admin-shell .switch:checked:before{transform:translateX(29px)}
.admin-shell .toolbar>button,.admin-shell .toolbar>.button{min-height:48px;border-radius:8px;font-weight:500}
.admin-shell .table-wrap table{font-size:14px}.admin-shell .table-wrap td{padding:18px 14px}.admin-shell .table-wrap th{padding:16px 14px}
.admin-shell .tabs{gap:40px}.admin-shell .tabs>a,.admin-shell .tabs>button{font-size:20px}
.admin-shell .upload img{width:260px;height:175px}.admin-shell .upload label{min-height:175px;display:flex;flex-direction:column;justify-content:center;border-width:2px;border-radius:8px}
.admin-shell .cover-remove{font-size:20px}.admin-shell .breadcrumbs{font-size:14px}
.sidebar-foot{position:static;margin:40px 15px 0}
@media(max-width:1250px){.admin-sidebar nav a{font-size:16px}.admin-shell .editor-grid{grid-template-columns:minmax(0,1fr) 270px}.admin-shell .panel{padding:22px}.admin-shell .upload{flex-wrap:wrap}.admin-shell .upload label{min-width:180px}.admin-shell .upload img{width:210px;height:142px}.admin-shell .topbar nav{gap:14px}}
@media(max-width:1000px){.admin-shell .editor-grid{grid-template-columns:1fr}.admin-shell .editor-grid>aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-shell .topbar{height:auto;min-height:60px;flex-wrap:wrap;padding:12px 20px}}
@media(max-width:850px){.admin-sidebar{position:static;width:100%;padding:16px}.admin-sidebar .brand{padding:0 0 16px}.admin-sidebar nav a,.admin-sidebar nav a.sub{padding:10px 14px;font-size:14px}.admin-shell .main,.admin-shell .topbar{margin-left:0}.sidebar-foot{display:none}}
@media(max-width:560px){body{font-size:14px}.brand img{width:122px;height:40px}.admin-shell .main{padding:20px 16px 40px}.admin-shell .panel{padding:18px}.admin-shell .table-wrap{padding:0}.admin-shell .editor-grid>aside{display:block}.admin-shell .tabs{gap:24px}.admin-shell .tabs>a,.admin-shell .tabs>button{font-size:17px}.admin-shell .upload{display:block}.admin-shell .upload img{width:100%;height:auto;aspect-ratio:260/175;object-fit:cover}.admin-shell .upload label{margin-top:14px;min-height:130px}.admin-shell .cover-thumbnail{display:inline-block;max-width:260px}}