.resource-hero{padding-block:45px 30px;max-width:900px}.resource-hero h1{font-size:clamp(36px,5vw,58px);line-height:1.15;margin:14px 0 20px}.resource-hero>p{font-size:17px;line-height:1.85;max-width:760px}.resource-hero .hero-actions{margin-top:25px}.resource-section{padding-block:35px}.resource-section h2{margin-bottom:18px}.resource-section p,.resource-section li{font-size:15px;line-height:1.9}.resource-section p+p{margin-top:16px}.resource-section a:not(.button){text-decoration:underline;text-underline-offset:3px}.resource-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.resource-card{background:#fff;border:1px solid #eadff0;border-radius:20px;padding:25px;min-width:0}.resource-card h3{font-size:23px;margin-bottom:12px}.resource-card p{margin-bottom:17px}.resource-links{display:flex;flex-wrap:wrap;gap:12px 25px}.resource-links a{font-size:14px;font-weight:700;color:#806093}.resource-note{padding:20px 24px;background:#f1e8fa;border-radius:18px;margin-block:25px}.resource-steps{padding-left:25px}.resource-steps li{padding-left:6px;margin-bottom:18px}.resource-steps strong{display:block;color:#715980}.resource-section table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.7}.resource-section th,.resource-section td{text-align:left;padding:14px 10px;border-bottom:1px solid #eadff0}.resource-section th{color:#715980}.resource-section code{font-size:13px;background:#f1e8fa;padding:3px 6px;border-radius:5px}.resource-section .button{font-size:13px}.resource-section figure{margin:24px 0}.resource-footer{padding-block:35px 55px}.printable-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.theme-download{margin-top:26px;padding:25px;background:#f6f0fa;border-radius:20px}.theme-download h3{margin-bottom:12px}.theme-download p{font-size:13px;line-height:1.9}.word-panel .word-item{overflow-wrap:anywhere}.vocabulary-item dt{overflow-wrap:anywhere}.site-header nav{gap:22px}.site-header nav a{white-space:nowrap}
@media(max-width:700px){.resource-hero{padding-top:30px}.resource-hero h1{font-size:37px}.resource-hero>p{font-size:15px}.resource-cards{grid-template-columns:1fr}.resource-section{padding-block:25px}.resource-section h2{font-size:29px}.resource-section p,.resource-section li{font-size:14px}.resource-section table{font-size:11px}.resource-section th,.resource-section td{padding:12px 5px}.resource-hero .hero-actions{flex-wrap:wrap}.resource-card{padding:22px}}