@import url('/landing.css');
.content-shell{min-height:65vh}
.content-header{padding:58px 0 35px}
.content-header h1{font-size:clamp(40px,5vw,64px);max-width:850px;margin:12px 0}
.content-header p{max-width:750px;color:var(--muted);font-size:19px}
.breadcrumbs{color:#7e91b4;font-size:14px}
.breadcrumbs a{text-decoration:none;color:inherit}
.breadcrumbs a:hover{color:var(--pink)}
.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px 0 100px}
.content-tile{min-height:240px;padding:28px;border-radius:22px;background:#f7f3fc;text-decoration:none;display:flex;flex-direction:column}
.content-tile:nth-child(2){background:#fdf0f4}
.content-tile:nth-child(3){background:#f7f7fc}
.content-tile small{color:var(--pink);font-size:13px}
.content-tile strong{font-size:25px;line-height:1.15;margin:20px 0 10px}
.content-tile span{color:var(--muted);font-size:15px}
.content-tile b{color:var(--pink);font-size:16px;margin-top:auto;padding-top:20px}
.article-body{max-width:760px;padding-bottom:90px}
.article-body h2{font-size:30px;margin:38px 0 15px}
.article-body p,.article-body li{font-size:18px;line-height:1.7;color:#38527e}
.article-body a{color:#7651dd}
.article-body ul,.article-body ol{padding-left:25px}
.content-note{background:#f6f1fc;border-radius:18px;padding:20px 24px;margin:30px 0;color:#38527e}
.content-note p{margin:0}
.sources{font-size:14px;color:#7186ad;border-top:1px solid var(--line);margin-top:50px;padding-top:20px}
.sources a{color:#7651dd}
.quiz-app{width:min(720px,100%);margin:0 auto 100px}
.quiz-app h1{font-size:clamp(36px,5vw,55px);margin:8px 0 15px}
.quiz-app .intro{color:var(--muted);font-size:18px}
.quiz-progress{height:6px;background:var(--lavender);border-radius:99px;overflow:hidden;margin:35px 0 25px}
.quiz-progress span{display:block;height:100%;background:var(--pink);transition:width .2s}
.quiz-counter{color:#7f91af;font-size:14px}
.quiz-question{font-size:28px;margin:14px 0 25px}
.quiz-options{display:grid;gap:10px}
.quiz-options button{width:100%;min-height:56px;border:1px solid #ded9ed;border-radius:16px;background:white;color:var(--navy);font:inherit;font-size:17px;text-align:left;padding:14px 18px;cursor:pointer}
.quiz-options button:hover,.quiz-options button:focus-visible{border-color:var(--violet);background:#f8f5fe}
.quiz-options button[aria-pressed="true"]{border-color:var(--pink);background:#fdf0f4}
.quiz-controls{display:flex;justify-content:space-between;gap:12px;margin-top:25px}
.quiz-controls button{font:inherit;cursor:pointer}
.quiz-back{border:0;background:none;color:#6e85ac}
.quiz-next{border:0;border-radius:14px;background:var(--pink);color:white;padding:13px 25px;font-weight:700}
.quiz-next:disabled{opacity:.45;cursor:not-allowed}
.quiz-result{padding:35px;border-radius:22px;background:#f7f3fc}
.quiz-result h2{font-size:32px}
.quiz-result p{color:#49628d;font-size:18px}
.quiz-result img{width:160px;height:160px;object-fit:contain}
.quiz-result a{color:#7651dd}
.quiz-disclaimer{margin-top:25px;color:#8294b5;font-size:13px}
@media(max-width:680px){.content-header{padding:35px 0 20px}.content-grid{grid-template-columns:1fr;padding-bottom:60px}.content-tile{min-height:190px}.article-body p,.article-body li{font-size:16px}.quiz-question{font-size:24px}.quiz-result{padding:24px}}