/*
Theme Name: ScienceClever Simple
Theme URI: https://scienceclever.com/
Author: ScienceClever
Description: Lightweight responsive WordPress theme with educational Quiz and Question JSON-LD structured data.
Version: 1.2.6
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: scienceclever-simple
*/
:root{--blue:#1457a6;--navy:#102a43;--green:#16845b;--ink:#243447;--muted:#627387;--line:#e3eaf1;--bg:#f6f9fc}
*{box-sizing:border-box}html{max-width:100%;overflow-x:hidden}body{margin:0;color:var(--ink);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-wrap:anywhere}img,video,iframe,embed{max-width:100%;height:auto}iframe{width:100%}table{max-width:100%;display:block;overflow-x:auto}pre,code{white-space:pre-wrap;overflow-wrap:anywhere}.site-header{background:#fff;border-bottom:1px solid var(--line)}.header-inner,.container{width:min(1120px,calc(100% - 32px));margin:auto}.header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-title{font-size:1.4rem;font-weight:800;color:var(--blue);text-decoration:none}.site-title span{color:var(--green)}.main-nav ul{display:flex;flex-wrap:wrap;gap:18px;list-style:none;padding:0;margin:0}.main-nav a{color:var(--ink);text-decoration:none;font-weight:600}.hero{background:linear-gradient(135deg,#eaf4ff,#f0fbf6);padding:56px 0}.hero h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.15;color:var(--navy);margin:0 0 14px}.hero p{font-size:1.1rem;max-width:680px;color:var(--muted)}.button,.wp-block-button__link{display:inline-block;background:var(--blue);color:#fff;padding:11px 18px;border-radius:9px;text-decoration:none;border:0}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:30px;padding:36px 0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card,.article-card,.quiz-box{min-width:0;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 3px 14px #102a4308}.card h2,.article-card h2{font-size:1.1rem;line-height:1.35;margin:12px 0 8px}.card a,.article-card a{color:var(--blue);text-decoration:none}.card img{width:100%;border-radius:9px}.eyebrow{color:var(--green);font-weight:700;font-size:.85rem}.entry-title{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.2;color:var(--navy)}.site-footer{margin-top:30px;background:var(--navy);color:#e9f1f8;padding:30px 0}.site-footer a{color:#fff}.menu-toggle{display:none;background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px 12px;font:inherit}.quiz-question{padding:18px 0;border-bottom:1px solid var(--line)}.quiz-question label{display:block;padding:7px 0}.quiz-feedback{font-weight:700}.pagination{margin:24px 0}.screen-reader-text{position:absolute;left:-9999px}
@media(max-width:800px){.content-grid{grid-template-columns:minmax(0,1fr)}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.main-nav ul{gap:12px}}
@media(max-width:600px){.header-inner,.container{width:calc(100% - 28px)}.header-inner{min-height:62px;flex-wrap:wrap;padding:10px 0}.menu-toggle{display:block}.main-nav{display:none;width:100%}.main-nav.is-open{display:block}.main-nav ul{display:flex;flex-direction:column;gap:0}.main-nav li{border-top:1px solid var(--line);padding:9px 0}.hero{padding:36px 0}.cards{grid-template-columns:minmax(0,1fr)}.content-grid{padding:24px 0}.card,.article-card{padding:14px}.header-inner>*{min-width:0}}

.site-footer nav{display:flex;flex-wrap:wrap;gap:8px 12px;margin:14px 0}.site-footer nav a{text-decoration:none}

.footer-links{display:flex;flex-wrap:wrap;gap:16px;margin:16px 0}.footer-links a{color:#fff;text-decoration:none}.footer-links a:hover{text-decoration:underline}

/* Related quizzes shown after an individual quiz */
.sc-related-quizzes{margin:36px 0 12px}.sc-related-quizzes h2{color:var(--navy);font-size:clamp(1.4rem,3vw,2rem);margin-bottom:8px}.sc-related-quizzes>p{color:var(--muted)}.sc-related-quizzes .card h3{font-size:1.05rem;line-height:1.35}.sc-related-quizzes .card .button{margin-top:6px}

/* Keep the homepage focused on quizzes while retaining the Explore Science search card. */
.sc-home-support{padding-top:18px;padding-bottom:18px}
.sc-home-support>div:first-child{display:none}