/* Canonical v12 semantic system. AREA colors never depend on the M/D profile role.
   Orange = Information; purple = Media relations; teal = Industry relations.
   Slate = shared registration / profile labels; outlined white/slate = current process step.
   House-ad artwork retains the advertiser's colors and its advertisement label. */
:root{--area-info:#c24a00;--area-info-soft:#fff0e4;--area-media:#5825b5;--area-media-soft:#f2eaff;--area-industry:#00796d;--area-industry-soft:#e5f7ee;--area-register:#354651;--area-register-soft:#f0f3f5;--profile-ink:#354651;--profile-soft:#f0f3f5;--current-step:#ffffff;--current-step-ink:#354651}
.semantic-key{max-width:1260px;margin:auto;display:flex;gap:12px;flex-wrap:wrap;padding:6px 18px 9px;font-size:9px;line-height:1.4;color:#505866}.registration-key:before,.status-key:before{content:'';display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:5px;background:var(--area-register)}.status-key:before{background:var(--current-step);border:2px solid #354651}.navwrap{border-bottom:1px solid var(--line)}.programnav{gap:6px;padding:0 6px}
#tab-info,#tab-info[aria-selected=true]{background:var(--area-info);border-color:var(--area-info);color:#fff}#tab-community,#tab-community[aria-selected=true]{background:var(--area-media);border-color:var(--area-media);color:#fff}#tab-industry,#tab-industry[aria-selected=true]{background:var(--area-industry);border-color:var(--area-industry);color:#fff}.programnav .pillar[role=tab] b,.programnav .pillar[role=tab] small,.programnav .pillar[role=tab] .pillnum,#tab-community[aria-selected=true] .pillnum,#tab-community[aria-selected=true] b{color:#fff}.programnav .pillar[role=tab] .pillnum{background:#ffffff24;border-radius:4px;padding:3px;align-self:flex-start}.programnav .pillar[role=tab][aria-selected=true]{box-shadow:inset 0 -5px 0 var(--current-step);outline:2px solid #24243d;outline-offset:1px}.programnav .pillar[role=tab][aria-selected=true] .pillnum:after{content:' ✓';white-space:nowrap}.programnav .creators-link{background:var(--area-register-soft);border:1px solid #aab4bb;color:var(--area-register)}.programnav .creators-link small,.programnav .creators-link .pillnum{color:var(--area-register)}
/* Information stays orange in navigation, heading, stories and the global-news rail. */
#view-info .intro{border-top:5px solid var(--area-info);padding-top:15px}#view-info .intro .label,#view-info .intro h1,#view-info .newsitem h2,#view-info .newsitem a{color:var(--area-info)}#view-info .newsitem{border-left:4px solid var(--area-info)}#view-info .newsitem .badge{color:var(--area-info);background:var(--area-info-soft)}.right>.newsbox{border-top-color:var(--area-info)!important}.newsbox .label,.newsbox h2,.newsbox a,.newsbox .textbutton{color:var(--area-info)}
/* Industry relationships and its external MatchMKR gateway stay teal. */
#view-industry .industryintro{background:var(--area-industry);color:#fff}#view-industry .industryintro .label{color:#fff}#view-industry .industryintro a{background:#fff;color:var(--area-industry)}#view-industry .industrynext{border-top:4px solid var(--area-industry)}#view-industry .industrynext h2{color:var(--area-industry)}#view-industry [data-view=community]{color:var(--area-media)}
/* M/D is a profile label, not an area or a permission. Both use the same neutral style. */
.role-guide-label{font-size:9px;font-weight:700;color:var(--profile-ink)}.actor-chip.media-chip,.actor-chip.source-chip{background:var(--profile-soft);border:1px solid #aab4bb;color:var(--profile-ink)}.actor-chip.media-chip b,.actor-chip.source-chip b{background:var(--profile-ink);color:#fff;border-color:var(--profile-ink)}.rolebox{border-top-color:var(--profile-ink)}.rolebuttons button[data-role=destination],.rolebuttons button[data-role=media]{background:#fff;color:var(--profile-ink);border-color:#9caab3}.rolebuttons button[data-role=destination][aria-pressed=true],.rolebuttons button[data-role=media][aria-pressed=true]{background:var(--profile-ink);color:#fff;border-color:var(--profile-ink)}.role-register,.register-entry{color:var(--area-register);border-color:var(--area-register)}
/* Community + all five editorial workflows belong to Media relations (purple). */
.community-cover{background:var(--area-media);box-shadow:0 4px 0 #d8c7f1}.composer,body[data-role=media] .composer{border-color:var(--area-media);background:#fff}.composeopen{color:var(--area-media);border-color:var(--area-media);background:var(--area-media-soft)}#composeavatar{background:var(--profile-ink);color:#fff}.composeactions [data-compose=post],.composeactions [data-compose=story],.composeactions [data-tool]{background:var(--area-media);color:#fff}.workflow-launchers button.workflow-role-media,.workflow-launchers button.workflow-role-source{background:var(--area-media);color:#fff;border-color:var(--area-media)}.workspace-head h2{color:var(--area-media)}.media-workspace{border-bottom:3px solid #d8c7f1}
.post[data-category=destination],.post[data-category=media],.post[data-category=event]{border-left-color:var(--area-media)}.post[data-category=destination] .posthead,.post[data-category=media] .posthead,.post[data-category=event] .posthead{background:var(--area-media);color:#fff}.post .posthead .identity b,.post .posthead .identity small{color:#fff}.post[data-category=destination] .posthead .badge,.post[data-category=media] .posthead .badge,.post[data-category=event] .posthead .badge{color:#fff;background:#ffffff24}.post .posthead .avatar,.post .posthead .avatar.destination,.post .posthead .avatar.media,.post .posthead .avatar.event{background:#ffffff20;color:#fff;border-color:#ffffff88}.post[data-category=destination] .postactions .strong,.post[data-category=media] .postactions .strong,.post[data-category=event] .postactions .strong{background:var(--area-media);color:#fff}.resource-icon{color:var(--area-media)}.filters [data-filter=destination],.filters [data-filter=media],.filters [data-filter=event]{color:var(--profile-ink);border-color:#aab4bb}.filters button[aria-pressed=true],.filters [data-filter=destination][aria-pressed=true],.filters [data-filter=media][aria-pressed=true]{background:var(--profile-ink);color:#fff;border-color:var(--profile-ink)}
.right>.media-tools-box,.right>.calendarbox{border-top-color:var(--area-media)}.media-tools-box .area-label,.calendarbox .area-label{color:var(--area-media);font-size:9px;margin-bottom:8px}.toolicon{background:var(--area-media);color:#fff}.caldays button[aria-pressed=true]{background:var(--area-media);color:#fff}.toolbox .sidelinks button{color:var(--area-media)}
#composeDialog,#composeDialog[data-role=media],#composeDialog[data-role=destination],.workflow-dialog,.workflow-dialog[data-workflow=requests],.workflow-dialog[data-workflow=coverage],#toolDialog{--actor:var(--area-media);--actor-soft:var(--area-media-soft);border-top-color:var(--area-media)}#composeDialog .dialoghead,.workflow-dialog .dialoghead,#toolDialog .dialoghead{background:var(--area-media);color:#fff;border-top-color:var(--area-media)}#toolDialog .dialoghead h2,.workflow-dialog .dialoghead .label{color:#fff}.workflow-tabs .workflow-role-media,.workflow-tabs .workflow-role-source{color:var(--area-media)}.workflow-tabs .workflow-role-media[aria-selected=true],.workflow-tabs .workflow-role-source[aria-selected=true]{background:var(--area-media);color:#fff;border-color:var(--area-media)}.workflow-dialog .primary,#composeDialog .primary,#toolDialog .primary{background:var(--area-media);color:#fff}.workflow-dialog .secondary,.workflow-actions [data-wf-tool=interview]{background:var(--area-media);color:#fff;border-color:var(--area-media)}#tripForm,#requestForm,#coverageForm,#replyForm,#kitForm,.tripstep[data-trip-panel="0"]>.sample-card,.tripstep[data-trip-panel="2"]>.sample-card,#wf-fairs>.sample-card{--actor:var(--area-media);--actor-soft:var(--area-media-soft);border-left-color:var(--area-media)}.workflow-dialog .textbutton{color:var(--area-media)}
/* Shared registration is slate, for BOTH roles and both prices. No role-colored headers. */
.onboard-dialog,.onboard-dialog[data-onboard-role=destination]{--actor:var(--area-register);--actor-soft:var(--area-register-soft)}.onboard-dialog .dialoghead{background:var(--area-register)}.onboard-heading .label,.onboard-dialog .textbutton{color:var(--area-register)}.membership-card,.membership-card.source-plan{border-top-color:var(--area-register)}.membership-price,.source-plan .membership-price{color:var(--area-register)}.membership-card button,.membership-card.source-plan button{background:var(--area-register);color:#fff}.onboard-fields{border-top-color:var(--area-register)}.onboard-dialog .primary{background:var(--area-register);color:#fff}.onboard-dialog .secondary{color:var(--area-register);border-color:var(--area-register)}.onboard-nextgrid button{border-color:var(--area-register)}.onboard-nextgrid b{color:var(--area-register)}.onboard-state[data-state=verified],.onboard-state[data-state=approved]{background:var(--area-register-soft);color:var(--area-register);border-color:var(--area-register)}
/* Process states: current outlined white/slate; viewed slate; pending neutral. Labels always remain. */
.stepnav button[data-state=active],.state-active,.onboard-progress button[data-state=active]{background:var(--current-step);color:var(--current-step-ink);border:2px solid #354651;box-shadow:inset 0 0 0 1px #354651}.stepnav button[data-state=done],.state-done,.onboard-progress button[data-state=done]{background:#354651;color:#fff}.stepnav button[data-state=pending],.state-pending{background:#f2f4f5;color:#5f6b74}.footer{border-top-color:#354651}
@media(max-width:650px){.programnav{gap:4px;padding:0 4px}.semantic-key{padding:6px 12px 9px;gap:5px 10px;font-size:8px}.semantic-key>span:first-child{width:100%}.programnav .pillar[role=tab] .pillnum{font-size:8px;padding:2px}.role-guide-label{font-size:8px}.role-guide .actor-chip{font-size:8px}.onboard-progress button{font-size:8px}}

/* v11: compact economic newsfeed. Orange is reserved for Information. */
#view-info .newsfeed-head{border-top:6px solid var(--area-info);padding:13px 16px;margin:0 0 12px;background:#fff;border-radius:12px;box-shadow:0 1px 0 #dcd6cf}
.newsfeed-head .label,.newsfeed-head h1{color:var(--area-info)}.newsfeed-head h1{font-size:24px;line-height:1.12;margin:5px 0 8px;letter-spacing:-.6px}.newsfeed-head p{font-size:11px;line-height:1.5;margin:5px 0;color:#51505c}.edition-line{display:flex;gap:7px;flex-wrap:wrap;font-size:10px;line-height:1.4}.edition-line strong{background:var(--area-info);color:#fff;padding:3px 7px;border-radius:4px}.edition-line span{padding:3px 0;color:#51505c}
#view-info .newsitem{border-radius:10px;padding:15px 17px;margin:0 0 12px;background:#fff;border-top:1px solid #eee5de;border-right:1px solid #eee5de;border-bottom:1px solid #eee5de}.newsitem .newsmeta{font-size:10px;line-height:1.5;margin:0 0 7px}.newsitem .newsmeta b{font-size:11px;color:#34323b}.newsitem h2{font-size:21px;line-height:1.22;margin:8px 0}.newsitem p{font-size:12px;line-height:1.6;margin:8px 0}.newsitem .badge{display:inline-block;font-size:9px}.newsitem .impact-note,.newsitem .decision-note{padding:9px 11px;background:#f6f6f7;border-radius:6px}.newsitem .impact-note b,.newsitem .decision-note b{display:block;font-size:10px;line-height:1.4;color:#4b4750}.newsitem .decision-note{border-left:3px solid var(--area-info);background:var(--area-info-soft)}.newsitem .news-source{display:inline-block;font-size:11px;font-weight:800;margin-top:6px}.newsitem details{font-size:10px;line-height:1.5;margin-top:10px;color:#57515c}.newsitem details p{font-size:10px}.newsitem .crosscheck a{font-weight:600;font-size:10px}.news-policy{font-size:10px;color:#5b535c;padding:6px 3px 14px;line-height:1.55}.news-policy summary{font-weight:700;cursor:pointer}.news-policy p{margin:6px 0}.newsfeed-empty{border-left:4px solid var(--area-info);padding:16px;background:#fff}
@media(max-width:650px){.newsfeed-head h1{font-size:22px}#view-info .newsfeed-head{padding:12px}#view-info .newsitem{padding:13px 12px}.newsitem h2{font-size:20px}.newsitem p{font-size:12px}.edition-line{font-size:9px}.newsfeed-head p{font-size:10px}.newsitem .newsmeta{font-size:9px}}
.onboard-progress button[data-state=active] b{background:var(--area-register);color:#fff}

/* TravelCreatorsX is a separate external community, never a NarraNex role. */
.programnav .creators-link{background:#b61268;border-color:#b61268;color:#fff}.programnav .creators-link b,.programnav .creators-link small,.programnav .creators-link .pillnum{color:#fff}.programnav .creators-link:focus-visible{outline:3px solid #24243d;outline-offset:2px}.content-language{display:inline-block;margin:6px 0;padding:4px 8px;border:1px solid #aab4bb;border-radius:4px;background:#f0f3f5;color:#354651;font-size:10px;font-weight:700}.translation-block{border-left:3px solid #354651;margin:12px 0;padding:10px;background:#f5f6f7}.translation-block h4{margin:0 0 7px}.translation-block p{white-space:pre-wrap}
.newsletter-entry{border-top:4px solid var(--area-info);border-radius:10px;padding:16px;background:#fff;margin-top:14px}.newsletter-entry h2{font-size:19px;color:var(--area-info);margin:0 0 8px}.newsletter-entry p{font-size:12px;line-height:1.5}.newsletter-entry button,#newsletterDialog .primary{background:var(--area-info);color:#fff;border:0;border-radius:6px;padding:10px 14px;font-weight:700}.newsletter-dialog .dialoghead{background:var(--area-info);color:#fff}.newsletter-dialog .dialoghead h2{color:#fff}.newsletter-dialog .checkline{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.5}.newsletter-dialog .checkline input{width:auto;margin-top:4px}.newsletter-dialog .formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.newsletter-preview{border:1px solid #d6d8db;border-radius:8px;padding:16px;margin-top:16px}.newsletter-preview h3{font-size:22px}.newsletter-preview article{border-top:1px solid #ddd;margin-top:12px;padding-top:10px}.newsletter-preview article h4{font-size:17px;margin:8px 0}.newsletter-preview p{font-size:12px;line-height:1.6}.newsletter-preview a{color:var(--area-info)}.newsletter-choice{padding:9px 0;border-bottom:1px solid #eee}.newsletter-dialog .secondary{background:#fff;border:1px solid #354651;color:#354651;border-radius:6px;padding:9px 12px}.newsletter-dialog .dialogfoot{flex-wrap:wrap}.newsletter-dialog .formerror{color:#a52020;font-size:12px}
@media(max-width:650px){.newsletter-dialog .formgrid{grid-template-columns:1fr}.newsletter-dialog .dialoghead h2{font-size:21px}.newsletter-dialog .dialogbody{padding:15px}}

/* v13: owner-approved membership promotion, shared by both roles; inactive. */
.registration-promo{background:#354651;color:#fff;border-radius:8px;line-height:1.4}.site-promo{max-width:1224px;margin:4px auto 10px;padding:12px 18px;display:flex;justify-content:space-between;align-items:center;gap:14px}.registration-promo strong{display:block;font-size:21px;line-height:1.2;letter-spacing:-.2px}.registration-promo small{display:block;font-size:10px;margin-top:5px;color:#fff}.promo-label{display:block;font-size:8px;letter-spacing:1px;font-weight:800;text-transform:uppercase;margin-bottom:5px}.site-promo button{background:#fff;color:#354651;border:1px solid #fff;border-radius:5px;font-size:11px;white-space:nowrap;padding:9px 13px;font-weight:800}.site-promo button:focus-visible{outline:3px solid #fff;outline-offset:3px}.compact-promo{margin:0 24px 12px;padding:12px 15px}.compact-promo strong{font-size:18px}.onboard-dialog .compact-promo small{font-size:10px}.membership-price{white-space:normal}
@media(max-width:650px){.site-promo{margin:0 10px 8px;padding:12px;display:block}.registration-promo strong{font-size:18px}.site-promo button{margin-top:9px;font-size:10px;padding:7px 10px}.registration-promo small{font-size:9px}.compact-promo{margin:0 14px 10px;padding:11px}.compact-promo strong{font-size:16px}.membership-price{font-size:31px}}