.kpss-topic-hero{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:28px;align-items:center;padding:clamp(28px,5vw,54px);overflow:hidden;border-radius:34px;background:radial-gradient(circle at 86% 16%,rgba(62,214,232,.34),transparent 30%),linear-gradient(135deg,#101d4e,#4638c4 63%,#138eab);color:#fff;box-shadow:0 26px 70px rgba(38,51,132,.23)}
.kpss-topic-hero h1{max-width:900px;margin:13px 0;font-size:clamp(39px,6vw,68px);line-height:1;letter-spacing:-.05em}.kpss-topic-hero p{max-width:820px;margin:0;color:#dce7f8;font-size:16px;line-height:1.75}.kpss-topic-hero aside{display:grid;min-height:210px;padding:24px;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:27px;background:rgba(255,255,255,.1);text-align:center;backdrop-filter:blur(10px)}.kpss-topic-hero aside span{display:grid;width:74px;height:74px;place-items:center;border-radius:23px;background:#fff;color:#3028ad;font-size:30px;font-weight:950}.kpss-topic-hero aside b{font-size:19px}.kpss-topic-hero aside small{color:#bdeef5}.kpss-topic-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.kpss-topic-actions a{display:inline-flex;min-height:48px;padding:0 17px;align-items:center;border-radius:14px;background:#fff;color:#352bb5!important;font-size:12px;font-weight:950}.kpss-topic-actions a.secondary{border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.1);color:#fff!important}
.kpss-reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start;margin-top:30px}.kpss-lesson{display:grid;gap:17px}.kpss-lesson-section{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:26px;border:1px solid #dce6f3;border-radius:25px;background:#fff;box-shadow:0 15px 38px rgba(56,74,117,.08)}.kpss-lesson-section>span{display:grid;width:48px;height:48px;place-items:center;border-radius:15px;background:linear-gradient(145deg,#5146e5,#15b9db);color:#fff;font-weight:950}.kpss-lesson-section h2{margin:3px 0 12px;font-size:clamp(24px,3vw,34px);letter-spacing:-.035em}.kpss-lesson-section p{margin:0 0 13px;color:#52647d;font-size:15px;line-height:1.82}.kpss-lesson-section p:last-child{margin-bottom:0}
.kpss-lesson-sidebar{position:sticky;top:105px;display:grid;gap:13px}.kpss-lesson-sidebar section,.kpss-test-cta{padding:21px;border:1px solid #dce6f3;border-radius:22px;background:#fff;box-shadow:0 13px 34px rgba(56,74,117,.08)}.kpss-lesson-sidebar h3{margin:0 0 13px;font-size:17px}.kpss-lesson-sidebar ul,.kpss-lesson-sidebar ol{display:grid;gap:9px;margin:0;padding-left:20px;color:#5c6c83;font-size:12px;line-height:1.55}.kpss-test-cta{display:grid;gap:5px;border:0;background:linear-gradient(135deg,#5146e5,#13b7d9);color:#fff!important}.kpss-test-cta b{font-size:17px}.kpss-test-cta span{color:#dffaff;font-size:11px;font-weight:800}
.kpss-examples,.kpss-mistakes,.kpss-glossary{padding:26px;border:1px solid #dce6f3;border-radius:25px;background:#fff;box-shadow:0 15px 38px rgba(56,74,117,.08)}.kpss-section-title span{color:#5146e5;font-size:10px;font-weight:950;letter-spacing:.09em;text-transform:uppercase}.kpss-section-title h2{margin:6px 0 18px;font-size:29px}.kpss-examples{display:grid;gap:12px}.kpss-examples .kpss-section-title{margin-bottom:0}.kpss-examples article{padding:18px;border-radius:17px;background:#f7f9ff}.kpss-examples small{color:#5146e5;font-size:9px;font-weight:950}.kpss-examples h3{margin:6px 0 10px;font-size:16px;line-height:1.5}.kpss-examples p{margin:0;color:#5c6d85;font-size:13px;line-height:1.7}.kpss-mistakes ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.kpss-mistakes li{padding:13px 15px;border-left:4px solid #ef6a89;border-radius:12px;background:#fff4f7;color:#5c6476;font-size:13px;line-height:1.55}.kpss-glossary>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kpss-glossary article{padding:15px;border-radius:15px;background:#f5f8fc}.kpss-glossary article b{color:#27386a}.kpss-glossary article p{margin:5px 0 0;color:#697990;font-size:12px;line-height:1.5}.kpss-source-note{margin:20px 0 0;padding:15px 18px;border:1px solid #cce5dc;border-radius:17px;background:#f1fff9;color:#3c6d5e;font-size:11px;line-height:1.65}.kpss-topic-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:19px}.kpss-topic-nav a{display:grid;gap:4px;padding:17px;border:1px solid #dce6f3;border-radius:17px;background:#fff;color:#394b67}.kpss-topic-nav a.next{text-align:right}.kpss-topic-nav small{color:#73829a;font-size:10px}.kpss-topic-nav b{font-size:14px}
.kpss-core-notes{padding:26px;border:1px solid #dce6f3;border-radius:25px;background:#fff;box-shadow:0 15px 38px rgba(56,74,117,.08)}.kpss-core-notes>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kpss-core-notes article{display:grid;grid-template-columns:27px 1fr;gap:9px;padding:15px;border-radius:15px;background:#f2fbf8}.kpss-core-notes article i{display:grid;width:25px;height:25px;place-items:center;border-radius:9px;background:#d8f7ea;color:#16845f;font-style:normal;font-weight:950}.kpss-core-notes article p{margin:0;color:#526b65;font-size:12px;line-height:1.65}
@media(max-width:980px){.kpss-topic-hero{grid-template-columns:1fr}.kpss-topic-hero aside{display:none}.kpss-reading-layout{grid-template-columns:1fr}.kpss-lesson-sidebar{position:static;grid-template-columns:1fr 1fr}.kpss-test-cta{grid-column:1/-1}}
@media(max-width:640px){.kpss-topic-hero{padding:26px 20px;border-radius:27px}.kpss-topic-actions a{width:100%;justify-content:center}.kpss-lesson-section{grid-template-columns:1fr;padding:20px}.kpss-lesson-sidebar{grid-template-columns:1fr}.kpss-test-cta{grid-column:auto}.kpss-glossary>div:last-child,.kpss-core-notes>div:last-child{grid-template-columns:1fr}.kpss-topic-nav{grid-template-columns:1fr}.kpss-topic-nav a.next{text-align:left}}
.kpss-official-sources{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:20px;margin:20px 0;padding:22px;border:1px solid #cfe1f5;border-radius:22px;background:linear-gradient(135deg,#f5fbff,#f8f6ff)}.kpss-official-sources span{color:#5348d8;font-size:10px;font-weight:950;letter-spacing:.1em}.kpss-official-sources h2{margin:5px 0;font-size:25px}.kpss-official-sources p{margin:0;color:#6c7990;font-size:12px}.kpss-official-sources ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}.kpss-official-sources a{display:block;padding:11px 13px;border:1px solid #d9e5f4;border-radius:13px;background:#fff;color:#3449b8;font-size:13px;font-weight:850}.kpss-official-sources a:hover{border-color:#7d88eb}
@media(max-width:720px){.kpss-official-sources{grid-template-columns:1fr}}