/* Interaction and visual patterns from Central_Pericles; editorial state stays on the server. */
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{background:#fbf1d9;color:#2d1b10}
main{margin-left:260px;padding:40px clamp(24px,4vw,70px);max-width:1600px}
.portal-sidebar{width:260px;padding:30px 24px;background:#2d1b10;border-right:5px solid #eda21a}
.portal-brand{text-decoration:none;display:block}
.portal-brand img{display:block;width:210px;max-width:100%;height:auto;image-rendering:pixelated}
.portal-brand>span{display:block;font-size:10px;letter-spacing:.2em;text-align:center;margin:15px 0 30px;color:#eda21a}
.portal-sidebar nav{margin-top:0;gap:6px;display:grid}
.portal-sidebar nav a{display:flex;gap:13px;align-items:center;padding:10px;border-left:3px solid transparent;border-radius:0;font-size:11px;color:#c88b36}
.portal-sidebar nav a span{font-size:14px;color:#fae7ba}
.portal-sidebar nav a:hover,.portal-sidebar nav a.active{background:#483020;border-color:#eda21a;color:#c88b36}
.sidebar-toggle{display:none}
.top{font-size:12px;border-color:#d7c49f;margin-bottom:30px}
.tag,.pill{border-radius:2px}
.eyebrow{font-size:10px;letter-spacing:.17em;color:#865621;margin:20px 0 14px}
h1{font-size:clamp(34px,4.5vw,60px);line-height:1.16;letter-spacing:-.04em}
h2{letter-spacing:-.035em}h3{letter-spacing:-.02em}
.card,.item,.media-card{border-color:#d2bb91;background:#fff9eb;border-radius:3px}
.button{border-color:#9d7749;background:transparent;border-radius:3px;font-size:13px;padding:12px 18px}
.button.primary{background:#2d1b10;border-color:#2d1b10;box-shadow:3px 3px 0 #eda21a}
.button:hover{transform:translateY(-1px)}
.notice{background:#f2e3c3;border-color:#c88b36;font-size:13px}
.notice.error{background:#fbe5df;border-color:#a84428}.notice.success{background:#e6eddf;border-color:#577244}
input,textarea,select{border-color:#bca57d;background:#fff9eb;border-radius:2px}
.metric{border-top:3px solid #c88b36}.metric .number{font-size:34px}.metric small{font-size:12px}
.media-preview{background-color:#efe5ce;border-radius:0}
.media-card figcaption{font-size:13px}
.review-tab-list{display:flex;flex-wrap:wrap;gap:0;border-bottom:2px solid #2d1b10;margin:25px 0 0;position:sticky;top:0;background:#fbf1d9;z-index:4}
.review-tab-list button{font:600 13px/1.5 Inter,system-ui,sans-serif;background:transparent;border:0;border-bottom:4px solid transparent;color:#70583d;cursor:pointer;padding:16px 18px;min-height:48px}
.review-tab-list button[aria-selected=true]{border-bottom-color:#eda21a;background:#2d1b10;color:#fae7ba}
.review-tab-list button:focus-visible{outline:3px solid #397ba6;outline-offset:-3px}
.review-tab-panel{padding:25px 0;min-height:300px}
.review-tab-panel>.card:first-child{margin-top:0}
.review-tab-panel[hidden],[hidden]{display:none!important}
.review-tab-panel .form-grid{max-width:100%}
.review-tab-panel .visual-review,.review-tab-panel .history,.review-tab-panel .revisions{margin-top:24px}
.skip-link{position:fixed;left:280px;top:-100px;background:#eda21a;color:#2d1b10;padding:12px;z-index:100}
.skip-link:focus{top:10px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#portal-toast{position:fixed;bottom:24px;right:24px;background:#2d1b10;color:#fae7ba;border:1px solid #eda21a;padding:14px 20px;z-index:100;font-size:13px;max-width:calc(100vw - 40px)}
@media(max-width:1100px) and (min-width:801px){.portal-sidebar{width:220px;padding:26px 18px}main{margin-left:220px;padding:30px}.portal-sidebar nav a span{font-size:13px}}
@media(max-width:800px){
.portal-sidebar{position:sticky;top:0;z-index:20;width:100%;padding:10px 18px;border-right:0;border-bottom:3px solid #eda21a;display:block}
.portal-brand{width:165px}.portal-brand img{width:165px;height:50px;object-fit:contain}.portal-brand>span{display:none}
.portal-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:15px}
.ui-enhanced .portal-sidebar nav{display:none}.ui-enhanced .portal-sidebar nav.is-open{display:grid}
.ui-enhanced .sidebar-toggle{display:block;position:absolute;right:20px;top:16px;background:transparent;border:1px solid #c88b36;color:#fae7ba;padding:8px 12px;min-height:40px;font:13px Inter,system-ui}
main{margin-left:0;padding:25px 20px}.top{margin-bottom:22px}
.portal-sidebar nav a{padding:8px}.portal-sidebar nav a span{font-size:12px}
.review-tab-list{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.review-tab-list button{padding:12px 8px;font-size:12px}
.skip-link{left:20px}.media-grid{gap:12px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button:hover{transform:none}}

/* Compact working layout; keep navigation styles scoped to its own sidebar. */
main{padding:24px clamp(20px,2.5vw,40px)}
.portal-sidebar{padding:22px 18px}
.portal-brand>span{margin:10px 0 20px}
.portal-sidebar nav{gap:3px}
.portal-sidebar nav a{padding:8px 10px;min-height:40px}
.top{padding-bottom:12px;margin-bottom:18px}
.eyebrow{margin:12px 0 8px}
h1{font-size:clamp(28px,3vw,42px);line-height:1.18;margin:8px 0 18px}
h2{margin:0 0 12px}h3{margin:16px 0 10px}
p{margin:10px 0}
.card,.item{padding:18px}
.cards,.filters,.calendar-filters,.swatches{margin:18px 0}
.cards,.agents,.attention-columns,.agent-management{gap:14px}
.rows{gap:10px}
.notice{padding:12px 14px;margin:16px 0;color:#2d1b10}
.form-grid{gap:14px}
.form-grid label,.calendar-filters label{gap:5px}
input,textarea,select{padding:9px 10px}
.button{padding:9px 14px;min-height:42px}
.review-tab-list{margin-top:18px}
.review-tab-list button{padding:10px 14px;min-height:44px}
.review-tab-panel{padding:18px 0}
.media-grid{gap:14px;margin:14px 0 20px}
.media-card figcaption{padding:12px;gap:6px}
@media(max-width:1100px) and (min-width:801px){main{padding:22px}.portal-sidebar{padding:22px 16px}}
@media(max-width:800px){main{padding:18px 16px}.portal-sidebar{padding:10px 16px}.top{margin-bottom:16px}.portal-sidebar nav{margin-top:10px}}