/* Reading list only. Keep legacy pages and passport/consultation overlays isolated. */
body.rl-page {margin:0;min-width:0;background:#f8fafc;color:#0f172b;font:14px/1.5 "PingFang SC","Microsoft YaHei",Arial,sans-serif;}
.rl-page .rl-header,.rl-page .rl-shell,.rl-page .rl-footer {box-sizing:border-box;}
.rl-page .rl-header *,.rl-page .rl-shell *,.rl-page .rl-footer * {box-sizing:border-box;}
.rl-page [hidden] {display:none!important;}
.rl-page .rl-header a,.rl-page .rl-shell a,.rl-page .rl-footer a {color:inherit;text-decoration:none;cursor:pointer;}
.rl-page .rl-shell button,.rl-page .rl-header button,.rl-page .rl-back-top {font:inherit;cursor:pointer;}
.rl-page .rl-shell h2,.rl-page .rl-shell h3,.rl-page .rl-shell p,.rl-page .rl-footer p {margin:0;}
.rl-page .rl-shell button:focus-visible,.rl-page a:focus-visible,.rl-page summary:focus-visible {outline:3px solid #8bb5ff;outline-offset:4px;}
.rl-page .rl-skip {position:fixed;left:20px;top:-100px;z-index:1000;padding:10px;background:#fff;}
.rl-page .rl-skip:focus {top:8px;}
.rl-page .rl-header {height:71px;background:#fff;border-bottom:1px solid #ecedf0;}
/* Override the legacy a:focus ring: pointer clicks stay clean, keyboard focus remains visible. */
.rl-page .rl-header a:focus,.rl-page .rl-header button:focus,.rl-page .rl-header summary:focus {outline:2px solid #8bb5ff;outline-offset:2px;}
.rl-page .rl-header a:focus:not(:focus-visible),.rl-page .rl-header button:focus:not(:focus-visible),.rl-page .rl-header summary:focus:not(:focus-visible) {outline:none;box-shadow:none;}
.rl-page .rl-header-inner {max-width:1200px;height:100%;margin:auto;display:flex;align-items:center;gap:24px;padding:0;}
.rl-page .rl-brand {width:145px;flex-shrink:0;display:flex;align-items:center;}
.rl-page .rl-brand img {max-width:145px;max-height:48px;object-fit:contain;}
.rl-page .rl-exam-switch,.rl-page .rl-account {position:relative;}
.rl-page summary {cursor:pointer;list-style:none;}
.rl-page summary::-webkit-details-marker {display:none;}
.rl-page .rl-exam-switch summary {border:1px solid #ecedf0;border-radius:8px;padding:2px 12px;font-size:18px;font-weight:600;white-space:nowrap;}
.rl-page .rl-exam-switch summary span {margin-left:12px;color:#8992a1;}
.rl-page .rl-exam-switch>div,.rl-page .rl-account>div {position:absolute;top:calc(100% + 12px);right:0;min-width:130px;padding:8px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 24px #142c5012;z-index:30;}
.rl-page .rl-exam-switch>div a,.rl-page .rl-account>div a {display:block;padding:8px 12px;white-space:nowrap;}
.rl-page .rl-main-nav {display:flex;align-items:center;align-self:stretch;gap:36px;}
.rl-page .rl-main-nav a {position:relative;display:flex;align-items:center;font-size:16px;white-space:nowrap;}
.rl-page .rl-main-nav .is-active:after {content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;border-radius:2px;background:#1769ff;transform:none;}
.rl-page .rl-account,.rl-page .rl-login {margin-left:auto;}
.rl-page .rl-account summary {max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#424c59;}
.rl-page .rl-login {border:0;background:#eff5ff;color:#1769ff;border-radius:8px;padding:8px 16px;white-space:nowrap;}
.rl-page .rl-shell {max-width:1200px;margin:24px auto 64px;display:grid;grid-template-columns:minmax(0,900px) 276px;gap:24px;align-items:start;min-height:65vh;}
.rl-page .rl-main {min-width:0;}
.rl-page .rl-filters {border:1px solid #e2e8f0;background:#fff;border-radius:12px;padding:0 20px 20px;}
.rl-page .rl-subjects {display:flex;gap:40px;border-bottom:1px solid #ecedf0;height:58px;align-items:stretch;}
.rl-page .rl-subjects a {position:relative;font-size:18px;display:flex;align-items:center;font-weight:500;}
.rl-page .rl-subjects .is-active {color:#1769ff;}
.rl-page .rl-subjects .is-active:after {content:"";height:3px;width:24px;position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);background:#1769ff;border-radius:3px;}
.rl-page .rl-source-row {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0 16px;}
.rl-page .rl-sources {display:flex;gap:8px;flex-wrap:wrap;}
.rl-page .rl-sources a {padding:5px 18px;border-radius:6px;color:#62748e;font-size:16px;}
.rl-page .rl-sources .is-active {background:#1769ff;color:#fff;}
.rl-page .rl-help {position:relative;color:#62748e;font-size:13px;flex-shrink:0;}
.rl-page .rl-help p {position:absolute;right:0;top:30px;width:270px;background:#fff;padding:16px;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 24px #142c5012;z-index:20;line-height:1.8;}
.rl-page .rl-modes {display:flex;gap:28px;padding:0 0 14px;border-bottom:1px solid #f1f5f9;}
.rl-page .rl-modes button {padding:0;border:0;color:#62748e;background:none;line-height:24px;}
.rl-page .rl-modes .is-active {color:#1769ff;font-weight:500;}
.rl-page .rl-labels {display:flex;gap:8px;flex-wrap:wrap;padding-top:16px;}
.rl-page .rl-label {padding:5px 10px;min-width:72px;text-align:center;line-height:24px;border-radius:6px;border:1px solid transparent;color:#424c59!important;}
.rl-page .rl-label:hover {background:#f1f5f9;}
.rl-page .rl-label.is-active {background:#edf4ff;border-color:#b8d1ff;color:#1769ff!important;}
.rl-page .rl-expand {border:0;background:none;color:#62748e;display:block;margin:12px auto 0;padding:2px 12px;}
.rl-page .rl-type-filters {padding-top:16px;}
.rl-page .rl-type-filters p {color:#62748e;font-size:12px;margin-bottom:10px;}
.rl-page .rl-type-filters>div {display:flex;gap:8px;flex-wrap:wrap;}
.rl-page .rl-type-filters button {border:1px solid #e2e8f0;background:white;border-radius:6px;color:#424c59;padding:5px 14px;}
.rl-page .rl-type-filters .is-active {background:#edf4ff;border-color:#b8d1ff;color:#1769ff;}
.rl-page .rl-resume {display:flex;align-items:center;gap:14px;border:1px solid #d8e6ff;border-radius:10px;background:#edf4ff;padding:16px 20px;margin:20px 0 0;}
.rl-page .rl-resume-icon {font-size:28px;color:#1769ff;}
.rl-page .rl-resume>div {flex:1;min-width:0;}
.rl-page .rl-resume h2 {font-size:14px;font-weight:600;}
.rl-page .rl-resume p {color:#62748e;font-size:13px;margin-top:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.rl-page .rl-group {margin-top:24px;}
.rl-page .rl-group>h2 {display:flex;align-items:center;gap:10px;font-size:20px;line-height:28px;font-weight:600;margin-bottom:14px;}
.rl-page .rl-difficulty {font-size:12px;line-height:22px;font-weight:500;min-width:24px;padding:0 5px;text-align:center;border-radius:4px;}
.rl-page .rl-difficulty--medium {color:#cc8a12;background:#fff3d7;}
.rl-page .rl-difficulty--easy {color:#17955d;background:#e9f8ef;}
.rl-page .rl-difficulty--hard {color:#eb6441;background:#fff0e9;}
.rl-page .rl-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.rl-page .rl-card {padding:20px 16px 16px;min-width:0;border:1px solid #e2e8f0;border-radius:10px;background:white;display:flex;align-items:flex-start;flex-direction:column;transition:box-shadow .18s,border-color .18s;}
.rl-page .rl-card:hover {border-color:#b8d1ff;box-shadow:0 5px 18px #163d7710;}
.rl-page .rl-card h3 {font-size:16px;font-weight:500;line-height:24px;min-height:48px;overflow-wrap:anywhere;}
.rl-page .rl-tag {display:inline-block;padding:2px 8px;font-size:12px;line-height:20px;color:#62748e;background:#f1f5f9;border-radius:4px;margin:12px 0 22px;}
.rl-page .rl-card-meta {display:flex;justify-content:space-between;gap:6px;flex-wrap:wrap;width:100%;font-size:12px;color:#62748e;margin-top:auto;}
.rl-page .rl-card-meta [data-state="pending"] {color:#1769ff;}
.rl-page .rl-card-meta [data-state="complete"] {color:#17955d;}
.rl-page .rl-card-actions {display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px;margin-top:16px;}
.rl-page .rl-review {font-size:13px;color:#62748e!important;}
.rl-page .rl-review:hover {color:#1769ff!important;}
.rl-page .rl-button {display:inline-flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;background:#1769ff;color:#fff!important;border:1px solid #1769ff;border-radius:6px;line-height:20px;padding:7px 14px;font-size:13px;font-weight:500;}
.rl-page .rl-button:hover {background:#0957e6;}
.rl-page .rl-button[aria-disabled="true"],.rl-page .rl-button:disabled {background:#edf0f5;color:#8a95a5!important;border-color:#edf0f5;cursor:default;}
.rl-page .rl-blocked {font-size:12px;color:#8a95a5;}
.rl-page .rl-tools {border:1px solid #e2e8f0;background:#fff;border-radius:12px;padding:20px;}
.rl-page .rl-tools h2 {font-size:16px;font-weight:600;margin:0 0 16px;}
.rl-page .rl-tools>a {display:flex;gap:12px;align-items:center;padding:16px 0;border-top:1px solid #f1f5f9;font-size:14px;}
.rl-page .rl-tools>a:last-child {padding-bottom:0;}
.rl-page .rl-tools small {display:block;font-size:11px;color:#8995a6;margin-top:4px;}
.rl-page .rl-tools>a>span:last-child {margin-left:auto;color:#8995a6;}
.rl-page .rl-tool-icon {background:#edf4ff;color:#1769ff;border-radius:10px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;}
.rl-page .rl-empty {padding:64px 24px;border:1px dashed #d3dce8;border-radius:12px;text-align:center;background:#fff;margin-top:24px;color:#62748e;}
.rl-page .rl-empty h2 {font-size:18px;font-weight:500;color:#424c59;margin-bottom:8px;}
.rl-page .rl-empty a {display:inline-block;margin-top:20px;color:#1769ff;}
.rl-page .rl-status-notice {padding:12px 16px;margin-top:16px;color:#7f5c14;background:#fff8e7;border:1px solid #f4e5b9;border-radius:8px;font-size:13px;}
.rl-page .rl-status-notice button {border:0;background:transparent;color:#1769ff;text-decoration:underline;margin-left:8px;}
.rl-page .rl-footer {background:#fff;border-top:1px solid #ecedf0;padding:40px 24px 20px;color:#62748e;}
.rl-page .rl-footer-inner {max-width:1200px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:48px;}
.rl-page .rl-footer h2 {font-size:14px;color:#0f172b;font-weight:600;margin:0 0 16px;}
.rl-page .rl-footer a {display:block;margin:8px 0;font-size:13px;}
.rl-page .rl-footer-about img {max-width:145px;max-height:48px;}
.rl-page .rl-footer-about p {max-width:300px;font-size:13px;line-height:1.9;margin-top:16px;}
.rl-page .rl-copyright {max-width:1200px;margin:32px auto 0;padding-top:20px;border-top:1px solid #f1f5f9;text-align:center;font-size:12px;color:#8995a6;}
.rl-page .rl-copyright a {display:inline;margin-left:16px;font-size:12px;}
.rl-page .rl-back-top {position:fixed;right:24px;bottom:24px;border:1px solid #e2e8f0;border-radius:8px;width:40px;height:40px;background:#fff;color:#62748e;box-shadow:0 4px 16px #163d7710;}
@media not all /* PC layout: responsive collapse disabled */ {.rl-page .rl-header-inner {padding:0 24px;}.rl-page .rl-shell {margin-left:24px;margin-right:24px;grid-template-columns:minmax(0,1fr) 240px;}.rl-page .rl-header-inner {gap:20px;}.rl-page .rl-main-nav {gap:24px;}}
@media not all /* PC layout: responsive collapse disabled */ {.rl-page .rl-shell {grid-template-columns:minmax(0,1fr);}.rl-page .rl-tools {display:none;}}
@media not all /* PC layout: responsive collapse disabled */ {.rl-page .rl-header {height:auto;}.rl-page .rl-header-inner {padding:12px 16px;gap:12px;flex-wrap:wrap;}.rl-page .rl-brand {width:105px;}.rl-page .rl-brand img {max-width:105px;}.rl-page .rl-exam-switch summary {font-size:14px;}.rl-page .rl-main-nav {order:4;width:100%;justify-content:space-between;gap:16px;height:40px;}.rl-page .rl-main-nav a {font-size:14px;}.rl-page .rl-account summary {max-width:105px;font-size:12px;}.rl-page .rl-shell {margin:16px 12px 32px;}.rl-page .rl-filters {padding:0 16px 16px;}.rl-page .rl-subjects {gap:0;justify-content:space-between;}.rl-page .rl-subjects a {font-size:16px;}.rl-page .rl-sources a {padding:5px 12px;font-size:14px;}.rl-page .rl-source-row {gap:8px;}.rl-page .rl-help {font-size:12px;}.rl-page .rl-grid {grid-template-columns:minmax(0,1fr);gap:12px;}.rl-page .rl-card h3 {min-height:0;}.rl-page .rl-card {padding:18px;}.rl-page .rl-tag {margin-bottom:16px;}.rl-page .rl-resume {padding:14px 12px;gap:10px;flex-wrap:wrap;}.rl-page .rl-resume .rl-button {margin-left:38px;}.rl-page .rl-footer-inner {grid-template-columns:1fr 1fr;gap:28px;}.rl-page .rl-footer-about {grid-column:1/-1;}.rl-page .rl-footer {padding:28px 20px 16px;}.rl-page .rl-copyright a {display:block;margin:8px 0;}}
@media (prefers-reduced-motion:reduce) {.rl-page .rl-card {transition:none;}}

.rl-page .rl-type-filters p a {color:#1769ff;margin-left:12px;display:inline-block;}

/* Shared site footer, matching ui-yasi's homepage footer. */
.rl-page .rl-footer.rl-footer-dark{background:#1e2023;border:0;padding:60px 24px 33px;color:#cdd1d8;clear:both}
.rl-page .rl-footer-dark .rl-footer-inner{width:100%;max-width:1200px;display:grid;grid-template-columns:280px 1fr 1fr minmax(250px,1.5fr);gap:47px;align-items:start}
.rl-page .rl-footer-dark h2{font-size:16px;line-height:24px;font-weight:500;color:#fff;margin:0 0 25px}
.rl-page .rl-footer-dark a{font-size:14px;font-weight:500;line-height:24px;color:#cdd1d8;margin:0 0 14px;text-decoration:none}
.rl-page .rl-footer-dark a:hover{color:#fff}
.rl-page .rl-footer-dark .rl-footer-logo{display:flex;align-items:center;gap:6px;margin-bottom:25px}
.rl-page .rl-footer-dark .rl-footer-logo img{height:42px;max-height:none;max-width:180px;width:auto}
.rl-page .rl-footer-dark .rl-footer-logo span{background:#fff;border-radius:8px;font-size:20px;font-weight:600;line-height:28px;color:#000;padding:4px 12px;white-space:nowrap}
.rl-page .rl-footer-dark .rl-footer-about p{font-size:14px;line-height:24px;color:#99a1af;margin:0;font-weight:500;max-width:280px}
.rl-page .rl-footer-dark .rl-footer-qr{width:80px;height:80px;max-width:none;max-height:none;margin:12px 0 0;display:block}
.rl-page .rl-footer-dark .rl-footer-contact a,.rl-page .rl-footer-dark .rl-footer-address{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:24px;color:#cdd1d8;margin:0 0 18px;overflow-wrap:anywhere}
.rl-page .rl-footer-dark .rl-footer-contact a:before,.rl-page .rl-footer-dark .rl-footer-address:before{content:"";flex:0 0 20px;width:20px;height:20px;margin-top:2px;background-size:contain;background-repeat:no-repeat}
.rl-page .rl-footer-dark .rl-footer-phone:before{background-image:url(footer/phone.png)}
.rl-page .rl-footer-dark .rl-footer-mail:before{background-image:url(footer/mail.png)}
.rl-page .rl-footer-dark .rl-footer-address:before{background-image:url(footer/address.png)}
.rl-page .rl-footer-dark .rl-copyright{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:28px auto 0;padding:0;border:0;text-align:left;color:#6a7282;font-size:14px;line-height:24px}
.rl-page .rl-footer-dark .rl-copyright a{display:inline;margin:0;color:#6a7282;font-size:14px}
@media not all /* PC layout: responsive collapse disabled */{.rl-page .rl-footer-dark .rl-footer-inner{grid-template-columns:1.3fr 1fr 1fr;gap:32px}.rl-page .rl-footer-dark .rl-footer-contact{grid-column:2 / 4}}
@media not all /* PC layout: responsive collapse disabled */{.rl-page .rl-footer.rl-footer-dark{padding:32px 20px 24px}.rl-page .rl-footer-dark .rl-footer-inner{grid-template-columns:1fr 1fr;gap:28px}.rl-page .rl-footer-dark .rl-footer-about,.rl-page .rl-footer-dark .rl-footer-contact{grid-column:1 / -1}.rl-page .rl-footer-dark .rl-footer-logo img{height:36px}.rl-page .rl-footer-dark .rl-footer-logo span{font-size:18px}.rl-page .rl-footer-dark .rl-footer-about p{max-width:100%}.rl-page .rl-footer-dark .rl-copyright{gap:8px;font-size:12px}.rl-page .rl-footer-dark .rl-copyright a{font-size:12px}}

/* Exam selector: ui-yasi spacing, arrow and selected check, in the blue theme. */
.rl-page .rl-exam-switch summary{display:flex;align-items:center;justify-content:center;gap:6px;width:88px;height:32px;padding:0;border:1px solid #ecedf0;border-radius:8px;background:#fff;color:#333;font-size:16px;font-weight:500;user-select:none}
.rl-page .rl-exam-switch summary .rl-exam-label{margin:0;color:inherit}
.rl-page .rl-exam-switch summary .rl-exam-arrow{margin:0;color:#999;font-size:12px;transition:transform .2s}
.rl-page .rl-exam-switch[open] .rl-exam-arrow{transform:rotate(180deg)}
.rl-page .rl-exam-switch[open] summary,.rl-page .rl-exam-switch summary:hover{border-color:#8bb5ff}
.rl-page .rl-exam-switch>.rl-exam-menu{top:calc(100% + 8px);left:0;right:auto;min-width:160px;padding:8px 0;background:#fff;border:0;border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,.12);z-index:100}
.rl-page .rl-exam-menu:before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}
.rl-page .rl-exam-switch .rl-exam-menu a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 24px;margin:0;font-size:16px;line-height:24px;color:#333;text-decoration:none;transition:background .15s}
.rl-page .rl-exam-switch .rl-exam-menu a:hover{background:#eff5ff;color:#1769ff}
.rl-page .rl-exam-switch .rl-exam-menu a.is-selected,.rl-page .rl-exam-check{color:#1769ff}
@media(prefers-reduced-motion:reduce){.rl-page .rl-exam-switch .rl-exam-arrow,.rl-page .rl-exam-switch .rl-exam-menu a{transition:none}}

/* Header refinement: logo/exam on the left, navigation/account on the right. */
.rl-page .rl-header{height:80px;border-bottom:1px solid #ecedf0;background:#fff;position:relative;z-index:100}
.rl-page .rl-header-inner{display:flex;justify-content:space-between;align-items:center;gap:32px;height:100%;max-width:1200px;margin:0 auto}
.rl-page .rl-header-left{display:flex;align-items:center;gap:12px;flex-shrink:0}
.rl-page .rl-header-right{display:flex;align-items:center;align-self:stretch;gap:32px;min-width:0}
.rl-page .rl-header .rl-brand{display:flex;align-items:center;width:auto;flex-shrink:0}
.rl-page .rl-header .rl-brand img{display:block;height:42px;width:auto;max-height:none;max-width:none;object-fit:contain}
.rl-page .rl-header .rl-main-nav{display:flex;align-self:stretch;align-items:stretch;gap:32px;margin:0}
.rl-page .rl-header .rl-main-nav a{font-size:16px;font-weight:500;line-height:24px;color:#657084;transition:color .15s}
.rl-page .rl-header .rl-main-nav a:hover{color:#1769ff}
.rl-page .rl-header .rl-main-nav a.is-active{color:#141d34}
.rl-page .rl-header .rl-main-nav .is-active:after{bottom:12px;width:100%;height:3px;background:#1769ff;border-radius:3px}
.rl-page .rl-header .rl-exam-switch summary{width:88px;height:34px;font-size:18px;font-weight:600;gap:10px;color:#252b35}
.rl-page .rl-header .rl-exam-arrow,.rl-page .rl-header .rl-account-arrow{color:#a4acb8;font-size:12px}
.rl-page .rl-header .rl-account,.rl-page .rl-header .rl-login{margin-left:0;flex-shrink:0}
.rl-page .rl-header .rl-account summary{display:flex;align-items:center;gap:8px;max-width:190px;font-size:14px;line-height:24px;color:#475165;overflow:visible;padding:6px 0}
.rl-page .rl-header .rl-account-name{min-width:0;max-width:136px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rl-page .rl-header .rl-avatar{display:block;width:32px;height:32px;border-radius:50%;object-fit:cover;background:#f1f4f8;flex-shrink:0}
.rl-page .rl-header .rl-account>div{top:calc(100% + 8px);min-width:160px;border:0;padding:8px;border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,.12)}
.rl-page .rl-header .rl-account>div a{padding:10px 14px;border-radius:6px;color:#475165;font-size:14px}
.rl-page .rl-header .rl-account>div a:hover{background:#eff5ff;color:#1769ff}
.rl-page .rl-header .rl-login{padding:9px 16px;border-radius:8px;font-size:14px;font-weight:500;background:#eff5ff;color:#1769ff;transition:background .15s}
.rl-page .rl-header .rl-login:hover{background:#e3eeff}
@media not all /* PC layout: responsive collapse disabled */{.rl-page .rl-header-inner{gap:20px}.rl-page .rl-header-right{gap:20px}.rl-page .rl-header .rl-main-nav{gap:20px}.rl-page .rl-header .rl-account-name{max-width:88px}}
@media not all /* PC layout: responsive collapse disabled */{.rl-page .rl-header{height:auto}.rl-page .rl-header-inner{flex-wrap:wrap;gap:8px;padding:14px 20px 0}.rl-page .rl-header-right{width:100%;justify-content:space-between;align-items:center;gap:16px;min-height:52px}.rl-page .rl-header .rl-main-nav{width:auto;order:0;height:52px;gap:20px;flex-wrap:wrap}.rl-page .rl-header .rl-main-nav a{font-size:14px}.rl-page .rl-header .rl-main-nav .is-active:after{bottom:4px}.rl-page .rl-header .rl-account summary{max-width:140px}.rl-page .rl-header .rl-account-name{max-width:80px}}
@media not all /* PC layout: responsive collapse disabled */{.rl-page .rl-header-right{flex-wrap:wrap;gap:0}.rl-page .rl-header .rl-main-nav{width:100%;justify-content:space-between;gap:12px}.rl-page .rl-header .rl-account,.rl-page .rl-header .rl-login{margin:0 0 10px auto}.rl-page .rl-header .rl-main-nav a{padding:0}.rl-page .rl-header .rl-account-name{max-width:136px}}
@media(prefers-reduced-motion:reduce){.rl-page .rl-header .rl-main-nav a,.rl-page .rl-header .rl-login{transition:none}}

/* Subject tabs: do not inherit the legacy mouse-click focus ring. */
.rl-page .rl-subjects a:focus{outline:2px solid #8bb5ff;outline-offset:2px}
.rl-page .rl-subjects a:focus:not(:focus-visible){outline:none;box-shadow:none}

/* Refined practice filters and fixed assessment entry. */
.rl-page .rl-filters{padding:0 20px 18px;border:1px solid #e3eaf3;border-radius:14px;background:#fff}
.rl-page .rl-filter-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 -20px;padding:0 20px;border-bottom:1px solid #e3eaf3}
.rl-page .rl-filter-heading .rl-subjects{height:58px;border:0;gap:40px;flex-shrink:0}
.rl-page .rl-filter-heading .rl-subjects a{font-size:18px;font-weight:600;color:#293344}
.rl-page .rl-filter-heading .rl-subjects .is-active:after{width:36px;height:3px;bottom:-1px}
.rl-page .rl-filter-heading .rl-assessment{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;color:#424c59;font-size:16px;line-height:24px;flex-shrink:0;text-decoration:none}
.rl-page .rl-assessment img{display:block;width:24px;height:24px;object-fit:contain}
.rl-page .rl-filter-heading .rl-assessment:hover{color:#1769ff}
.rl-page .rl-filters .rl-source-row{padding:20px 0 16px;gap:16px}
.rl-page .rl-filters .rl-sources{gap:8px}
.rl-page .rl-filters .rl-sources a{padding:7px 14px;border-radius:9px;font-size:14px;line-height:20px;color:#6d7682}
.rl-page .rl-filters .rl-sources a.is-active{background:#eff4ff;color:#1769ff;font-weight:600}
.rl-page .rl-filters .rl-help{font-size:14px;color:#929aa6}
.rl-page .rl-filters .rl-modes{gap:8px;padding:0 0 14px;border-bottom:1px dashed #e3eaf3}
.rl-page .rl-filters .rl-modes button{padding:7px 14px;border-radius:9px;font-size:14px;line-height:20px;color:#657080}
.rl-page .rl-filters .rl-modes button.is-active{background:#eff4ff;color:#1769ff;font-weight:600}
.rl-page .rl-filters .rl-labels{gap:10px 8px;padding-top:14px}
/* Reserve the collapsed two-row layout before the script arrives. */
.rl-page .rl-filters [data-rl-labels]{max-height:92px;overflow:hidden}
.rl-page .rl-filters [data-rl-labels][data-expanded="true"]{max-height:none}
.rl-page .rl-resume-slot{min-height:124px;display:flex;align-items:center}
.rl-page .rl-resume-slot>.rl-resume,.rl-page .rl-resume-slot>.rl-status-notice{width:100%;margin:0}
.rl-page .rl-resume-placeholder{color:#737d89;padding:20px}
.rl-page .rl-filters .rl-label{border:0;background:transparent;padding:6px 12px;line-height:22px;font-size:14px;color:#737d89!important}
.rl-page .rl-filters .rl-label.is-active{background:transparent;color:#1769ff!important;font-weight:600}
.rl-page .rl-filters .rl-label:hover{background:#f5f8ff;color:#1769ff!important}
.rl-page .rl-filters a:focus:not(:focus-visible),.rl-page .rl-filters button:focus:not(:focus-visible){outline:none;box-shadow:none}
@media not all /* PC layout: responsive collapse disabled */{.rl-page .rl-filter-heading{gap:12px;flex-wrap:wrap;padding-top:6px;padding-bottom:8px}.rl-page .rl-filter-heading .rl-subjects{width:100%;justify-content:space-between;gap:12px;height:48px}.rl-page .rl-filter-heading .rl-assessment{margin-left:auto;font-size:14px}.rl-page .rl-filter-heading .rl-subjects a{font-size:16px}.rl-page .rl-filter-heading .rl-subjects .is-active:after{bottom:0}.rl-page .rl-filters .rl-source-row{gap:8px;flex-wrap:wrap;padding-top:16px}.rl-page .rl-filters .rl-help{margin-left:auto;font-size:12px}}

/* Core area: grouped rows rather than individual tiles. */
.rl-page .rl-label-area{position:relative;padding-right:28px}
.rl-page .rl-filters .rl-expand{position:absolute;right:0;bottom:0;display:flex;align-items:center;justify-content:center;width:28px;height:34px;padding:0;margin:0;border:0;border-radius:6px;color:#a4acb8;background:transparent;font-size:16px;cursor:pointer}
.rl-page .rl-expand-arrow{display:block;transition:transform .2s}
.rl-page .rl-expand[aria-expanded="true"] .rl-expand-arrow{transform:rotate(180deg)}
.rl-page .rl-filters .rl-expand:hover{background:#eff5ff;color:#1769ff}
.rl-page .rl-group{margin:16px 0;border:1px solid #e3eaf3;border-radius:14px;overflow:hidden;background:#f5f7fa}
.rl-page .rl-group>h2{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;line-height:24px;margin:0;padding:16px 20px;color:#344054}
.rl-page .rl-group .rl-difficulty{margin:0;padding:2px 5px;border-radius:5px;font-size:12px;line-height:18px;border:1px solid #c5d9ff;color:#1769ff;background:#eff4ff}
.rl-page .rl-group .rl-difficulty--hard{background:#fff1f2;border-color:#ffcbd1;color:#ed5866}
.rl-page .rl-group .rl-difficulty--easy{background:#effaf4;border-color:#caebd8;color:#39a46b}
.rl-page .rl-group .rl-grid{display:block;gap:0;margin:0;padding:0;background:#fff;border-top:1px solid #e3eaf3;border-radius:12px;overflow:hidden}
.rl-page .rl-group .rl-card{display:grid;grid-template-columns:minmax(0,1fr) 110px 120px auto;align-items:center;gap:18px;padding:16px 20px;margin:0;min-height:76px;border:0;border-bottom:1px solid #edf1f6;border-radius:0;background:#fff;box-shadow:none;transform:none}
.rl-page .rl-group .rl-card:last-child{border-bottom:0}
.rl-page .rl-group .rl-card:hover{background:#fafcff;box-shadow:none;transform:none}
.rl-page .rl-card-heading{min-width:0}
.rl-page .rl-group .rl-card h3{min-height:0;margin:0 0 5px;padding:0;font-size:15px;font-weight:500;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#263346}
.rl-page .rl-group .rl-tag{display:block;margin:0;padding:0;background:none;border:0;color:#8b98a9;font-size:12px;line-height:18px}
.rl-page .rl-group .rl-card-meta{display:contents}
.rl-page .rl-card-meta>span{font-size:13px;color:#93a0b2;white-space:nowrap}
.rl-page .rl-card [data-rl-progress],.rl-page .rl-resume-progress{display:flex;align-items:center;gap:8px;font-size:13px;line-height:22px;color:#8b9cb3;white-space:nowrap}
.rl-page .rl-card [data-rl-progress]:before,.rl-page .rl-resume-progress:before{content:"";display:inline-block;width:18px;height:18px;flex:0 0 18px;border:2px solid #e2e9f3;border-radius:50%;box-sizing:border-box}
.rl-page .rl-card [data-state="pending"]:before,.rl-page .rl-card [data-state="inprogress"]:before,.rl-page .rl-resume-progress:before{border-top-color:#1769ff;border-right-color:#1769ff}
.rl-page .rl-card [data-state="complete"]:before,.rl-page .rl-card[data-initial-state="complete"] [data-rl-progress]:before{border:0;background:url(practice/practice-complete.png) center/contain no-repeat}
.rl-page .rl-group .rl-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin:0;padding:0;border:0;white-space:nowrap}
.rl-page .rl-group .rl-card-actions a,.rl-page .rl-group .rl-card-actions .rl-button{background:none;border:0;padding:0;min-height:0;height:auto;line-height:24px;font-size:13px;font-weight:500;border-radius:0;color:#1769ff!important;box-shadow:none}
.rl-page .rl-group .rl-card-actions .rl-review{color:#647080}
.rl-page .rl-group .rl-card-actions a:hover{text-decoration:underline}
.rl-page .rl-group .rl-card-actions [aria-disabled="true"]{color:#9aa6b6!important;cursor:default;text-decoration:none}
.rl-page .rl-resume{display:flex;align-items:center;gap:14px;padding:20px;border:1px solid #c9dfff;border-radius:14px;background:#eff4ff;margin:16px 0}
.rl-page .rl-resume .rl-resume-icon{display:block;flex:0 0 40px;width:40px;height:40px;background:none;border:0;border-radius:50%;padding:0}
.rl-page .rl-resume-copy{min-width:0;flex:1}
.rl-page .rl-resume h2{font-size:14px;font-weight:600;color:#1769ff;line-height:22px;margin:0 0 4px}
.rl-page .rl-resume h2 small{font-size:10px;font-weight:400;color:#8b9cb3;margin-left:6px}
.rl-page .rl-resume p{font-size:16px;line-height:24px;color:#344054;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}
.rl-page .rl-resume .rl-button{margin-left:24px;flex-shrink:0;border-radius:8px;padding:10px 18px;background:#1769ff;color:white;font-size:14px;line-height:22px}
.rl-page .rl-resume [aria-disabled="true"]{cursor:default}
@media not all /* PC layout: responsive collapse disabled */{.rl-page .rl-group .rl-card{grid-template-columns:minmax(0,1fr) 90px 105px;gap:12px}.rl-page .rl-group .rl-card-actions{grid-column:1 / -1}.rl-page .rl-resume .rl-button{margin-left:0}}
@media not all /* PC layout: responsive collapse disabled */{.rl-page .rl-group .rl-card{grid-template-columns:1fr auto;padding:14px 16px;gap:10px}.rl-page .rl-card-heading{grid-column:1 / -1}.rl-page .rl-group .rl-card h3{white-space:normal}.rl-page .rl-group>h2{padding:14px 16px}.rl-page .rl-group .rl-card-actions{justify-content:flex-end;gap:20px}.rl-page .rl-resume{flex-wrap:wrap;padding:16px;gap:12px}.rl-page .rl-resume .rl-resume-copy{flex:1 1 calc(100% - 52px)}.rl-page .rl-resume p{font-size:14px}.rl-page .rl-resume-progress{margin-left:52px}.rl-page .rl-resume .rl-button{margin-left:auto;padding:8px 14px}}
@media(prefers-reduced-motion:reduce){.rl-page .rl-expand-arrow{transition:none}}

/* Shared TOEFL quick tools. Keep the rail outside the content on wide screens. */
.rl-page .rl-quick-tools{position:fixed;right:16px;top:50%;transform:translateY(-50%);z-index:90;width:76px;background:#fff;border:1px solid #e7ebf1;border-radius:10px;box-shadow:0 2px 8px #18263806;color:#333}
.rl-page .rl-quick-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;box-sizing:border-box;padding:18px 0;border:0;border-radius:9px;background:transparent;color:#333;font-family:inherit;font-size:12px;line-height:20px;cursor:pointer;list-style:none}
.rl-page .rl-quick-item span{font-size:12px;line-height:20px}
.rl-page .rl-quick-item img{width:30px;height:30px;display:block}
.rl-page .rl-quick-item:hover,.rl-page .rl-quick-item:focus-visible{background:#eff4ff;color:#1769ff}
.rl-page .rl-quick-item:focus-visible{outline:2px solid #1769ff;outline-offset:2px}
.rl-page .rl-quick-item::-webkit-details-marker{display:none}
.rl-page .rl-quick-divider{height:1px;background:#edf0f4;margin:0 14px}
.rl-page .rl-quick-wechat{position:relative}
.rl-page .rl-quick-qr{position:absolute;right:100%;bottom:0;width:192px;padding:16px;box-sizing:border-box;background:#fff;border:1px solid #e7ebf1;border-radius:10px;box-shadow:0 4px 20px #18263814;text-align:center}
.rl-page .rl-quick-qr img{display:block;width:160px;height:160px;max-width:100%}
.rl-page .rl-quick-qr p{font-size:12px;line-height:20px;margin:8px 0 0;color:#647080}
@media not all /* PC layout: responsive collapse disabled */{.rl-page .rl-quick-tools{right:12px}}
@media not all /* PC layout: responsive collapse disabled */{.rl-page .rl-quick-tools{width:62px;right:8px}.rl-page .rl-quick-item{padding:10px 0;gap:4px}.rl-page .rl-quick-item span{font-size:10px}.rl-page .rl-quick-item img{width:24px;height:24px}}

.rl-page .rl-resume .rl-button,.rl-page .rl-resume .rl-button[aria-disabled="true"]{background:#1769ff;border-color:#1769ff;color:#fff!important}

.rl-page .rl-help summary{display:flex;align-items:center;gap:6px;cursor:pointer;list-style:none}.rl-page .rl-help summary::-webkit-details-marker{display:none}.rl-page .rl-help summary img{display:block;width:16px;height:16px}
.rl-page .rl-type-filters{border-top:1px dashed #e5eaf2;margin-top:16px;padding-top:20px}.rl-page .rl-type-filters button{border:0;padding:8px 14px;border-radius:8px;background:transparent;font-size:14px;color:#68717e}.rl-page .rl-type-filters button.is-active{background:#eff4ff;color:#1769ff;font-weight:600}.rl-page [data-rl-subtypes]{margin-top:16px}.rl-page [data-rl-subtypes] button.is-active{background:transparent}.rl-page [data-rl-subtype-note]{margin:12px 14px 0;font-size:12px;color:#98a2b3}

/* Shared TOEFL / IELTS filing links, matching ui-yasi spacing. */
.rl-page .rl-footer-dark .rl-footer-filings{display:flex;align-items:center;gap:20px}
.rl-page .rl-footer-dark .rl-copyright .rl-footer-filings a{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.rl-page .rl-footer-dark .rl-footer-filings img{display:block;width:20px;height:20px}

/* Footer links: suppress pointer focus rings while retaining keyboard feedback. */
.rl-page .rl-footer a:focus-visible{outline:2px solid #8bb5ff;outline-offset:2px}
.rl-page .rl-footer a:focus:not(:focus-visible){outline:none!important;box-shadow:none!important}

/* IELTS subjective practice cards; objective lists retain their row layout. */
.rl-page .ielts-subjective-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0 24px}
.rl-page .ielts-subjective-cards--write{grid-template-columns:minmax(0,1fr)}
.rl-page .ielts-subjective-cards .rl-group,.rl-page .ielts-subjective-cards .rl-group .rl-grid{display:contents}
.rl-page .ielts-subjective-cards .rl-group .rl-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;min-height:134px;padding:14px 19px;border:1px solid #dce3ee;border-radius:12px;background:#fff;align-content:start}
.rl-page .ielts-subjective-cards .rl-group .rl-card:last-child{border-bottom:1px solid #dce3ee}
.rl-page .ielts-subjective-cards .rl-group .rl-card h3{grid-column:1/-1;margin:0;font-size:16px;line-height:24px;color:#141d34;white-space:normal}
.rl-page .ielts-card-meta{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;line-height:20px;color:#7186a5}
.rl-page .ielts-card-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rl-page .ielts-card-tags span{background:#f5f6f9;border-radius:4px;padding:3px 8px;color:#627b9d;font-size:12px;line-height:18px}
.rl-page .ielts-subjective-cards .rl-group .rl-card-actions{grid-column:2;justify-self:end}
.rl-page .ielts-subjective-cards .rl-group .rl-card-actions a[data-ielts-start]{display:inline-flex;align-items:center;justify-content:center;min-width:88px;height:32px;border:1px solid #1769ff;border-radius:18px;padding:0 15px;font-size:14px;line-height:20px;text-decoration:none}
.rl-page .ielts-card-prompt{grid-column:1/-1;margin:0;color:#141d34;font-size:14px;line-height:20px;overflow-wrap:anywhere}
.rl-page .ielts-subjective-cards--write .rl-group .rl-card{grid-template-columns:minmax(0,1fr) auto auto;min-height:148px}
.rl-page .ielts-subjective-cards--write .ielts-card-meta{grid-column:2;grid-row:3}
.rl-page .ielts-subjective-cards--write .ielts-card-tags{grid-column:1;grid-row:3}
.rl-page .ielts-subjective-cards--write .rl-group .rl-card-actions{grid-column:3;grid-row:3}

/* Speaking has no source row to provide spacing beneath the subject tabs. */
.rl-page [data-ielts-cambridge-list][data-subject="speak"] .rl-filters .rl-filter-heading + .rl-modes{padding-top:20px}

/* IELTS card actions: retain the designed border, suppress pointer focus rings. */
.rl-page [data-ielts-cambridge-list] .rl-card :is(a,button):focus:not(:focus-visible){outline:none!important;box-shadow:none!important}

/* Keep the answer-analysis action black in TOEFL practice cards. */
.rl-page [data-rl-list] .rl-group .rl-card-actions a.rl-review.md_click{color:#141d34!important}

.rl-page .rl-header .rl-account>div a[href*="/site/logout"]:hover{background:#fff5f4;color:#fc4a3f}

/* Question bank explanation shared by TOEFL practice subjects. */
.rl-page .rl-bank-help-panel{position:absolute;right:0;top:calc(100% + 12px);z-index:30;width:540px;box-sizing:border-box;padding:20px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #142c5014;color:#626c77;font-size:16px;line-height:26px}
.rl-page .rl-bank-help-panel h2{margin:0 0 20px;font-size:18px;font-weight:600;line-height:26px;color:#283241}
.rl-page .rl-bank-help-panel ul{margin:0;padding-left:15px;list-style:disc}
.rl-page .rl-bank-help-panel li{margin:0 0 12px;padding-left:0}
.rl-page .rl-bank-help-panel li:last-child{margin-bottom:0}
.rl-page .rl-bank-help-panel li::marker{color:#1769ff}