/* Website-only presentation. The mini-program and local preview keep their layout. */
[data-website-home][hidden]{display:none}
.website-mode{background:#f5f3ef;color:#25332f}
.website-mode .workspace{max-width:1190px;grid-template-columns:minmax(230px,310px) minmax(0,640px);gap:64px;padding:36px 28px;justify-content:center}
.website-mode .intro-panel{min-height:calc(100vh - 72px);top:36px;padding-top:0}
.website-mode .website-back{display:inline-flex;align-items:center;gap:8px;width:fit-content;min-height:44px;color:#872f3d;font-size:13px;text-decoration:none;margin-bottom:30px;border-bottom:1px solid #d9c9c7}
.website-mode .intro-copy h1{font-size:54px;line-height:1.25;letter-spacing:-1.6px;color:#353630}
.website-mode .intro-copy h1 em{color:#8e3442}
.website-mode .intro-copy>p{color:#797b73;line-height:1.95}
.website-mode .intro-topics{gap:8px;flex-wrap:wrap}
.website-mode .intro-topics span{background:#ece8df;color:#736957;white-space:nowrap;flex:0 0 auto}
.website-mode .preview-info{color:#81786c;font-size:11px;line-height:1.8}
.website-mode .device-shell{border:1px solid #e7e4db;border-radius:24px;background:#f6f7f8;box-shadow:0 16px 54px #34332c08;min-height:calc(100dvh - 72px)}
.website-mode .device-header{gap:9px;background:#fffdf9;border-bottom-color:#e7e4db}
.website-mode .device-header>strong{flex:1;font-size:13px;min-width:0}
.website-mode .device-header>span{display:none}
.website-mode .device-header .website-back{margin:0;border:0;min-height:40px;font-size:11px;white-space:nowrap}
.website-mode #app{padding:28px 28px 24px;min-height:calc(100dvh - 220px)}
.website-mode #tabbar{background:#fffdf9;padding-bottom:max(14px,env(safe-area-inset-bottom));border-top-color:#e7e4db}
.website-mode button:focus-visible,.website-mode a:focus-visible{outline:2px solid #923d4d;outline-offset:3px}
.website-mode .share-system{margin-top:10px;min-height:48px;width:100%}
.website-mode .page-heading h2{overflow-wrap:anywhere}
.web-loading{padding:48px 18px;text-align:center}.web-loading h2{font-size:20px;margin-bottom:14px}.web-loading p{font-size:13px;line-height:1.9;color:#788477;margin-bottom:22px}
@media(min-width:801px){.website-mode .quiz-stem,.website-mode .rich-question-text,.website-mode .listening-question h2{font-size:19px}.website-mode .option,.website-mode .choice-card{min-height:64px}.website-mode .listening-options .option{padding:19px}.website-mode .library-card{padding:25px}}
@media(max-width:1000px) and (min-width:801px){.website-mode .workspace{grid-template-columns:230px minmax(0,1fr);gap:28px;padding:24px}.website-mode .intro-copy h1{font-size:46px}.website-mode .intro-panel{top:24px}}
@media(max-width:800px){.website-mode .workspace{display:block;max-width:640px;margin:0 auto;padding:0}.website-mode .intro-panel{display:none}.website-mode .device-shell{border:0;border-radius:0;min-height:100dvh;box-shadow:none;overflow:visible}.website-mode .device-header{height:62px;padding:10px 18px}.website-mode #app{padding:24px 18px 22px;min-height:calc(100dvh - 138px)}.website-mode #tabbar{padding-top:10px}.website-mode .option{min-height:56px}.website-mode .paper-select{font-size:14px;min-height:48px}.website-mode .device-header>strong{font-size:12px}.website-mode .math-question{padding:22px 17px}}
@media(max-width:360px){.website-mode #app{padding-left:14px;padding-right:14px}.website-mode .device-header{padding-left:14px;padding-right:14px}.website-mode .device-header .website-back{font-size:10px}.website-mode .device-header>strong{font-size:11px}.website-mode .subject-switch strong{font-size:11px}}

.website-mode .answer-dock{margin-left:-28px;margin-right:-28px;padding-left:28px;padding-right:28px}
@media(max-width:800px){.website-mode .answer-dock{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}}
@media(max-width:360px){.website-mode .answer-dock{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}}