/* Bendecho 217: shared layout foundation; legacy content and routes retained. */
:root{--ben-bg:#f6f5f3;--ben-surface:#fff;--ben-ink:#242321;--ben-muted:#6b665f;--ben-line:#e4dfd8;--ben-orange:#d9520b;--ben-soft:#fff3e9;--ben-radius:14px;color-scheme:light}
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
body{background:var(--ben-bg)!important;color:var(--ben-ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px;line-height:1.55;margin:0}
#header,#main,#footer{width:min(1440px,100%)!important;max-width:1440px;margin-inline:auto;padding-inline:24px;text-align:left}
#header{padding-top:14px}#headerinner{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:16px 22px;background:#ed6021!important;border-radius:var(--ben-radius) var(--ben-radius) 0 0;min-height:94px}
#headerinner>.logo{width:auto;float:none;flex:0 0 275px}#headerinner .headersearch{float:none;flex:1;min-width:180px;margin:0;padding:0}#headerinner .headersearch form{display:flex;align-items:center;gap:8px}#headerinner input#search{width:100%;min-width:0;flex:1;height:44px;border-radius:9px;border:1px solid #fff7;padding:10px 14px;background:white;color:#242321;font:inherit}#headerflag{float:none;padding:0;margin-left:auto}
#header .navbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 14px;background:var(--ben-surface)!important;border:1px solid var(--ben-line);border-top:0;border-radius:0 0 var(--ben-radius) var(--ben-radius)}
#header .navigation{float:none;background:none!important}#header .navigation ul{display:flex;gap:4px;flex-wrap:wrap;padding:0;margin:0}#header .navigation ul li{display:block;float:none}#header .navigation ul li a{display:block;border:0;background:none;padding:9px 12px;border-radius:8px;color:var(--ben-muted);font-size:13px;font-weight:600;text-decoration:none}#header .navigation ul li a span{background:none;padding:0}#header .navigation a.high,#header .navigation a:hover{background:var(--ben-soft);color:var(--ben-orange)}
#main{margin-top:22px;background:transparent!important}#inner{display:flow-root}#innermain{width:calc(100% - 340px)!important;float:left;min-width:0;background:var(--ben-surface);border:1px solid var(--ben-line);border-radius:var(--ben-radius);padding:20px}#innerright{width:312px!important;float:right;padding-top:0!important}#innerright>br{display:none}
h1,h2,h3,h4{font-family:inherit;letter-spacing:-.025em;line-height:1.2}h1{font-size:clamp(25px,3vw,36px)}p{line-height:1.65}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #ffb27b;outline-offset:3px}
.ben216-ad,.ben216-page,.ben216-helper{font-family:inherit}.ben216-ad .ben216-ad-copy strong{font-size:clamp(17px,1.45vw,21px);font-weight:700;letter-spacing:-.02em}.ben216-ad .ben216-ad-copy>span{font-size:13px;font-weight:400;line-height:1.55}.ben216-ad--header{margin-top:0}.ben216-helper{background:var(--ben-soft);border-color:var(--ben-line)}.ben216-video{max-width:100%}
#footer{clear:both;padding-top:30px;padding-bottom:26px;margin-top:32px;border-top:1px solid var(--ben-line);color:var(--ben-muted)}#footer .footerbox{display:flex;gap:24px;flex-wrap:wrap;padding:0}#footer ul.footerlist{flex:1 1 150px;float:none;width:auto;line-height:2;padding:0;list-style:none}#footer a{color:var(--ben-muted)}.ben217-theme{font:inherit;font-size:12px;padding:8px;border:1px solid var(--ben-line);border-radius:8px;color:var(--ben-ink);background:var(--ben-surface);max-width:130px}
@media(max-width:1050px){#header,#main,#footer{padding-inline:16px}#innermain{width:calc(100% - 305px)!important;padding:16px}#innerright{width:285px!important}#headerinner{gap:14px}.ben216-ad--header .ben216-ad-main{grid-template-columns:minmax(150px,240px) 1fr}}
@media(max-width:760px){#header,#main,#footer{padding-inline:12px}#header{padding-top:8px}#headerinner{padding:12px;gap:12px}#headerinner>.logo{flex:1 1 220px}#headerinner .headersearch{flex:1 0 100%;order:3}#headerflag{margin:0}#header .navbar{padding:8px;gap:6px}#header .navigation{max-width:100%}#header .navigation ul{flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:thin}#header .navigation ul li{flex-shrink:0}#header .navigation ul li a{padding:10px;font-size:12px}#main{margin-top:14px}#innermain,#innerright{width:100%!important;float:none}#innermain{padding:14px}#innerright{margin-top:18px}input,select,textarea{font-size:16px}#footer .footerbox{gap:12px}#footer ul.footerlist{flex-basis:42%}.ben216-ad--header .ben216-ad-main{grid-template-columns:1fr}.ben216-ad--header .ben216-ad-main img{max-height:120px}}
@media(prefers-reduced-motion:no-preference){a,button,summary{transition:background-color .18s,color .18s,border-color .18s}}
html[data-ben-theme=dark]{--ben-bg:#151719;--ben-surface:#202326;--ben-ink:#f2eee8;--ben-muted:#b9b4ad;--ben-line:#3b3e40;--ben-orange:#ff9b62;--ben-soft:#36291f;color-scheme:dark}
html[data-ben-theme=dark] body{color:var(--ben-ink)}html[data-ben-theme=dark] #main a{color:#ffab78}html[data-ben-theme=dark] #main .box,html[data-ben-theme=dark] #main .boxcontent,html[data-ben-theme=dark] #main .ben216-page,html[data-ben-theme=dark] #main .ben216-request,html[data-ben-theme=dark] #main .ben216-form{background:var(--ben-surface);color:var(--ben-ink);border-color:var(--ben-line)}html[data-ben-theme=dark] #main .grey,html[data-ben-theme=dark] #main .ben216-options article,html[data-ben-theme=dark] .ben216-ad,html[data-ben-theme=dark] .ben216-helper{background:#292b2e;color:var(--ben-ink);border-color:var(--ben-line)}html[data-ben-theme=dark] .ben216-ad a.ben216-ad-main{color:var(--ben-ink)!important}html[data-ben-theme=dark] .ben216-ad-copy>span,html[data-ben-theme=dark] .ben216-ad-label{color:var(--ben-muted)}html[data-ben-theme=dark] #main input,html[data-ben-theme=dark] #main textarea,html[data-ben-theme=dark] #main select{background:#17191b;color:var(--ben-ink);border-color:#606266}html[data-ben-theme=dark] .itemsource,html[data-ben-theme=dark] .fonts{color:var(--ben-muted)}html[data-ben-theme=dark] .boxtop,html[data-ben-theme=dark] .boxbot,html[data-ben-theme=dark] .boxtop>div,html[data-ben-theme=dark] .boxbot>div{background:none}html[data-ben-theme=dark] #main .ben216-status button{background:#c74c0c;color:white}
#headerinner{background:#ff8000!important}#headerinner .logo>a{display:flex;align-items:center;white-space:nowrap}#headerinner .logo img{flex-shrink:0;max-width:none;height:66px;width:auto}#header .navigation a span{color:inherit!important}#header input[type=submit]{border:0;border-radius:8px;background:#27221e;color:white;padding:11px 15px;font:600 13px system-ui;cursor:pointer}#main,#header,#footer,#main input,#main select,#main textarea,#main button{font-family:system-ui,-apple-system,"Segoe UI",sans-serif}#main .boxcontent{font-size:14px;line-height:1.6}#main .itemtitle{font-size:17px;line-height:1.4}#main .itemborder{border-color:var(--ben-line)}
@media(max-width:760px){#headerinner>.logo{flex:1 1 125px;min-width:125px}#headerinner .logo img:nth-child(2){display:none}#headerinner{min-height:0;padding-block:5px}#header .navbar .navigation.doright{margin-left:auto}#header .navbar .ben217-theme{margin-left:auto}#header .navbar .navigation.doright ul{gap:4px}#header .navbar{row-gap:0}.ben216-ad--header .ben216-ad-main{grid-template-columns:110px 1fr!important;padding:12px!important}.ben216-ad--header .ben216-ad-main img{max-height:85px}.ben216-ad--header .ben216-ad-copy strong{font-size:15px}.ben216-ad--header .ben216-ad-copy>span{font-size:12px}.ben216-ad--header .ben216-ad-label{font-size:9px}}
#innermain .iteminner.itembox{display:grid;grid-template-columns:190px minmax(0,1fr);gap:16px;padding-block:18px;border-bottom:1px solid var(--ben-line)}#innermain .iteminner.itembox>.item{grid-column:2;grid-row:1;width:auto!important;float:none;min-width:0}#innermain .iteminner.itembox>.doleft{grid-column:1;grid-row:1;float:none;display:flex;align-items:flex-start;gap:10px}#innermain .iteminner.itembox>.itemclear{display:none}#innermain .iteminner.itembox .itembody{font-size:14px;color:var(--ben-ink)}#innermain .iteminner.itembox h5{font-size:16px;line-height:1.4;margin-bottom:8px}#innermain .iteminner.itembox .itemfooter{line-height:2}.ben216-ad-copy b{color:var(--ben-orange)!important}
html[data-ben-theme=dark] h1,html[data-ben-theme=dark] h2,html[data-ben-theme=dark] h3,html[data-ben-theme=dark] h4,html[data-ben-theme=dark] h5{color:var(--ben-ink)}
@media(max-width:760px){#innermain .iteminner.itembox{grid-template-columns:86px minmax(0,1fr);gap:12px}#innermain .iteminner.itembox>.doleft{flex-direction:column-reverse;gap:9px}#innermain .iteminner.itembox>.doleft>a{width:86px}#innermain .iteminner.itembox>.doleft>a>img{width:86px;height:auto;aspect-ratio:4/3;object-fit:cover}#innermain .iteminner.itembox .votebox{float:none;margin:0 auto}#innermain .iteminner.itembox h5{font-size:15px}}