:root{--navy:#192b45;--gold:#fdd247;--line:#d5dfed;--paper:#fff;--canvas:#f5f7fa;--ink:#26364d;--good:#e6f6ed;--bad:#ffeded}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font:16px/1.5 Arial,sans-serif}header{display:flex;align-items:center;gap:25px;flex-wrap:wrap;padding:20px 30px;background:var(--navy);color:var(--paper)}header a{color:var(--gold)}header form{margin-left:auto}main{width:min(1200px,calc(100% - 40px));margin:30px auto}a{color:#1569ae}h1{font-size:30px}.environment{padding:12px 18px;border:1px solid var(--line);border-radius:8px;background:var(--paper);font-size:14px}.error,.notice{padding:15px;border-radius:8px}.error{background:var(--bad)}.notice{background:var(--good)}input,textarea,select,button{font:inherit;padding:10px;border:1px solid var(--line);border-radius:6px}label{display:block;margin:15px 0}label input,label textarea,label select{display:block;width:100%;margin-top:6px}textarea{font:14px/1.5 Consolas,monospace;max-width:100%}button,.primary{cursor:pointer}.primary{display:inline-block;padding:10px 18px;background:var(--navy);color:var(--paper);border:0;border-radius:6px;text-decoration:none}.login{max-width:450px;margin:60px auto;padding:30px;background:var(--paper);border:1px solid var(--line);border-radius:12px}.login p{font-size:13px}.editor{background:var(--paper);padding:25px;border:1px solid var(--line);border-radius:12px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.check{display:inline-flex;align-items:center;gap:8px;margin:8px 20px 8px 0}.check input{width:auto;margin:0}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.filter{display:flex;gap:10px}.filter input{min-width:260px}.table-scroll{overflow:auto}table{border-collapse:collapse;background:var(--paper);width:100%}th,td{padding:14px;border-bottom:1px solid var(--line);text-align:left}td:first-child{min-width:300px}td:last-child{white-space:nowrap}.pagination{display:flex;gap:25px;margin:25px 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}@media(max-width:650px){.columns{grid-template-columns:1fr}.toolbar{display:block}main{width:calc(100% - 24px)}.editor{padding:15px}header{padding:15px}.filter input{min-width:0;width:100%}}

.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.media-grid article{background:white;border:1px solid var(--line);border-radius:10px;padding:15px;min-width:0}.media-grid img{width:100%;height:160px;object-fit:contain}.media-grid h2{font-size:16px;overflow-wrap:anywhere}.media-grid p{font-size:12px}.media-grid button{font-size:12px;padding:5px 10px}.file-icon{height:160px;display:grid;place-items:center;background:var(--line)}@media(max-width:800px){.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:450px){.media-grid{grid-template-columns:1fr}}

.featured-image-box{border:1px solid var(--line);border-radius:12px;padding:22px;margin:25px 0;background:var(--canvas)}.featured-image-box h2{font-size:22px;margin:0}.featured-image-box>p{font-size:14px}.featured-preview{display:grid;place-items:center;min-height:160px;max-width:420px;border:2px dashed var(--line);border-radius:10px;background:white;padding:12px}.featured-preview img{max-width:100%;max-height:280px;object-fit:contain}.featured-preview span{font-size:14px;color:#61718a}.featured-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:15px}.file-button{position:relative;margin:0;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;margin:0}.featured-image-box details{margin-top:15px}.featured-image-box summary{cursor:pointer;color:#1569ae}.featured-image-box #featured-status{min-height:22px;font-weight:600}#featured-dialog{width:min(980px,calc(100vw - 30px));max-height:calc(100vh - 40px);border:1px solid var(--line);border-radius:12px;padding:24px}#featured-dialog::backdrop{background:#0a214799}.media-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.media-dialog-header h2{margin:0;font-size:24px}.media-picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.media-picker-item{min-width:0;background:white;border:1px solid var(--line);text-align:left;cursor:pointer;display:flex;flex-direction:column}.media-picker-item:hover,.media-picker-item:focus-visible{border-color:#1569ae;outline:2px solid #1569ae}.media-picker-item img{width:100%;height:140px;object-fit:contain}.media-picker-item span{font-size:13px;margin-top:8px;overflow-wrap:anywhere}.media-dialog-pager{display:flex;gap:20px;align-items:center;justify-content:center;margin-top:25px}@media(max-width:700px){.media-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#featured-dialog{padding:16px}.featured-image-box{padding:16px}.featured-actions>button,.featured-actions>.file-button{width:100%;text-align:center}.featured-preview{max-width:100%}}

.editor-modes,#format-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.editor-modes [aria-pressed=true]{background:#102644;color:white}#visual-content{min-height:420px;padding:24px;border:1px solid #ccd5e3;background:white;border-radius:10px;font:18px/1.7 system-ui;color:#102644;overflow-wrap:anywhere}#visual-content img{max-width:100%}#content-preview{width:100%;height:600px;border:1px solid #ccd5e3;background:white;border-radius:10px}.visual-editor-box [hidden]{display:none!important}.revision-list{margin:22px 0;padding:16px;background:#f6f8fb;border:1px solid #dce4ef;border-radius:10px}

.seo-panel{max-width:1100px}.seo-stats{display:flex;gap:16px;flex-wrap:wrap;margin:24px 0}.seo-stats article{display:grid;gap:8px;flex:1;min-width:180px;padding:22px;background:white;border:1px solid #dce4ef;border-radius:14px}.seo-stats strong{font-size:30px;color:#102644}.seo-stats span{color:#64748b;font-size:13px}#seo-progress{display:block;width:100%;height:18px;margin-top:20px}#seo-progress[hidden]{display:none}.seo-panel details{padding:16px;background:white;border:1px solid #dce4ef;border-radius:12px;margin-top:22px}