/* Default appearance: preserve the original palette, structure and user settings. */
@media(min-width:1100px){body.app-page:not(.admin-mode):not(.theme-halloween):not(.theme-christmas) .app-shell .main-content{padding-left:32px!important;padding-right:32px!important}}
body:not(.theme-halloween):not(.theme-christmas) .home-banner .normal-home-commander{position:absolute;right:22px;bottom:0;width:150px!important;height:calc(100% - 12px)!important;object-fit:contain!important;object-position:center bottom!important;pointer-events:none;mask-image:linear-gradient(0deg,transparent,#000 15%);z-index:0}
body:not(.theme-halloween):not(.theme-christmas) .home-banner:has(.normal-home-commander)>div:first-child{position:relative;z-index:1;max-width:calc(100% - 170px)}
body:not(.theme-halloween):not(.theme-christmas) .normal-home-commander+.banner-badge{visibility:hidden}
body:not(.theme-halloween):not(.theme-christmas) .normal-login-fleet{position:absolute;right:0;bottom:65px;width:58%;height:30%;object-fit:cover;object-position:center;opacity:.72;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 30%),linear-gradient(0deg,transparent,#000 25%,#000 65%,transparent);mask-composite:intersect}
body:not(.theme-halloween):not(.theme-christmas) .login-hero{z-index:1}
@media(max-width:700px){body:not(.theme-halloween):not(.theme-christmas) .home-banner .normal-home-commander{display:none}body:not(.theme-halloween):not(.theme-christmas) .home-banner:has(.normal-home-commander)>div:first-child{max-width:100%}body:not(.theme-halloween):not(.theme-christmas) .normal-login-fleet{display:none}}

/* Editorial home, using the System's original olive and gold identity. */
.system-home-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.12fr 1fr;min-height:430px;overflow:hidden;border-radius:24px;background:radial-gradient(ellipse at 85% 40%,#536345 0,transparent 56%),linear-gradient(115deg,var(--olive),#263526);color:#f8f5e9;margin-bottom:20px}
.system-home-hero .hw-hero-content{position:relative;z-index:2;min-width:0;padding:42px 10px 42px 40px;display:flex;flex-direction:column;align-items:flex-start}
.system-home-hero .hw-hero-kicker{display:flex;align-items:center;gap:9px;width:100%;font-size:9px;font-weight:800;letter-spacing:.1em;color:#e9d580}
.system-home-hero .hw-season-year{margin-left:auto;font-weight:500;font-size:9px;color:#ccd2bb}
.system-home-hero .hw-hero-chapter{margin-top:32px;font-size:14px;font-weight:650;color:#f0eedf}
.system-home-hero h1{font-size:clamp(34px,3.8vw,60px);line-height:1.03;letter-spacing:-.055em;font-weight:850;margin:10px 0 22px;color:#fffbed;text-wrap:balance}
.system-home-hero h1 em{font-style:normal;color:#e5c759}
.system-home-hero p{max-width:350px;font-size:13px;line-height:1.8;color:#e2e6d9;margin:0 0 26px}
.system-home-hero .hw-hero-actions{display:flex;align-items:center;gap:20px;margin-top:auto;flex-wrap:wrap}
.system-home-hero .hw-hero-actions button{border:0;font:700 11px/1.4 Inter,Arial;cursor:pointer;display:flex;align-items:center;gap:20px;padding:14px 18px;border-radius:10px;background:var(--gold);color:#1f2a20}
.system-home-hero .hw-hero-actions .hw-hero-secondary{background:transparent;color:#f4f0dc;padding:14px 0}
.system-home-hero .hw-hero-art{position:relative;min-height:350px;z-index:1;background:radial-gradient(ellipse at 50% 75%,#b5aa6630,transparent 65%)}
.system-home-hero .hw-hero-art:before{content:'CBM';position:absolute;top:13%;right:5%;font-size:clamp(80px,12vw,180px);font-weight:900;letter-spacing:-.08em;color:#f4e9bb09}
.system-home-hero .hw-hero-scene{position:absolute;inset:20px -10% 20px -10%;background-image:var(--edition-art);background-size:contain;background-repeat:no-repeat;background-position:center bottom;mask-image:linear-gradient(0deg,transparent,#000 15%);transform:translate(var(--hw-mouse-x,0),var(--hw-mouse-y,0))}
.system-home-hero .has-custom-art .hw-hero-scene{inset:0;background-size:cover;mask-image:linear-gradient(90deg,transparent,#000 35%)}
.system-home-hero .hw-art-caption{position:absolute;bottom:20px;left:10%;right:10%;text-align:center;font-size:9px;color:#eee5c5;z-index:2}
.system-home-hero .hw-art-caption i{color:var(--gold);font-style:normal;margin-right:5px}
body:not(.theme-halloween):not(.theme-christmas) .hw-destinations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 24px}
body:not(.theme-halloween):not(.theme-christmas) .hw-destinations>button{display:flex;align-items:center;gap:12px;padding:20px 16px;text-align:left;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:16px;cursor:pointer;min-width:0;transition:transform .2s,border-color .2s}
body:not(.theme-halloween):not(.theme-christmas) .hw-destinations>button:hover{transform:translateY(-3px);border-color:var(--gold)}
body:not(.theme-halloween):not(.theme-christmas) .hw-destination-icon{display:grid;place-items:center;flex:0 0 38px;height:42px;background:color-mix(in srgb,var(--gold) 18%,var(--card));border-radius:12px}
.hw-destination-icon svg{width:19px;height:19px}
body:not(.theme-halloween):not(.theme-christmas) .hw-destinations small,body:not(.theme-halloween):not(.theme-christmas) .hw-destinations b,body:not(.theme-halloween):not(.theme-christmas) .hw-destinations em{display:block}
body:not(.theme-halloween):not(.theme-christmas) .hw-destinations small{font-size:8px;font-weight:800;color:var(--muted);letter-spacing:.06em;margin-bottom:5px}
body:not(.theme-halloween):not(.theme-christmas) .hw-destinations b{font-size:12px;line-height:1.4}
body:not(.theme-halloween):not(.theme-christmas) .hw-destinations em{font-size:10px;font-style:normal;color:var(--muted);margin-top:5px}
body:not(.theme-halloween):not(.theme-christmas) .hw-destinations i{font-style:normal;margin-left:auto}
.community-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:26px 0 18px}
.community-section-heading small{font-size:9px;letter-spacing:.13em;color:var(--muted);font-weight:750}
.community-section-heading h2{font-size:23px;letter-spacing:-.04em;margin:5px 0 0;color:var(--ink)}
.system-rail-note{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--olive),#42533a);padding:24px 20px 0;border-radius:18px;color:#fff9e9;min-height:240px;margin-top:20px}
.system-rail-note small{font-size:9px;letter-spacing:.14em;color:#e5d47c;display:block;margin-bottom:12px}
.system-rail-note b{display:block;font-size:21px;line-height:1.2;letter-spacing:-.04em;position:relative;z-index:1}
.system-rail-note img{width:120%;max-width:none;margin:0 -10% -8px;display:block}

/* Shared community surfaces inherit the active palette, including seasonal editions. */
.community-feed{--community-accent:var(--gold);--community-soft:color-mix(in srgb,var(--card) 92%,var(--gold))}
.community-feed .feed-layout.twitter-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 240px;gap:24px;align-items:start}
.community-feed .feed-side{display:block;position:static}
.community-feed .feed-column{max-width:none;width:100%;margin:0}
.community-feed .feed-column{min-width:0}
.community-feed .feed-compose{width:100%;border:1px solid var(--line);border-radius:18px;background:var(--card);padding:20px;gap:14px;min-height:90px;box-shadow:0 5px 24px #18201005}
.community-feed .feed-compose span{font-size:13px;line-height:1.6;text-align:left;color:var(--muted)}
.feed-discovery{margin:20px 0 12px}
.feed-tabs{display:flex;gap:8px;overflow:auto;padding-bottom:12px}
.feed-tabs button{white-space:nowrap;border:0;border-radius:30px;background:transparent;color:var(--muted);padding:10px 14px;font-size:11px;font-weight:750;cursor:pointer}
.feed-tabs button.active{background:var(--olive);color:#fff8dc}
.feed-discovery input{width:100%;border:1px solid var(--line);border-radius:12px;padding:13px 15px;background:var(--card);color:var(--text)}
.community-feed .feed-stream-label{padding:7px 3px 14px}
.community-feed .tweet-card,.home-feed-wide .tweet-card{border:1px solid var(--line);border-radius:18px;background:var(--card);padding:22px;margin-bottom:18px;overflow:hidden;box-shadow:0 5px 24px #18201005}
.tweet-head{gap:12px}
.post-author{border:0;background:transparent;color:var(--ink);padding:0;font:750 13px/1.5 Inter,Arial;text-align:left;cursor:pointer}
.post-author:hover{text-decoration:underline}
.community-feed .tweet-body,.home-feed-wide .tweet-body{font-size:14px;line-height:1.85;padding:18px 0 16px;overflow-wrap:anywhere;color:var(--text)}
.community-feed .tweet-image,.home-feed-wide .tweet-image{display:block;width:100%;max-height:520px;object-fit:contain;border-radius:12px;background:var(--bg)}
.tweet-actions{display:flex;gap:12px;border-top:1px solid var(--line);padding-top:12px;margin-top:14px}
.tweet-actions .tweet-action{display:flex;align-items:center;gap:7px;min-height:40px;border-radius:24px;padding:8px 13px;color:var(--muted);background:transparent;border:0;cursor:pointer}
.tweet-action svg{width:17px;height:17px}
.tweet-action small{font-size:11px}
.tweet-actions .tweet-action:hover{background:var(--bg);color:var(--ink)}
.tweet-actions .tweet-action.active{color:#bc394f;background:color-mix(in srgb,#bc394f 10%,var(--card))}
.tweet-action.active svg{fill:currentColor}
.post-conversation{margin-top:10px;border-top:1px solid var(--line)}
.post-conversation>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:12px;font-size:11px;font-weight:700;color:var(--text);padding:14px 2px 2px}
.post-conversation>summary span{font-weight:400;color:var(--muted)}
.post-conversation[open]>summary{padding-bottom:14px}
.community-feed .post-comments,.home-feed-wide .post-comments{margin:0;background:transparent;border:0;padding:8px 0 0}
.community-poster{background:var(--olive);color:#f8f6e7;border-radius:20px;padding:25px 22px;margin-bottom:20px;overflow:hidden}
.community-poster small{color:#e7ce70;font-size:8px;letter-spacing:.12em;font-weight:750}
.community-poster h2{color:#fff7df;font-size:23px;line-height:1.18;letter-spacing:-.04em;margin:14px 0 0}
.community-poster img{display:block;width:125%;max-width:none;margin:8px -12%}
.community-poster p{font-size:12px;line-height:1.75;color:#e1e5d5}
.community-poster .btn{background:#eee5bd;color:#23301f;border:0;margin-top:10px;width:100%;border-radius:10px;font-size:11px}
.community-feed .feed-side .card{border-radius:16px;overflow:hidden}
.community-feed .side-copy{font-size:12px;line-height:1.8}
[data-feed-empty][hidden],.tweet-card[hidden]{display:none!important}

/* Forum and mail: quieter grouping, comfortable reading, clear next actions. */
.forum-welcome{position:relative;border:0!important;border-radius:22px!important;padding:30px!important;background:linear-gradient(120deg,var(--olive),#455539)!important;color:#f8f3df!important;overflow:hidden;margin-bottom:24px!important}
.forum-welcome h2{font-size:clamp(23px,2.7vw,35px)!important;letter-spacing:-.045em;line-height:1.15;max-width:560px;color:#fff9e7!important}
.forum-welcome p{max-width:560px;color:#e1e7d8!important;line-height:1.8!important}
.forum-welcome small{color:#e9d47b!important;font-size:9px!important;letter-spacing:.13em}
.forum-welcome-count{min-width:100px;color:#fff9e7!important;position:relative}
.forum-workspace{gap:24px!important}
.forum-workspace .forum-topic-card{padding:22px!important;border-radius:18px!important;margin-bottom:16px;background:var(--card)!important;border:1px solid var(--line)!important}
.forum-topic-main{padding:17px 0!important}
.forum-topic-title>b{font-size:18px!important;line-height:1.4!important;letter-spacing:-.025em;color:var(--ink)}
.forum-topic-main p{font-size:13px!important;line-height:1.85!important;color:var(--text)!important}
.forum-category-sidebar>.card,.mail-workspace>.card{border-radius:18px!important;overflow:hidden}
.forum-category-menu button{border-radius:12px!important;padding:14px!important}
.forum-category-menu button.active{background:color-mix(in srgb,var(--gold) 17%,var(--card))!important;color:var(--ink)!important}
.communication-overview{gap:14px!important;margin-bottom:22px!important}
.communication-overview>div{border-radius:16px!important;background:var(--card)!important;border:1px solid var(--line)!important;box-shadow:none!important;padding:22px!important}
.communication-overview b{font-size:32px!important;letter-spacing:-.06em;color:var(--ink)!important}
.mail-workspace{gap:22px!important;align-items:start}
.mail-folders .mail-yellow-head{padding:21px!important;background:var(--olive)!important;color:#f5e9ac!important;font-size:13px!important}
.mail-folders>button{margin:5px 10px;width:calc(100% - 20px);border-radius:10px!important;padding:13px!important}
.mail-folders>button.active{background:color-mix(in srgb,var(--gold) 18%,var(--card))!important;color:var(--ink)!important}
.mail-list-card .card-title{padding:22px!important}
.community-toolbar{gap:10px!important;padding:14px!important;background:var(--card)!important;border-radius:14px!important;border:1px solid var(--line)!important;margin-bottom:16px!important}
.community-toolbar input,.community-toolbar select{border-radius:10px!important;min-height:42px;background:var(--bg)!important;color:var(--text)!important;border:1px solid var(--line)!important}
.mail-list-card .community-toolbar{margin:0 16px 8px!important}
.mail-list-card .mail-row{padding:22px 20px!important;gap:14px!important;background:var(--card)!important;border:0!important;border-bottom:1px solid var(--line)!important;color:var(--text)!important}
.mail-row:hover{background:color-mix(in srgb,var(--gold) 6%,var(--card))!important}
.mail-row-main>b{font-size:15px!important;line-height:1.4;letter-spacing:-.02em;color:var(--ink)!important}
.mail-row-main p{line-height:1.7!important;color:var(--muted)!important;font-size:12px!important}
.mail-category-label{font-size:8px!important;letter-spacing:.08em;color:var(--muted)!important}
.mail-thread-layout>.card,.mail-thread-layout aside>.card{border-radius:18px;overflow:hidden}
.mail-message{padding:22px!important;border-radius:15px;margin:12px!important;background:var(--bg)!important;color:var(--text)!important}
.mail-message.staff{background:color-mix(in srgb,var(--gold) 12%,var(--card))!important}
.mail-message p{font-size:14px;line-height:1.85!important}

/* CBHome's presentation surrounds the canvas; user-created blocks retain their own styles. */
body:not(.theme-halloween):not(.theme-christmas) .cbhome-hero{position:relative;isolation:isolate;overflow:hidden;min-height:240px;border-radius:24px;padding:36px!important;display:flex;align-items:flex-end;background:linear-gradient(115deg,var(--olive),#485b3c)!important;color:#fff6df!important}
body:not(.theme-halloween):not(.theme-christmas) .cbhome-hero-cover{position:absolute;inset:0;z-index:-1;background-size:cover;background-position:center;opacity:.4;mask-image:linear-gradient(90deg,transparent,#000)}
body:not(.theme-halloween):not(.theme-christmas) .cbhome-hero-cover:empty{background-image:url('/assets/operations-fleet.webp');background-size:cover}
body:not(.theme-halloween):not(.theme-christmas) .cbhome-hero-person{display:flex;gap:20px;align-items:center}
body:not(.theme-halloween):not(.theme-christmas) .cbhome-hero-person h2{font-size:clamp(24px,3vw,40px);letter-spacing:-.045em;color:#fff9e6;margin:8px 0}
body:not(.theme-halloween):not(.theme-christmas) .cbhome-hero-person small{color:#e8d383;font-size:9px;letter-spacing:.12em}
body:not(.theme-halloween):not(.theme-christmas) .cbhome-hero-person>div>span{color:#dfe5d8}
body:not(.theme-halloween):not(.theme-christmas) .cbhome-navigation{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:18px 0;margin-bottom:12px}
body:not(.theme-halloween):not(.theme-christmas) .cbhome-navigation button{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:30px;padding:11px 16px;cursor:pointer;font-size:11px;font-weight:700}
body:not(.theme-halloween):not(.theme-christmas) .cbhome-navigation button.active{background:var(--olive);border-color:var(--olive);color:#fff8df}
body:not(.theme-halloween):not(.theme-christmas) .cbhome-navigation>span{display:block;flex-basis:100%;font-size:11px;color:var(--muted);padding:8px 2px}
body:not(.theme-halloween):not(.theme-christmas) .cbhome-layout>section>.card{border-radius:18px;overflow:hidden}
body:not(.theme-halloween):not(.theme-christmas) .cbhome-stage-default{background:radial-gradient(ellipse at 80% 20%,#d8dfca,transparent 60%),#e8e8e2!important;border-radius:16px}
.cbhome-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;max-width:420px;padding:30px;text-align:center;pointer-events:none}
.cbhome-empty>span{font-size:9px;letter-spacing:.15em;color:inherit;opacity:.7}
.cbhome-empty>b{font-size:30px;line-height:1.15;letter-spacing:-.045em}
.cbhome-empty>p{font-size:13px;line-height:1.8;margin:0}
body:not(.theme-halloween):not(.theme-christmas) .cbhome-empty{color:#42533a!important}
body:is(.theme-halloween,.theme-christmas) .community-poster,body:is(.theme-halloween,.theme-christmas) .forum-welcome{background:linear-gradient(130deg,var(--hw-panel),var(--hw-chrome))!important}
body:is(.theme-halloween,.theme-christmas) .feed-tabs button.active{background:var(--hw-lilac);color:#211a2b}
body:is(.theme-halloween,.theme-christmas) .community-section-heading h2{color:#fff1e1}
@media(min-width:1600px){.system-home-hero{min-height:480px}.system-home-hero .hw-hero-content{padding:48px 20px 48px 48px}}
@media(max-width:1200px){.community-feed .feed-layout.twitter-layout{grid-template-columns:minmax(0,1fr)}.community-feed .feed-side{display:grid;grid-template-columns:1fr 1fr;gap:16px}.community-poster{grid-row:span 2;margin:0}.community-feed .feed-side .card{margin:0}.system-home-hero h1{font-size:43px}.system-home-hero .hw-hero-content{padding:30px 0 30px 28px}.system-home-hero .hw-season-year{display:none}}
@media(max-width:700px){.system-home-hero{grid-template-columns:1fr;min-height:0;border-radius:20px}.system-home-hero .hw-hero-content{padding:28px 26px 0}.system-home-hero h1{font-size:48px}.system-home-hero .hw-hero-chapter{margin-top:26px}.system-home-hero .hw-hero-art{min-height:280px;margin-top:10px}.system-home-hero .hw-hero-scene{inset:0 0 15px}.system-home-hero .hw-art-caption{bottom:13px}.system-home-hero .has-custom-art{min-height:260px}.system-home-hero .has-custom-art .hw-hero-scene{mask-image:linear-gradient(0deg,#000 50%,transparent)}body:not(.theme-halloween):not(.theme-christmas) .hw-destinations{grid-template-columns:1fr;gap:8px}body:not(.theme-halloween):not(.theme-christmas) .hw-destinations>button{padding:16px}.community-feed .feed-side{display:block}.community-feed .feed-side .card,.community-poster{margin-bottom:16px}.community-poster img{max-height:210px;object-fit:contain}.community-feed .tweet-card,.home-feed-wide .tweet-card{padding:16px}.community-section-heading h2{font-size:21px}.community-section-heading>.btn{font-size:10px;padding:10px}.forum-welcome{padding:24px!important}.forum-welcome-count{min-width:65px}.mail-list-card .mail-row{flex-wrap:wrap;padding:18px 14px!important}.mail-row-side{flex-direction:row!important;flex-basis:100%;justify-content:space-between;padding-left:44px}.communication-overview{grid-template-columns:1fr!important}.communication-overview>div{padding:16px!important}.community-toolbar{flex-wrap:wrap!important}.community-toolbar input,.community-toolbar select{width:100%!important;min-width:0!important}.cbhome-hero-person{flex-wrap:wrap}.cbhome-empty{max-width:100%;padding:20px}.cbhome-empty>b{font-size:24px}}
@media(prefers-reduced-motion:reduce){.system-home-hero .hw-hero-scene{transform:none!important}.hw-destinations>button{transition:none!important}}
body:not(.theme-halloween):not(.theme-christmas) .cbhome-hero-person{flex-direction:row;align-items:center;text-align:left;padding:0;gap:22px;width:100%}
body:not(.theme-halloween):not(.theme-christmas) .cbhome-hero-avatar{margin:0!important;position:static!important;transform:none!important;width:100px!important;height:100px!important;flex:0 0 100px;border-radius:24px!important;border:4px solid #f4edce!important}
body:not(.theme-halloween):not(.theme-christmas) .cbhome-hero-copy>span{color:#dfe5d8;font-size:13px}
body:not(.theme-halloween):not(.theme-christmas) .cbhome-navigation{background:transparent!important;border:0!important}
body:not(.theme-halloween):not(.theme-christmas) .cbhome-frame{background:var(--bg)!important;border:1px solid var(--line)!important;box-shadow:none!important;padding:8px!important}
body:not(.theme-halloween):not(.theme-christmas) .cbhome-stage{border:0!important;box-shadow:none!important}
body:not(.theme-halloween):not(.theme-christmas) .cbhome-empty{margin:50px auto;position:relative;inset:auto;transform:none}
body:is(.theme-halloween,.theme-christmas) .cbhome-empty>span{display:block;width:auto;height:auto;background:transparent;font-size:9px;transform:none;margin:0;color:var(--hw-muted)}
body:not(.theme-halloween):not(.theme-christmas) .cbhome-hero-cover{height:100%!important}
.community-feed .side-copy{color:var(--text)!important}
body:is(.theme-halloween,.theme-christmas) .tweet-tools .icon-btn{background:var(--hw-panel)!important;color:var(--hw-muted)!important;border:0!important;border-radius:8px}
.system-home-hero .hw-hero-actions button:focus-visible,.feed-tabs button:focus-visible,.post-author:focus-visible,.post-conversation>summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
