.vocabulary-topics-page{width:min(100%,1240px);margin:0 auto;padding:44px 24px 90px}.vocabulary-topics-hero{justify-content:space-between;align-items:end;gap:28px;display:flex}.vocabulary-topics-hero h1{color:var(--navy);letter-spacing:-.055em;margin-top:8px;font-size:clamp(2.35rem,5vw,4.4rem);font-weight:900;line-height:.98}.vocabulary-topics-hero>div>p:last-child{max-width:720px;color:var(--muted-strong);margin-top:16px;font-size:1rem;line-height:1.7}.vocabulary-topics-hero .secondary-button,.vocabulary-topic-card a{gap:8px}.vocabulary-topics-hero svg,.vocabulary-topic-card a svg{width:17px;height:17px}.vocabulary-topic-notice{border:1px solid var(--border);color:var(--navy);background:#fff;border-radius:15px;margin-top:24px;padding:13px 16px;font-size:.85rem;font-weight:760}.vocabulary-topic-notice.is-success{color:var(--green);background:#eef9f4;border-color:#187c5b52}.vocabulary-topic-notice.is-warning{color:#9b5a18;background:#fff8eb;border-color:#df8a3761}.vocabulary-random-drive{border:1px solid #d94d434d;border-top:4px solid var(--red);box-shadow:var(--shadow-card);background:linear-gradient(135deg,#fff 0%,#fff8f1 100%);border-radius:22px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;margin-top:30px;padding:22px 24px;display:grid;overflow:hidden}.vocabulary-random-icon{background:var(--navy);color:#fff;border-radius:16px;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 8px 20px #1f2a442e}.vocabulary-random-icon svg{width:25px;height:25px}.vocabulary-random-drive h2{color:var(--navy);margin-top:3px;font-size:1.4rem;font-weight:900}.vocabulary-random-drive div>p:last-child{color:var(--muted-strong);margin-top:5px;font-size:.86rem;line-height:1.5}.vocabulary-random-drive form button{white-space:nowrap;align-items:center;gap:12px;display:inline-flex}.vocabulary-random-drive form button span,.vocabulary-topic-unlock>span{background:#ffffff2e;border-radius:999px;align-items:center;gap:4px;padding:4px 7px;font-size:.7rem;display:inline-flex}.vocabulary-random-drive form button svg,.vocabulary-topic-unlock svg{width:14px;height:14px}.vocabulary-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:34px;display:grid}.vocabulary-topic-card{border:1px solid var(--border);min-width:0;box-shadow:var(--shadow-card);background:#fffffff7;border-top:3px solid #df8a37;border-radius:24px;transition:transform .16s,box-shadow .16s,border-color .16s;overflow:hidden}.vocabulary-topic-card:hover{transform:translateY(-3px);box-shadow:0 22px 50px #1f2a441f}.vocabulary-topic-card-complete{border-top-color:var(--green)}.vocabulary-topic-image{aspect-ratio:16/9;border-bottom:1px solid var(--border);background:var(--cream);position:relative;overflow:hidden}.vocabulary-topic-image img{object-fit:cover}.vocabulary-topic-image-fallback{color:var(--navy);text-align:center;background:linear-gradient(145deg,#fff8ed,#f3eadb);place-items:center;padding:24px;font-size:clamp(1.35rem,3vw,2rem);font-weight:900;line-height:1.15;display:grid;position:absolute;inset:0}.vocabulary-topic-body{flex-direction:column;min-height:330px;padding:22px;display:flex}.vocabulary-topic-meta{color:var(--muted-strong);letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;font-size:.7rem;font-weight:800;display:flex}.vocabulary-topic-meta span{align-items:center;gap:5px;display:inline-flex}.vocabulary-topic-meta svg{width:14px;height:14px}.vocabulary-topic-body h2{color:var(--navy);letter-spacing:-.025em;margin-top:13px;font-size:1.35rem;font-weight:900;line-height:1.18}.vocabulary-topic-body>p{color:var(--muted-strong);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:15px 0 22px;font-size:.88rem;line-height:1.65;display:-webkit-box;overflow:hidden}.vocabulary-topic-counts{gap:8px;margin:0 0 17px;display:flex}.vocabulary-topic-counts>span{border:1px solid var(--border);color:var(--muted-strong);text-align:center;background:#faf9f6;border-radius:10px;flex:1;padding:8px 9px;font-size:.7rem;font-weight:760}.vocabulary-topic-counts>span.is-open{color:var(--green);background:#f2faf6;border-color:#187c5b38}.vocabulary-topic-counts strong{color:inherit;font-size:.82rem}.vocabulary-topic-body>a,.vocabulary-topic-body>form{width:100%;margin-top:auto}.vocabulary-topic-body>form button{width:100%}.vocabulary-topic-unlock{justify-content:center;align-items:center;gap:9px;display:flex}.vocabulary-topic-unlock>span{color:#a96019;background:#fff3e4}@media (max-width:1023px){.vocabulary-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.vocabulary-topics-page{padding:30px 16px 70px}.vocabulary-topics-hero{flex-direction:column;align-items:stretch;gap:18px}.vocabulary-topics-hero .secondary-button{width:100%}.vocabulary-topic-grid{grid-template-columns:1fr;gap:16px;margin-top:24px}.vocabulary-topic-body{min-height:0}.vocabulary-random-drive{grid-template-columns:auto minmax(0,1fr);padding:19px}.vocabulary-random-drive form{grid-column:1/3}.vocabulary-random-drive form button{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.vocabulary-topic-card{transition:none}}