/* English Secrets · OET Reading practice (/oet-reading/). Loaded after oetw.css. */
.parts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
.pt{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:16px;border:1px solid var(--line);border-top:5px solid var(--c);background:var(--card);transition:transform .15s,border-color .15s}
.pt:hover,.pt:focus-visible{transform:translateY(-2px)}
.pt:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.pt[disabled]{opacity:.55;cursor:default;transform:none}
.pt b{font:900 22px Inter,Arial,sans-serif;color:var(--c)}
.pt span{font-weight:800}
.pt small{color:var(--mute);font-size:13.5px;line-height:1.45;flex:1}
.pt em{font-style:normal;font-weight:700;font-size:13px;color:var(--c)}
.ptag{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--c);margin-bottom:6px}
.tips{border-left:5px solid #c98a10}
.tips li{margin:8px 0}
.rsplit{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;align-items:start;margin-top:12px}
.rtx{position:sticky;top:12px;max-height:calc(100vh - 110px);overflow:auto;border:1.5px solid var(--line);border-radius:14px;background:var(--bg)}
.ttabs{position:sticky;top:0;display:flex;gap:6px;padding:8px;background:var(--card);border-bottom:1px solid var(--line);z-index:1}
.ttab{all:unset;cursor:pointer;padding:6px 12px;border-radius:9px;font-weight:700;font-size:14px;color:var(--mute);border:1.5px solid var(--line)}
.ttab.on{background:linear-gradient(135deg,#14b8a6,#0f9d8a);color:#fff;border-color:transparent}
.ttab:focus-visible{outline:2px solid var(--blue)}
.rtext{padding:14px 18px;font-family:"Source Serif 4",Georgia,serif;font-size:16px;line-height:1.65}
.rtext h3{font-family:Inter,Arial,sans-serif;font-size:17px;margin:0 0 8px}
.rtext p{margin:0 0 10px}
.rtext.long .pn{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;background:var(--line);font:700 12px Inter,Arial,sans-serif;margin-right:8px;vertical-align:2px}
.tbl{overflow-x:auto;margin:6px 0 12px}
.tbl table{border-collapse:collapse;font-family:Inter,Arial,sans-serif;font-size:14px;min-width:100%}
.tbl th,.tbl td{border:1px solid var(--line);padding:6px 9px;text-align:left;vertical-align:top}
.tbl th{background:var(--card);font-weight:800}
.rqs .qh{font-size:16px;margin:16px 0 2px}
.rqs .qh:first-child{margin-top:0}
.qi{color:var(--mute);font-size:14px;margin:0 0 8px}
.q{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:10px 0;border-top:1px solid var(--line)}
.q p{margin:0 0 6px;font-size:15px}
.qn{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:rgba(15,157,138,.12);color:#0f766e;font-weight:800;font-size:13px}
.abcd{display:flex;gap:6px}
.abcd label,.opts label{cursor:pointer}
.abcd input,.opts input{position:absolute;opacity:0}
.abcd span{display:grid;place-items:center;width:38px;height:34px;border:1.5px solid var(--line);border-radius:9px;font-weight:800}
.abcd input:checked+span,.opts input:checked+span{background:rgba(15,157,138,.14);border-color:#14b8a6;color:var(--ink)}
.abcd input:focus-visible+span,.opts input:focus-visible+span{outline:2px solid var(--blue)}
.opts{display:grid;gap:6px}
.opts span{display:block;padding:8px 11px;border:1.5px solid var(--line);border-radius:10px;font-size:14.5px;line-height:1.45}
.opts span b{margin-right:4px}
input.ans{width:100%;padding:9px 12px;border-radius:10px;border:1.5px solid var(--line);font:inherit;font-size:15px;background:var(--bg);color:var(--ink)}
input.ans:focus{outline:2px solid var(--blue);outline-offset:1px}
.rqs.full{grid-column:1/-1}
.bx{display:grid;grid-template-columns:1.1fr 1fr;gap:16px;padding:14px 0;border-top:2px solid var(--line)}
.bx .q{border-top:0;padding-top:0}
.bdoc{border:1.5px solid var(--line);border-radius:12px;padding:12px 16px;background:var(--bg);font-family:"Source Serif 4",Georgia,serif;font-size:15.5px;line-height:1.6}
.bdoc h3{font-family:Inter,Arial,sans-serif;font-size:16px;margin:2px 0 8px}
.bdoc p{margin:0 0 8px}
.kind{font:800 11px Inter,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.rv b{font-weight:700}
.big small{font-size:22px;margin-left:4px;-webkit-text-fill-color:var(--mute)}
@media(max-width:900px){.parts{grid-template-columns:1fr}.rsplit,.bx{grid-template-columns:1fr}.rtx{position:static;max-height:none}}
/* visitors without an account: opening a test after the free one shows this small window (also used by OET Listening) */
.es-sug{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:16px;background:rgba(4,26,31,.55);backdrop-filter:blur(2px)}
.es-sug-c{max-width:440px;width:100%;background:var(--card);border-radius:22px;padding:24px 22px 16px;text-align:center;box-shadow:0 30px 80px -20px rgba(0,0,0,.5)}
.es-sug-c h2{margin:0 0 8px}
.es-sug-c .gate-b{justify-content:center;margin-top:14px}
.es-sug-x{margin-top:12px;display:inline-block}