/* BPSC TRE section — independent from BPSC CCE styles */
.tre-page{--tre-ink:#193650;--tre-muted:#597083;--tre-line:var(--as-border,#dce4ea);--tre-paper:var(--as-surface,#fff);--tre-soft:var(--as-soft,#f4f7f9);color:var(--as-text,#1c2c38)}
.tre-shell{width:min(1100px,calc(100% - 36px));margin:auto;padding:26px 0 76px}
.tre-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:9px;font-size:.86rem;margin-bottom:19px;color:var(--as-text-muted,#617284)}
.tre-crumb a{color:inherit;text-decoration:none}.tre-crumb a:hover{text-decoration:underline}
.tre-hero{background:linear-gradient(126deg,#12364f,#255876);color:white;border-radius:20px;padding:clamp(25px,4vw,48px);box-shadow:0 13px 35px #19365018}
.tre-eyebrow{display:inline-block;color:#d6e8f5;font-size:.82rem;font-weight:700;letter-spacing:.035em}
.tre-hero h1{font-size:clamp(1.75rem,3.6vw,2.8rem);line-height:1.35;margin:12px 0;color:white}
.tre-hero p{max-width:790px;line-height:1.85;color:#e6edf3;margin:0}
.tre-stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:23px}
.tre-stats span{border:1px solid #ffffff3e;background:#ffffff12;border-radius:9px;padding:9px 14px;font-weight:650;font-size:.9rem}
.tre-section{margin-top:29px}.tre-section>h2{font-size:clamp(1.22rem,2vw,1.55rem);margin:0 0 13px}.tre-section>p{color:var(--as-text-muted,#617284);line-height:1.7;margin:0 0 17px}
.tre-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.tre-card{display:flex;flex-direction:column;gap:8px;min-width:0;min-height:157px;border:1px solid var(--tre-line);background:var(--tre-paper);border-radius:16px;padding:22px;text-decoration:none;color:inherit;transition:border-color .2s,transform .2s,box-shadow .2s}
a.tre-card:hover{border-color:#7397ad;transform:translateY(-2px);box-shadow:0 10px 24px #17354f12}
.tre-card .tre-kicker{font-size:.76rem;font-weight:800;letter-spacing:.025em;color:var(--as-text-muted,#657784)}
.tre-card h3{font-size:1.12rem;margin:0;line-height:1.5}.tre-card p{color:var(--as-text-muted,#617284);font-size:.91rem;line-height:1.7;margin:0}
.tre-card .tre-action{margin-top:auto;color:#287394;font-size:.91rem;font-weight:750}
.tre-panel{border:1px solid var(--tre-line);background:var(--tre-paper);border-radius:16px;padding:24px}
.tre-panel h2,.tre-panel h3{margin:0 0 12px}.tre-panel p,.tre-panel li{line-height:1.85}
.tre-banner{background:var(--tre-soft);border-left:3px solid #66869b;padding:15px 18px;border-radius:9px;color:var(--as-text,#243645);line-height:1.7}
.tre-paper{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 0;border-bottom:1px solid var(--tre-line)}
.tre-paper:last-child{border-bottom:0}.tre-paper h3{font-size:1.02rem;margin:0 0 5px;line-height:1.5}.tre-paper p{font-size:.86rem;color:var(--as-text-muted,#617284);margin:0}
.tre-paper .tre-links{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0}
.tre-btn{display:inline-flex;justify-content:center;align-items:center;border:1px solid #285875;border-radius:9px;background:#285875;color:#fff;text-decoration:none;font:inherit;font-size:.88rem;font-weight:750;padding:10px 13px;cursor:pointer;min-height:42px}
.tre-btn:hover{filter:brightness(1.08)}.tre-btn.secondary{background:transparent;color:var(--as-text,#21445c);border-color:var(--tre-line)}
.tre-btn:focus-visible,.tre-choice:focus-visible,.tre-number:focus-visible{outline:3px solid #eab454;outline-offset:2px}
.tre-list{padding-left:22px}.tre-note{font-size:.9rem;color:var(--as-text-muted,#617284)}
.tre-paper-toc{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 19px}.tre-paper-toc a{padding:8px 11px;border:1px solid var(--tre-line);border-radius:999px;text-decoration:none;color:inherit;font-size:.83rem;background:var(--tre-paper)}
.tre-exam-header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.tre-timer{padding:10px 14px;background:var(--tre-soft);border:1px solid var(--tre-line);border-radius:10px;font-weight:800;font-variant-numeric:tabular-nums}
.tre-progress{height:7px;border-radius:999px;background:var(--tre-soft);overflow:hidden;margin:15px 0}
.tre-progress>span{display:block;height:100%;background:#327c8f;width:0;transition:width .2s}
.tre-exam{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px;align-items:start}
.tre-question{padding:25px;border-radius:16px;border:1px solid var(--tre-line);background:var(--tre-paper)}
.tre-question h2{font-size:1.12rem;line-height:1.85;margin:5px 0 6px}
.tre-q-en{font-size:.96rem;color:var(--as-text-muted,#617284);margin:0 0 17px;line-height:1.65}
.tre-choices{display:grid;gap:9px;margin:14px 0 22px}
.tre-choice{display:flex;width:100%;text-align:left;align-items:flex-start;gap:11px;padding:13px;border:1px solid var(--tre-line);border-radius:11px;background:var(--tre-paper);color:inherit;font:inherit;line-height:1.65;cursor:pointer}
.tre-choice b{color:#2a617b}.tre-choice[aria-pressed="true"]{border-color:#2685a5;background:var(--tre-soft);box-shadow:inset 3px 0 #2685a5}
.tre-controls{display:flex;flex-wrap:wrap;gap:9px;align-items:center;justify-content:space-between}
.tre-side{border:1px solid var(--tre-line);border-radius:16px;background:var(--tre-paper);padding:18px;position:sticky;top:88px}
.tre-nums{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:13px 0}
.tre-number{height:38px;border:1px solid var(--tre-line);background:var(--tre-soft);border-radius:8px;color:inherit;cursor:pointer;font-weight:750}
.tre-number[aria-current="true"]{outline:2px solid #2d718f}.tre-number.answered{background:#d9eee6;color:#14583e}.tre-number.marked{border-color:#ce9d44;box-shadow:inset 0 -3px #ce9d44}
.tre-score{font-size:1.65rem;font-weight:850;color:var(--as-text,#183b56)}
.tre-review-item{border-top:1px solid var(--tre-line);padding:17px 0}.tre-review-item h3{font-size:1rem;line-height:1.65;margin:0 0 8px}
.tre-review-item p{line-height:1.75;margin:7px 0}.tre-good{color:#1e7658}.tre-bad{color:#b24e3d}
.tre-hidden{display:none!important}
@media(max-width:760px){.tre-shell{width:min(100% - 22px,1100px);padding-top:15px}.tre-hero{border-radius:15px}.tre-grid,.tre-exam{grid-template-columns:1fr}.tre-paper{align-items:stretch;flex-direction:column}.tre-paper .tre-links{flex-shrink:1}.tre-side{position:static}.tre-question{padding:18px}.tre-card{min-height:125px}.tre-exam-header{flex-wrap:wrap}}