/* One scrollable reading pane; acknowledgment stays outside it. */
html.notice-pending{overflow:hidden!important;background:#191c19}
html.notice-pending body>:not(#accessNotice){visibility:hidden!important}
#accessNotice{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(640px,calc(100% - 40px));max-width:640px;height:min(720px,calc(100dvh - 40px));max-height:calc(100dvh - 40px);padding:28px 30px;border:1px solid #62654c;border-top:3px solid #d8ce51;border-radius:8px;background:#1d231f;color:#ebede5;font-family:Arial,"PingFang TC","Microsoft JhengHei",sans-serif;font-size:16px;line-height:1.65;overflow:hidden;text-align:left;box-shadow:0 20px 70px #0005}
#accessNotice[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:20px}
#accessNotice::backdrop{background:#141814f5}
#accessNotice .notice-top{margin-bottom:14px;font-size:12px;letter-spacing:2px;color:#c4c8b7}
#accessNotice h1{font-size:26px;line-height:1.3;font-weight:500;letter-spacing:0;margin:0;color:#f2f3ec}
#accessNotice h1:focus{outline:none}
#accessNotice #noticeScrollHint{font-size:13px;line-height:1.4;margin:9px 0 0;color:#adb7a6}
#accessNotice #noticeScrollHint span{margin-left:10px}
#accessNotice #noticeReading{min-height:0;overflow-y:scroll;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#939b77 #20271f;border:1px solid #475142;border-radius:4px;background:#182019;padding:22px}
#accessNotice .notice-columns{display:block}
#accessNotice .notice-columns section{min-width:0;margin:0;padding:0;border:0;background:none}
#accessNotice h2{font:500 18px/1.4 Arial,"PingFang TC","Microsoft JhengHei",sans-serif;margin:0 0 16px;letter-spacing:0;color:#e1d777}
#accessNotice p{font-size:16px;line-height:1.75;margin:0 0 18px;color:#cdd2c7;max-width:none}
#accessNotice .notice-columns section p:last-child{margin-bottom:18px}
#accessNotice form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;margin:0;padding:0}
#accessNotice .notice-check{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.5;cursor:pointer;color:#f0f1e9}
#accessNotice input{appearance:auto;position:static;flex:0 0 20px;width:20px;height:20px;margin:2px 0 0;accent-color:#d8ce51;opacity:1}
#accessNotice #noticeContinue{font:600 15px/1.5 Arial,"PingFang TC",sans-serif;cursor:pointer;letter-spacing:0;text-transform:none;min-height:48px;border-radius:4px;margin:0;padding:12px 18px;color:#202416;background:#d8ce51;border:1px solid #d8ce51;white-space:nowrap}
#accessNotice #noticeContinue span{margin-left:8px}
#accessNotice #noticeContinue:disabled{cursor:not-allowed;background:#353f33;border-color:#535e4b;color:#b0b8a8;opacity:1}
#accessNotice :is(button,input,[tabindex="0"]):focus-visible{outline:2px solid #f4e881;outline-offset:3px}
@media(max-width:640px){
 #accessNotice{padding:20px;width:calc(100% - 24px);height:min(720px,calc(100dvh - 24px));max-height:calc(100dvh - 24px)}
 #accessNotice[open]{gap:16px}
 #accessNotice .notice-top{margin-bottom:10px}
 #accessNotice h1{font-size:23px} #accessNotice #noticeReading{padding:18px}
 #accessNotice .notice-columns{display:block}
  #accessNotice form{grid-template-columns:1fr;gap:14px}
 #accessNotice #noticeContinue{width:100%}
}
@media(max-height:480px){#accessNotice{padding:12px 20px}#accessNotice[open]{gap:10px}#accessNotice .notice-top,#accessNotice #noticeScrollHint{display:none}#accessNotice form{gap:8px}#accessNotice #noticeContinue{min-height:42px;padding:8px 14px}}
@media print{html.notice-pending body>:not(#accessNotice){display:none!important}#accessNotice{position:static;height:auto;max-height:none;color:#111;background:#fff;box-shadow:none}#accessNotice #noticeReading{overflow:visible;background:#fff}#accessNotice p{color:#111}}

#accessNotice .notice-columns section[hidden]{display:none!important}
#accessNotice .notice-languages{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:18px;padding:4px;border:1px solid #75805f;border-radius:6px;background:#141b16}
#accessNotice .notice-languages button{font:600 16px/1.4 Arial,"PingFang TC",sans-serif;letter-spacing:0;text-transform:none;min-height:46px;cursor:pointer;padding:10px 16px;border:1px solid transparent;border-radius:3px;color:#dde3d7;background:transparent}
#accessNotice .notice-languages button[aria-pressed="true"]{background:#d8ce51;border-color:#d8ce51;color:#202416}
#accessNotice .notice-languages button[aria-pressed="false"]:hover{background:#2c392c}
@media(max-height:480px){#accessNotice .notice-languages{margin-top:8px}#accessNotice .notice-languages button{min-height:40px;padding:6px 12px}}
