/* Navigation and reading UI */
.exam-card .card-meta{font-size:10px;gap:7px;line-height:1.7;flex-wrap:wrap}.exam-card .card-meta .tag{font-size:9px;padding:4px 7px}.exam-card h3{font-size:12px;line-height:1.65}.exam-card .card-subtitle{font-size:10px;line-height:1.7;margin-block:5px 9px}.exam-card .poster-badge{font-size:9px;padding:7px 10px;line-height:1.5;letter-spacing:.2px}
.catalog-mode .hero,.catalog-mode .levels,.catalog-mode .fox-banner,.catalog-mode .faq{display:none}.catalog-mode .library{padding-top:145px;min-height:80vh}.catalog-mode .more-row{display:none}.catalog-group-tabs{display:none;gap:8px;flex-wrap:wrap;margin:28px 0 6px}.catalog-mode .catalog-group-tabs{display:flex}.catalog-group-tabs a{border:1px solid #ffffff12;border-radius:7px;padding:9px 12px;font-size:10px;color:#929eb6}.catalog-group-tabs a.active{border-color:#ffd87550;color:var(--gold);background:#ffd8750a}.pagination-ellipsis{display:grid;place-items:center;color:#687892;font-size:10px;width:22px}.poster-title strong.long-title{font-size:15cqw}.poster-title strong.long-title span{font-size:20cqw}.poster-bottom b{overflow-wrap:anywhere;line-height:1.7;font-size:6cqw}.catalog-mode #level-tabs{flex-wrap:wrap}.catalog-mode .filter-bar{align-items:center}.catalog-mode .section-heading h2{font-size:34px}.catalog-mode .exam-grid{margin-top:23px}
header{gap:22px;padding-inline:3%}.brand{letter-spacing:-.6px}.search{max-width:240px;min-width:120px}header nav{gap:2px;margin-left:auto}.nav-dropdown{position:relative}.nav-trigger{border:0;background:none;padding:16px 10px;color:#d2d5df;font-size:11px;white-space:nowrap}.nav-trigger>span{color:#777e90;margin-left:3px}.nav-trigger:hover,.nav-dropdown.is-open>.nav-trigger{color:var(--gold)}.submenu{display:none;position:absolute;top:calc(100% + 2px);left:0;width:270px;background:#202431;border:1px solid #ffffff16;border-radius:12px;box-shadow:0 20px 55px #0008;padding:10px;z-index:20}.submenu:before{content:'';position:absolute;left:0;right:0;top:-12px;height:15px}.nav-dropdown:hover .submenu,.nav-dropdown:focus-within .submenu,.nav-dropdown.is-open .submenu{display:grid;grid-template-columns:1fr 1fr;gap:4px}.submenu-heading{grid-column:1/-1;padding:9px 10px 12px;color:#8f99af;letter-spacing:1px;font-size:8px}.submenu a{padding:12px 10px;border-radius:7px;transition:.2s;white-space:normal}.submenu a:hover{background:#ffd8750d}.submenu a b{font-size:11px;font-weight:600;display:block}.submenu a span{font-size:8px;color:#939bad;line-height:1.7;display:block;margin-top:6px}.fox-link,.fox-red{background:#df1844;color:white;border:1px solid #ed3157;box-shadow:0 5px 20px #df184415}.fox-link:hover,.fox-red:hover{background:#ee2954;color:white}.fox-link{font-size:10px;padding:12px 14px;margin-left:8px}.level-intro{width:200px}.version-switch{display:flex;gap:4px;padding:4px;border:1px solid #ffffff12;border-radius:7px;margin-bottom:16px;background:#ffffff04}.version-switch button{border:0;border-radius:4px;background:none;color:#a5aec0;font-size:10px;padding:8px 11px;flex:1;white-space:nowrap}.version-switch button.active{color:var(--gold);background:#ffd87512}.level-cards.nine{grid-template-columns:repeat(9,minmax(0,1fr))}.level-cards.nine .level-card{padding:14px 10px}.level-cards.nine .level-card b{font-size:14px}.level-cards.nine .level-card small{font-size:8px}.level-card small{line-height:1.6}.pagination{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:24px;margin:30px 0 10px;position:static;background:none;box-shadow:none}.pagination>div{display:flex;gap:7px}.pagination button{min-width:36px;height:36px;border-radius:7px;background:#202430;border:1px solid #ffffff0c;color:#9ea7bc;font-size:11px}.pagination button.active{background:var(--gold);border-color:var(--gold);color:#242017;font-weight:700}.pagination button:disabled{opacity:.3;cursor:default}.pagination-info{font-size:9px;color:#8c96ac}.photo-credits{position:relative;margin-left:auto;font-size:8px}.photo-credits summary{cursor:pointer;color:#939caf}.photo-credits p{position:absolute;bottom:20px;right:0;width:280px;padding:18px;background:#262b39;border-radius:9px;box-shadow:0 10px 30px #0008;z-index:10}.poster-link,.detail-poster{container-type:inline-size}.poster-top{font-size:3.1cqw;letter-spacing:.09em}.poster-title{left:10%;top:25%;right:8%}.poster-title small{font-size:3.4cqw;letter-spacing:.14em;line-height:1.8;white-space:nowrap}.poster-title strong{font-size:21cqw;letter-spacing:-.06em;line-height:1.45}.poster-title strong span{font-size:27cqw}.poster-title em{font-size:5cqw;letter-spacing:.32em;line-height:1.8}.poster-bottom{left:10%;right:10%;bottom:11%;padding-top:7%;}.poster-bottom b{font-size:7cqw;letter-spacing:.19em;line-height:1.6}.poster-bottom small{font-size:2.9cqw;letter-spacing:.1em;line-height:1.9;margin-top:8%}.poster-symbol{font-size:46cqw;right:9%}.detail-poster .poster-top{font-size:3.1cqw}.detail-poster .poster-title strong{font-size:21cqw}.detail-poster .poster-title strong span{font-size:27cqw}.detail-poster .poster-title small{font-size:3.4cqw}.detail-poster .poster-title em{font-size:5cqw}.detail-poster .poster-bottom{left:10%;right:10%;bottom:11%;padding-top:7%}.detail-poster .poster-bottom b{font-size:7cqw}.detail-poster .poster-bottom small{font-size:2.9cqw;margin-top:8%;line-height:1.9}.detail-poster .poster-symbol{font-size:46cqw}.custom-select{position:relative;min-width:150px}.custom-select>button{width:100%;border:1px solid #ffffff18;border-radius:8px;background:#202430;color:#cbd0de;padding:11px 13px;font-size:10px;display:flex;justify-content:space-between;gap:25px;align-items:center}.custom-select>button>span:last-child{color:#8994ac}.custom-select.open>button{border-color:#ffd87565;box-shadow:0 0 0 3px #ffd87508}.select-options{display:none;position:absolute;top:calc(100% + 7px);right:0;min-width:100%;padding:6px;background:#242938;border:1px solid #ffffff18;border-radius:10px;z-index:15;box-shadow:0 12px 35px #0008}.custom-select.open .select-options{display:block}.select-options button{width:100%;border:0;background:none;color:#bfc7d9;padding:11px 10px;border-radius:6px;display:flex;justify-content:space-between;gap:15px;font-size:10px;text-align:left;white-space:nowrap}.select-options button:hover,.select-options button:focus{background:#ffffff08}.select-options button[aria-selected="true"]{color:var(--gold);background:#ffd8750c}.filter-selects select.enhanced{display:none}
#detail{background:radial-gradient(ellipse 90% 600px at 70% 0,#7d8f5c18,transparent),var(--bg)}.detail-wrap{max-width:1340px;padding:20px 5% 60px}.detail-hero{grid-template-columns:210px 1fr;gap:42px;padding-bottom:40px}.detail-info h1{font-size:38px;line-height:1.25;margin:18px 0}.detail-verified{display:inline-grid;place-items:center;font-size:11px;width:21px;height:21px;background:#96be8c20;color:#b7d2a9;border:1px solid #96be8c30;border-radius:50%;vertical-align:middle;margin:0 0 6px 14px}.detail-info>p{font-size:12px;max-width:600px;line-height:1.9}.detail-tags{display:flex;gap:7px;flex-wrap:wrap}.detail-tags span{font-size:8px;color:#aab3c7;padding:5px 8px;border:1px solid #ffffff16;border-radius:4px}.detail-stats{gap:35px;margin:24px 0}.detail-stats b{font-size:24px}.detail-stats b i{font-size:10px;font-style:normal;font-weight:400;color:#939db0}.detail-stats span{font-size:8px;letter-spacing:.6px}.detail-actions .button{padding:13px 20px;font-size:11px}.study-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:28px;align-items:start}.study-main{min-width:0}.study-tabs{position:sticky;top:0;z-index:3;display:flex;gap:22px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0 20px;background:#14161ef5;backdrop-filter:blur(12px);height:58px;box-shadow:none}.study-tabs button{padding:18px 0;border:0;border-bottom:2px solid transparent;background:none;color:#929caf;font-size:11px;white-space:nowrap}.study-tabs button.active{color:var(--gold);border-bottom-color:var(--gold)}.study-tabs button>span{font-size:8px;padding:2px 5px;border-radius:4px;background:#ffffff09;margin-left:3px}.study-section-intro{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:30px 0 23px}.study-section-intro h2{font-size:25px;font-weight:600;letter-spacing:-.6px;margin:10px 0}.study-section-intro p{font-size:10px;color:#8b97ae;line-height:1.8;margin-bottom:0}.section-duration{font-size:9px;color:#929eb4;border:1px solid #ffffff15;padding:8px 10px;border-radius:6px;white-space:nowrap}.study-toolbar{display:flex;gap:15px;align-items:center;padding:12px 16px;background:#1c202b;border:1px solid var(--line);border-radius:9px;margin-bottom:20px;color:#8e9ab1;font-size:9px}.study-toolbar>span{margin-right:auto}.study-toolbar label{display:flex;align-items:center;gap:7px}.study-toolbar select{font-size:9px;padding:6px}.study-toolbar>button{background:none;border:0;color:var(--gold);font-size:9px;padding:7px 0}.study-question{border:1px solid #ffffff12;background:#1a1e29;border-radius:13px;padding:25px;margin-bottom:23px;scroll-margin-top:80px}.study-question-heading{display:flex;align-items:center;gap:13px;margin-bottom:22px}.question-number{color:var(--gold);font-weight:700;font-size:15px;display:grid;place-items:center;width:41px;height:43px;background:#ffd8750b;border:1px solid #ffd8751d;border-radius:9px}.study-question-heading small{font-size:7px;color:#8592a9;letter-spacing:1px}.study-question-heading h3{font-size:13px;margin:6px 0 0;font-weight:500}.question-type{margin-left:auto;font-size:8px;color:#8796b0;border:1px solid #ffffff14;padding:5px 7px;border-radius:4px}.listening-row{background:#232939;border:1px solid #ffffff08;border-radius:9px;padding:13px 15px;display:flex;align-items:center;gap:15px}.listening-row>div{display:flex;gap:9px;align-items:center;flex:1}.listening-row>div>span{font-size:22px;color:var(--gold)}.listening-row b{font-size:10px;font-weight:500;white-space:nowrap}.listening-row small{display:block;color:#7e8da6;font-size:8px;margin-top:6px}.listening-row audio{width:55%;height:33px;color-scheme:dark}.audio-error{font-size:10px;line-height:1.8;color:#e5b28d}.audio-error a{color:var(--gold)}.question-pictures{display:flex;justify-content:center;padding:24px 0 18px}.question-pictures figure{margin:0;position:relative;max-width:235px}.question-pictures img{width:100%;height:205px;object-fit:contain;display:block;background:#f7f5f1;border:1px solid #ffffff25;border-radius:9px;padding:8px}.question-pictures figcaption{color:#6d7a91;font-size:8px;text-align:center;margin-top:8px}.question-pictures.multiple{gap:12px}.question-pictures.multiple figure{flex:1;max-width:180px}.question-pictures.multiple img{height:155px}.question-pictures figure>span{position:absolute;top:8px;left:8px;display:grid;place-items:center;width:22px;height:22px;border-radius:5px;background:#171c2be8;color:var(--gold);font-size:10px;z-index:1}.answer-options{display:flex;gap:10px;margin-bottom:18px}.answer-option{flex:1;border:1px solid #ffffff16;border-radius:8px;background:#ffffff03;color:#a9b4ca;padding:13px 15px;display:flex;align-items:center;gap:10px;font-size:11px;text-align:left;transition:.2s}.answer-option>span{display:grid;place-items:center;border:1px solid #ffffff20;border-radius:50%;width:24px;height:24px;font-size:11px;color:#a8b5cc}.answer-option>i{font-style:normal;margin-left:auto;color:var(--gold)}.answer-option:hover{border-color:#ffd87550;background:#ffd87505}.answer-option.selected{border-color:#ffd87570;background:#ffd87509;color:var(--gold)}.answer-option.selected>span{border-color:#ffd87540;background:#ffd87515;color:var(--gold)}.question-footer{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-top:16px;border-top:1px solid #ffffff0a}.question-footer>span{font-size:8px;color:#6f7d95}.reveal-answer{background:none;border:0;color:var(--gold);font-size:10px;padding:3px}.reveal-answer>span{margin-left:10px}.answer-explanation{margin-top:20px;border-top:1px solid var(--line);padding-top:20px}.transcript{padding:18px 20px;background:#24334c40;border:1px solid #5f8be421;border-radius:9px;margin-bottom:12px}.transcript small{font-size:8px;letter-spacing:.8px;color:#94b2de}.transcript p{font-family:'Noto Serif SC',serif;font-size:24px;margin:12px 0 8px;color:#e7ecf4;letter-spacing:2px;line-height:1.7}.transcript>span{font-size:11px;color:#8c9ebc}.explanation{padding:18px 20px;background:#94ba7b08;border:1px solid #94ba7b20;border-radius:9px}.solution-label{font-size:10px;color:#a8c99e;display:flex;align-items:center;gap:12px}.solution-label b{font-size:14px;padding:3px 8px;background:#a8c99e15;border-radius:4px}.explanation p{font-size:11px;color:#a0acbd;line-height:1.9;margin:12px 0}.explanation a{font-size:9px;color:#829d79}.study-sidebar{position:sticky;top:20px;display:grid;gap:18px}.study-sidebar .detail-panel{padding:23px;border-color:#ffffff0e;background:#1b1f2a}.study-sidebar h2{font-size:17px;margin:13px 0}.study-sidebar p{font-size:10px;color:#8592aa;line-height:1.9}.question-jumps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:20px 0 16px}.question-jumps button{height:34px;border:1px solid #ffffff16;background:#232938;border-radius:6px;font-size:10px;color:#98a7c0}.question-jumps button:hover,.question-jumps button.current{border-color:var(--gold);color:var(--gold)}.question-jumps button.answered{background:#ffd87517;border-color:#ffd87530;color:var(--gold)}.question-legend{font-size:8px;display:flex;gap:7px;align-items:center;color:#7d8ba4}.question-legend i{display:inline-block;width:6px;height:6px;border-radius:2px;background:#ffd87570}.question-legend span{margin-left:auto;color:#b7c1d2}.sidebar-structure{border-top:1px solid var(--line);padding-top:14px;margin-top:20px}.sidebar-structure>div{display:flex;justify-content:space-between;font-size:9px;color:#7f8da7;padding:9px 0}.sidebar-structure b{color:#b6c0d2;font-weight:500}.sidebar-download>a:not(.button){display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);font-size:9px;color:#b9c3d7}.sidebar-download>a>span{font-size:20px;color:var(--gold)}.sidebar-download>a>div{flex:1;font-size:11px}.sidebar-download>a small{display:block;margin-top:6px;color:#6e7f9d;font-size:8px}.sidebar-download .button{width:100%;font-size:10px;margin:20px 0 15px}.sidebar-download>.external-note{font-size:8px!important;display:block;line-height:1.8}.source-credit{font-size:8px!important;text-align:center;margin:0;color:#687993;line-height:1.9}.source-credit a{color:#9ba9c1}.study-continue{text-align:center;border:1px solid #ffd87515;background:radial-gradient(ellipse at top,#ffd87508,transparent 70%),#1b202b;padding:30px 20px;border-radius:12px}.study-continue>span{font-family:serif;font-size:28px;color:var(--gold)}.study-continue h3{font-size:20px;margin:12px 0}.study-continue p{font-size:10px;color:#8998b2;line-height:1.9}.study-continue .button{margin-top:12px;font-size:10px}.answer-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:15px 0 25px}.answer-summary button{border:1px solid #ffffff14;background:#1c2330;border-radius:10px;padding:20px;color:white}.answer-summary small{display:block;font-size:8px;color:#899ab5;letter-spacing:1px}.answer-summary b{display:block;font-size:27px;color:#b0d0a3;margin:15px 0}.answer-summary span{font-size:8px;color:#8292ad}.study-main .preview-note a{color:var(--gold)}
@media(min-width:1500px){header{gap:30px}.search{max-width:300px}.nav-trigger{font-size:12px;padding:16px 15px}.fox-link{font-size:11px}}
@media(max-width:1150px){header{gap:15px}.search{max-width:190px}.brand small{font-size:7px}.nav-trigger{font-size:10px;padding:16px 7px}.fox-link{padding:11px 12px;font-size:9px}.level-intro{width:160px}.level-cards.nine{grid-template-columns:repeat(5,minmax(0,1fr))}.study-layout{grid-template-columns:minmax(0,1fr) 245px;gap:20px}.study-sidebar .detail-panel{padding:19px}.listening-row{display:block}.listening-row audio{width:100%;margin-top:14px}.question-pictures.multiple img{height:120px}}
@media(max-width:950px){header .search{max-width:175px}header .fox-link{display:none}.detail-hero{grid-template-columns:185px 1fr;gap:28px}.study-layout{grid-template-columns:minmax(0,1fr) 220px;gap:17px}.study-question{padding:20px}.study-section-intro h2{font-size:21px}.section-duration{display:none}.study-toolbar{gap:10px;padding:12px;font-size:8px}.study-toolbar label{font-size:0}.study-sidebar h2{font-size:15px}.detail-info h1{font-size:33px}.detail-info>p{font-size:11px}.question-pictures.multiple img{height:105px}}
@media(max-width:750px){header{gap:12px}.brand{font-size:19px}.search{max-width:160px;margin-left:auto}header nav{display:none;position:absolute;top:76px;left:0;right:0;background:#1b202d;padding:15px;box-shadow:0 20px 30px #0006}header nav.open{display:grid;grid-template-columns:1fr 1fr;gap:5px}.nav-trigger{width:100%;text-align:left;font-size:11px;padding:13px 10px}.nav-dropdown .submenu{position:static;width:100%;box-shadow:none;border-radius:7px;grid-template-columns:1fr!important}.nav-dropdown:hover .submenu{display:none}.nav-dropdown.is-open .submenu,.nav-dropdown:focus-within .submenu{display:grid}.submenu-heading{font-size:6px;line-height:1.7}.submenu a b{font-size:10px}.submenu a span{font-size:7px}.submenu a{padding:9px}#menu{display:block}.levels{display:block}.level-intro{width:auto;display:flex;justify-content:space-between;align-items:center;gap:10px}.level-intro .version-switch{margin:0;width:165px;flex-shrink:0;order:2}.level-intro>small{display:none}.level-intro h2{font-size:15px;max-width:190px}.level-cards.nine{grid-template-columns:repeat(3,minmax(0,1fr))}.study-layout{display:flex;flex-direction:column}.study-main{width:100%;order:2}.study-sidebar{position:static;width:100%;display:none}.detail-hero{grid-template-columns:135px 1fr;gap:22px}.detail-info h1{font-size:29px}.detail-stats{gap:20px}.detail-actions .button{font-size:10px;padding:11px 13px}.study-tabs{display:flex;position:sticky;top:0;gap:24px;width:100%;background:#14161ef5;box-shadow:none;padding:0 12px}.study-section-intro h2{font-size:24px}.listening-row{display:flex}.listening-row audio{width:54%;margin:0}.question-pictures.multiple img{height:150px}.photo-credits{margin-left:0}.photo-credits p{left:0;right:auto}.custom-select{min-width:0;flex:1}.filter-selects{width:100%}.filter-bar{flex-wrap:wrap}}
@media(max-width:450px){header .search{max-width:130px;min-width:90px}.brand{font-size:18px}.detail-wrap{padding-top:10px}.detail-hero{grid-template-columns:104px minmax(0,1fr);gap:17px;padding-bottom:25px}.detail-info h1{font-size:25px;letter-spacing:-.7px;margin:12px 0}.detail-info>p{font-size:10px}.detail-info .eyebrow{font-size:6px;letter-spacing:.6px}.detail-info .eyebrow>span{width:4px;height:4px}.detail-verified{margin-left:8px;width:15px;height:15px;font-size:8px}.detail-tags{gap:5px}.detail-tags span{font-size:6px;padding:4px 5px}.detail-stats{gap:17px;margin:18px 0}.detail-stats b{font-size:20px}.detail-stats b i{font-size:8px}.detail-stats span{font-size:6px;letter-spacing:0}.detail-actions{gap:6px}.detail-actions .button{font-size:8px;padding:10px 9px;gap:4px}.detail-info .external-note{font-size:7px!important}.study-tabs{gap:20px;height:54px}.study-tabs button{font-size:10px;padding:16px 0}.study-question{padding:17px;border-radius:10px;margin-bottom:18px}.study-question-heading{gap:10px}.question-number{width:34px;height:36px;font-size:13px}.study-question-heading h3{font-size:12px}.study-question-heading small{font-size:6px}.question-type{font-size:7px}.listening-row{display:block;padding:12px}.listening-row audio{width:100%;margin-top:12px}.listening-row small{font-size:8px}.question-pictures img{height:190px}.question-pictures.multiple{gap:8px}.question-pictures.multiple img{height:100px;padding:4px}.question-pictures figure>span{width:17px;height:17px;font-size:8px;top:5px;left:5px}.answer-options{gap:7px}.answer-option{font-size:10px;padding:10px;gap:6px}.answer-option>span{width:21px;height:21px;font-size:9px}.answer-option i{font-size:9px}.question-footer{gap:8px}.question-footer>span{font-size:7px}.reveal-answer{font-size:9px}.study-toolbar>span{font-size:8px;max-width:130px;line-height:1.6}.study-toolbar{gap:8px}.study-toolbar>button{font-size:8px}.study-section-intro h2{font-size:22px}.study-section-intro p{font-size:9px}.pagination-info{font-size:7px}.pagination{gap:10px}.pagination>div{gap:5px}.pagination button{min-width:32px;height:33px}.transcript p{font-size:23px}.transcript>span,.explanation p{font-size:10px}.answer-summary{gap:8px}.answer-summary button{padding:15px 8px}.answer-summary span{font-size:7px}}