:root { --site-navy:#003e74; --site-blue:#1763a3; --site-gold:#f4c65a; --site-ink:#172940; --site-muted:#64748b; --site-line:#dbe5f0; --site-bg:#f5f8fc; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:90px; }
body { margin:0; }
.elpa-nav { position:sticky; top:0; z-index:100; background:rgba(255,255,255,.97); border-bottom:1px solid rgba(17,58,100,.12); box-shadow:0 5px 24px rgba(6,41,77,.06); backdrop-filter:blur(14px); }
.elpa-nav-inner { max-width:1210px; margin:0 auto; padding:0 25px; min-height:72px; display:flex; align-items:center; gap:32px; }
.elpa-brand { display:flex; align-items:center; gap:10px; color:var(--site-navy); text-decoration:none; font-size:14px; font-weight:650; white-space:nowrap; line-height:1.1; }
.elpa-brand strong {font-weight:800;}
.elpa-brand small {display:block; letter-spacing:.07em; font-size:10px; color:var(--site-muted); margin-top:4px;}
.elpa-brand-icon {width:38px; height:38px; border-radius:12px; display:grid; place-items:center; background:var(--site-navy); color:white; font-weight:850; font-size:22px;}
.elpa-brand-icon span {color:var(--site-gold); font-size:23px;}
.elpa-nav-links { display:flex; align-items:stretch; align-self:stretch; gap:4px; margin-left:auto; }
.elpa-nav-links a { display:flex; align-items:center; padding:0 17px; border-bottom:3px solid transparent; text-decoration:none; color:#475569; font-size:14px; font-weight:600; transition:.2s ease; }
.elpa-nav-links a:hover, .elpa-nav-links a.active { color:var(--site-navy); border-bottom-color:var(--site-gold); background:rgba(14,69,123,.035); }
.elpa-nav-github { padding:9px 13px; border:1px solid #cedde9; border-radius:999px; text-decoration:none; color:var(--site-navy); font-size:12px; font-weight:700; white-space:nowrap; }
.elpa-nav-github:hover { background:#eaf2fa; }
.elpa-body { background:var(--site-bg); color:var(--site-ink); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,"PingFang SC","Microsoft YaHei",sans-serif; line-height:1.7; }
.elpa-body a { color:var(--site-blue); }
/* English companions are visible alongside the Chinese interface. */
.elpa-en-sub{display:block;margin-top:4px;font-size:clamp(12px,.55em,18px);line-height:1.5;font-weight:550;letter-spacing:.01em}
.elpa-en-inline{font-size:.82em;font-weight:500;line-height:1.45;letter-spacing:0}
.elpa-en-summary{display:block;margin-top:6px;font-size:.9em;line-height:1.65;font-weight:400}
.elpa-nav-links a{flex-direction:column;justify-content:center;gap:1px}
.elpa-nav-links a small{font-size:9px;font-weight:500;line-height:1.25;letter-spacing:.035em}
.elpa-nav-submit small{display:block;font-size:9px;font-weight:550;line-height:1.15;letter-spacing:.03em}
.elpa-home-journey strong .elpa-en-inline{display:inline-block;margin-left:5px;white-space:nowrap}
.contrib-field label>.elpa-en-inline,.contrib-field legend>.elpa-en-inline,.elpa-choice-label>.elpa-en-inline{display:inline-block;margin-left:5px}
.elpa-home-feature-link,.elpa-home-more-card>a{flex-wrap:wrap}
.elpa-home-help summary>.elpa-en-inline{margin-left:4px}
.elpa-footer-action .elpa-en-inline{font-size:10px}
.timer-tab .elpa-en-inline,.timer-btn .elpa-en-inline,.contrib-button .elpa-en-inline{display:block}
.elpa-eyebrow {display:inline-flex; align-items:center; gap:9px; font-size:11px; text-transform:uppercase; letter-spacing:.13em; font-weight:750; padding:6px 14px; border:1px solid rgba(255,255,255,.45); border-radius:999px; background:rgba(0,38,78,.2);}
.elpa-eyebrow::before {content:""; height:7px; width:7px; border-radius:50%; background:var(--site-gold);}
.elpa-actions {display:flex; flex-wrap:wrap; gap:12px; margin-top:30px;}
.elpa-button {display:inline-flex; align-items:center; justify-content:center; gap:11px; min-height:44px; border-radius:999px; padding:10px 21px; text-decoration:none; font-weight:750; font-size:13px; transition:.2s;}
.elpa-button.primary {background:var(--site-gold); color:#183049;}
.elpa-button.primary:hover {background:#ffdb84; transform:translateY(-2px);}
.elpa-button.light {color:#fff; border:1px solid rgba(255,255,255,.6); background:rgba(255,255,255,.1);}
.elpa-button.light:hover {background:rgba(255,255,255,.2);}
.elpa-main {max-width:1180px; margin:0 auto; padding:46px 24px 72px;}
.elpa-kicker {font-size:12px; color:#9b6a09; text-transform:uppercase; letter-spacing:.12em; font-weight:800;}
.elpa-heading {margin:8px 0 6px; font-size:clamp(26px,3vw,36px); color:var(--site-navy); line-height:1.3;}
.elpa-desc {color:var(--site-muted); max-width:770px; margin:0 0 27px; font-size:14px;}
/* Homepage: quick orientation with optional, complete walkthroughs. */
.elpa-home-main{padding-top:54px;padding-bottom:78px}
.elpa-home-overview{padding-bottom:42px;border-bottom:1px solid var(--site-line)}
.elpa-home-overview .elpa-heading{max-width:850px;margin:11px 0 14px}
.elpa-home-lead{max-width:850px;margin:0;font-size:15px;line-height:1.95;color:#53677b}
.elpa-home-journey{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:27px 0 0;padding:0;border:1px solid var(--site-line);border-radius:15px;overflow:hidden;background:#fff}
.elpa-home-journey li{min-width:0;border-right:1px solid var(--site-line)}
.elpa-home-journey a{display:flex;flex-direction:column;height:100%;padding:19px;text-decoration:none}
.elpa-home-journey a:hover{background:#eef4fa}
.elpa-home-journey li:last-child{border-right:0}
.elpa-home-journey a>span{color:#956711;font-size:11px;font-weight:850}
.elpa-home-journey strong{margin-top:6px;color:var(--site-navy);font-size:14px}
.elpa-home-journey small{margin-top:4px;color:#6d8091;font-size:11.5px;line-height:1.55}
.elpa-home-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:20px;padding-top:36px}
.elpa-home-features>.elpa-home-section-head,.elpa-home-storage-note{grid-column:1/-1}
.elpa-home-section-head{max-width:850px}
.elpa-home-section-head .elpa-desc{max-width:800px;margin-bottom:0;line-height:1.85}
.elpa-home-feature{display:grid;grid-template-rows:1fr auto;min-width:0;padding:26px;border:1px solid var(--site-line);border-radius:14px;background:#fff;scroll-margin-top:16px}
.elpa-home-feature-copy{min-width:0;display:flex;flex-direction:column}
.elpa-home-feature-index{display:block;color:#9a6d13;font-size:12px;font-weight:800;letter-spacing:.04em}
.elpa-home-feature-copy h3{margin:8px 0 10px;color:var(--site-navy);font-size:20px;line-height:1.5}
.elpa-home-feature-copy>p:not(.elpa-home-feature-note){margin:0;color:#506477;font-size:14px;line-height:1.9}
.elpa-home-feature-details{display:grid;gap:9px;margin-top:18px}
.elpa-home-feature-details p{margin:0;padding-left:13px;border-left:2px solid #cbdeed;color:#5c6f80;font-size:13px;line-height:1.75}
.elpa-home-feature-details strong{color:#284e71}
.elpa-home-instructions{display:grid;gap:13px;margin:19px 0 0;padding:0;list-style:none;counter-reset:none}
.elpa-home-instructions li{display:flex;align-items:flex-start;gap:12px}
.elpa-home-instructions-num{display:grid;place-items:center;flex:0 0 24px;height:24px;margin-top:2px;border:1px solid #cbdbe9;border-radius:7px;background:#f5f9fc;color:#235980;font-size:11px;font-weight:800}
.elpa-home-instructions li>div{min-width:0}
.elpa-home-instructions strong{display:block;color:#274b6b;font-size:14px;line-height:1.6}
.elpa-home-instructions p{margin:3px 0 0;color:#5b6f82;font-size:14px;line-height:1.75}
.elpa-home-backup-guide{margin-top:21px;padding:17px 18px;border:1px solid #dce7f0;border-radius:11px;background:#f8fafc}
.elpa-home-backup-guide h4{margin:0 0 7px;color:var(--site-navy);font-size:14px;line-height:1.5}
.elpa-home-backup-guide p{margin:0;color:#4f6476;font-size:14px;line-height:1.8}
.elpa-home-backup-guide small{display:block;margin-top:10px;color:#5b6f82;font-size:12.5px;line-height:1.65}
.elpa-home-feature-note{margin:17px 0 0;padding:11px 13px;border-radius:8px;background:#eef4fa;color:#546e85;font-size:12px;line-height:1.75}
.elpa-home-feature-link,.elpa-home-more-card>a{display:inline-flex;gap:7px;align-items:center;margin-top:19px;color:var(--site-blue)!important;font-size:13px;font-weight:800;text-decoration:none;text-underline-offset:4px}
.elpa-home-feature-link:hover,.elpa-home-more-card>a:hover{text-decoration:underline}
.elpa-home-feature-link{min-height:44px;margin-top:auto;padding-top:10px;align-self:flex-start}
.elpa-home-help{margin-top:12px;border-top:1px solid var(--site-line)}
.elpa-home-help summary{padding:14px 0 0;min-height:44px;cursor:pointer;color:var(--site-blue);font-size:14px;font-weight:650}
.elpa-home-help summary:hover{text-decoration:underline;text-underline-offset:4px}
.elpa-home-help summary:focus-visible{outline:3px solid #e5a921;outline-offset:3px;border-radius:3px}
.elpa-home-promo{margin:0;min-width:0}
.elpa-home-promo img{display:block;width:100%;height:auto;border-radius:8px}
.elpa-home-promo figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;color:#62768a;font-size:12px}
.elpa-home-demo-play{min-height:44px;padding:9px 12px;border:1px solid var(--site-line);border-radius:8px;background:#fff;color:var(--site-blue);font:inherit;font-weight:650;cursor:pointer}
.elpa-home-demo-play:hover{background:#eef4fa}
.elpa-home-demo-play:focus-visible{outline:3px solid #e5a921;outline-offset:3px}
.elpa-home-share-help{grid-column:2;grid-row:4;align-self:end;margin-top:17px}
.elpa-home-share-help summary{padding:10px 0;min-height:44px;white-space:nowrap;color:var(--site-blue);font-size:13px;font-weight:650;cursor:pointer}
.elpa-home-share-help summary:focus-visible{outline:3px solid #e5a921;outline-offset:3px}
.elpa-home-help-content{padding-top:14px;color:#506477;font-size:14px;line-height:1.85}
.elpa-home-help-text>p{margin:0 0 12px}
.elpa-home-help-content .elpa-home-demo{margin-top:20px;box-shadow:none;background:#f8fafc}
.elpa-home-storage-note{margin:0;color:#53677b;font-size:13px;line-height:1.8;padding:4px 0}
.elpa-home-demo{min-width:0;padding:23px;border:1px solid #d9e4ef;border-radius:16px;background:#fff;box-shadow:0 12px 28px rgba(23,57,87,.035)}
.elpa-demo-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;color:#72869b;font-size:10px;font-weight:750;letter-spacing:.055em}
.elpa-demo-top span:last-child{font-weight:500;letter-spacing:0}
.elpa-demo-tabs,.elpa-demo-filters{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:15px}
.elpa-demo-tabs span,.elpa-demo-filters span{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border:1px solid #dce6f0;border-radius:8px;background:#f8fafc;color:#607489;font-size:11px;line-height:1.4}
.elpa-demo-tabs .is-active{background:#eaf3fa;border-color:#bad3e6;color:#175889;font-weight:800}
.elpa-demo-flow{display:grid;gap:9px}
.elpa-demo-flow>div{display:flex;gap:11px;align-items:center;padding:12px 13px;border:1px solid #e5edf3;border-radius:9px;background:#f9fbfd;color:#3d5870;font-size:12.5px}
.elpa-demo-flow b{color:#9b6b15;font-size:11px}
.elpa-demo-caption{margin-top:15px;text-align:center;color:#8a9bad;font-size:10.5px}
.elpa-demo-search{display:flex;align-items:center;gap:9px;min-height:39px;padding:7px 12px;border:1px solid #d9e4ef;border-radius:9px;color:#8194a6;font-size:12px}
.elpa-demo-search-icon{font-size:21px;line-height:1}
.elpa-demo-filters{margin:10px 0 14px}
.elpa-demo-filters span{background:white}
.elpa-demo-question{padding:14px 15px;border:1px solid #dae6f1;border-radius:10px;background:#f8fbff}
.elpa-demo-question-label{display:block;margin-bottom:7px;color:#6685a0;font-size:10.5px}
.elpa-demo-question strong{display:block;color:#234d73;font-size:13px;font-weight:750;line-height:1.6}
.elpa-demo-question div{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.elpa-demo-question div span{padding:5px 8px;border-radius:6px;background:#e7f1f9;color:#47718f;font-size:10.5px}
.elpa-home-more{padding-top:52px}
.elpa-home-more-grid{display:grid;align-items:stretch;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:23px}
.elpa-home-more-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto 1fr auto;column-gap:12px;min-width:0;padding:27px 28px;border:1px solid var(--site-line);border-radius:14px;background:#fff;scroll-margin-top:16px}
.elpa-home-more-card>:is(.elpa-home-more-tag,h3,p){grid-column:1/-1}
.elpa-home-more-tag{font-size:11px;font-weight:800;letter-spacing:.055em;color:#567998}
.elpa-home-more-card h3{margin:10px 0;color:var(--site-navy);font-size:18px;line-height:1.5}
.elpa-home-more-card p{margin:0;color:#5b6f82;font-size:13px;line-height:1.8}
.elpa-home-more-card>a{grid-column:1;align-self:end;min-height:44px;margin-top:17px}
.elpa-home-share-help[open]{grid-column:1/-1;grid-row:5;max-width:600px;width:100%;justify-self:center}
@media(min-width:701px){
 .elpa-home-feature{grid-row:span 2;grid-template-rows:subgrid;row-gap:0}
 .elpa-home-more-grid:has(.elpa-home-share-help[open]){grid-template-columns:1fr}
 .elpa-home-more-card:has(.elpa-home-share-help[open]){grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto auto 1fr;column-gap:28px}
 .elpa-home-more-card:has(.elpa-home-share-help[open])>:is(.elpa-home-more-tag,h3,p){grid-column:1}
 .elpa-home-share-help[open]{grid-column:2;grid-row:1/-1;align-self:start;margin-top:0}
 .elpa-home-more-card:has(.elpa-home-share-help[open])>a{align-self:start}
 .elpa-home-feature:has(.elpa-home-help[open]){grid-column:1/-1}
 .elpa-home-help[open] .elpa-home-help-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:28px}
 .elpa-home-help-text{min-width:0}
 .elpa-home-help[open] .elpa-home-demo{margin-top:0}
}
@media(max-width:900px){.elpa-home-demo{padding:18px}}
@media(max-width:700px){
 .elpa-home-main{padding-top:32px;padding-bottom:60px}
 .elpa-home-overview{padding-bottom:30px}
 .elpa-home-lead{font-size:13.5px;line-height:1.85}
 .elpa-home-journey{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px}
 .elpa-home-journey li{border-bottom:1px solid var(--site-line)}
 .elpa-home-journey a{padding:15px}
 .elpa-home-journey li:nth-child(2){border-right:0}
 .elpa-home-journey li:nth-child(n+3){border-bottom:0}
 .elpa-home-features{grid-template-columns:1fr;gap:14px;padding-top:28px}
 .elpa-home-feature{padding:21px 20px}
 .elpa-home-feature-copy h3{font-size:19px}
 .elpa-home-feature-copy>p:not(.elpa-home-feature-note){font-size:14px}
 .elpa-home-instructions{gap:12px}
 .elpa-home-backup-guide{padding:16px 15px;margin-top:18px}
 .elpa-home-demo{max-width:560px;width:100%;margin:0 auto;padding:20px}
 .elpa-home-more{padding-top:36px}
 .elpa-home-more-grid{grid-template-columns:1fr;gap:10px;margin-top:18px}
 .elpa-home-more-card{padding:21px 20px}
}
@media(max-width:360px){.elpa-home-journey strong{font-size:12.5px}.elpa-home-journey small{font-size:10.5px}.elpa-demo-tabs span{padding:5px 7px}.elpa-home-demo{padding:15px}}
.elpa-subhero{display:flex;align-items:center;min-height:272px;padding:36px 24px;background:linear-gradient(100deg,#062a50,#07538c);color:#fff}
.elpa-home .elpa-subhero{background:linear-gradient(95deg,rgba(0,28,58,.92),rgba(0,49,91,.8) 45%,rgba(0,47,88,.5)),url('./assets/images/Administration-Building-14-1536x864.jpg') center 58%/cover no-repeat}
.elpa-subhero-inner{width:100%;max-width:1132px;margin:0 auto}
.elpa-subhero h1{font-size:36px;line-height:1.25;font-weight:800;letter-spacing:-.025em;margin:14px 0 10px}
.elpa-subhero h1 em{font-style:normal;color:#f9d780}
.elpa-subhero h1 .elpa-en-sub{font-size:16px;line-height:1.5;margin-top:5px}
.elpa-subhero p{color:#dce8f4;max-width:790px;margin:0;font-size:14px;line-height:1.7}
.elpa-home-start{margin-bottom:32px}
.elpa-home-start .elpa-actions{margin-top:0}
.elpa-home-tools{display:inline-flex;align-items:center;gap:12px;max-width:100%;margin-top:16px;padding:4px 0;font-size:13px;font-weight:600;text-decoration:none}
.elpa-home-tools small{display:block;margin-top:4px;font-size:11px;font-weight:500;line-height:1.3}
.elpa-flow {display:grid; gap:14px; margin-top:20px;}
.elpa-flow-step {padding:22px 25px; background:#fff; border:1px solid var(--site-line); border-left:4px solid var(--site-blue); border-radius:12px;}
.elpa-flow-step h3 {margin:0 0 8px; color:var(--site-navy); font-size:16px;}
.elpa-flow-step p {margin:0; color:#4c5c70; font-size:13.5px;}
.elpa-guide-faq {margin-top:32px;}
.elpa-guide-faq details {background:white; border:1px solid var(--site-line); border-radius:12px; margin:9px 0; padding:16px 20px;}
.elpa-guide-faq summary {cursor:pointer; font-weight:700; color:var(--site-ink); font-size:14px;}
.elpa-guide-faq details[open] {border-color:#b9d1e8;}
.elpa-guide-faq p {margin:10px 0 0; color:#556578; font-size:13px;}
.elpa-resource-list{border-top:1px solid var(--site-line)}
.elpa-resource{display:grid;grid-template-columns:150px minmax(260px,1fr) minmax(0,1.2fr);align-items:baseline;gap:18px;padding:16px 0;border-bottom:1px solid var(--site-line)}
.elpa-resource h3{font-size:14px;margin:0;color:var(--site-navy);line-height:1.7}
.elpa-resource p{margin:0;font-size:12px;color:var(--site-muted);line-height:1.7}
.elpa-resource a{font-weight:650;text-decoration:none}
.elpa-resource a:hover{text-decoration:underline}
.elpa-source-section+.elpa-source-section{margin-top:32px;padding-top:0}
.elpa-source-section .elpa-heading{margin-top:7px}
.elpa-resource-tag{color:#5f7892;font-size:12px;font-weight:650}
.elpa-supplement-heading{margin:0 0 8px;font-size:20px;color:var(--site-navy)}
.elpa-supplement-links{margin:0;padding-left:20px;font-size:14px;line-height:1.8}
.elpa-supplement-links li+li{margin-top:10px}
.elpa-supplement-links li>span{display:inline-block;margin-left:12px;font-size:12px;color:var(--site-muted)}
@media(max-width:800px){.elpa-resource{grid-template-columns:1fr;gap:4px;padding:13px 0}}
.elpa-cta::after,
.elpa-home-tools::after,

.elpa-guide-practice::after,
.elpa-resource a::after,
.elpa-footer-action::after,
.elpa-advice-section .elpa-desc a::after,
.contrib-actions a::after,
.question-feedback a::after {
  content:"";display:inline-block;flex:0 0 auto;width:7px;height:7px;margin-left:3px;
  border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;
  transform:rotate(45deg);transition:transform .16s ease;
}
.elpa-cta:hover::after,
.elpa-home-tools:hover::after,
.elpa-home-tools:focus-visible::after,

.elpa-guide-practice:hover::after,
.elpa-resource a:hover::after,
.elpa-footer-action:hover::after,
.elpa-advice-section .elpa-desc a:hover::after,
.contrib-actions a:hover::after,
.question-feedback a:hover::after {transform:translateX(3px) rotate(45deg);}
.elpa-callout {border:1px solid #e6d9af; background:#fff9ed; color:#625331; border-radius:13px; padding:17px 21px; font-size:13px; margin:20px 0;}
/* Shared compact footer; detailed source notes live on sources.html. */
.elpa-footer{background:#122d51;color:#c8daea;padding:29px 16px 23px;text-align:center;font-size:12px;line-height:1.65}
.elpa-footer-inner{max-width:780px;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.elpa-footer p{margin:0}
.elpa-footer-intro,.elpa-footer-identity{display:flex;flex-direction:column;align-items:center}
.elpa-footer-slogan{color:#fff;font-size:clamp(15px,2.5vw,19px);line-height:1.4;font-weight:750}
.elpa-footer-motto{margin-top:4px!important;color:#d8e6f3;font-size:12.5px}
.elpa-footer-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:9px 27px;margin-top:14px}
.elpa-footer a{color:#f4d17b;text-decoration:none;text-underline-offset:3px}
.elpa-footer a:hover{text-decoration:underline}
.elpa-footer a:focus-visible{outline:2px solid #f4d17b;outline-offset:3px;border-radius:3px}
.elpa-footer .elpa-footer-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:28px;padding:3px 1px;color:#f4d17b;font-size:12.5px;font-weight:700;line-height:1.5;white-space:nowrap}
.elpa-footer-divider{height:1px;width:min(100%,400px);background:rgba(192,215,233,.21);margin:17px auto 12px}
.elpa-footer-tech{color:#bdd1e2;font-size:12px}
.elpa-footer-identity{margin-top:12px}
.elpa-footer-support{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:6px;row-gap:2px;margin-top:7px!important;color:#a5bbcf;font-size:11px;line-height:1.7;text-wrap:balance}
.elpa-footer-byline{display:flex;align-items:center;justify-content:center;gap:9px;font-size:11.5px;line-height:1.6;color:#afc3d7}
.elpa-footer-credit-label{font-size:13px;font-weight:650;letter-spacing:.025em;color:#afc3d7}
.elpa-footer-byline a{font-size:13px;font-weight:650;letter-spacing:.025em;color:#f0d9a3}
@media(max-width:560px){.elpa-footer{padding:25px 16px 20px}.elpa-footer-slogan{font-size:clamp(14px,4vw,17px)}.elpa-footer-actions{gap:10px 21px}}
/* Practice page controls are layered over its existing functional styles. */
.bank-pagination {display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:7px; margin:21px auto 34px; padding:7px; color:var(--site-muted);}
.bank-pagination button {min-width:36px; min-height:36px; padding:6px 12px; background:#fff; border:1px solid #d6e2ed; border-radius:10px; color:var(--site-navy); font-size:13px; font-weight:700; cursor:pointer;}
.bank-pagination button:hover:not(:disabled) {background:#eaf2fa; border-color:#a8cae8;}
.bank-pagination button[aria-current="page"] {background:var(--site-navy); border-color:var(--site-navy); color:white;}
.bank-pagination button:disabled {opacity:.35; cursor:default;}
.elpa-nav a:focus-visible,.bank-pagination button:focus-visible,.elpa-body a:focus-visible,.elpa-guide-faq summary:focus-visible {outline:3px solid #e5a921;outline-offset:3px;}
@media(max-width:900px){.elpa-nav-inner {gap:15px;padding:0 15px;}}
@media(max-width:650px){
 html {scroll-padding-top:112px;}
 .elpa-nav-inner {min-height:62px; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:10px 13px 0; row-gap:6px;}
 .elpa-brand {font-size:12px;}
 .elpa-brand small {font-size:9px;}
 .elpa-brand-icon {width:33px;height:33px;font-size:18px;}
 .elpa-nav-github {margin-left:auto;font-size:11px;}
 .elpa-nav-links {order:3;flex-basis:100%;overflow:auto; margin:0;justify-content:space-between;gap:0;}
 .elpa-nav-links a {padding:8px 10px 10px;font-size:12px;white-space:nowrap;}
 .elpa-main {padding:34px 16px 58px;}
 .elpa-subhero{min-height:272px;padding:30px 20px;}
 .elpa-subhero h1{font-size:28px}
 .elpa-subhero h1 .elpa-en-sub{font-size:14px}
 .elpa-subhero p{font-size:13px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;} .elpa-button {transition:none;}}

/* Exam timeline carried over from shared student reports. */
.guide-legacy-process .sec-head {display:flex;align-items:center;gap:12px;margin:18px 0;}
.guide-legacy-process .sec-head h2 {font-size:21px;color:#003e74;margin:0;}
.guide-legacy-process .sec-head .tag {background:#fff6df;border:1px solid #f0d9a0;border-radius:99px;padding:2px 10px;font-size:11px;color:#876015;}
.guide-legacy-process .timeline {display:grid;gap:14px;margin-top:18px;}
.guide-legacy-process .step {background:#fff;border:1px solid #dbe5f0;border-left:4px solid #1763a3;border-radius:12px;padding:21px 24px;}
.guide-legacy-process .step h3 {font-size:15px;color:#003e74;margin:0 0 9px;}
.guide-legacy-process .step p {font-size:13.5px;color:#4c5c70;line-height:1.85;margin:0;}
.guide-legacy-process .step-tag {display:inline-block;font-size:11px;font-weight:700;border-radius:99px;background:#f0f6fb;color:#175889;padding:2px 10px;margin-left:6px;}
.page-practice .bank-pagination[hidden] {display:none;}

/* HKUST-ELPA original identity, accessible navigation and clear contribution action. */
.elpa-brand-icon {flex:none;width:29px;height:29px;border:0;border-radius:0;background:none;box-shadow:none;display:block;overflow:visible;}
.elpa-brand-icon img {width:100%;height:100%;display:block;}
.elpa-brand-name {letter-spacing:.01em;white-space:nowrap;}
.elpa-nav-actions {margin-left:4px;display:flex;align-items:center;gap:10px;flex:none;}
 .elpa-nav-actions .elpa-nav-github {margin-left:0;min-height:38px;border:1px solid #d8e2ec;border-radius:10px;box-shadow:none;background:#fff;padding:7px 10px;gap:6px;display:inline-flex;align-items:center;justify-content:center;flex:none;text-decoration:none;color:var(--site-navy);}
.elpa-nav-github img {width:20px;height:20px;display:block;}
.elpa-nav-github:hover {border-color:#d6b354;background:#fff9eb;}
.elpa-star-icon{color:#a87510;flex:none;transform-origin:center;animation:elpa-star-breathe 2.4s ease-in-out infinite}
@keyframes elpa-star-breathe{0%,100%{transform:scale(.95);opacity:.6;fill:transparent;filter:drop-shadow(0 0 0 transparent)}50%{transform:scale(1.35);opacity:1;fill:var(--site-gold);filter:drop-shadow(0 0 4px rgba(244,198,90,.85))}}
.elpa-nav-github:hover .elpa-star-icon,.elpa-nav-github:focus-visible .elpa-star-icon{animation:none;transform:scale(1.12);opacity:1;fill:var(--site-gold)}
@media(prefers-reduced-motion:reduce){.elpa-star-icon{animation:none;transform:none!important;opacity:1}}
.elpa-nav-github .elpa-star-count{width:auto;height:20px;padding-left:5px;border-left:1px solid #d8e2ec}
.elpa-star-count[hidden]{display:none}
.elpa-nav-submit {display:inline-flex;align-items:center;justify-content:center;min-height:43px;white-space:nowrap;gap:5px;padding:9px 17px;border-radius:12px;background:var(--site-gold);color:#18344e!important;border:1px solid #ecc151;text-decoration:none;font-size:13px;font-weight:800;box-shadow:0 4px 14px rgba(190,136,24,.16);transition:transform .16s ease,box-shadow .16s ease,background .16s ease;}
.elpa-nav-submit:hover,.elpa-nav-submit[aria-current="page"] {background:#ffd779;box-shadow:0 6px 18px rgba(190,136,24,.22);transform:translateY(-1px);}
.elpa-nav-submit:focus-visible {outline:3px solid #003e74;outline-offset:3px;}
@media (max-width:1100px) {
 .elpa-nav-inner {gap:13px;}
 .elpa-nav-links a {padding-left:11px;padding-right:11px;}
 .elpa-nav-actions {gap:6px;}
}
@media (max-width:780px) {
 .elpa-nav-actions .elpa-nav-github {padding:7px 8px;gap:5px;}
 .elpa-nav-submit {padding:8px 11px;font-size:12px;min-height:38px;}
 .elpa-nav-links {margin-left:auto;}
 .elpa-nav-links a {padding-left:7px;padding-right:7px;}
}
@media (max-width:650px) {
 .elpa-nav-inner {padding:8px 13px 0;gap:7px;min-height:62px;}
 .elpa-brand-icon {width:27px;height:27px;}
 .elpa-brand-name {font-size:12px;}
 .elpa-brand small {font-size:8px;}
 .elpa-nav-actions {margin-left:auto;gap:7px;}
 .elpa-nav-actions .elpa-nav-github {min-height:35px;padding:6px 8px;gap:5px;}
 .elpa-nav-submit {min-height:35px;padding:7px 11px;}
 .elpa-nav-links {order:3;flex-basis:100%;margin:0;justify-content:space-between;}
 .elpa-nav-links a {padding:7px 10px 10px;font-size:12px;}
}
@media (max-width:350px) {
 .elpa-brand small {display:none;}
 .elpa-nav-submit {padding:7px 9px;font-size:11px;}
}
@media (prefers-reduced-motion:reduce) {.elpa-nav-submit {transition:none;transform:none!important;}}

/* Reviewed question session chips and translations: remain hidden until explicitly requested. */
.translation[hidden],.subq-cn.translation[hidden],.elpa-advice-empty[hidden] {display:none!important;}
.translation-toggle {display:inline-flex;align-items:center;justify-content:center;min-height:30px;margin:8px 0 2px;padding:5px 11px;border:1px solid #cbddee;border-radius:8px;background:#f5f9fe;color:#175889;font:inherit;font-size:12px;font-weight:700;cursor:pointer;}
.translation-toggle:hover {background:#e9f2fc;border-color:#a7c6e5;}
.translation-toggle:focus-visible {outline:3px solid #d6b354;outline-offset:2px;}
.translation-toggle-sub {margin:7px 0 11px;}
.q-title .cn.translation {color:#536b81;font-size:13px;margin-top:6px;}
/* Standardized community advice filters and reader-friendly single-language cards. */
.elpa-advice-section {margin:36px 0 30px;}
.elpa-advice-filters {display:flex;flex-wrap:wrap;gap:13px;margin:19px 0 17px;}
.elpa-advice-filters[hidden] {display:none!important;}
.elpa-advice-filters label {display:grid;gap:5px;color:#35516d;font-size:12.5px;font-weight:700;min-width:190px;}
.elpa-advice-filters select {background:#fff;border:1px solid #c9d8e7;color:#23435f;border-radius:10px;padding:10px 12px;font:inherit;font-size:13px;min-height:42px;}
.elpa-advice-filters select:focus-visible {outline:3px solid #d6b354;outline-offset:2px;}
.elpa-advice-grid {display:grid;gap:14px;}
.elpa-advice-card {padding:20px 23px;border:1px solid var(--site-line);border-radius:14px;background:white;box-shadow:0 6px 24px rgba(4,46,88,.04);}
.elpa-advice-chips {display:flex;flex-wrap:wrap;gap:7px;margin-bottom:11px;}
.elpa-advice-chip {display:inline-flex;border:1px solid #d4e1ee;background:#f2f7fd;border-radius:100px;padding:3px 9px;font-size:11px;color:#305a7d;font-weight:650;}
.elpa-advice-card h3 {font-size:17px;line-height:1.5;color:var(--site-navy);margin:0 0 9px;}
.elpa-advice-content {white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.86;color:#364c60;}
.elpa-advice-source {display:inline-block;margin-top:13px;font-size:12px;text-decoration:none;font-weight:700;}
.elpa-advice-empty {padding:20px;border:1px dashed #c9d8e7;background:#f6f9fd;border-radius:12px;color:#52667a;font-size:13px;}
.elpa-advice-empty a {font-weight:700;}
@media(max-width:650px){
  .elpa-advice-filters {display:grid;grid-template-columns:1fr;gap:10px;}
  .elpa-advice-filters label,.elpa-advice-filters select {width:100%;}
  .elpa-advice-card {padding:17px;}
}


/* 2026 UI consistency: restrained navigation, two predictable hero actions. */
@view-transition { navigation:auto; }
@keyframes elpa-reveal {from{opacity:.88}to{opacity:1}}
::view-transition-old(root){animation-duration:.09s}
::view-transition-new(root){animation:elpa-reveal .13s ease-out}
.elpa-nav-links a{border-bottom-width:2px;}
.elpa-nav-links a.active{background:transparent;border-bottom-color:var(--site-gold);}
.elpa-subhero{border-bottom:0;}
.elpa-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch;margin-top:28px;}
.elpa-cta{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:48px;min-width:210px;padding:12px 20px;border-radius:12px;
  border:1px solid transparent;text-align:center;text-decoration:none!important;
  font-size:14px;font-weight:750;line-height:1.35;letter-spacing:0;
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
.elpa-cta-primary{background:var(--site-gold);color:#18344e!important;}
.elpa-cta-primary:hover{background:#ffdc80;transform:translateY(-1px);}
.elpa-cta-secondary{background:rgba(7,37,70,.2);border-color:rgba(255,255,255,.68);color:#fff!important;}
.elpa-cta-secondary:hover{background:rgba(255,255,255,.16);transform:translateY(-1px);}
.elpa-cta:focus-visible{outline:3px solid #fff;outline-offset:3px;}
.elpa-home-start .elpa-cta-secondary{background:#fff;border-color:var(--site-blue);color:var(--site-blue)!important}
.elpa-home-start .elpa-cta-secondary:hover{background:#eaf2fa}
.elpa-home-start .elpa-cta:focus-visible{outline-color:var(--site-blue)}
@media(max-width:650px){
  .elpa-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:25px;width:100%;}
  .elpa-cta{min-width:0;padding:11px 9px;min-height:46px;font-size:13px;white-space:nowrap;}
}
@media(max-width:360px){.elpa-cta{font-size:12px;padding-inline:6px;}}
@media(prefers-reduced-motion:reduce){
  ::view-transition-old(root),::view-transition-new(root){animation:none;}
  .elpa-cta{transition:none;transform:none!important;}
  .elpa-cta::after,.elpa-guide-practice::after,
  .elpa-home-tools::after,
  .elpa-resource a::after,.elpa-footer-action::after,.elpa-advice-section .elpa-desc a::after,
  .contrib-actions a::after,.question-feedback a::after{transition:none;}
}

/* Homepage content below the shared banner. */
.elpa-home .elpa-heading{font-size:clamp(23px,2.6vw,30px)}
@media(max-width:650px){
 .elpa-home .elpa-actions{grid-template-columns:1fr;margin-top:20px;gap:8px}
 .elpa-home .elpa-cta{min-height:46px;font-size:14px;white-space:normal}
 .elpa-home-main{padding-left:20px;padding-right:20px}
 .elpa-home-journey small{font-size:12px}
 .elpa-home-journey strong{font-size:14px}
}

/* Minimal regular / Fast Track guide switch. */
.elpa-guide-main{max-width:970px}
.elpa-guide-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:5px;border:1px solid #dce6f1;border-radius:13px;background:#eaf1f8;margin:19px 0 21px}
.elpa-guide-switch button{appearance:none;border:0;border-radius:9px;background:transparent;color:#476079;min-height:46px;min-width:0;padding:9px 12px;font:inherit;font-size:14px;font-weight:750;cursor:pointer}
.elpa-guide-switch button.active{color:#083c69;background:#fff;box-shadow:0 2px 10px rgba(20,55,85,.09)}
.elpa-guide-switch button:focus-visible{outline:3px solid #e5a921;outline-offset:2px}
.elpa-guide-panel{border:1px solid var(--site-line);background:#fff;padding:26px 28px;border-radius:17px}
.elpa-guide-panel[hidden],.elpa-advice-section[hidden]{display:none!important}
.elpa-guide-overview h3{margin:0;color:var(--site-navy);font-size:22px;line-height:1.4}
.elpa-guide-overview p{margin:4px 0 0;color:#64748b;font-size:13px}
.elpa-guide-steps{list-style:none;counter-reset:elpa-step;display:grid;gap:0;padding:0;margin:23px 0 11px}
.elpa-guide-steps li{counter-increment:elpa-step;position:relative;padding:0 0 20px 45px;border-left:2px solid #e2ebf5;margin-left:14px}
.elpa-guide-steps li:last-child{padding-bottom:4px;border-left-color:transparent}
.elpa-guide-steps li::before{content:counter(elpa-step);position:absolute;left:-15px;top:0;display:grid;place-items:center;width:28px;height:28px;color:#fff;background:#1763a3;border-radius:9px;font-size:12px;font-weight:800}
.elpa-guide-steps strong{display:block;font-size:15px;line-height:1.5;color:var(--site-ink)}
.elpa-guide-steps p{margin:4px 0 0;color:#536579;font-size:13.5px;line-height:1.7}
.elpa-guide-steps-detailed{gap:12px;margin-top:20px}
.elpa-guide-steps-detailed li,.elpa-guide-steps-detailed li:last-child{margin:0;padding:17px 20px 19px;border:1px solid #dbe5f0;border-left:4px solid #1763a3;border-radius:12px;background:#fff}
.elpa-guide-steps-detailed li::before{display:none}
.elpa-guide-steps-detailed h4{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin:0;color:var(--site-navy);font-size:15px;line-height:1.5}
.elpa-guide-steps-detailed h4 span{padding:3px 9px;border-radius:999px;background:#eef4fa;color:#315e86;font-size:11px;font-weight:700;white-space:nowrap}
.elpa-guide-steps-detailed p{margin-top:10px;font-size:13.5px;line-height:1.75}
.elpa-guide-steps-detailed p strong{display:inline;font-size:inherit;line-height:inherit;font-weight:750}
.elpa-guide-faq{margin-top:23px}
.elpa-guide-faq h4{margin:0 0 8px;font-size:14px;color:#274b6c}
.elpa-guide-faq details{margin:7px 0;padding:13px 14px}
.elpa-guide-practice{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:10px;margin-top:20px;min-height:44px;padding:10px 18px;background:var(--site-navy);color:#fff!important;text-decoration:none;font-weight:750;font-size:13.5px}
.elpa-guide-practice:hover{background:#1763a3}
.elpa-guide-main .elpa-advice-section{margin-top:34px}
.elpa-guide-main .elpa-advice-section .elpa-desc a{font-weight:700;white-space:nowrap}
@media(max-width:640px){.elpa-guide-panel{padding:20px 16px}.elpa-guide-switch{margin-top:15px}.elpa-guide-steps li{padding-left:36px}.elpa-guide-steps-detailed li,.elpa-guide-steps-detailed li:last-child{padding:15px 16px}.elpa-guide-overview h3{font-size:20px}.elpa-guide-practice{display:flex;width:100%}}

.elpa-cta small{display:block;margin-top:4px;font-size:11px;font-weight:500;line-height:1.3}
.elpa-heading:has(>.elpa-en-sub),h3:has(>.elpa-en-sub){display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px;row-gap:2px}
.elpa-heading>.elpa-en-sub,h3>.elpa-en-sub{display:inline-block;margin-top:0;white-space:nowrap}
.elpa-guide-intro a{display:inline-block;padding:3px 0;color:#fff;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(255,255,255,.45);white-space:nowrap}
.elpa-guide-intro a:hover{color:var(--site-gold)}
.elpa-guide-intro a span{font-size:.85em}
.elpa-nav-submit>span:last-child{line-height:1.15}
.elpa-footer .elpa-footer-action{display:grid;grid-template-columns:1fr auto;column-gap:6px;row-gap:0}
.elpa-footer-action>.elpa-en-inline{grid-column:1}
.elpa-footer-action::after{grid-column:2;grid-row:1/3}
@media(max-width:650px){
 .elpa-home .elpa-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .elpa-home .elpa-cta{padding:12px 8px;min-height:64px;font-size:13px;gap:6px}
 .elpa-home .elpa-cta::after{width:6px;height:6px}
 .elpa-nav-links a{line-height:1.25}
 .elpa-nav-links a small{font-size:9px}
}