:root{font:16px/1.5 system-ui,sans-serif;color:#202632;background:#f5f6f8}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}a{color:#ab2942}button,.button{display:inline-block;border:0;border-radius:8px;padding:11px 18px;background:#a92742;color:white;text-decoration:none;cursor:pointer}button:hover{background:#861e34}input,select,textarea{width:100%;padding:11px;border:1px solid #c7ccd4;border-radius:7px;background:white;color:#202632}label{display:block;margin:18px 0}label span{display:block;margin-bottom:7px}h1{font-size:30px;line-height:1.2}h2{font-size:20px}.login{max-width:480px;margin:8vh auto;padding:32px;background:white;border:1px solid #e0e3e8;border-radius:16px}.brand{font-size:23px;letter-spacing:-1px;font-weight:800}.brand span{color:#ab2942}.muted,small{color:#636d7c}.error{padding:12px;border:1px solid #bd5266;border-radius:7px}.secret{display:block;overflow-wrap:anywhere;padding:15px;background:#f1f3f6;font-family:monospace}.shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}aside{background:white;border-right:1px solid #e0e3e8;padding:28px 22px}nav{margin-top:30px;display:grid;gap:8px}nav a{padding:9px 12px;border-radius:7px;color:inherit;text-decoration:none}nav a:hover,nav a[aria-current=page]{background:#f4e9ec;color:#982139}main{padding:32px;max-width:1500px;width:100%;margin:auto}.top{display:flex;align-items:center;justify-content:space-between;gap:20px}.panel{background:white;border:1px solid #e0e3e8;border-radius:12px;padding:24px;margin:24px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid .panel{margin:0}.table{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:13px;border-bottom:1px solid #e5e7eb}th{color:#636d7c}.badge{font-size:12px;padding:5px 8px;border:1px solid #d2d8df;border-radius:6px}.inline{display:inline}.inline button{font-size:13px;background:#303b4b}.empty{padding:32px;text-align:center;color:#636d7c}:focus-visible{outline:3px solid #3c76ab;outline-offset:3px}@media(max-width:760px){.shell{display:block}aside{padding:16px;border-bottom:1px solid #e0e3e8}nav{display:flex;overflow:auto;margin-top:12px}nav a{white-space:nowrap}main{padding:18px}.grid{grid-template-columns:1fr}.login{margin:20px 12px;padding:24px}.top{align-items:start;flex-wrap:wrap}}
.work-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(1000px,96vw);height:100dvh;max-height:100dvh;max-width:100vw;border:0;border-left:1px solid #d7dce4;padding:28px;background:#fff;overflow:auto;box-shadow:-20px 0 70px #0002}.work-drawer::backdrop{background:#18243388}.work-drawer>header{position:sticky;top:-28px;background:white;border-bottom:1px solid #e0e3e8;padding:20px 0;z-index:2}.work-drawer details{padding:16px 0;border-bottom:1px solid #e0e3e8}.work-drawer summary{cursor:pointer;font-weight:600}.work-drawer textarea{resize:vertical}@media(max-width:760px){.work-drawer{width:100vw;padding:18px}.work-drawer>header{top:-18px}}
.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:20px}.media-grid .panel{margin:0;padding:16px;overflow-wrap:anywhere}.media-grid img,#crop-preview{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px}.media-grid h2{font-size:16px}.media-grid code{font-size:11px}input[type=checkbox]{width:auto}.media-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;max-height:420px;overflow:auto}.media-picker button{padding:8px;background:#f1f3f6;color:#202632;text-align:left;font-size:12px}.media-picker img{width:100%;aspect-ratio:16/9;object-fit:cover}

/* Keep the background still while a modal editor is open. */
body:has(dialog[open]){overflow:hidden}
.article-preview{max-width:850px;background:white;margin:32px auto;border:1px solid #e0e3e8;border-radius:12px}.article-preview header{border-bottom:1px solid #e0e3e8;padding-bottom:24px}.article-preview h1{font-size:clamp(28px,5vw,44px);margin-top:36px}.preview-deck{font-size:21px;line-height:1.6}.article-preview figure{margin:28px 0}.article-preview img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px}.article-preview figcaption{color:#636d7c;font-size:13px}.preview-body{font-size:18px;line-height:1.8;overflow-wrap:anywhere}
.panel:has(>table){overflow-x:auto}.panel>.button{margin:0 8px 8px 0}.shell>*{min-width:0}