/* Pages éditoriales : journal, album et comptoir d’assistance. */
.vb-editorial .vb-page-intro { display:flex; gap:18px; align-items:flex-start; margin:0 0 24px; padding:24px; background:#24444c; border:1px solid #365a58; border-bottom:4px solid #18353b; border-radius:5px; }
.vb-editorial .vb-page-intro>img { flex:0 0 36px; width:36px; height:36px; object-fit:contain; image-rendering:pixelated; margin-top:5px; }
.vb-editorial .vb-page-intro>div { min-width:0; }
.vb-editorial .vb-page-intro span { color:#e6c782; font-size:10px; font-weight:800; letter-spacing:.8px; text-transform:uppercase; }
body.vb-editorial.vibboza-hc-shell #app .vb-page-intro h1 { color:#fff8e8!important; font-size:32px!important; line-height:1.3!important; margin:5px 0!important; text-shadow:none!important; }
.vb-editorial .vb-page-intro p { color:#d0ded4; font-size:12px; line-height:1.8; margin:8px 0 0; }
.vb-editorial .vb-page-search { margin:18px 0; padding:16px; background:#edf3e7; border:1px solid #cbd8c4; border-radius:4px; }
.vb-editorial .vb-page-search label { display:block; margin-bottom:8px; color:#385646; font-size:11px; font-weight:800; }
.vb-editorial .vb-page-search input { display:block; box-sizing:border-box; width:100%; min-height:44px; padding:10px 12px; background:#fffdf5; color:#294048; border:1px solid #b5c8b5; border-radius:3px; font:500 12px/1.5 "Manrope",sans-serif; }
.vb-editorial .vb-page-search p { margin:10px 0 0; color:#385646; font-size:12px; }
.vb-editorial [data-vb-filter-item][hidden],.vb-editorial [data-vb-filter-status][hidden] { display:none!important; }
.vb-editorial .vb-page-button { display:inline-flex; min-height:42px; align-items:center; padding:9px 14px; background:#e4eddf; color:#294f39; border:1px solid #9db599; border-bottom-width:3px; border-radius:4px; font:800 11px/1.5 "Manrope",sans-serif; cursor:pointer; text-decoration:none; }
.vb-editorial .vb-copy-status { display:inline-block; margin:8px 12px; font-size:11px; color:#42664c; }
.vb-editorial .vb-story-cover { overflow:hidden; border-radius:5px 5px 0 0; background:#dce6d8; }
.vb-editorial .vb-story-cover img { display:block; width:100%; height:clamp(180px,32vw,340px); object-fit:cover; object-position:center; }
.vb-editorial .vb-story-title { padding:24px; background:#fffdf5; border:1px solid #cbd4ca; border-top:0; }
body.vb-editorial.vibboza-hc-shell #app .vb-story-title h1 { color:#294048!important; font-size:34px!important; line-height:1.3!important; margin:8px 0 12px!important; text-shadow:none!important; overflow-wrap:anywhere; }
.vb-editorial .vb-story-meta { color:#66796a; font-size:11px; line-height:1.8; }
.vb-editorial .vb-story-summary { color:#405b4b; font-size:14px; line-height:1.9; margin:18px 0; }
body.vb-editorial.vibboza-hc-shell .vibboza-city-article__body { line-height:1.9!important; overflow-wrap:anywhere; min-width:0; }
.vb-editorial .vibboza-city-article__body img { max-width:100%; height:auto; }
.vb-editorial .vibboza-city-article__body table { display:block; max-width:100%; overflow:auto; }
body.vb-editorial.vibboza-hc-shell .vb-related-story { display:flex!important; flex-direction:column!important; gap:8px; padding:0 0 14px!important; background:#fffdf5!important; overflow:hidden; border:1px solid #cbd4ca; border-radius:4px; min-height:0!important; }
.vb-editorial .vb-related-story img { display:block; width:100%; height:140px; object-fit:cover; }
body.vb-editorial.vibboza-hc-shell .vb-related-story :is(span,strong) { position:static!important; padding:0 14px!important; color:#294048!important; text-shadow:none!important; }
.vb-editorial .vb-gallery-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.vb-editorial .vb-gallery-card { min-width:0; margin:0; overflow:hidden; border:1px solid #bdcdbd; border-bottom-width:3px; border-radius:5px; background:#fffdf5; }
.vb-editorial .vb-gallery-card>a { position:relative; display:block; }
.vb-editorial .vb-gallery-card>a>img { width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; display:block; }
.vb-editorial .vb-gallery-card>a>span { position:absolute; bottom:8px; left:8px; padding:4px 8px; border-radius:3px; background:#17373de8; color:#fffdf5; font-size:10px; }
.vb-editorial .vb-gallery-card figcaption { display:flex; gap:8px; align-items:center; padding:8px 12px; color:#294048; font-size:11px; overflow-wrap:anywhere; }
.vb-editorial .vb-gallery-card figcaption img { object-fit:contain; image-rendering:pixelated; }
.vb-editorial .vb-gallery-card figcaption a { font-weight:800; }
.vb-editorial .vb-photo-dialog { width:min(900px,94vw); max-width:94vw; max-height:92vh; padding:16px; box-sizing:border-box; border:2px solid #6c8d75; border-radius:6px; background:#fffdf5; color:#294048; overflow:auto; }
.vb-editorial .vb-photo-dialog::backdrop { background:#0c252bea; }
.vb-editorial .vb-photo-dialog>img { display:block; max-width:100%; max-height:68vh; width:auto; height:auto; object-fit:contain; margin:10px auto; }
.vb-editorial .vb-photo-dialog-toolbar { display:flex; gap:12px; justify-content:space-between; align-items:center; flex-wrap:wrap; font-size:12px; }
.vb-editorial .vb-photo-dialog-toolbar button { min-height:42px; padding:8px 12px; color:#294f39; background:#e4eddf; border:1px solid #9db599; border-radius:3px; cursor:pointer; }
.vb-editorial .vb-photo-dialog-toolbar button:disabled { opacity:.5; cursor:default; }
.vb-editorial :is(.vb-page-search input,.vb-page-button,.vb-gallery a,.vb-photo-dialog button):focus-visible { outline:3px solid #487d62; outline-offset:3px; }
@media(max-width:900px) { .vb-editorial .vb-gallery-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:540px) { .vb-editorial .vb-gallery-grid { grid-template-columns:1fr; } .vb-editorial .vb-page-intro { padding:18px 14px; gap:12px; } .vb-editorial .vb-story-title { padding:18px; } body.vb-editorial.vibboza-hc-shell #app .vb-story-title h1 { font-size:28px!important; } }

/* Communauté : portraits, missions et postes non attribués. */
.vb-editorial .vb-community-facts,.vb-editorial .vb-community-nav,.vb-editorial .vb-anchor-nav { display:flex; flex-wrap:wrap; gap:10px; margin:18px 0; }
.vb-editorial .vb-community-facts>span { display:flex; align-items:center; gap:8px; padding:10px 14px; background:#e9f0e2; border:1px solid #c5d4c0; border-radius:4px; color:#43634d; font-size:11px; }
.vb-editorial .vb-community-facts strong { font-size:20px; color:#294048; }
.vb-editorial :is(.vb-community-nav,.vb-anchor-nav) a { display:flex; min-height:44px; align-items:center; padding:8px 14px; border:1px solid #b8cbb8; border-radius:4px; color:#365741; background:#fffdf5; font-size:11px; font-weight:800; text-decoration:none; }
.vb-editorial .vb-community-nav a[aria-current] { background:#dce9de; border-bottom:3px solid #568468; }
body.vb-editorial.vibboza-hc-shell .vibboza-hc-staff-members { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:14px!important; }
.vb-editorial .vb-team-person { display:flex; align-items:center; position:relative; gap:16px; min-width:0; min-height:146px; padding:16px; background:#fffdf5; border:1px solid #c2d1be; border-bottom:3px solid #9eb79d; border-radius:5px; color:#294048; text-decoration:none; }
.vb-editorial .vb-team-person:hover { border-color:#568468; background:#f2f7ed; }
.vb-editorial .vb-team-avatar { display:flex; flex:0 0 72px; align-items:flex-end; justify-content:center; height:114px; background:linear-gradient(0deg,#dce8d3,transparent 70%); border-bottom:3px solid #b4c8a9; border-radius:3px; }
.vb-editorial .vb-team-avatar img { width:64px; height:110px; object-fit:contain; image-rendering:pixelated; }
.vb-editorial .vb-team-copy { display:flex; flex:1; min-width:0; flex-direction:column; gap:6px; overflow-wrap:anywhere; }
.vb-editorial .vb-team-copy strong { font-size:15px; }
.vb-editorial .vb-team-copy small { color:#42694e; font-size:11px; font-weight:800; }
.vb-editorial .vb-team-copy>span:last-child { font-size:11px; line-height:1.7; color:#67786b; }
.vb-editorial .vb-team-status { align-self:flex-start; font-size:9px; color:#69756b; background:#e9eee4; padding:2px 6px; border-radius:3px; }
.vb-editorial .vb-team-status.is-online { color:#275e40; background:#dcebd3; }
.vb-editorial .vb-team-badge { flex:0 0 40px; width:40px; height:40px; object-fit:contain; image-rendering:pixelated; }
body.vb-editorial.vibboza-hc-shell .vibboza-hc-staff-member--empty { width:auto!important; min-width:0!important; background:#edf2e7!important; border:1px dashed #b0c4a9!important; box-shadow:none!important; }
body.vb-editorial.vibboza-hc-shell .vibboza-hc-category-title { font-size:26px!important; color:#294048!important; text-shadow:none!important; padding:12px 0!important; }
body.vb-editorial.vibboza-hc-shell .vibboza-hc-center-menu { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:10px!important; }
body.vb-editorial.vibboza-hc-shell .vibboza-hc-center-menu__item { display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:12px!important; min-width:0!important; min-height:65px!important; padding:14px!important; color:#294048!important; background:#fffdf5!important; border:1px solid #c3d1be!important; border-radius:4px!important; box-shadow:none!important; }
body.vb-editorial.vibboza-hc-shell .vibboza-hc-center-menu__item strong { color:#294048!important; font-size:12px!important; overflow-wrap:anywhere; }
body.vb-editorial.vibboza-hc-shell .vibboza-hc-center-menu__item.is-active { background:#dce9de!important; border-color:#568468!important; }
body.vb-editorial.vibboza-hc-shell .vibboza-hc-center-icon { width:28px!important; height:28px!important; flex:0 0 28px!important; background-size:contain!important; filter:none!important; box-shadow:none!important; }
body.vb-editorial.vibboza-hc-shell .vibboza-city-shop-layout { display:grid!important; grid-template-columns:180px minmax(0,1fr)!important; gap:20px!important; }
body.vb-editorial.vibboza-hc-shell .vibboza-city-shop-tools { grid-column:1/-1!important; display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:20px!important; }
.vb-editorial .vb-settings-panel { min-width:0; }
.vb-editorial .vb-settings-panel>div { background:#fffdf5!important; border:1px solid #c5d1c0!important; border-radius:5px!important; color:#294048!important; }
.vb-editorial .vb-settings-panel :is(label,p,td,th) { color:#405c49!important; }
.vb-editorial .vb-settings-panel input:not([type=checkbox]):not([type=hidden]) { min-height:44px; background:#fffdf5!important; color:#294048!important; border:1px solid #afc4aa!important; border-radius:3px!important; }
.vb-editorial .vb-settings-panel table { border-collapse:collapse; width:100%; font-size:11px; }
.vb-editorial .vb-settings-panel :is(td,th) { padding:12px!important; border-bottom:1px solid #d1dccb; text-align:left; }
.vb-editorial .vb-settings-panel th { background:#e8f0e1!important; }
.vb-editorial :is(.vb-team-person,.vb-community-nav a,.vb-anchor-nav a,.vb-settings-panel input):focus-visible { outline:3px solid #487d62; outline-offset:3px; }
@media(max-width:900px) { body.vb-editorial.vibboza-hc-shell .vibboza-hc-staff-members { grid-template-columns:1fr!important; } body.vb-editorial.vibboza-hc-shell .vibboza-city-shop-layout { grid-template-columns:1fr!important; } }
@media(max-width:540px) { body.vb-editorial.vibboza-hc-shell .vibboza-hc-center-menu { grid-template-columns:repeat(2,minmax(0,1fr))!important; } body.vb-editorial.vibboza-hc-shell .vibboza-city-shop-tools { grid-template-columns:1fr!important; } .vb-editorial .vb-team-person { gap:10px; padding:12px; } .vb-editorial .vb-team-badge { width:32px; height:32px; flex-basis:32px; } }