.blog-body {--blog-line:#294252;--blog-muted:#b3c7d3;--body-fg:#edf4f5;--darkened-bg:#112536;--hairline-color:#365363;--link-fg:#f4d77c}
.blog-header {position:relative;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:18px max(24px,calc((100% - 1280px)/2));border-bottom:1px solid var(--blog-line);background:#081522}
.blog-brand {display:flex;gap:12px;align-items:center;font-size:24px;font-weight:700}.blog-brand>span>span {color:#58d4c7}.blog-brand small {display:block;color:#c1ab75;font-size:9px;letter-spacing:1.6px;margin-top:4px}
.blog-header nav {display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:13px}.blog-header nav a {padding:8px 0}.blog-header nav a[aria-current] {color:#f4d77c;border-bottom:2px solid #f4d77c}.blog-header nav form {margin:0}.blog-header nav button {border:1px solid var(--blog-line);border-radius:6px;background:transparent;color:inherit;padding:10px;cursor:pointer}
.blog-skip {position:absolute;left:12px;top:-80px;z-index:10;background:#132b3c;padding:12px}.blog-skip:focus {top:12px}
.blog-wrap {max-width:1200px;width:calc(100% - 48px);margin:40px auto 60px;position:relative}.blog-editor-wrap {max-width:980px}.blog-heading {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.blog-heading h1 {font-size:36px;line-height:1.2;margin:9px 0 12px}.blog-heading p {color:var(--blog-muted);line-height:1.6;margin:0}.blog-eyebrow {font-size:11px;letter-spacing:1.8px;color:#e1b94f!important}
.blog-primary,.blog-secondary {display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:7px;min-height:44px;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap}
.auth-login-page .blog-body .blog-primary {background:linear-gradient(115deg,#f4d77c,#d9aa3b);color:#132322;border:1px solid #f4d77c}.blog-secondary {color:#eaf0f5;background:#142b3b;border:1px solid #466172}
.blog-metrics {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}.blog-metrics a {padding:20px 24px;background:#0c2030;border:1px solid var(--blog-line);border-radius:10px;color:var(--blog-muted)}.blog-metrics strong {display:block;font-size:34px;color:#f4d77c;margin-top:10px}
.blog-panel {background:#0b1d2b;border:1px solid var(--blog-line);border-radius:12px;padding:24px;min-width:0}.blog-panel h2 {font-size:22px;margin-top:0}.blog-panel p {color:var(--blog-muted);line-height:1.6}
.blog-panel :is(input:not([type=checkbox]):not([type=hidden]),select,textarea) {width:100%;max-width:100%;min-width:0;background:#081723;border:1px solid #456171;border-radius:7px;padding:11px 12px;color:#f0f4f6;font:inherit;box-sizing:border-box}.blog-panel textarea {line-height:1.7}.blog-panel label {display:block;margin-bottom:8px;font-size:13px;font-weight:600;color:#d2e1e8}
.blog-panel input[type=checkbox] {width:18px;height:18px;accent-color:#e1b94f}.blog-filters {display:flex;gap:14px;align-items:end;margin-bottom:18px}.blog-filters>label:first-child {flex:1}.blog-filters label {margin:0}.blog-filters :is(input,select) {margin-top:8px}
.blog-list-row {display:flex;gap:20px;justify-content:space-between;align-items:center;border-top:1px solid var(--blog-line);padding:22px 0}.blog-list-row h2 {font-size:21px;margin:10px 0;overflow-wrap:anywhere}.blog-list-row p {font-size:12px;margin:0}.blog-status {color:#65dfc1;font-size:11px;text-transform:uppercase;letter-spacing:1px}.blog-actions {display:flex;gap:16px;flex-wrap:wrap;color:#f4d77c;font-size:13px}.blog-empty {text-align:center;padding:52px 20px}.blog-empty .blog-primary {margin-top:12px}.blog-pagination {display:flex;gap:22px;justify-content:center;margin-top:20px}
.blog-field {margin-bottom:24px}.blog-help,.blog-account-grid .helptext {display:block;color:var(--blog-muted);font-size:12px;line-height:1.6;margin-top:7px}.blog-account-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.blog-account-grid .blog-panel {align-self:start}.blog-account-grid .helptext ul {padding-left:18px}.blog-save-bar {display:flex;gap:18px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--blog-line);padding-top:24px}.blog-save-bar .blog-primary {margin-left:auto}
.journal-edit-tools {display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.journal-edit-tools button {background:#1b3544;border:1px solid #456171;color:#eaf0f5;border-radius:5px;padding:8px 12px;cursor:pointer}.blog-error,.blog-panel .errorlist {color:#ffc0bd;background:#441e29;border-radius:6px;padding:12px 16px;list-style:none;font-size:13px}.blog-messages {max-width:1200px;margin:20px auto;padding:4px 20px;border:1px solid #307763;background:#11382d;color:#b7f5db;border-radius:8px}.blog-note {font-size:12px;color:var(--blog-muted);line-height:1.6;margin-top:20px}.blog-footer {position:relative;padding:24px;text-align:center;border-top:1px solid var(--blog-line);font-size:12px;color:var(--blog-muted)}
.blog-account-compact {max-width:560px}.blog-account-compact .blog-heading {margin-bottom:20px}.blog-account-compact .blog-heading h1 {font-size:28px}.blog-account-compact .blog-panel form>p {margin:0 0 18px}.blog-account-compact .blog-primary {width:100%}
.blog-body :is(a,button,input,select,textarea):focus-visible {outline:2px solid #f4d77c;outline-offset:3px}
@media(max-width:800px) {.blog-header {flex-direction:column;align-items:flex-start}.blog-header nav {gap:14px}.blog-account-grid {grid-template-columns:1fr}.blog-list-row,.blog-heading {align-items:flex-start;flex-direction:column}.blog-filters {flex-wrap:wrap}.blog-filters>label:first-child {flex-basis:100%}.blog-wrap {width:calc(100% - 32px)}.blog-panel {padding:18px}.blog-metrics {gap:10px}.blog-metrics a {padding:14px}.blog-metrics strong {font-size:28px}.blog-save-bar .blog-primary {margin-left:0}.blog-messages {margin:16px}}