.page-wide{max-width:560px;margin:0 auto;padding:24px 16px}@media (max-width: 900px){.page-wide{padding:16px 16px calc(64px + var(--tabbar-h) + env(safe-area-inset-bottom,0px))}}@media (min-width: 1200px){.page-wide{max-width:900px}}body.sh2-page{background:#eeedf6}html[data-theme=dark] body.sh2-page{background:#121120}.page-wide{--sh2-bg: #EEEDF6;--sh2-surface: #FFFFFF;--sh2-surface-2: #F6F5FC;--sh2-ink: #1C1A38;--sh2-indigo: #4B3FA0;--sh2-indigo-deep: #2E2570;--sh2-indigo-soft: #EEEAFB;--sh2-amber: #E8963A;--sh2-amber-soft: #FBEDD9;--sh2-green: #26946A;--sh2-green-soft: #DFF3EA;--sh2-blue: #2F7DD6;--sh2-blue-soft: #E1EDFB;--sh2-text: #211F38;--sh2-text-soft: #726F92;--sh2-line: #E7E4F5;--sh2-gold: #D8A94E;--sh2-shadow: 0 1px 2px rgba(33,31,61,.05), 0 14px 28px -14px rgba(46,37,112,.22)}html[data-theme=dark] .page-wide{--sh2-bg: #121120;--sh2-surface: #1C1A30;--sh2-surface-2: #242138;--sh2-ink: #F3F1FC;--sh2-indigo: #A594F5;--sh2-indigo-deep: #7A6CD9;--sh2-indigo-soft: #2A2650;--sh2-amber: #F0B45E;--sh2-amber-soft: #3B2C15;--sh2-green: #5FCB9B;--sh2-green-soft: #183328;--sh2-blue: #6FA8EC;--sh2-blue-soft: #1B2A40;--sh2-text: #EFEDFB;--sh2-text-soft: #9C97BE;--sh2-line: #302C4E;--sh2-shadow: 0 1px 2px rgba(0,0,0,.3), 0 14px 28px -14px rgba(0,0,0,.55)}.page-wide h1,.page-wide h2,.page-wide h3,.page-wide .subj-name,.page-wide .bundle-price,.page-wide .stat-pill b{font-family:Manrope,sans-serif}.hero-card{background:linear-gradient(155deg,var(--sh2-indigo-deep) 0%,#5A4CC4 55%,#7C63DE 100%);border-radius:26px;padding:28px 22px 24px;margin-bottom:14px;box-shadow:0 20px 40px -18px #2e25708c;position:relative;overflow:hidden;text-align:left}.hero-card:before{content:"";position:absolute;right:-50px;bottom:-60px;width:200px;height:200px;border-radius:50%;background:#ffffff12}.hero-card:after{content:"";position:absolute;right:20px;top:-40px;width:110px;height:110px;border-radius:50%;background:#d8a94e4d}.hero-title{position:relative;font-weight:800;font-size:1.5rem;line-height:1.26;margin:0 0 8px;color:#fff;max-width:19ch}.hero-sub{position:relative;margin:0 0 20px;color:#ffffffc2;font-size:.9rem;line-height:1.5;max-width:30ch}@media (min-width: 1200px){.hero-head{display:flex;align-items:flex-start;gap:28px}.hero-title{margin-bottom:0;flex:0 0 auto}.hero-sub{margin-bottom:0;margin-top:6px;max-width:34ch}}.hero-stats{position:relative;display:flex;gap:10px}.stat-pill{background:#ffffff1f;border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:10px 14px;flex:1}.stat-pill b{display:block;font-size:1.1rem;font-weight:800;color:#fff}.stat-pill span{font-size:.68rem;color:#ffffffb3}@media (max-width: 640px){.hero-card{padding:20px 18px;border-radius:22px}.hero-title{font-size:1.25rem}}.bundle-card{background:var(--sh2-surface);border-radius:20px;padding:18px;margin-bottom:14px;box-shadow:var(--sh2-shadow);border:1px solid var(--sh2-line);display:flex;align-items:center;gap:14px}.bundle-icon{width:52px;height:52px;border-radius:15px;background:linear-gradient(150deg,var(--sh2-amber),var(--sh2-gold));display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 10px 18px -8px #d8a94e99}.bundle-icon i{font-size:22px;color:#fff}.bundle-body{flex:1;min-width:0}.bundle-tag{font-size:.68rem;font-weight:700;color:var(--sh2-amber);margin-bottom:2px}.bundle-card h2{font-size:1rem;font-weight:800;color:var(--sh2-ink);margin:0 0 3px}.bundle-card p{font-size:.8rem;color:var(--sh2-text-soft);margin:0}.bundle-cta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.bundle-price{font-weight:800;font-size:1.15rem;color:var(--sh2-ink)}.bundle-price small{font-size:.65rem;font-weight:500;color:var(--sh2-text-soft)}.go-btn{width:34px;height:34px;border-radius:11px;background:var(--sh2-indigo-deep);display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none}.ca-card{display:flex;align-items:center;gap:13px;background:var(--sh2-green-soft);border-radius:18px;padding:14px 16px;margin-bottom:26px;border:1px solid rgba(38,148,106,.15);text-decoration:none}.ca-icon{width:40px;height:40px;border-radius:12px;background:var(--sh2-surface);color:var(--sh2-green);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--sh2-shadow);font-size:18px}.ca-text{flex:1}.ca-text b{font-size:.9rem;display:block;color:var(--sh2-ink)}.ca-text span{font-size:.76rem;color:var(--sh2-green);font-weight:600}.ca-chev{color:var(--sh2-green);flex-shrink:0}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}.section-head h3{font-size:1.08rem;font-weight:800;margin:0;color:var(--sh2-ink);display:flex;align-items:center;gap:8px}.section-head span:not(.free-badge){font-size:.78rem;color:var(--sh2-text-soft);font-weight:500}.papers-section{margin-top:22px;padding-top:22px;border-top:1px dashed var(--sh2-line)}.free-badge{font-size:.62rem;font-weight:800;color:var(--sh2-blue);background:var(--sh2-blue-soft);padding:3px 8px;border-radius:999px;vertical-align:middle}.subject-group{margin-bottom:16px}.group-tag{display:flex;align-items:center;gap:8px;font-size:.72rem;font-weight:700;color:var(--sh2-text-soft);margin-bottom:9px;padding-inline:2px}.tag-dot{width:14px;height:14px;border-radius:4px;display:inline-block}.tag-dot-amber{background:var(--sh2-amber)}.tag-dot-green{background:var(--sh2-green)}.tag-dot-indigo{background:var(--sh2-indigo)}.tag-dot-blue{background:var(--sh2-blue)}.pair-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.subj-card{position:relative;background:var(--sh2-surface);border-radius:18px;padding:16px 14px;box-shadow:var(--sh2-shadow);border:1px solid var(--sh2-line);display:flex;flex-direction:column;gap:10px;text-decoration:none;overflow:hidden;transition:transform .12s ease}.subj-card-live:active{transform:scale(.98)}.subj-card-live.has-pill{border:1px solid rgba(38,148,106,.35);box-shadow:0 1px 2px #211f3d0d,0 14px 28px -14px #26946a59}.subj-card-soon{opacity:.6}.owned-ribbon{position:absolute;top:0;right:0;background:var(--sh2-green);color:#fff;font-size:.6rem;font-weight:800;padding:4px 10px 4px 12px;border-bottom-left-radius:10px;display:flex;align-items:center;gap:4px}.owned-ribbon i{font-size:10px}.owned-ribbon[hidden]{display:none}.subj-top{display:flex;align-items:center;gap:10px}.subj-icon{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.subj-icon i{font-size:18px}.subj-icon-amber{background:var(--sh2-amber-soft);color:var(--sh2-amber)}.subj-icon-green{background:var(--sh2-green-soft);color:var(--sh2-green)}.subj-icon-indigo{background:var(--sh2-indigo-soft);color:var(--sh2-indigo)}.subj-icon-blue{background:var(--sh2-blue-soft);color:var(--sh2-blue)}.subj-icon-muted{opacity:.6}.lang-flag{font-size:.63rem;font-weight:800;color:var(--sh2-text-soft);background:var(--sh2-surface-2);padding:2px 7px;border-radius:6px;flex-shrink:0}.subj-name{font-size:.9rem;font-weight:700;color:var(--sh2-ink);line-height:1.25}@media (min-width: 641px){.subj-card[data-subject-slug=general-science-en] .subj-name{min-height:0}.subj-card[data-subject-slug=general-science-en] .subj-name br{display:none}}.subj-meta{font-size:.73rem;color:var(--sh2-text-soft);margin-top:6px}.subj-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:2px}.price-tag{font-size:.72rem;font-weight:700;color:var(--sh2-indigo);background:var(--sh2-indigo-soft);padding:4px 9px;border-radius:7px}.expiry-tag{font-size:.68rem;font-weight:700;color:var(--sh2-green);background:var(--sh2-green-soft);padding:4px 9px;border-radius:7px;display:flex;align-items:center;gap:4px}.expiry-tag[hidden]{display:none}.expiry-tag.expiry-soon{color:#b45c0a;background:var(--sh2-amber-soft)}.soon-tag{font-size:.7rem;font-weight:600;color:var(--sh2-text-soft);border:1px dashed var(--sh2-line);padding:4px 9px;border-radius:7px}.free-tag{font-size:.72rem;font-weight:700;color:var(--sh2-blue);background:var(--sh2-blue-soft);padding:4px 9px;border-radius:7px}.login-banner{text-align:center;font-size:.85rem;color:var(--sh2-text-soft);padding-block:28px 24px;margin-top:6px}.login-banner-link{color:var(--sh2-indigo);font-weight:700}@media (max-width: 900px){html.sh2-is-app .login-banner{display:none!important}body.is-logged-in #hero-card{display:none}}