/* User-selected horizontal artwork. Only fully transparent outer margins were trimmed. */
:root{--paper:#FAF9F5;--ink:#053220;--green:#053220;--gold:#C9A861;--moss:#72865E;--muted:#59665b;--line:rgba(5,50,32,.18);--serif:"Source Han Serif SC","Songti SC","STSong",Georgia,serif;--sans:Arial,"PingFang SC","Source Han Sans SC",sans-serif}
.gesn-brand-logo{display:block;flex:none;width:240px;max-width:100%;aspect-ratio:1043/188}
.gesn-brand-logo img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;filter:none;opacity:1}
.brand:has(.gesn-brand-logo){display:block;width:max-content;flex-shrink:0}
body{color:var(--ink)}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:4px}
::selection{background:#e4d6b9;color:var(--green)}
.page-header,.site-header{color:var(--green)}
.page-frame,.page-shell{background:var(--paper)}
.page-header .back-link:hover,.site-header a:hover{color:var(--moss)}
.page-header .brand strong,.site-header .brand strong{font-family:var(--serif)}
.category-filter [aria-current=page],.series-filter [aria-current=page]{color:var(--green);border-color:var(--gold)}
.detail-view-navigation button[aria-pressed=true],.detail-door-rail button[aria-pressed=true],.detail-style-rail button[aria-pressed=true]{border-color:var(--green);color:var(--green)}
.brand-navigation{display:flex;gap:24px;align-items:center;font:12px/1.4 var(--sans)}
.brand-navigation a{white-space:nowrap}.brand-navigation a:hover{color:var(--moss)}
.language-switch{display:flex;align-items:center;gap:4px;flex:none;font:11px var(--sans)}
.language-switch button{position:relative;border:0;background:transparent;color:var(--ink);padding:10px 6px;min-width:30px;min-height:40px;font:inherit;cursor:pointer}
.language-switch button[aria-pressed=true]:after{position:absolute;content:"";left:8px;right:8px;height:1px;bottom:6px;background:var(--gold)}
.language-switch>span{opacity:.4}
@media(max-width:700px){.gesn-brand-logo{width:196px}.brand-navigation{gap:17px;font-size:11px}}
.language-switch button[aria-pressed=true]{text-decoration:none}
/* The archived concept preview uses its own header instead of channel-navigation.css. */
body .concept-header .gesn-brand-logo{width:240px}
@media(max-width:700px){body .concept-header{grid-template-columns:minmax(0,1fr) auto}body .concept-header .brand{width:100%;min-width:0}body .concept-header .gesn-brand-logo{width:196px}}