/* Overview design: a calm mathematics workshop. */
body.site-explore.overview-modern{background:#faf9f6;color:#203249;--ink:#203249;--blue:#285db0;--muted:#4e5e72;--line:#d9dfe7}
body.site-explore.overview-modern header{background:#fff;border-bottom:1px solid #dde2e9;padding:22px 5%;gap:20px}
body.site-explore.overview-modern .brand{color:#203249;font-size:21px}
body.site-explore.overview-modern .brand span{background:#285db0;color:#fff;border-radius:9px}
body.site-explore.overview-modern nav{gap:22px;flex-wrap:wrap}
body.site-explore.overview-modern nav a{color:#34465e;font-size:14px;text-decoration:none;padding:8px 0}
body.site-explore.overview-modern nav a:hover{text-decoration:underline;text-underline-offset:6px}
body.site-explore.overview-modern main{max-width:1180px}
body.site-explore.overview-modern h1,body.site-explore.overview-modern h2,body.site-explore.overview-modern h3{color:#203249;letter-spacing:-.6px}
body.site-explore.overview-modern h1 em{color:#285db0}
body.site-explore.overview-modern p,body.site-explore.overview-modern li{color:#4e5e72;font-size:17px;line-height:1.75}
body.site-explore.overview-modern .eyebrow{color:#426284;font-size:11px;letter-spacing:1.5px}
body.site-explore.overview-modern .workshop-hero{padding:48px 0 28px;grid-template-columns:1.2fr 1fr;gap:50px}
body.site-explore.overview-modern .hero h1{font-size:clamp(40px,4.6vw,58px);line-height:1.15;margin:20px 0}
body.site-explore.overview-modern .hero .intro{max-width:510px;margin-bottom:22px}
body.site-explore.overview-modern .welcome{border-left:3px solid #d5b957;padding-left:18px;gap:0;background:transparent;margin-top:20px}
body.site-explore.overview-modern .teacher-mark{display:none}
body.site-explore.overview-modern .welcome b{display:none}
body.site-explore.overview-modern .welcome p{margin:0;font-size:15px}
body.site-explore.overview-modern .signature{font:600 14px Arial,sans-serif;color:#4e5e72;display:block;margin-top:6px}
body.site-explore.overview-modern .workshop-art{display:block;width:100%;height:auto}
body.site-explore.overview-modern .workshop-art text{fill:#285db0;stroke:none;font:500 25px Arial,sans-serif}
body.site-explore.overview-modern .workshop-visual{padding:14px;background:#fff;border:1px solid #dce2eb;border-radius:18px;transform:rotate(-1deg)}
body.site-explore.overview-modern .section{padding:27px 0}
body.site-explore.overview-modern .section>h2{font-size:29px;margin:12px 0 24px}
body.site-explore.overview-modern .grid{gap:20px}
body.site-explore.overview-modern .grade-card{padding:24px;border:1px solid #d9dfe7;border-radius:12px;background:#fff;box-shadow:none;position:relative}
body.site-explore.overview-modern .grade-card .number{background:#edf2fc;color:#285db0;width:48px;height:48px;font:700 24px Arial;border-radius:10px;margin:0 0 15px}
body.site-explore.overview-modern .grade-card h3{margin:0 0 9px;font-size:24px}
body.site-explore.overview-modern .card p{font-size:16px;margin:10px 0}
body.site-explore.overview-modern .card .go{color:#285db0;font-size:15px;text-decoration:none;margin-top:23px}
body.site-explore.overview-modern .card:hover{border-color:#285db0;box-shadow:0 5px 18px #2032490a;transform:translateY(-2px)}
body.site-explore.overview-modern .breadcrumbs{padding:22px 0;color:#4e5e72}
body.site-explore.overview-modern .book-intro{display:flex;justify-content:space-between;gap:30px;padding:28px 32px;background:#eef2f8;border:1px solid #dce2eb;border-radius:12px}
body.site-explore.overview-modern .book-intro h1{font-size:36px;margin:13px 0}
body.site-explore.overview-modern .book-intro p{margin:0}
body.site-explore.overview-modern .book-letter{font:700 68px/1 Arial;color:#285db0;border-left:1px solid #cbd6e5;padding:10px 25px;text-align:center}
body.site-explore.overview-modern .book-letter span{display:block;font:700 10px Arial;letter-spacing:2px;margin-top:12px}
body.site-explore.overview-modern .chapter-card{border:1px solid #d9dfe7;border-radius:12px;background:#fff;box-shadow:none;padding:22px;overflow:hidden}
body.site-explore.overview-modern .chapter-visual{margin:-22px -22px 22px}
body.site-explore.overview-modern .chapter-visual svg{height:160px;object-fit:cover}
body.site-explore.overview-modern .chapter-card h3{font-size:22px;line-height:1.4;margin:12px 0}
body.site-explore.overview-modern .band{background:#eef2f8;border:1px solid #d9e1ed;border-radius:12px;padding:26px 28px;margin:23px 0}
body.site-explore.overview-modern .band h2{color:#203249;font-size:25px}
body.site-explore.overview-modern .band p{color:#4e5e72;font-size:16px}
body.site-explore.overview-modern .band .eyebrow{color:#426284!important}
body.site-explore.overview-modern .band .button{background:#285db0;color:#fff;border-radius:8px;white-space:normal;line-height:1.5;flex-shrink:0;font-size:15px}
body.site-explore.overview-modern .resource{color:#285db0;border-color:#d9dfe7}
body.site-explore.overview-modern .puzzle{background:#fbf5e4;border:1px solid #e2d5af;border-radius:12px}
body.site-explore.overview-modern .puzzle-reveal{background:#fffaf0}
body.site-explore.overview-modern .puzzle-tag{background:transparent;color:#695820;padding-left:0}
body.site-explore.overview-modern .note{border-color:#8cadd8;color:#4e5e72}
body.site-explore.overview-modern footer,body.site-explore.overview-modern .rights-notice{background:#faf9f6;color:#4e5e72;border-color:#d9dfe7}
body.site-explore.overview-modern :focus-visible{outline:3px solid #285db0;outline-offset:5px}
@media(max-width:800px){body.site-explore.overview-modern .workshop-hero{grid-template-columns:1fr;padding:30px 0 20px;gap:24px}body.site-explore.overview-modern .workshop-visual{max-width:450px;transform:none}body.site-explore.overview-modern .grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.site-explore.overview-modern .book-intro{padding:24px}body.site-explore.overview-modern .book-letter{font-size:48px;padding:8px 15px}body.site-explore.overview-modern .book-intro h1{font-size:30px}}
@media(max-width:550px){body.site-explore.overview-modern .grid{grid-template-columns:1fr}body.site-explore.overview-modern .workshop-visual{display:none}body.site-explore.overview-modern .book-letter{display:none}body.site-explore.overview-modern .hero h1{font-size:39px}body.site-explore.overview-modern .book-intro{padding:22px}body.site-explore.overview-modern .band{padding:22px}body.site-explore.overview-modern header{padding:20px 22px}body.site-explore.overview-modern nav{gap:10px 20px}body.site-explore.overview-modern .chapter-visual svg{height:155px}}
@media(prefers-reduced-motion:reduce){body.site-explore.overview-modern .card{transition:none}}

/* Neutral overview surfaces: colour belongs to actions and illustrations. */
body.site-explore.overview-modern{background:#faf9f6;color:#2c3036}
body.site-explore.overview-modern header{background:#faf9f6}
body.site-explore.overview-modern h1,body.site-explore.overview-modern h2,body.site-explore.overview-modern h3,body.site-explore.overview-modern .brand{color:#2c3036}
body.site-explore.overview-modern h1 em{color:#2c3036}
body.site-explore.overview-modern p,body.site-explore.overview-modern li,body.site-explore.overview-modern .eyebrow,body.site-explore.overview-modern nav a,body.site-explore.overview-modern .signature{color:#50545b}
body.site-explore.overview-modern .workshop-visual{background:transparent;border:0;padding:0;transform:none}
body.site-explore.overview-modern .book-intro{background:transparent;border:0;border-bottom:1px solid #dededb;border-radius:0;padding:16px 0 25px}
body.site-explore.overview-modern .book-letter{color:#72767b;border-color:#dededb}
body.site-explore.overview-modern .grade-card,body.site-explore.overview-modern .chapter-card{background:#fffefa;border-color:#dededb;box-shadow:none}
body.site-explore.overview-modern .grade-card .number{background:#f0efeb;color:#34383e}
body.site-explore.overview-modern .band{background:transparent;border:0;border-top:1px solid #dededb;border-radius:0;padding:25px 0;margin:22px 0}
body.site-explore.overview-modern .band h2{color:#2c3036}
body.site-explore.overview-modern .band p,body.site-explore.overview-modern .band .eyebrow{color:#50545b!important}
body.site-explore.overview-modern .puzzle{background:transparent;border:0;border-top:1px solid #dededb;border-bottom:1px solid #dededb;border-radius:0}
body.site-explore.overview-modern .puzzle-reveal{background:transparent}
body.site-explore.overview-modern .welcome{border-left-color:#c4c4bf}

/* Reference-inspired blue dashboard, adapted for mathematics. */
body.site-explore.overview-modern{background:#062753;color:#fff}
body.site-explore.overview-modern header{background:#062753;border-color:#284977}
body.site-explore.overview-modern .brand,body.site-explore.overview-modern nav a{color:#fff}
body.site-explore.overview-modern .brand span{background:#00b5e5;color:#062753}
body.site-explore.overview-modern main{background:transparent;margin-top:0;margin-bottom:0;padding-top:0;border-radius:0}
body.site-explore.overview-modern h1,body.site-explore.overview-modern h2,body.site-explore.overview-modern h3{color:#fff}
body.site-explore.overview-modern h1 em{color:#46d3f6}
body.site-explore.overview-modern p,body.site-explore.overview-modern li,body.site-explore.overview-modern .eyebrow,body.site-explore.overview-modern .signature,body.site-explore.overview-modern .breadcrumbs{color:#dbe6f6}
body.site-explore.overview-modern .workshop-hero{padding-top:44px;padding-bottom:25px}
body.site-explore.overview-modern .workshop-visual{background:#fff;border:1px solid #5b7fa7;border-radius:16px;padding:12px}
body.site-explore.overview-modern .workshop-visual svg{border-radius:10px}
body.site-explore.overview-modern .welcome{border-left-color:#00b5e5}
body.site-explore.overview-modern .welcome p{color:#dbe6f6}
body.site-explore.overview-modern .grade-card,body.site-explore.overview-modern .chapter-card{background:#fff;border:1px solid #7194bb;border-radius:16px;color:#243247;box-shadow:0 8px 22px #001a3b33}
body.site-explore.overview-modern .grade-card{padding-top:0;overflow:hidden}
body.site-explore.overview-modern .grade-card .number{display:flex;align-items:center;justify-content:flex-start;width:calc(100% + 48px);height:76px;margin:0 -24px 22px;padding:18px 24px;background:#74a9d3;color:#062753;border-radius:0;font-size:32px}
body.site-explore.overview-modern .grade-card.grade-Y .number{background:#8cc6d9}
body.site-explore.overview-modern .grade-card.grade-Z .number{background:#d6a5a3}
body.site-explore.overview-modern .card h3{color:#183a63}
body.site-explore.overview-modern .card p{color:#4c5e73}
body.site-explore.overview-modern .card .eyebrow{color:#47617c}
body.site-explore.overview-modern .card .go{color:#174f91;text-decoration:underline;text-underline-offset:4px}
body.site-explore.overview-modern .card:hover{border-color:#3cd7ff;box-shadow:0 8px 25px #00142966}
body.site-explore.overview-modern .book-intro{background:#123c70;border:1px solid #45668e;border-radius:16px;padding:25px 30px}
body.site-explore.overview-modern .book-intro h1{color:#fff}
body.site-explore.overview-modern .book-letter{color:#fff;border-color:#52739a}
body.site-explore.overview-modern .chapter-visual{background:#dfeaf7}
body.site-explore.overview-modern .band{background:#123c70;border:1px solid #45668e;border-radius:14px;padding:25px 28px;margin:22px 0}
body.site-explore.overview-modern .band h2{color:#fff}
body.site-explore.overview-modern .band p,body.site-explore.overview-modern .band .eyebrow{color:#dbe6f6!important}
body.site-explore.overview-modern .band .button{background:#00b5e5;color:#062753;font-weight:700}
body.site-explore.overview-modern .resources{background:#fff;border:1px solid #7194bb;border-radius:14px;padding:26px}
body.site-explore.overview-modern .resources h2{color:#183a63}
body.site-explore.overview-modern .resources p{color:#4c5e73}
body.site-explore.overview-modern .resources .resource{color:#174f91}
body.site-explore.overview-modern .puzzle{background:#123c70;border:1px solid #45668e;border-radius:14px;padding:26px}
body.site-explore.overview-modern .puzzle-reveal{background:#fff;color:#243247;border-radius:10px}
body.site-explore.overview-modern .puzzle-reveal p{color:#4c5e73}
body.site-explore.overview-modern .puzzle-tag{color:#dbe6f6}
body.site-explore.overview-modern .note{color:#dbe6f6;border-color:#00b5e5}
body.site-explore.overview-modern details{border-color:#52739a}
body.site-explore.overview-modern footer,body.site-explore.overview-modern .rights-notice{background:#062753;color:#dbe6f6;border-color:#345580}
body.site-explore.overview-modern :focus-visible{outline:3px solid #00b5e5;outline-offset:5px}
@media(max-width:600px){body.site-explore.overview-modern main{margin:0 auto;padding-left:22px;padding-right:22px}body.site-explore.overview-modern .book-intro,body.site-explore.overview-modern .band,body.site-explore.overview-modern .resources{padding:22px}body.site-explore.overview-modern .workshop-hero{padding-top:28px}}

/* Subject accents repeat across X, Y and Z. */
body.site-explore.overview-modern .chapter-card[data-topic]{border-top:4px solid var(--topic-accent)}
body.site-explore.overview-modern .chapter-card[data-topic]>.eyebrow{display:inline-block;background:var(--topic-tint);color:var(--topic-accent);padding:6px 10px;border-radius:6px;line-height:1.6}
body.site-explore.overview-modern .chapter-card[data-topic]:hover{border-color:var(--topic-accent)}
body.site-explore.overview-modern .chapter-card[data-topic] .workshop-art>rect:first-of-type{fill:var(--topic-tint)}
body.site-explore.overview-modern .chapter-card[data-topic] .workshop-art>g{stroke:var(--topic-accent)}
body.site-explore.overview-modern .chapter-card[data-topic] .workshop-art text{fill:var(--topic-accent)}

/* Navy notebook hero blends into the page without a frame. */
body.site-explore.overview-modern .workshop-visual.notebook-hero{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none;transform:none}
body.site-explore.overview-modern .notebook-hero img{display:block;width:100%;height:auto;border-radius:0;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);}
@media(max-width:550px){body.site-explore.overview-modern .workshop-visual.notebook-hero{display:block;max-width:420px}}

/* True transparent cutout: only objects and their shadows over the page. */
body.site-explore.overview-modern .notebook-hero img{mask-image:none;-webkit-mask-image:none;background:transparent;border:0;box-shadow:none}

/* More defined contact shadows for the transparent welcome objects. */
body.site-explore.overview-modern .notebook-hero img{filter:drop-shadow(2px 5px 2px rgba(0,8,24,.7)) drop-shadow(0 2px 1px rgba(0,5,16,.45))}

/* Stronger, tighter shadows beneath the homepage objects. */
body.site-explore.overview-modern .notebook-hero img{filter:drop-shadow(4px 9px 2px rgba(0,3,12,.95)) drop-shadow(1px 3px 1px rgba(0,0,0,.8))}