/* Shared day/night layout. Do not add color or background declarations here. */ html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data :is(.profile-home-note, .profile-person > div > small, .profile-beta-badge, .profile-dashboard-heading > span, .profile-viz-head > span, .profile-beta-tools > header > div > span, .profile-beta-card-head, .profile-section-head > div > span, .pixel-cat-settings-copy > div > i, .pixel-cat-action-row > span) { display:none !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data :is(.profile-home-hero, .pixel-cat-settings-card, .profile-beta-tools, .profile-archive-summary)::before, html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data :is(.profile-home-hero, .pixel-cat-settings-card, .profile-beta-tools, .profile-archive-summary)::after { content:none !important; display:none !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data .profile-page-head.profile-home-hero { grid-template-columns:minmax(0,1fr) auto !important; min-height:100px !important; padding:16px 0 !important; border-radius:0 !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data :is(button,a,input,select,textarea):focus-visible { outline-offset:3px; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data .pixel-cat-progress-note { border-width:0 !important; padding:0 !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data :is(.profile-dashboard-main,.profile-dashboard-viz) { padding:20px !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data .profile-beta-tools { padding:20px !important; border-radius:12px !important; } @media(max-width:980px) { html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data .profile-page-head.profile-home-hero { grid-template-columns:1fr !important; gap:16px !important; } } html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub :is(.exam-school-command,.exam-primary-card,.exam-topic-feature,.exam-history-panel,.exam-glow-section,.exam-analysis-grid a) { border-radius:12px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub :is(p,.exam-library-count,.exam-analysis-grid a > div > span) { font-size:13px !important; line-height:1.7 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub :is(.exam-hub-head > div > span,.exam-school-command-copy > span,.exam-primary-card > span,.exam-primary-card > em,.exam-history-panel > span,.exam-section-head > div > span,.exam-analysis-grid a > i) { display:none !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub :is(.exam-school-command,.exam-primary-card,.exam-topic-feature,.exam-history-panel,.exam-glow-section)::before, html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub :is(.exam-school-command,.exam-primary-card,.exam-topic-feature,.exam-history-panel,.exam-glow-section)::after { content:none !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub .exam-school-command { padding:22px 24px !important; gap:20px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub .exam-school-command-index { border-width:0 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub .exam-start-v2 { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:20px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub .exam-side-stack { display:contents !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub :is(.exam-primary-card,.exam-topic-feature,.exam-history-panel) { display:flex !important; flex-direction:column !important; align-items:flex-start !important; min-height:240px !important; padding:24px !important; gap:14px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub :is(.exam-primary-card,.exam-topic-feature,.exam-history-panel) h2 { margin:0 !important; font-size:21px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub :is(.exam-primary-card,.exam-topic-feature,.exam-history-panel) p { margin:0 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub .exam-topic-feature > span { font-size:12px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub :is(.exam-primary-card > b,.exam-topic-feature > b,.exam-history-panel > div) { margin-top:auto !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub :is(.exam-hero-actions a,.exam-topic-feature > b,.exam-history-panel a) { border-radius:8px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub .exam-primary-card > b { border-width:0 !important; border-radius:8px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub .exam-glow-section { border-width:0 !important; border-radius:0 !important; padding:24px 0 0 !important; margin-top:12px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub .exam-analysis-grid a { grid-template-columns:minmax(0,1fr) auto !important; min-height:88px !important; padding:20px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub a:focus-visible { outline-offset:3px; } @media(max-width:1100px) { html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub .exam-start-v2 { grid-template-columns:1fr !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub :is(.exam-primary-card,.exam-topic-feature,.exam-history-panel) { min-height:0 !important; } } html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub .exam-hub-shell { container-type:inline-size; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub .exam-analysis.exam-glow-section { border-width:0 !important; border-radius:0 !important; } @container(max-width:850px) { html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub .exam-start.exam-start-v2 { grid-template-columns:1fr !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub :is(.exam-primary-card,.exam-topic-feature,.exam-history-panel) { min-height:0 !important; } } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-home-overview :is( .pixel-cat-progress-note, .pixel-cat-care-status > p, .profile-dashboard-heading, .profile-archive > .profile-section-head > div > p, .profile-account-row > div > span ) { display:none !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-home-overview :is( .pixel-cat-settings-copy > div > span, .pixel-cat-care-status em, .profile-dashboard-main > p, .profile-dashboard-stats span, .profile-beta-tools > header p, .profile-invite-card > small, .profile-feedback-fields label, .profile-beta-field > span, .profile-viz-bars span, .profile-beta-status ) { font-size:13px !important; line-height:1.6 !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-home-overview .profile-dashboard-main h2 { margin-top:0 !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-home-overview .pixel-cat-settings-card { gap:10px 18px !important; padding:16px 20px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-contextbar .people-rank-card { padding:12px 14px 4px !important; border-width:0 !important; border-radius:0 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-contextbar .people-head { display:grid !important; grid-template-columns:1fr 30px !important; align-items:center !important; gap:8px !important; margin-bottom:8px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-contextbar .people-head > strong { font-size:16px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-contextbar .people-head > span { display:none !important; } html body:is(.desktop-light,.desktop-dark) #desktop-contextbar .people-refresh { width:30px !important; height:30px !important; border-radius:8px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-contextbar .people-rank-tabs { display:grid !important; grid-template-columns:repeat(5,minmax(0,1fr)) !important; gap:4px !important; padding:0 0 6px !important; border-width:0 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-contextbar .people-rank-tabs button { min-width:0 !important; padding:5px 0 !important; border-width:0 !important; border-radius:0 !important; font-size:13px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-contextbar .people-score-note { margin:0 0 6px !important; font-size:12px !important; line-height:1.5 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-contextbar .people-list { padding:0 !important; border-width:0 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-contextbar .people-row { display:grid !important; grid-template-columns:24px minmax(0,1fr) 64px !important; grid-template-areas:'rank person score' '. actions actions' !important; align-items:start !important; gap:5px 10px !important; padding:10px 0 !important; border-width:0 !important; border-radius:0 !important; min-height:0 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-contextbar .people-row > b { grid-area:rank; font-size:14px !important; line-height:24px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-contextbar .people-row > div:not(.people-actions) { grid-area:person; min-width:0; } html body:is(.desktop-light,.desktop-dark) #desktop-contextbar .people-row > div > strong { display:flex !important; flex-wrap:wrap !important; gap:5px 7px !important; white-space:normal !important; overflow-wrap:anywhere; font-size:14px !important; line-height:1.5 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-contextbar .people-row .people-level { flex:0 0 auto; max-width:100%; font-size:10px !important; line-height:17px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-contextbar .people-row > div > small { display:block !important; margin-top:4px !important; font-size:12px !important; line-height:1.5 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-contextbar .people-row > span { grid-area:score; text-align:right !important; font-size:19px !important; line-height:1.3 !important; font-variant-numeric:tabular-nums; } html body:is(.desktop-light,.desktop-dark) #desktop-contextbar .people-row > span > small { display:block !important; font-size:11px !important; margin-top:4px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-contextbar .people-row .people-actions { grid-area:actions; display:flex !important; flex-wrap:wrap !important; justify-content:flex-end !important; gap:6px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-contextbar .people-row .people-actions:empty { display:none !important; } html body:is(.desktop-light,.desktop-dark) #desktop-contextbar .people-row .people-actions button { min-height:28px !important; padding:4px 10px !important; border-radius:7px !important; font-size:12px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-contextbar .people-rank-card button:focus-visible { outline-offset:3px; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub .exam-hub-head.exam-hub-hero { border-width:0 !important; padding-bottom:12px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub .exam-school-command { border-width:0 !important; border-left-width:0 !important; padding:20px 0 !important; margin-bottom:24px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub .exam-start-v2 :is(.exam-primary-card,.exam-topic-feature,.exam-history-panel) { border-width:0 !important; border-radius:12px !important; padding:24px !important; min-height:210px !important; gap:18px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub .exam-start-v2 :is(p,.exam-library-count) { font-size:14px !important; line-height:1.6 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub .exam-topic-feature > span { order:1; font-size:13px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub .exam-topic-feature > h2 { order:0; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub .exam-topic-feature > p { order:2; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub .exam-topic-feature > b { order:3; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub :is(.exam-hero-actions a,.exam-topic-feature > b,.exam-history-panel a) { border-width:0 !important; font-size:14px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub .exam-history-panel > div { display:flex !important; flex-wrap:wrap; gap:12px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub .exam-history-panel a { padding:8px 0 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub .exam-analysis.exam-glow-section { margin-top:32px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub .exam-analysis-grid.exam-analysis-secondary a { border-width:0 !important; padding:18px 0 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub .exam-analysis-grid.exam-analysis-secondary a > div > strong { font-size:16px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub .exam-analysis-grid.exam-analysis-secondary a > div > span { font-size:14px !important; margin-top:6px !important; } @container(max-width:850px) { html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub .exam-start-v2 :is(.exam-primary-card,.exam-topic-feature,.exam-history-panel) { min-height:180px !important; } } /* Readable hierarchy on the recently redesigned pages. */ html body:is(.desktop-light,.desktop-dark) :is(#desktop-exam-hub,#desktop-my-data,#desktop-official-library) :is(h1) { font-size:28px !important; line-height:1.3 !important; } html body:is(.desktop-light,.desktop-dark) :is(#desktop-exam-hub,#desktop-my-data,#desktop-official-library) :is(h2) { font-size:22px !important; line-height:1.4 !important; } html body:is(.desktop-light,.desktop-dark) :is(#desktop-exam-hub,#desktop-my-data,#desktop-official-library) p { font-size:14px !important; line-height:1.7 !important; } html body:is(.desktop-light,.desktop-dark) :is(#desktop-exam-hub,#desktop-my-data,#desktop-official-library) :is(button,input,select,textarea) { font-size:14px !important; line-height:1.5 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-official-library :is(.official-library-head > div > span,.official-section-heading > div > span,.official-command-mark > span,.official-command-route > header > span,.official-puzzle-quick-link small,.official-writing-flow a > div > small) { display:none !important; } html body:is(.desktop-light,.desktop-dark) #desktop-official-library :is(.official-library-head,.official-foundation-section,.official-output-section,.official-command-route) { border-width:0 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-my-data.profile-home-overview :is(.profile-beta-tools,.profile-dashboard-panel,.profile-dashboard-main,.profile-dashboard-viz,.profile-archive-summary,.profile-archive-summary > button) { border-width:0 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-my-data.profile-home-overview :is(.profile-dashboard-panel,.profile-beta-tools,.profile-archive) { margin-top:28px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-my-data.profile-home-overview :is(.profile-invite-card,.profile-feedback-card) { padding:20px !important; } /* Crisp section anchors replace diffuse card shadows in both themes. */ html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub .exam-start-v2 :is(.exam-primary-card,.exam-topic-feature,.exam-history-panel) { border-top-width:4px !important; border-top-style:solid !important; box-shadow:none !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub .exam-start-v2 :is(.exam-primary-card,.exam-topic-feature,.exam-history-panel):hover { box-shadow:none !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub .exam-school-command { border-left-width:4px !important; border-left-style:solid !important; padding-left:20px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub .exam-analysis.exam-glow-section .exam-section-head h2 { border-left-width:4px; border-left-style:solid; padding-left:12px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-hub .exam-start-v2 :is(.exam-primary-card > b,.exam-topic-feature > b) { padding:10px 16px !important; border-radius:8px !important; } /* Exam hub: turn three visually equal blocks into one primary route and two * secondary routes. This keeps the first decision obvious without changing * any destination or study flow. */ @media (min-width:981px) { html body.desktop-light #desktop-exam-hub .exam-hub-shell { width:min(1120px,calc(100% - 56px)) !important; padding-top:36px !important; } html body.desktop-light #desktop-exam-hub .exam-hub-head.exam-hub-hero { padding:0 0 18px !important; border-bottom:1px solid #d9e7ee !important; } html body.desktop-light #desktop-exam-hub .exam-hub-hero h1 { margin:0 !important; color:#203e50 !important; font-size:30px !important; } html body.desktop-light #desktop-exam-hub .exam-hub-hero p { max-width:560px; margin:7px 0 0 !important; color:#68808d !important; } html body.desktop-light #desktop-exam-hub .exam-school-command { margin:18px 0 16px !important; padding:15px 18px !important; border:1px solid #d5e5ec !important; border-left:4px solid #16b9ec !important; border-radius:10px !important; background:#fff !important; } html body.desktop-light #desktop-exam-hub .exam-school-command-index { width:42px !important; height:42px !important; background:#eef9fd !important; } html body.desktop-light #desktop-exam-hub .exam-school-command-index i { font-size:21px !important; } html body.desktop-light #desktop-exam-hub .exam-school-command-copy strong { font-size:17px !important; } html body.desktop-light #desktop-exam-hub .exam-school-command-copy p { margin-top:3px !important; font-size:12px !important; } html body.desktop-light #desktop-exam-hub .exam-school-command-action { min-width:auto !important; font-size:12px !important; } html body.desktop-light #desktop-exam-hub .exam-school-command-action b { width:26px !important; height:26px !important; font-size:18px !important; } html body.desktop-light #desktop-exam-hub .exam-start.exam-start-v2 { display:grid !important; grid-template-columns:minmax(0,1.14fr) minmax(340px,.86fr) !important; grid-template-rows:repeat(2,minmax(0,1fr)) !important; gap:12px !important; margin:0 0 26px !important; } html body.desktop-light #desktop-exam-hub .exam-start-v2 .exam-primary-card { grid-row:1 / span 2; min-height:246px !important; padding:25px 26px !important; border:1px solid #9edced !important; border-top:4px solid #16b9ec !important; border-radius:12px !important; background:linear-gradient(135deg,#eefbff,#fff 68%) !important; } html body.desktop-light #desktop-exam-hub .exam-start-v2 :is(.exam-topic-feature,.exam-history-panel) { min-height:0 !important; padding:19px 20px !important; border:1px solid #d5e5ec !important; border-top:3px solid #8ddbf1 !important; border-radius:10px !important; background:#fff !important; } html body.desktop-light #desktop-exam-hub .exam-primary-card > span, html body.desktop-light #desktop-exam-hub .exam-topic-feature > span, html body.desktop-light #desktop-exam-hub .exam-history-panel > span { display:block !important; color:#168dbb !important; font-size:10px !important; letter-spacing:.08em !important; } html body.desktop-light #desktop-exam-hub .exam-primary-card h2 { margin:15px 0 0 !important; font-size:27px !important; } html body.desktop-light #desktop-exam-hub :is(.exam-topic-feature,.exam-history-panel) h2 { margin:6px 0 0 !important; font-size:18px !important; } html body.desktop-light #desktop-exam-hub :is(.exam-primary-card,.exam-topic-feature,.exam-history-panel) p { font-size:12px !important; line-height:1.55 !important; } html body.desktop-light #desktop-exam-hub :is(.exam-primary-card > b,.exam-topic-feature > b) { margin-top:auto !important; } html body.desktop-light #desktop-exam-hub .exam-history-panel div { display:flex !important; gap:16px !important; margin-top:auto !important; } html body.desktop-light #desktop-exam-hub .exam-history-panel a { min-height:0 !important; padding:4px 0 !important; border:0 !important; background:transparent !important; color:#1987b2 !important; } html body.desktop-light #desktop-exam-hub .exam-analysis.exam-glow-section { margin-top:0 !important; padding-top:0 !important; } html body.desktop-light #desktop-exam-hub .exam-section-head { margin-bottom:0 !important; padding:15px 0 9px !important; border-bottom:1px solid #d9e7ee !important; } html body.desktop-light #desktop-exam-hub .exam-section-head h2 { margin:0 !important; font-size:18px !important; } html body.desktop-light #desktop-exam-hub .exam-analysis-grid.exam-analysis-secondary { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:0 !important; margin-top:0 !important; border:0 !important; border-bottom:1px solid #d9e7ee !important; border-radius:0 !important; background:transparent !important; } html body.desktop-light #desktop-exam-hub .exam-analysis-grid.exam-analysis-secondary > a { min-height:76px !important; padding:14px 0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; } html body.desktop-light #desktop-exam-hub .exam-analysis-grid.exam-analysis-secondary > a + a { padding-left:28px !important; border-left:1px solid #d9e7ee !important; } html body.desktop-light #desktop-exam-hub .exam-analysis-grid.exam-analysis-secondary > a > i { display:none !important; } html body.desktop-light #desktop-exam-hub .exam-analysis-grid.exam-analysis-secondary strong { font-size:14px !important; } html body.desktop-light #desktop-exam-hub .exam-analysis-grid.exam-analysis-secondary span { margin-top:3px !important; font-size:12px !important; } html body.desktop-light #desktop-exam-hub .exam-analysis-grid.exam-analysis-secondary > a > b { font-size:12px !important; } } /* Grading workspace: establish a visible path from question to answer to report. * The original two oversized equal panels gave the task and the student's answer * the same visual weight and left the primary action adrift below the fold. */ html body:is(.desktop-light,.desktop-dark) #desktop-grade-hub .desktop-grade-head > div > span, html body:is(.desktop-light,.desktop-dark) #desktop-grade-hub .desktop-grade-steps { display:none !important; } html body:is(.desktop-light,.desktop-dark) #desktop-grade-hub .desktop-grade-head { margin-bottom:8px !important; padding-bottom:12px !important; border-bottom:1px solid #d9e7ee !important; box-shadow:none !important; } html body:is(.desktop-light,.desktop-dark) #desktop-grade-hub .desktop-grade-workspace { gap:14px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-grade-hub .desktop-grade-head h1 { font-size:28px !important; line-height:1.3 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-grade-hub .desktop-grade-head p { font-size:14px !important; line-height:1.6 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-grade-hub .desktop-grade-head > a { min-height:34px !important; font-size:14px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-grade-hub .desktop-grade-typebar { display:flex !important; align-items:center !important; width:100% !important; padding:10px 0 14px !important; gap:8px !important; border-bottom:1px solid #d9e7ee !important; background:transparent !important; box-shadow:none !important; } html body:is(.desktop-light,.desktop-dark) #desktop-grade-hub .desktop-grade-typebar-copy { display:grid !important; gap:1px !important; margin-right:10px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-grade-hub .desktop-grade-typebar-copy span { color:#718096 !important; font-size:11px !important; font-weight:700 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-grade-hub .desktop-grade-typebar-copy strong { color:#29425c !important; font-size:14px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-grade-hub .desktop-grade-panels { grid-template-columns:minmax(300px,.85fr) minmax(420px,1.15fr) !important; gap:20px !important; align-items:stretch !important; min-height:0 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-grade-hub .desktop-grade-panel { min-height:0 !important; border:1px solid #cfdeeb !important; border-radius:12px !important; overflow:hidden !important; background:#fff !important; box-shadow:0 4px 16px rgba(29, 78, 146, .045) !important; } html body:is(.desktop-light,.desktop-dark) #desktop-grade-hub .desktop-grade-panel:focus-within { border-color:#7cb6ed !important; box-shadow:0 0 0 3px rgba(59,130,246,.10),0 8px 20px rgba(29,78,146,.07) !important; background:#fff !important; } html body:is(.desktop-light,.desktop-dark) #desktop-grade-hub .desktop-grade-panel > header { display:flex !important; align-items:center !important; justify-content:space-between !important; min-height:62px !important; padding:13px 16px !important; border:0 !important; border-bottom:1px solid #e5edf5 !important; background:#f8fbff !important; box-shadow:none !important; } html body:is(.desktop-light,.desktop-dark) #desktop-grade-hub .desktop-grade-panel > header > div { display:flex !important; align-items:center !important; gap:9px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-grade-hub .desktop-grade-panel > header b { display:grid !important; width:23px !important; height:23px !important; place-items:center !important; border-radius:50% !important; background:#e8f3ff !important; color:#2478bd !important; font-size:11px !important; font-variant-numeric:tabular-nums !important; } html body:is(.desktop-light,.desktop-dark) #desktop-grade-hub .desktop-grade-panel > header span { color:#1e3854 !important; font-size:16px !important; font-weight:750 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-grade-hub .desktop-grade-panel > header small { color:#74849a !important; font-size:12px !important; line-height:1.5 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-grade-hub .desktop-grade-input-modes { margin:12px 16px 0 !important; padding:3px !important; gap:3px !important; border:1px solid #dbe7f1 !important; border-radius:9px !important; background:#f4f8fc !important; } html body:is(.desktop-light,.desktop-dark) #desktop-grade-hub :is(.desktop-grade-typebar button,.desktop-grade-input-modes button) { min-height:36px !important; padding:7px 14px !important; border:0 !important; border-radius:7px !important; font-size:13px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-grade-hub .desktop-grade-typebar button { background:#f4f8fc !important; color:#4f6680 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-grade-hub .desktop-grade-typebar button.is-active, html body:is(.desktop-light,.desktop-dark) #desktop-grade-hub .desktop-grade-input-modes button.is-active { background:#e1f2ff !important; color:#136eb1 !important; box-shadow:none !important; } html body:is(.desktop-light,.desktop-dark) #desktop-grade-hub .desktop-grade-panel textarea { min-height:272px !important; height:clamp(272px,39vh,410px) !important; margin:12px 16px 14px !important; padding:15px 16px !important; border:1px solid #d6e2ed !important; border-radius:9px !important; background:#fff !important; color:#1e3348 !important; font-size:15px !important; line-height:1.78 !important; box-shadow:none !important; } html body:is(.desktop-light,.desktop-dark) #desktop-grade-hub .desktop-grade-panel textarea::placeholder { color:#95a5b8 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-grade-hub .desktop-grade-panel textarea:focus { border-color:#6ba9e7 !important; box-shadow:0 0 0 3px rgba(59,130,246,.1) !important; } html body:is(.desktop-light,.desktop-dark) #desktop-grade-hub .desktop-grade-upload-zone { min-height:272px !important; padding:20px 16px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-grade-hub .desktop-grade-input-meta { margin:-4px 16px 15px !important; color:#74849a !important; font-size:12px !important; line-height:1.6 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-grade-hub .desktop-grade-input-meta span:last-child { color:#6d8aa2 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-grade-hub .desktop-grade-footer { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:20px !important; margin-top:2px !important; padding:16px 0 0 !important; border-top:1px solid #d9e7ee !important; box-shadow:none !important; } html body:is(.desktop-light,.desktop-dark) #desktop-grade-hub .desktop-grade-submit-copy { min-width:0 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-grade-hub .desktop-grade-submit-copy strong { display:block !important; color:#28435f !important; font-size:14px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-grade-hub .desktop-grade-submit-copy p { margin:3px 0 0 !important; color:#718197 !important; font-size:12px !important; line-height:1.6 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-grade-hub .desktop-grade-submit-copy small { display:block !important; margin-top:3px !important; color:#6b91ad !important; font-size:12px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-grade-hub .desktop-grade-submit { display:grid !important; flex:0 0 auto !important; min-width:190px !important; height:auto !important; min-height:50px !important; padding:8px 18px !important; border:0 !important; border-radius:9px !important; background:#1ba4d5 !important; color:#fff !important; font-size:15px !important; line-height:1.25 !important; box-shadow:0 8px 18px rgba(27,164,213,.2) !important; } html body:is(.desktop-light,.desktop-dark) #desktop-grade-hub .desktop-grade-submit small { color:rgba(255,255,255,.82) !important; font-size:11px !important; font-weight:500 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-grade-hub .desktop-grade-submit:hover:not(:disabled) { background:#168fbe !important; } @container(max-width:900px) { html body:is(.desktop-light,.desktop-dark) #desktop-grade-hub .desktop-grade-panels { grid-template-columns:1fr !important; } } @container(max-width:640px) { html body:is(.desktop-light,.desktop-dark) #desktop-grade-hub .desktop-grade-typebar { align-items:flex-start !important; } html body:is(.desktop-light,.desktop-dark) #desktop-grade-hub .desktop-grade-typebar-copy { width:100% !important; } html body:is(.desktop-light,.desktop-dark) #desktop-grade-hub .desktop-grade-footer { align-items:stretch !important; flex-direction:column !important; } html body:is(.desktop-light,.desktop-dark) #desktop-grade-hub .desktop-grade-submit { width:100% !important; } } .member-learning-gate { max-width:640px; margin:64px auto; padding:32px; } .member-learning-gate h1 { font-size:26px; } .member-learning-gate p,.member-learning-gate a { font-size:16px; line-height:1.7; } /* Official landing: compact content, visible access labels, no repeated ornaments. */ html body:is(.desktop-light,.desktop-dark) #desktop-official-library .official-library-shell :is( .official-library-head > div > span,.official-library-head > div > p, .official-yibentong-hero-top,.official-yibentong-hero-copy > small, .official-yibentong-facts,.official-yibentong-hero footer > span, .official-puzzle-quick-link em,.official-puzzle-quick-link small, .official-textbook-card > i,.official-textbook-card > div > span, .official-output-section > .official-section-intro ) { display:none !important; } /* 城规一本通 uses one restrained indigo system instead of the inherited cyan, * teal and grey mix. The palette is intentionally local to the learning * route: ink for hierarchy, indigo for action, and a soft paper canvas for * sustained reading. */ html body.desktop-light.route-yibentong-anki { --day-blue-accent:#5868ad; --day-blue-text:#43528e; --day-blue-soft:#eef0f8; --day-blue-line:#cbd1e2; --day-blue-rgb:88,104,173; } html body.desktop-light.route-yibentong-anki #desktop-yibentong-landing { --ybt-bg:#f7f6f2; --ybt-panel:#fffefa; --ybt-panel-soft:#f4f5f9; --ybt-text:#27324a; --ybt-sub:#677187; --ybt-accent:#5868ad; --ybt-blue:#5868ad; --ybt-line:#d9dce5; --ybt-line-strong:#b9c0d2; --ybt-cover-ink:#27324a; background:radial-gradient(circle at 18% 0%,rgba(88,104,173,.10),transparent 31%),#f7f6f2 !important; color:#27324a !important; } html body.desktop-light.route-yibentong-anki #desktop-yibentong-landing > .min-h-screen { background:transparent !important; } html body.desktop-light.route-yibentong-anki #desktop-yibentong-landing :is(h1,h2,h3,strong,b) { color:#27324a !important; } html body.desktop-light.route-yibentong-anki #desktop-yibentong-landing :is(p,small,span,em) { color:#687287 !important; } html body.desktop-light.route-yibentong-anki #desktop-yibentong-page-topbar { border-bottom-color:#d9dce5 !important; } html body.desktop-light.route-yibentong-anki #desktop-yibentong-page-topbar > div > span { color:#5868ad !important; } html body.desktop-light.route-yibentong-anki #desktop-yibentong-page-topbar h1 { color:#27324a !important; } html body.desktop-light.route-yibentong-anki #desktop-yibentong-page-topbar p { color:#687287 !important; } html body.desktop-light.route-yibentong-anki #desktop-yibentong-page-topbar a { border-color:#d0d5e2 !important; background:#fffefa !important; color:#43528e !important; } html body.desktop-light.route-yibentong-anki #desktop-yibentong-page-topbar a:last-child { border-color:#43528e !important; background:#43528e !important; color:#fff !important; } html body.desktop-light.route-yibentong-anki #desktop-yibentong-landing :is(#desktop-yibentong-cover-panel,#desktop-yibentong-study-modes,#desktop-yibentong-full-catalog) { border-color:#d9dce5 !important; background:#fffefa !important; box-shadow:0 5px 18px rgba(39,50,74,.045) !important; } html body.desktop-light.route-yibentong-anki .desktop-yibentong-cover-copy span, html body.desktop-light.route-yibentong-anki #desktop-yibentong-study-modes header span, html body.desktop-light.route-yibentong-anki #desktop-yibentong-full-catalog > header span { color:#5868ad !important; } html body.desktop-light.route-yibentong-anki .desktop-yibentong-cover-copy strong, html body.desktop-light.route-yibentong-anki #desktop-yibentong-study-modes header strong, html body.desktop-light.route-yibentong-anki #desktop-yibentong-full-catalog > header strong { color:#27324a !important; } html body.desktop-light.route-yibentong-anki .desktop-yibentong-volume-picker a { border-color:#d8dce7 !important; background:#f5f6fa !important; } html body.desktop-light.route-yibentong-anki .desktop-yibentong-volume-picker a :is(b,small) { color:#5b657a !important; } html body.desktop-light.route-yibentong-anki .desktop-yibentong-volume-picker a.active { border-color:#5868ad !important; background:#5868ad !important; } html body.desktop-light.route-yibentong-anki .desktop-yibentong-volume-picker a.active :is(b,small) { color:#fff !important; } html body.desktop-light.route-yibentong-anki .desktop-yibentong-cover-copy > div > a { border-color:#d0d5e2 !important; background:#fffefa !important; color:#43528e !important; } html body.desktop-light.route-yibentong-anki .desktop-yibentong-cover-copy > div > a:first-child { border-color:#43528e !important; background:#43528e !important; color:#fff !important; } html body.desktop-light.route-yibentong-anki .desktop-yibentong-mode-grid a { border-color:#d9dce5 !important; background:#f8f8fa !important; color:#27324a !important; } html body.desktop-light.route-yibentong-anki .desktop-yibentong-mode-grid a:hover { border-color:#aeb7d3 !important; background:#f2f3f9 !important; } html body.desktop-light.route-yibentong-anki .desktop-yibentong-mode-grid i { background:#eceefa !important; color:#5868ad !important; } html body.desktop-light.route-yibentong-anki .desktop-yibentong-mode-grid .is-catalog i { background:#f0f1f6 !important; color:#63708c !important; } html body.desktop-light.route-yibentong-anki .desktop-yibentong-mode-grid em, html body.desktop-light.route-yibentong-anki #desktop-yibentong-full-catalog > header a, html body.desktop-light.route-yibentong-anki .desktop-yibentong-full-head a { border-color:#cbd1e2 !important; background:#fffefa !important; color:#43528e !important; } html body.desktop-light.route-yibentong-anki .desktop-yibentong-full-grid :is(article,details) { border-color:#d9dce5 !important; background:#fffefa !important; } html body.desktop-light.route-yibentong-anki .desktop-yibentong-full-head { border-bottom-color:#e6e8ef !important; } html body.desktop-light.route-yibentong-anki .desktop-yibentong-full-head i { background:#5868ad !important; color:#fff !important; } html body.desktop-light.route-yibentong-anki .desktop-yibentong-full-head :is(strong,span) { color:#27324a !important; } html body.desktop-light.route-yibentong-anki .desktop-yibentong-full-head span { color:#687287 !important; } html body.desktop-light.route-yibentong-anki .desktop-yibentong-full-grid li { border-bottom-color:#edf0f4 !important; } html body.desktop-light.route-yibentong-anki .desktop-yibentong-topic-link { background:transparent !important; } html body.desktop-light.route-yibentong-anki .desktop-yibentong-topic-link:hover { background:#f3f4f9 !important; } html body.desktop-light.route-yibentong-anki .desktop-yibentong-topic-link :is(span,small) { color:#687287 !important; } html body.desktop-light.route-yibentong-anki .desktop-yibentong-topic-link b { color:#36425b !important; } /* Make both side rails part of the same reading palette on this route. */ html body.desktop-light.route-yibentong-anki #desktop-nav, html body.desktop-light.route-yibentong-anki #desktop-contextbar, html body.desktop-light.route-yibentong-anki #desktop-contextbar :is(.assistant-head,.context-tabs,.agent-context-chip,.context-rank,.people-panel) { background:#fffefa !important; border-color:#dedfe5 !important; } html body.desktop-light.route-yibentong-anki #desktop-nav .desktop-nav-item { color:#5c667a !important; } html body.desktop-light.route-yibentong-anki #desktop-nav .desktop-nav-item.active { background:#eef0f8 !important; color:#354477 !important; } html body.desktop-light.route-yibentong-anki #desktop-nav .desktop-nav-item.active::before { background:#5868ad !important; } html body.desktop-light.route-yibentong-anki #desktop-nav .desktop-nav-badge { background:#5868ad !important; color:#fff !important; } html body.desktop-light.route-yibentong-anki #desktop-contextbar :is(.context-message,.agent-conversation-item,.agent-memory-card,.people-rank-card,.people-feature,.context-chat-form) { background:#fffefa !important; border-color:#e1e2e8 !important; } html body.desktop-light.route-yibentong-anki #desktop-contextbar :is(.context-tab.active,.people-rank-tabs button.active) { color:#43528e !important; border-bottom-color:#5868ad !important; } html body.desktop-light.route-yibentong-anki #desktop-contextbar :is(.people-feature-title,.people-head > strong,.people-row div strong) { color:#27324a !important; } html body.desktop-light.route-yibentong-anki #desktop-contextbar .people-feature-stats span { background:#f3f4f9 !important; border-color:#d8dce7 !important; color:#687287 !important; } html body.desktop-light.route-yibentong-anki #desktop-contextbar :is(.people-feature-stats b,.people-row > span,.people-row:nth-child(-n+3) > b) { color:#5868ad !important; } html body.desktop-light.route-yibentong-anki #desktop-contextbar .people-row:hover { background:#f5f6fa !important; } html body.desktop-light.route-yibentong-anki #desktop-contextbar .people-row .people-actions button, html body.desktop-light.route-yibentong-anki #desktop-contextbar .people-refresh { border-color:#d0d5e2 !important; background:#fffefa !important; color:#43528e !important; } /* Match the existing daylight product contract exactly: white surfaces and the * established LINKA blue. Do not introduce a route-specific purple or warm * paper palette here. */ html body.desktop-light.route-yibentong-anki { --day-blue-accent:#00ccf9; --day-blue-text:#007b9b; --day-blue-soft:#e7f7fc; --day-blue-line:#b8bcc3; --day-blue-rgb:0,204,249; } html body.desktop-light.route-yibentong-anki #desktop-yibentong-landing { --ybt-bg:#fff; --ybt-panel:#fff; --ybt-panel-soft:#e7f7fc; --ybt-text:#334155; --ybt-sub:#526779; --ybt-accent:#007b9b; --ybt-blue:#00ccf9; --ybt-line:#b8bcc3; --ybt-line-strong:#969ca5; --ybt-cover-ink:#334155; background:#fff !important; color:#334155 !important; } html body.desktop-light.route-yibentong-anki #desktop-yibentong-landing :is(h1,h2,h3,strong,b) { color:#334155 !important; } html body.desktop-light.route-yibentong-anki #desktop-yibentong-landing :is(p,small,span,em) { color:#526779 !important; } html body.desktop-light.route-yibentong-anki #desktop-yibentong-page-topbar { border-bottom-color:#b8bcc3 !important; } html body.desktop-light.route-yibentong-anki #desktop-yibentong-page-topbar > div > span { color:#007b9b !important; } html body.desktop-light.route-yibentong-anki #desktop-yibentong-page-topbar h1 { color:#334155 !important; } html body.desktop-light.route-yibentong-anki #desktop-yibentong-page-topbar p { color:#526779 !important; } html body.desktop-light.route-yibentong-anki #desktop-yibentong-page-topbar a { border-color:#b8bcc3 !important; background:#fff !important; color:#007b9b !important; } html body.desktop-light.route-yibentong-anki #desktop-yibentong-page-topbar a:last-child { border-color:#00ccf9 !important; background:#00ccf9 !important; color:#334155 !important; } html body.desktop-light.route-yibentong-anki #desktop-yibentong-landing :is(#desktop-yibentong-cover-panel,#desktop-yibentong-study-modes,#desktop-yibentong-full-catalog) { border-color:#b8bcc3 !important; background:#fff !important; box-shadow:none !important; } html body.desktop-light.route-yibentong-anki .desktop-yibentong-cover-copy span, html body.desktop-light.route-yibentong-anki #desktop-yibentong-study-modes header span, html body.desktop-light.route-yibentong-anki #desktop-yibentong-full-catalog > header span { color:#007b9b !important; } html body.desktop-light.route-yibentong-anki .desktop-yibentong-cover-copy strong, html body.desktop-light.route-yibentong-anki #desktop-yibentong-study-modes header strong, html body.desktop-light.route-yibentong-anki #desktop-yibentong-full-catalog > header strong { color:#334155 !important; } html body.desktop-light.route-yibentong-anki .desktop-yibentong-volume-picker a { border-color:#b8bcc3 !important; background:#e7f7fc !important; } html body.desktop-light.route-yibentong-anki .desktop-yibentong-volume-picker a :is(b,small) { color:#526779 !important; } html body.desktop-light.route-yibentong-anki #desktop-yibentong-landing .desktop-yibentong-cover-copy .desktop-yibentong-volume-picker a.active { border-color:#00ccf9 !important; background:#00ccf9 !important; } html body.desktop-light.route-yibentong-anki #desktop-yibentong-landing .desktop-yibentong-cover-copy .desktop-yibentong-volume-picker a.active :is(b,small) { color:#334155 !important; } html body.desktop-light.route-yibentong-anki .desktop-yibentong-cover-copy > div > a { border-color:#b8bcc3 !important; background:#fff !important; color:#007b9b !important; } html body.desktop-light.route-yibentong-anki .desktop-yibentong-cover-copy > div > a:first-child { border-color:#00ccf9 !important; background:#00ccf9 !important; color:#334155 !important; } html body.desktop-light.route-yibentong-anki .desktop-yibentong-mode-grid a { border-color:#b8bcc3 !important; background:#e7f7fc !important; color:#334155 !important; } html body.desktop-light.route-yibentong-anki .desktop-yibentong-mode-grid a:hover { border-color:#00ccf9 !important; background:#e7f7fc !important; } html body.desktop-light.route-yibentong-anki .desktop-yibentong-mode-grid i, html body.desktop-light.route-yibentong-anki .desktop-yibentong-mode-grid .is-catalog i { background:#fff !important; color:#00ccf9 !important; } html body.desktop-light.route-yibentong-anki .desktop-yibentong-mode-grid em, html body.desktop-light.route-yibentong-anki #desktop-yibentong-full-catalog > header a, html body.desktop-light.route-yibentong-anki .desktop-yibentong-full-head a { border-color:#b8bcc3 !important; background:#fff !important; color:#007b9b !important; } html body.desktop-light.route-yibentong-anki .desktop-yibentong-full-grid :is(article,details) { border-color:#b8bcc3 !important; background:#fff !important; } html body.desktop-light.route-yibentong-anki .desktop-yibentong-full-head { border-bottom-color:#d9e7ee !important; } html body.desktop-light.route-yibentong-anki .desktop-yibentong-full-head i { background:#007b9b !important; color:#fff !important; } html body.desktop-light.route-yibentong-anki .desktop-yibentong-full-head :is(strong,span) { color:#334155 !important; } html body.desktop-light.route-yibentong-anki .desktop-yibentong-full-head span { color:#526779 !important; } html body.desktop-light.route-yibentong-anki .desktop-yibentong-full-grid li { border-bottom-color:#e1e7ed !important; } html body.desktop-light.route-yibentong-anki .desktop-yibentong-topic-link:hover { background:#e7f7fc !important; } html body.desktop-light.route-yibentong-anki .desktop-yibentong-topic-link :is(span,small) { color:#526779 !important; } html body.desktop-light.route-yibentong-anki .desktop-yibentong-topic-link b { color:#334155 !important; } html body.desktop-light.route-yibentong-anki #desktop-nav, html body.desktop-light.route-yibentong-anki #desktop-contextbar, html body.desktop-light.route-yibentong-anki #desktop-contextbar :is(.assistant-head,.context-tabs,.agent-context-chip,.context-rank,.people-panel) { background:#fff !important; border-color:#b8bcc3 !important; } html body.desktop-light.route-yibentong-anki #desktop-nav .desktop-nav-item { color:#526779 !important; } html body.desktop-light.route-yibentong-anki #desktop-nav .desktop-nav-item.active { background:#e7f7fc !important; color:#334155 !important; } html body.desktop-light.route-yibentong-anki #desktop-nav .desktop-nav-item.active::before { background:#00ccf9 !important; } html body.desktop-light.route-yibentong-anki #desktop-nav .desktop-nav-badge { background:#00ccf9 !important; color:#334155 !important; } html body.desktop-light.route-yibentong-anki #desktop-contextbar :is(.context-message,.agent-conversation-item,.agent-memory-card,.people-rank-card,.people-feature,.context-chat-form) { background:#fff !important; border-color:#d8e0e7 !important; } html body.desktop-light.route-yibentong-anki #desktop-contextbar :is(.context-tab.active,.people-rank-tabs button.active) { color:#007b9b !important; border-bottom-color:#00ccf9 !important; } html body.desktop-light.route-yibentong-anki #desktop-contextbar :is(.people-feature-title,.people-head > strong,.people-row div strong) { color:#334155 !important; } html body.desktop-light.route-yibentong-anki #desktop-contextbar .people-feature-stats span { background:#e7f7fc !important; border-color:#b8bcc3 !important; color:#526779 !important; } html body.desktop-light.route-yibentong-anki #desktop-contextbar :is(.people-feature-stats b,.people-row > span,.people-row:nth-child(-n+3) > b) { color:#007b9b !important; } html body.desktop-light.route-yibentong-anki #desktop-contextbar .people-row:hover { background:#e7f7fc !important; } html body.desktop-light.route-yibentong-anki #desktop-contextbar .people-row .people-actions button, html body.desktop-light.route-yibentong-anki #desktop-contextbar .people-refresh { border-color:#b8bcc3 !important; background:#fff !important; color:#007b9b !important; } html body:is(.desktop-light,.desktop-dark) #desktop-official-library .official-library-shell :is(.official-textbook-card,.official-command-route > a,.official-yibentong-hero)::after, html body:is(.desktop-light,.desktop-dark) #desktop-official-library .official-library-shell :is(.official-textbook-card,.official-command-route > a,.official-yibentong-hero)::before { content:none !important; display:none !important; } html body:is(.desktop-light,.desktop-dark) #desktop-official-library .official-command-primary.official-yibentong-hero { min-height:260px !important; padding:24px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-official-library .official-yibentong-hero-copy { padding:0 !important; margin:0 !important; max-width:calc(100% - 140px) !important; } html body:is(.desktop-light,.desktop-dark) #desktop-official-library .official-yibentong-hero-copy h2 { margin:0 0 14px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-official-library .official-yibentong-cover { width:110px !important; right:24px !important; bottom:76px !important; transform:none !important; } html body:is(.desktop-light,.desktop-dark) #desktop-official-library .official-yibentong-cover img { width:100% !important; transform:none !important; filter:none !important; box-shadow:none !important; } html body:is(.desktop-light,.desktop-dark) #desktop-official-library .official-yibentong-hero footer { margin-top:24px !important; padding:0 !important; border-width:0 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-official-library .official-command-route > header { border-width:0 !important; padding-bottom:12px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-official-library .official-command-route > a.is-featured.is-hero { min-height:120px !important; padding:20px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-official-library .official-textbook-card { min-height:92px !important; padding:18px !important; grid-template-columns:minmax(0,1fr) auto !important; gap:12px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-official-library .official-textbook-card > div > strong { font-size:16px !important; line-height:1.5 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-official-library .official-textbook-card > div > small { font-size:12px !important; margin-top:8px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-official-library :is(.official-foundation-section,.official-output-section) { margin-top:32px !important; padding-top:0 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-official-library .official-section-heading { border-width:0 !important; margin-bottom:16px !important; } @media(max-width:700px) { html body:is(.desktop-light,.desktop-dark) #desktop-official-library .official-yibentong-cover { display:none !important; } html body:is(.desktop-light,.desktop-dark) #desktop-official-library .official-yibentong-hero-copy { max-width:100% !important; } } /* 设置页统一为白底蓝色，避免跟随旧夜间面板样式。 */ body.desktop-light.route-settings #app .min-h-screen { background:#fff !important; color:#243a52 !important; } body.desktop-light.route-settings #app .min-h-screen > .px-4.pt-4.flex.flex-col > div, body.desktop-light.route-settings #app .min-h-screen > .px-4.pt-2.flex.flex-col > div { border:1px solid #d1e2eb !important; border-radius:10px !important; background:#fff !important; box-shadow:none !important; } body.desktop-light.route-settings #app .min-h-screen > .px-4.pt-4.flex.flex-col > div > div:first-child, body.desktop-light.route-settings #app .min-h-screen > .px-4.pt-2.flex.flex-col > div > div:first-child { border-color:#dbeaf1 !important; background:#f7fbfd !important; } body.desktop-light.route-settings #app .min-h-screen :is(p,span,label,strong) { color:#36566d !important; } body.desktop-light.route-settings #app .min-h-screen :is(input,select,taro-input-core,taro-picker-core) { border:1px solid #c6dce8 !important; background:#fff !important; color:#243a52 !important; } body.desktop-light.route-settings #app .min-h-screen [class*="justify-between"] { border-color:#dbeaf1 !important; background:#fff !important; } body.desktop-light.route-settings #app .min-h-screen [class*="justify-between"]:hover { background:#f4fbfe !important; } body.desktop-light.route-settings #app .min-h-screen [class*="i-mdi"], body.desktop-light.route-settings #app .min-h-screen svg { color:#078fca !important; } body.desktop-light.route-settings #app .min-h-screen button { border-color:#b8d9e8 !important; background:#fff !important; color:#176f98 !important; } body.desktop-light.route-settings #app .min-h-screen button[class*="bg-"] { border-color:#08b9e8 !important; background:#08b9e8 !important; color:#fff !important; } body.desktop-light.route-settings #app .min-h-screen > .px-4.pt-4.flex.flex-col > div:nth-child(6) { border-color:#d9c9ce !important; background:#fff !important; } body.desktop-light.route-settings #app .min-h-screen > .px-4.pt-4.flex.flex-col > div:nth-child(6) [class*="i-mdi"] { color:#c65b6c !important; } body.desktop-light.route-settings :is(#pixel-cat-pet,.pixel-cat-settings-card) { display:none !important; } /* 强制设置页使用白底蓝色，不受旧 desktop-dark 规则和内联暗色样式影响。 */ body.route-settings #app, body.route-settings #app .min-h-screen, body.route-settings #app .min-h-screen > div, body.route-settings #app .min-h-screen > section { background:#fff !important; color:#243a52 !important; } body.route-settings #app .min-h-screen :is(div,section,article,form) { border-color:#d1e2eb !important; box-shadow:none !important; } body.route-settings #app .min-h-screen :is([style*="background:#"],[style*="background: #"],[style*="background:rgb"],[style*="background: rgba"],[class*="bg-"]) { background:#fff !important; } body.route-settings #app .min-h-screen :is(p,span,label,strong,b,h1,h2,h3) { color:#36566d !important; text-shadow:none !important; } body.route-settings #app .min-h-screen :is(input,select,textarea,taro-input-core,taro-picker-core) { background:#fff !important; color:#243a52 !important; border:1px solid #c6dce8 !important; } body.route-settings #app .min-h-screen :is(svg,[class*="i-mdi"]) { color:#078fca !important; } body.route-settings #app .min-h-screen button { background:#fff !important; color:#176f98 !important; border:1px solid #b8d9e8 !important; } body.route-settings #app .min-h-screen button[class*="bg-"] { background:#08b9e8 !important; color:#fff !important; border-color:#08b9e8 !important; } body.route-settings :is(#pixel-cat-pet,.pixel-cat-settings-card) { display:none !important; } /* 院校真题看板：统一白底蓝字，并放大低对比的小字。 */ html body:is(.desktop-light,.desktop-dark) #desktop-exam-schools { background:#f7fbfd !important; color:#243a52 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-schools .exam-hub-head { border-color:#d1e2eb !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-schools .exam-hub-head h1 { color:#243a52 !important; font-size:30px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-schools .exam-hub-head p { color:#52718a !important; font-size:14px !important; line-height:1.7 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-schools .school-bank-toolbar label { border:1px solid #c6dce8 !important; background:#fff !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-schools .school-bank-toolbar input { color:#243a52 !important; font-size:14px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-schools .school-view-toggle { border:1px solid #c6dce8 !important; background:#fff !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-schools .school-view-toggle button { color:#52718a !important; background:#fff !important; font-size:13px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-schools .school-view-toggle button.active { background:#08b9e8 !important; color:#fff !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-schools .school-bank-card { border:1px solid #c6dce8 !important; border-left:3px solid #08b9e8 !important; border-radius:10px !important; background:#fff !important; box-shadow:none !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-schools .school-bank-card strong { color:#243a52 !important; font-size:18px !important; line-height:1.45 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-schools .school-bank-card span { color:#52718a !important; font-size:13px !important; line-height:1.6 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-schools .school-bank-card .school-admission-meta { color:#078fca !important; font-size:13px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-schools .school-bank-card p { background:#d6e5ec !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-schools .school-bank-card mark { color:#176f98 !important; font-size:25px !important; font-weight:800 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-schools .school-bank-card mark small { color:#52718a !important; font-size:13px !important; } /* 我的页面简化：首屏只保留继续学习、学习档案和知识库主线。 */ html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-home-overview .profile-beta-tools { display:none !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-home-overview .profile-dashboard-panel { display:none !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-home-overview .profile-dashboard-panel { grid-template-columns:1fr !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-home-overview .profile-dashboard-viz { display:none !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-contextbar { display:none !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-home-overview .profile-dashboard-main { min-height:0 !important; padding:24px 0 !important; border-radius:0 !important; background:transparent !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-home-overview .profile-dashboard-stats a { padding:12px 0 !important; border-width:0 !important; background:transparent !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-home-overview .profile-page-shell { width:min(980px,calc(100% - 72px)) !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data .profile-knowledge { display:none !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data :is(.pixel-cat-action-row [data-open-pet-room],.pixel-cat-care [data-open-pet-room]) { display:none !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-focused .pixel-cat-settings-card, html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-focused #pixel-cat-pet { display:none !important; } html body:is(.desktop-light,.desktop-dark).route-profile:has(#desktop-my-data.profile-archive-focused) #pixel-cat-pet { display:none !important; } html body:is(.desktop-light,.desktop-dark).route-archive #pixel-cat-pet, html body:is(.desktop-light,.desktop-dark).route-archive .pixel-cat-settings-card { display:none !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-focused .profile-archive-tabs { display:flex !important; gap:10px !important; margin:18px 0 8px !important; padding:5px !important; border:1px solid #d1e2eb !important; border-radius:10px !important; background:#f7fbfd !important; overflow-x:auto !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-focused .profile-archive-tabs button { min-height:34px !important; padding:0 12px !important; border:0 !important; border-radius:7px !important; color:#52718a !important; background:transparent !important; font-size:13px !important; white-space:nowrap !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-focused .profile-archive-tabs button.active { background:#08b9e8 !important; color:#fff !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-focused .profile-archive-category-grid { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:18px 0 22px; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-focused .profile-archive-category-grid a { display:flex; flex-direction:column; min-height:96px; padding:16px; border:1px solid #d1e2eb; border-radius:10px; background:#fff; color:#243a52; text-decoration:none; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-focused .profile-archive-category-grid a:hover { border-color:#08b9e8; background:#f4fbfe; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-focused .profile-archive-category-grid strong { font-size:16px; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-focused .profile-archive-category-grid span { margin-top:8px; color:#52718a; font-size:12px; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-focused .profile-archive-category-grid i { margin-top:auto; color:#078fca; font-size:12px; font-style:normal; } @media(max-width:760px) { html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-focused .profile-archive-category-grid { grid-template-columns:1fr 1fr; } } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data .pixel-cat-action-row { position:static !important; grid-column:1/-1 !important; justify-content:flex-start !important; max-width:none !important; margin-top:6px !important; transform:none !important; gap:8px !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data .pixel-cat-action-row button { min-height:36px !important; padding:0 15px !important; border:1px solid #b8ccd9 !important; border-radius:8px !important; background:#fff !important; color:#176f98 !important; font-size:13px !important; font-weight:700 !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data .pixel-cat-action-row button[data-open-pet-room], html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data .pixel-cat-action-row button[data-feed-cat] { border-color:#08b9e8 !important; background:#08b9e8 !important; color:#fff !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data .pixel-cat-action-row button:hover { border-color:#08b9e8 !important; background:#edfaff !important; color:#0879a5 !important; } /* Learning archive: select a record type first, then browse only that type. */ html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-focused .profile-page-head { display:none !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-focused .profile-page-shell { width:min(1080px,calc(100% - 72px)) !important; padding-top:42px !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-focused .profile-archive { margin:0 !important; padding:0 !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-focused .profile-section-head { align-items:center !important; margin:0 !important; padding:0 0 22px !important; border-bottom:1px solid #dbe7f5 !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-focused .profile-section-head > div > span { display:block !important; color:#2f8cff !important; font-size:12px !important; font-weight:800 !important; letter-spacing:.08em !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-focused .profile-section-head h2 { margin:6px 0 0 !important; color:#17365f !important; font-size:30px !important; line-height:1.2 !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-focused .profile-section-head p { margin:7px 0 0 !important; color:#617a98 !important; font-size:14px !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-focused .profile-archive-page-actions { display:flex !important; align-items:center !important; gap:10px !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-focused .profile-archive-page-actions :is(a,button) { display:inline-flex !important; align-items:center !important; min-height:38px !important; padding:0 14px !important; border:1px solid #cbdcf1 !important; border-radius:9px !important; background:#fff !important; color:#426989 !important; font-size:13px !important; font-weight:700 !important; text-decoration:none !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-focused .profile-archive-page-actions a { color:#247ce5 !important; border-color:#a9cffd !important; background:#f3f8ff !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-focused .profile-archive-category-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:14px !important; margin:24px 0 10px !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-focused .profile-archive-category-grid a { position:relative !important; min-height:150px !important; padding:20px !important; overflow:hidden !important; border:1px solid #d6e5f7 !important; border-radius:14px !important; background:#fff !important; box-shadow:0 7px 20px rgba(52,113,181,.06) !important; color:#17365f !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-focused .profile-archive-category-grid a:hover { border-color:#8fc3ff !important; background:#f8fbff !important; box-shadow:0 12px 26px rgba(52,113,181,.11) !important; transform:translateY(-2px) !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-focused .profile-archive-category-grid a > i { display:grid !important; place-items:center !important; width:38px !important; height:38px !important; margin:0 0 15px !important; border-radius:10px !important; background:#edf6ff !important; color:#2f8cff !important; font-size:20px !important; font-style:normal !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-focused .profile-archive-category-grid strong { color:#24496e !important; font-size:17px !important; font-weight:800 !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-focused .profile-archive-category-grid span { margin-top:6px !important; color:#69829d !important; font-size:13px !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-focused .profile-archive-category-grid em { display:flex !important; align-items:center !important; gap:5px !important; margin-top:auto !important; color:#287fe8 !important; font-size:12px !important; font-style:normal !important; font-weight:750 !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-focused .profile-archive-category-grid em b { font-size:18px !important; font-weight:400 !important; line-height:1 !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-focused .profile-archive-overview-list { display:none !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-focused .profile-archive-sync { min-height:28px !important; margin-top:4px !important; color:#7088a2 !important; font-size:12px !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-focused:not(.profile-archive-focused-all) .profile-archive-list { margin-top:18px !important; max-height:calc(100vh - 280px) !important; border:1px solid #dbe7f5 !important; border-radius:14px !important; background:#fff !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-focused:not(.profile-archive-focused-all) .profile-archive-row { border-color:#e4edf8 !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-focused:not(.profile-archive-focused-all) .profile-archive-list strong { color:#24496e !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-focused:not(.profile-archive-focused-all) .profile-archive-list :is(p,time) { color:#6b839d !important; } @media(max-width:760px) { html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-focused .profile-page-shell { width:min(100% - 32px,680px) !important; padding-top:26px !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-focused .profile-section-head { align-items:flex-start !important; flex-direction:column !important; gap:15px !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-focused .profile-archive-category-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } } /* The default "我的" archive route uses the same picker even if a legacy * navigation link reaches profile/index rather than /archive/all. */ html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-modules .profile-page-head { display:none !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-modules .profile-page-shell { width:min(1080px,calc(100% - 72px)) !important; padding-top:42px !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-modules :is(.profile-dashboard-panel,.profile-beta-tools,.profile-knowledge,.profile-account-row) { display:none !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-modules .profile-archive { margin:0 !important; padding:0 !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-modules .profile-section-head { align-items:center !important; margin:0 !important; padding:0 0 22px !important; border-bottom:1px solid #dbe7f5 !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-modules .profile-section-head > div > span { display:block !important; color:#2f8cff !important; font-size:12px !important; font-weight:800 !important; letter-spacing:.08em !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-modules .profile-section-head h2 { margin:6px 0 0 !important; color:#17365f !important; font-size:30px !important; line-height:1.2 !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-modules .profile-section-head p { margin:7px 0 0 !important; color:#617a98 !important; font-size:14px !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-modules .profile-section-head > button { min-height:38px !important; padding:0 14px !important; border:1px solid #cbdcf1 !important; border-radius:9px !important; background:#fff !important; color:#426989 !important; font-size:13px !important; font-weight:700 !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-modules .profile-archive-category-grid { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:14px !important; margin:24px 0 10px !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-modules .profile-archive-category-grid a { display:flex !important; flex-direction:column !important; min-height:150px !important; padding:20px !important; border:1px solid #d6e5f7 !important; border-radius:14px !important; background:#fff !important; box-shadow:0 7px 20px rgba(52,113,181,.06) !important; color:#17365f !important; text-decoration:none !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-modules .profile-archive-category-grid a > i { display:grid !important; place-items:center !important; width:38px !important; height:38px !important; margin:0 0 15px !important; border-radius:10px !important; background:#edf6ff !important; color:#2f8cff !important; font-size:20px !important; font-style:normal !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-modules .profile-archive-category-grid strong { color:#24496e !important; font-size:17px !important; font-weight:800 !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-modules .profile-archive-category-grid span { margin-top:6px !important; color:#69829d !important; font-size:13px !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-modules .profile-archive-category-grid em { display:flex !important; align-items:center !important; gap:5px !important; margin-top:auto !important; color:#287fe8 !important; font-size:12px !important; font-style:normal !important; font-weight:750 !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-modules .profile-archive-category-grid em b { font-size:18px !important; font-weight:400 !important; line-height:1 !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-modules .profile-archive-overview-list { display:none !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-modules .profile-archive-sync { min-height:28px !important; margin-top:4px !important; color:#7088a2 !important; font-size:12px !important; } @media(max-width:760px) { html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-modules .profile-page-shell { width:min(100% - 32px,680px) !important; padding-top:26px !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-modules .profile-section-head { align-items:flex-start !important; flex-direction:column !important; gap:15px !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-archive-modules .profile-archive-category-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } } /* Keep the archive on the profile home airy: heading first, cards below. */ html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-home-overview .profile-archive { display:grid !important; grid-template-columns:1fr !important; gap:0 !important; margin-top:34px !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-home-overview .profile-archive > .profile-section-head { grid-column:1 !important; display:flex !important; align-items:flex-end !important; justify-content:space-between !important; gap:24px !important; padding:0 0 20px !important; border-bottom:1px solid #dbe7f5 !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-home-overview .profile-archive > .profile-section-head h2 { margin:5px 0 0 !important; color:#17365f !important; font-size:28px !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-home-overview .profile-archive > .profile-section-head > button { flex:0 0 auto !important; margin:0 !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-home-overview .profile-archive-category-grid { grid-column:1 !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:18px !important; margin:22px 0 8px !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-home-overview .profile-archive-category-grid a { min-height:166px !important; padding:22px 24px !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-home-overview .profile-archive-category-grid a > i { margin-bottom:17px !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-home-overview .profile-archive-sync { grid-column:1 !important; margin-top:5px !important; } @media(max-width:760px) { html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-home-overview .profile-archive > .profile-section-head { align-items:flex-start !important; flex-direction:column !important; gap:14px !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-home-overview .profile-archive-category-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; } html body:is(.desktop-light,.desktop-dark).route-profile #desktop-my-data.profile-home-overview .profile-archive-category-grid a { min-height:148px !important; padding:18px !important; } } /* Archive detail routes do not always receive the profile route class. Keep * their header self-contained so an old profile header cannot leave a blank * upper-right corner or a clipped icon. */ html body #desktop-my-data.profile-archive-focused .profile-page-head { display:none !important; } html body #desktop-my-data.profile-archive-focused .profile-page-shell { width:min(1080px,calc(100% - 72px)) !important; margin:0 auto !important; padding:42px 0 64px !important; } html body #desktop-my-data.profile-archive-focused .profile-archive { display:block !important; margin:0 !important; padding:0 !important; } html body #desktop-my-data.profile-archive-focused .profile-section-head { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:24px !important; margin:0 !important; padding:0 0 22px !important; border-bottom:1px solid #dbe7f5 !important; } html body #desktop-my-data.profile-archive-focused .profile-section-head > div > span { display:block !important; color:#2f8cff !important; font-size:12px !important; font-weight:800 !important; letter-spacing:.08em !important; } html body #desktop-my-data.profile-archive-focused .profile-section-head h2 { margin:6px 0 0 !important; color:#17365f !important; font-size:30px !important; line-height:1.2 !important; } html body #desktop-my-data.profile-archive-focused .profile-section-head p { margin:7px 0 0 !important; color:#617a98 !important; font-size:14px !important; line-height:1.6 !important; } html body #desktop-my-data.profile-archive-focused .profile-archive-page-actions { display:flex !important; align-items:center !important; gap:10px !important; flex:0 0 auto !important; } html body #desktop-my-data.profile-archive-focused .profile-archive-page-actions :is(a,button) { display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:40px !important; padding:0 15px !important; border:1px solid #cbdcf1 !important; border-radius:9px !important; background:#fff !important; color:#426989 !important; font-size:13px !important; font-weight:700 !important; line-height:1 !important; text-decoration:none !important; white-space:nowrap !important; } html body #desktop-my-data.profile-archive-focused .profile-archive-page-actions a { border-color:#a9cffd !important; background:#f3f8ff !important; color:#247ce5 !important; } html body #desktop-my-data.profile-archive-focused .profile-archive-sync { min-height:30px !important; margin-top:8px !important; color:#7088a2 !important; font-size:12px !important; } html body #desktop-my-data.profile-archive-focused .profile-archive-list { max-height:calc(100vh - 270px) !important; margin-top:12px !important; overflow:auto !important; border:1px solid #dbe7f5 !important; border-radius:14px !important; background:#fff !important; } html body #desktop-my-data.profile-archive-focused .profile-archive-row { border-color:#e4edf8 !important; } html body #desktop-my-data.profile-archive-focused .profile-archive-list strong { color:#24496e !important; } html body #desktop-my-data.profile-archive-focused .profile-archive-list :is(p,time) { color:#6b839d !important; } @media(max-width:760px) { html body #desktop-my-data.profile-archive-focused .profile-page-shell { width:min(100% - 32px,680px) !important; padding-top:26px !important; } html body #desktop-my-data.profile-archive-focused .profile-section-head { align-items:flex-start !important; flex-direction:column !important; gap:15px !important; } html body #desktop-my-data.profile-archive-focused .profile-archive-page-actions { width:100% !important; } } /* Official learning center: make the desktop start page readable at a glance. * One primary route, two supporting routes, then evenly sized textbook and * practice cards. This removes the former large empty panel without hiding * any learning entry. */ html body.desktop-light #desktop-official-library .official-library-shell { width:min(100% - 56px, 1240px) !important; padding:34px 0 56px !important; } html body.desktop-light #desktop-official-library .official-library-head { min-height:0 !important; padding-bottom:20px !important; } html body.desktop-light #desktop-official-library .official-library-head h1 { margin:0 !important; color:#172b45 !important; font-size:30px !important; line-height:1.25 !important; } html body.desktop-light #desktop-official-library .official-head-action { display:inline-flex !important; align-items:center !important; min-height:38px !important; padding:0 14px !important; border:1px solid #b9eaf7 !important; border-radius:8px !important; background:#fff !important; color:#078fca !important; font-size:14px !important; font-weight:700 !important; } html body.desktop-light #desktop-official-library .official-command-grid { grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr) !important; align-items:stretch !important; gap:20px !important; margin-top:24px !important; } html body.desktop-light #desktop-official-library .official-yibentong-slot { gap:12px !important; } html body.desktop-light #desktop-official-library .official-puzzle-quick-link { min-height:54px !important; padding:10px 14px !important; border-color:#c9eaf5 !important; border-radius:10px !important; background:#f7fcff !important; } html body.desktop-light #desktop-official-library .official-puzzle-quick-link > i { width:34px !important; height:34px !important; border-color:#b9eaf7 !important; background:#e4f8fd !important; color:#078fca !important; } html body.desktop-light #desktop-official-library .official-puzzle-quick-link strong { color:#29465f !important; font-size:15px !important; } html body.desktop-light #desktop-official-library .official-command-primary.official-yibentong-hero { min-height:252px !important; padding:26px 28px !important; border-color:#b9eaf7 !important; border-radius:12px !important; background:linear-gradient(135deg,#f1fbfe 0%,#fff 72%) !important; box-shadow:none !important; } html body.desktop-light #desktop-official-library .official-yibentong-hero-copy { max-width:100% !important; margin:0 !important; padding:0 !important; } html body.desktop-light #desktop-official-library .official-yibentong-hero-copy h2 { margin:0 0 10px !important; color:#172b45 !important; font-size:28px !important; } html body.desktop-light #desktop-official-library .official-yibentong-hero-copy p { max-width:38em !important; margin:0 !important; color:#526f86 !important; font-size:15px !important; line-height:1.65 !important; } html body.desktop-light #desktop-official-library .official-command-primary footer { margin-top:auto !important; padding-top:20px !important; } html body.desktop-light #desktop-official-library .official-command-primary footer b { display:inline-flex !important; align-items:center !important; min-height:38px !important; padding:0 14px !important; border-radius:8px !important; background:#12c1e8 !important; color:#fff !important; font-size:14px !important; } html body.desktop-light #desktop-official-library .official-command-route { min-height:318px !important; padding:22px !important; gap:12px !important; border-color:#d5ebf4 !important; border-radius:12px !important; background:#fff !important; } html body.desktop-light #desktop-official-library .official-command-route > header h2 { margin:0 !important; color:#29465f !important; font-size:21px !important; } html body.desktop-light #desktop-official-library .official-command-route > a.is-featured.is-hero { min-height:104px !important; padding:16px !important; border-color:#d5ebf4 !important; border-radius:10px !important; background:#f9fcfe !important; } html body.desktop-light #desktop-official-library .official-command-route > a.is-featured.is-hero strong { color:#29465f !important; font-size:17px !important; } html body.desktop-light #desktop-official-library .official-command-route > a.is-featured.is-hero span { color:#627d92 !important; font-size:13px !important; } html body.desktop-light #desktop-official-library .official-foundation-section, html body.desktop-light #desktop-official-library .official-output-section { margin-top:30px !important; } html body.desktop-light #desktop-official-library .official-section-heading h2 { color:#172b45 !important; font-size:24px !important; } html body.desktop-light #desktop-official-library .official-library-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:12px !important; } html body.desktop-light #desktop-official-library .official-textbook-card { min-height:100px !important; padding:18px !important; border-color:#d5ebf4 !important; border-radius:10px !important; background:#fff !important; } html body.desktop-light #desktop-official-library .official-textbook-card > div > strong { color:#29465f !important; font-size:16px !important; } html body.desktop-light #desktop-official-library .official-textbook-card > div > small { color:#52718a !important; font-size:12px !important; } html body.desktop-light #desktop-official-library .official-textbook-card > b, html body.desktop-light #desktop-official-library .official-writing-flow b { color:#078fca !important; } html body.desktop-light #desktop-official-library .official-writing-flow { grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:12px !important; } html body.desktop-light #desktop-official-library .official-writing-flow > a { min-height:112px !important; padding:18px !important; border-color:#d5ebf4 !important; border-radius:10px !important; background:#fff !important; } html body.desktop-light #desktop-official-library .official-writing-flow strong { color:#29465f !important; font-size:16px !important; } html body.desktop-light #desktop-official-library .official-writing-flow span { color:#627d92 !important; font-size:13px !important; } @media(max-width:980px) { html body.desktop-light #desktop-official-library .official-command-grid { grid-template-columns:1fr !important; } html body.desktop-light #desktop-official-library .official-writing-flow { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } } @media(max-width:700px) { html body.desktop-light #desktop-official-library .official-library-shell { width:calc(100% - 32px) !important; padding-top:22px !important; } html body.desktop-light #desktop-official-library .official-library-grid { grid-template-columns:1fr !important; } } /* Topic detail: readable labels and no duplicated row separators, day and night. */ html body:is(.desktop-light,.desktop-dark) #desktop-exam-topic-detail .topic-detail-shell { width:100% !important; max-width:1180px !important; min-width:0 !important; box-sizing:border-box !important; padding:28px 24px 64px !important; margin:0 auto !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-topic-detail :is(.topic-detail-grid,.topic-detail-command,.topic-detail-plan > div) { min-width:0 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-topic-detail .topic-detail-shell article { min-width:0 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-topic-detail :is(header > span,header > div > span) { display:none !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-topic-detail .topic-detail-samples > a { display:block !important; border-top-width:0 !important; border-bottom-width:1px !important; border-radius:0 !important; padding:18px 12px !important; margin:0 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-topic-detail .topic-detail-samples > a > p { font-size:16px !important; line-height:1.75 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-topic-detail :is(.topic-detail-plan p,.topic-detail-bars span,.topic-detail-schools span,.topic-detail-samples footer span) { font-size:14px !important; line-height:1.6 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-topic-detail .topic-detail-samples footer { display:flex !important; flex-wrap:wrap !important; gap:8px !important; } @media(max-width:1200px) { html body:is(.desktop-light,.desktop-dark) #desktop-exam-topic-detail :is(.topic-detail-grid,.topic-detail-command) { grid-template-columns:minmax(0,1fr) !important; } } /* Exam metadata remains legible in both themes. */ html body:is(.desktop-light,.desktop-dark) #desktop-exam-school-detail .school-question-row > footer span { font-size:12px !important; max-width:none !important; white-space:normal !important; overflow:visible !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-school-detail .school-question-row > footer { flex-wrap:wrap !important; gap:6px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-list .desktop-exam-question-tags span, html body:is(.desktop-light,.desktop-dark) #desktop-exam-topic-dashboard .topic-dash-row :is(footer,small), html body:is(.desktop-light,.desktop-dark) #desktop-exam-detail :is(.exam-detail-notes-list footer,.exam-detail-kicker small,.exam-detail-notes-compose small), html body:is(.desktop-light,.desktop-dark) #desktop-exam-drill .exam-drill-guide li small { font-size:13px !important; line-height:1.6 !important; } /* Dark mode must stay dark. The shared workflow rules above intentionally * shape both themes, so this final theme guard restores the dark tokens after * the light-mode geometry rules have run. */ html body.desktop-dark #desktop-grade-hub { color:#edf8fb !important; background:#09131d !important; } html body.desktop-dark #desktop-grade-hub .desktop-grade-head, html body.desktop-dark #desktop-grade-hub .desktop-grade-typebar, html body.desktop-dark #desktop-grade-hub .desktop-grade-footer { border-color:#28404e !important; } html body.desktop-dark #desktop-grade-hub .desktop-grade-head h1, html body.desktop-dark #desktop-grade-hub .desktop-grade-panel > header span, html body.desktop-dark #desktop-grade-hub .desktop-grade-submit-copy strong { color:#edf8fb !important; } html body.desktop-dark #desktop-grade-hub .desktop-grade-head p, html body.desktop-dark #desktop-grade-hub .desktop-grade-panel > header small, html body.desktop-dark #desktop-grade-hub .desktop-grade-submit-copy p, html body.desktop-dark #desktop-grade-hub .desktop-grade-submit-copy small, html body.desktop-dark #desktop-grade-hub .desktop-grade-input-meta { color:#9ab2bc !important; } html body.desktop-dark #desktop-grade-hub .desktop-grade-head > a { color:#75f5df !important; border-bottom-color:#43e6cf !important; } html body.desktop-dark #desktop-grade-hub .desktop-grade-panel { border-color:#28404e !important; background:#0e1a23 !important; box-shadow:none !important; } html body.desktop-dark #desktop-grade-hub .desktop-grade-panel:focus-within { border-color:#356170 !important; background:#10202a !important; box-shadow:0 0 0 3px rgba(67,230,207,.10) !important; } html body.desktop-dark #desktop-grade-hub .desktop-grade-panel > header { border-bottom-color:#28404e !important; background:#12232d !important; } html body.desktop-dark #desktop-grade-hub .desktop-grade-panel > header b { background:rgba(67,230,207,.13) !important; color:#75f5df !important; } html body.desktop-dark #desktop-grade-hub .desktop-grade-input-modes { border-color:#28404e !important; background:#0a151d !important; } html body.desktop-dark #desktop-grade-hub .desktop-grade-typebar-copy span, html body.desktop-dark #desktop-grade-hub .desktop-grade-typebar-copy strong { color:#9ab2bc !important; } html body.desktop-dark #desktop-grade-hub .desktop-grade-typebar button { background:#0e1a23 !important; color:#9ab2bc !important; } html body.desktop-dark #desktop-grade-hub .desktop-grade-input-modes button { color:#9ab2bc !important; } html body.desktop-dark #desktop-grade-hub .desktop-grade-typebar button.is-active, html body.desktop-dark #desktop-grade-hub .desktop-grade-input-modes button.is-active { background:rgba(67,230,207,.13) !important; color:#eafffc !important; } html body.desktop-dark #desktop-grade-hub .desktop-grade-panel textarea { border-color:#28404e !important; background:#0a151d !important; color:#edf8fb !important; box-shadow:none !important; } html body.desktop-dark #desktop-grade-hub .desktop-grade-panel textarea::placeholder { color:#7f9aa5 !important; } html body.desktop-dark #desktop-grade-hub .desktop-grade-panel textarea:focus { border-color:#43e6cf !important; box-shadow:0 0 0 3px rgba(67,230,207,.11) !important; } html body.desktop-dark #desktop-grade-hub .desktop-grade-input-meta span:last-child { color:#8fb3bd !important; } html body.desktop-dark #desktop-grade-hub .desktop-grade-submit { background:linear-gradient(135deg,#43e6cf,#59d7ee) !important; color:#07222a !important; box-shadow:0 8px 20px rgba(52,207,212,.18) !important; } html body.desktop-dark #desktop-grade-hub .desktop-grade-submit small { color:rgba(7,34,42,.72) !important; } /* Full-paper library: daylight follows the product's existing white and blue * language. These selectors sit after legacy shell styles that still supply * charcoal and green defaults to the paper index. */ html body.desktop-light #desktop-exam-papers { --day-blue-text:#007b9b; --day-blue-accent:#00ccf9; --day-blue-line:#8fd8ed; --day-blue-soft:#e7f7fc; --day-blue-rgb:0,123,155; background:#fff !important; color:#334155 !important; } html body.desktop-light #desktop-exam-papers .exam-paper-picker, html body.desktop-light #desktop-exam-papers .exam-paper-grid button, html body.desktop-light #desktop-exam-papers .exam-paper-group-empty { border-color:#d2e5ec !important; background:#fff !important; box-shadow:none !important; } html body.desktop-light #desktop-exam-papers .exam-paper-group > header { border-bottom-color:#d2e5ec !important; } html body.desktop-light #desktop-exam-papers .exam-paper-group > header > span { border-color:#00ccf9 !important; background:#00ccf9 !important; color:#fff !important; } html body.desktop-light #desktop-exam-papers :is(.exam-paper-group > header h2,.exam-paper-grid button strong) { color:#334155 !important; } html body.desktop-light #desktop-exam-papers :is(.exam-paper-group > header p,.exam-paper-group > header > strong,.exam-paper-picker label,.exam-paper-picker strong,.exam-paper-grid button small,.exam-paper-group-empty) { color:#526779 !important; } html body.desktop-light #desktop-exam-papers :is(.exam-paper-grid button > span,.exam-paper-grid button b) { color:#007b9b !important; } html body.desktop-light #desktop-exam-papers .exam-paper-grid button:hover, html body.desktop-light #desktop-exam-papers .exam-paper-grid button:focus-visible { border-color:#00ccf9 !important; background:#e7f7fc !important; outline:0 !important; } html body.desktop-light #desktop-exam-papers .exam-paper-picker select { border-color:#b8ddea !important; background:#fff !important; color:#334155 !important; } html body.desktop-light #desktop-exam-papers .exam-paper-picker select:focus { border-color:#00ccf9 !important; box-shadow:0 0 0 3px rgba(0,204,249,.14) !important; } /* Topic header and cloud hierarchy must win over generic text normalization. */ html body:is(.desktop-light,.desktop-dark) #desktop-exam-topic-detail .topic-detail-shell .topic-detail-head { display:grid !important; grid-template-columns:40px minmax(0,1fr) auto !important; align-items:center !important; gap:16px !important; padding:0 0 24px !important; min-height:0 !important; box-shadow:none !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-topic-detail .topic-detail-head h1 { margin:0 0 8px !important; font-size:28px !important; line-height:1.3 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-topic-detail .topic-detail-head p { margin:0 !important; font-size:14px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-topic-detail .topic-detail-head > button { margin:0 !important; width:40px !important; height:40px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-topic-detail .topic-detail-cloud { align-content:center !important; gap:14px !important; min-height:220px !important; padding:24px 12px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-topic-detail .topic-detail-cloud a { padding:10px 14px !important; border-radius:10px !important; max-width:100%; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-topic-detail .topic-detail-cloud a span { white-space:normal !important; line-height:1.35 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-topic-detail .topic-detail-cloud a.level-0 span { font-size:32px !important; font-weight:800 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-topic-detail .topic-detail-cloud a.level-1 span { font-size:26px !important; font-weight:750 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-topic-detail .topic-detail-cloud a.level-2 span { font-size:21px !important; font-weight:700 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-topic-detail .topic-detail-cloud a.level-3 span { font-size:17px !important; font-weight:600 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-topic-detail .topic-detail-cloud a.level-4 span, html body:is(.desktop-light,.desktop-dark) #desktop-exam-topic-detail .topic-detail-cloud a.level-5 span { font-size:15px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-topic-detail .topic-detail-loading { padding:32px !important; font-size:16px !important; border-radius:12px !important; } /* Topic analysis needs whitespace, not a frame around every section. */ html body:is(.desktop-light,.desktop-dark) #desktop-exam-topic-detail :is(.topic-detail-command,.topic-detail-plan,.topic-detail-grid,.topic-detail-samples) { border-width:0 !important; background:transparent !important; box-shadow:none !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-topic-detail .topic-detail-command { display:block !important; margin-top:28px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-topic-detail .topic-detail-command > article { border-width:0 !important; padding:0 !important; background:transparent !important; box-shadow:none !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-topic-detail .topic-detail-plan { margin-top:32px !important; padding:0 !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-topic-detail .topic-detail-plan > div { gap:16px !important; margin-top:14px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-topic-detail .topic-detail-plan article { min-height:0 !important; padding:16px !important; border-width:0 !important; box-shadow:none !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-topic-detail .topic-detail-grid { gap:28px !important; margin-top:36px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-topic-detail .topic-detail-grid > article { padding:0 !important; border-width:0 !important; background:transparent !important; box-shadow:none !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-topic-detail .topic-detail-samples { padding:0 !important; margin-top:36px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-topic-detail .topic-detail-stats { gap:0 !important; margin-top:20px !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-topic-detail .topic-detail-stats article { min-height:76px !important; border-width:0 0 0 1px !important; border-radius:0 !important; padding:12px 20px !important; box-shadow:none !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-topic-detail .topic-detail-stats article:first-child { border-left-width:0 !important; } @media(max-width:760px) { html body:is(.desktop-light,.desktop-dark) #desktop-exam-topic-detail .topic-detail-shell .topic-detail-head { grid-template-columns:40px minmax(0,1fr) !important; } html body:is(.desktop-light,.desktop-dark) #desktop-exam-topic-detail .topic-detail-head nav { grid-column:2 !important; } }