/* Independent header channel control; existing navigation and page styles untouched. */
.official-channels-bar{display:flex;justify-content:flex-end;padding:0 clamp(24px,3vw,54px) 8px}
.official-channels{position:relative;font-size:15px;line-height:1.6;color:#4c233d}
.official-channels summary{list-style:none;cursor:pointer;min-height:40px;display:flex;align-items:center;gap:8px;padding:6px 16px;border:1px solid #b6a078;background:#f3ecdf;font-weight:600;user-select:none}
.official-channels summary::-webkit-details-marker{display:none}
.official-channels summary:hover{background:#e9dcc5}
.official-channels summary:focus-visible{outline:3px solid #947544;outline-offset:3px}
.official-channels[open] summary{background:#4c233d;border-color:#4c233d;color:#fff6ec}
.official-channels-dropdown{position:absolute;right:0;top:calc(100% + 7px);width:280px;max-width:calc(100vw - 36px);max-height:calc(100dvh - 160px);overflow-y:auto;background:#faf8f3;border:1px solid #c5b497;box-shadow:0 8px 22px rgba(44,30,35,.16);padding:8px;z-index:20}
.official-channels-dropdown a{display:flex;align-items:center;min-height:46px;padding:10px 14px;font-size:16px;line-height:1.5;color:#4c233d;border-bottom:1px solid #e7e2d8;overflow-wrap:anywhere}
.official-channels-dropdown a:hover,.official-channels-dropdown a:focus-visible{background:#eee4d2;color:#4c233d}
.official-channels-note{font-size:12px;line-height:1.6;color:#706759;margin:10px 14px 6px}
@media(max-width:900px){.official-channels-bar{padding-right:24px}.official-channels summary{min-height:44px}.official-channels-dropdown a{min-height:48px}}