/* /stories section — only what site.css does not have (card, cta, btn, lv-* colours are reused). */
.st-grid{display:grid;gap:12px;grid-template-columns:1fr;margin:10px 0 24px}
@media(min-width:620px){.st-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:900px){.st-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.st-card{display:block;color:inherit;text-decoration:none;margin:0}
.st-card:hover{border-color:var(--mint-deep)}
.st-card h3{font-size:18px;margin:8px 0 4px}
.st-en{margin:0 0 6px;color:var(--brown);font-size:14px}
.st-meta{font-size:13px;font-weight:600;color:var(--brown)}
.st-lv{display:inline-block;font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;color:#2A332F}
.st-lv.lv-B2,.st-lv.lv-C1,.st-lv.lv-C2{color:#fff}
.st-kicker{font-size:14px;font-weight:600;color:var(--brown);margin:8px 0 4px}
.st h1{margin:4px 0 2px}
.st-title-tr{margin:0 0 10px;color:var(--brown);font-size:18px}
.st-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:14px 0 8px}
.btn.ghost{background:#fff;color:var(--charcoal);border:1px solid var(--line)}
.btn.ghost[aria-pressed="true"]{background:#C8E7E2;border-color:var(--mint-deep)}
.st-text{font-size:19px;line-height:1.75}
.st-p{margin:0 0 18px}
.st-p>p{margin:0}
.st-text .w{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;border-radius:4px;border-bottom:1px dotted rgba(42,51,47,.25)}
.st-text .w:hover{background:var(--soft)}
.st-text .w.on{background:#C8E7E2;border-bottom-color:var(--mint-deep)}
.st-tr{margin:8px 0 0;padding:10px 14px;border-radius:12px;background:var(--soft);font-size:16px;line-height:1.6}
.st-tr-label{display:block;font-size:12px;font-weight:700;color:var(--brown);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}
.st-pop{position:absolute;z-index:1000;width:min(340px,calc(100vw - 24px));background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;box-shadow:0 10px 30px rgba(42,51,47,.15)}
.st-pop.sheet{position:fixed;left:0;right:0;bottom:0;top:auto;width:auto;border-radius:18px 18px 0 0;padding:16px 18px calc(18px + env(safe-area-inset-bottom));max-height:60vh;overflow:auto}
.st-pop-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.st-pop-w{font-size:20px;font-weight:700}
.st-pop-x{margin-left:auto;font-size:24px;line-height:1;background:none;border:0;cursor:pointer;color:var(--brown);padding:0 4px}
[dir="rtl"] .st-pop-x{margin-left:0;margin-right:auto}
.st-pop-tr{list-style:none;padding:0;margin:0 0 10px}
.st-pop-tr li{margin:0 0 6px;font-size:17px}
.st-pop-tr .small{font-size:13px}
.st-pop-def{margin:0 0 12px;font-size:15px}
.st-pop-learn{width:100%;justify-content:center}
.st-words{columns:2;column-gap:24px;padding-left:18px}
@media(max-width:620px){.st-words{columns:1}}
.st-words li{break-inside:avoid;margin:0 0 6px}
.st-quiz-q{font-size:18px;font-weight:600;margin:6px 0 12px}
.st-quiz-opts{display:grid;gap:10px;grid-template-columns:1fr}
@media(min-width:620px){.st-quiz-opts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.st-opt{font:inherit;font-size:17px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--cream);color:var(--charcoal);cursor:pointer;text-align:start}
.st-opt:hover:not(:disabled){border-color:var(--mint-deep)}
.st-opt.ok{background:#C8E7E2;border-color:var(--mint-deep)}
.st-opt.bad{background:#F6C9E0}
.st-quiz-fb{min-height:1.5em;margin:10px 0 0;font-weight:600}
.st-quiz-score{font-size:20px;font-weight:700}
.st-familiar{margin:0 0 4px}
.st-familiar-cta{margin:0}
[dir="rtl"] .st-text p[lang="en"],[dir="rtl"] .st-words b{text-align:left}
[dir="rtl"] .st-text .st-tr{text-align:right}