*{box-sizing:border-box}
:root{
--ink:#15242f;--navy:#0d2a3e;--navy2:#16475f;--blue:#337fc7;--teal:#1fa497;--gold:#efb644;--coral:#e66c5d;
--muted:#657481;--line:#dce5ea;--paper:#f5f8fa;--white:#fff;
--shadow:0 22px 62px rgba(13,42,62,.12);--shadow-soft:0 10px 28px rgba(13,42,62,.08)
}
html,body{margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:linear-gradient(180deg,#edf5f8 0%,#f9fafb 42%,#eef3f6 100%);color:var(--ink);line-height:1.62;-webkit-font-smoothing:antialiased}
main.container{max-width:1180px;margin:0 auto;padding:30px 22px 72px}
h1,h2,h3{margin-top:0;line-height:1.1;letter-spacing:-.03em}h1{font-size:clamp(2.7rem,5vw,4.75rem);letter-spacing:-.055em}h2{font-size:clamp(1.9rem,2.8vw,2.7rem)}h3{font-size:1.25rem}p{margin-top:0}a{color:var(--blue)}
.section-kicker{display:inline-block;font-size:.75rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#12867c;margin-bottom:10px}.section-kicker.light{color:#88ddd5}

.hero-premium{display:grid;grid-template-columns:minmax(0,1.46fr) minmax(330px,.74fr);overflow:hidden;border-radius:30px;background:linear-gradient(135deg,#0a2639 0%,#124861 56%,#176a73 100%);box-shadow:var(--shadow)}
.hero-main{padding:66px 58px}.hero-main h1,.hero-main p{color:white}.hero-badges{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}
.brand-badge,.free-badge{display:inline-flex;padding:8px 13px;border-radius:999px;font-size:.76rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.brand-badge{color:#d9e9f2;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.1)}.free-badge{color:#17232d;background:var(--gold)}
.hero-lead{font-size:1.28rem;max-width:780px;color:#eef6fa!important}.hero-support{font-size:1.07rem;max-width:750px;color:#d5e4ec!important}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 20px}
.hero-trust{display:flex;gap:20px;flex-wrap:wrap;color:#cce0e9;font-size:.9rem}.hero-trust span:before{content:"✓";color:#78ddd3;font-weight:900;margin-right:7px}
.hero-example{background:linear-gradient(180deg,#f3bd53,#eb9941);padding:42px 32px;display:flex;flex-direction:column;justify-content:center}
.example-kicker{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:#604718;margin-bottom:15px}
.example-view{background:white;border-radius:16px;padding:19px 20px;box-shadow:0 12px 28px rgba(80,55,16,.15)}.example-view.parent{transform:rotate(-1deg)}.example-view.child{transform:rotate(1deg)}
.example-view small{display:block;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--blue);margin-bottom:6px}.example-view.child small{color:var(--coral)}
.example-view p{margin:0;font-size:1.08rem;font-weight:800;line-height:1.4}.example-versus{text-align:center;margin:9px 0;font-weight:1000;font-size:.72rem;letter-spacing:.14em;color:#654919}
.example-takeaway{margin-top:18px;padding:18px;background:#163549;color:white;border-radius:14px}.example-takeaway strong,.example-takeaway span{display:block}.example-takeaway span{margin-top:3px;color:#d5e5ec;font-size:.95rem}

.evidence-band{margin-top:24px;background:white;border:1px solid var(--line);border-radius:22px;padding:40px;box-shadow:var(--shadow-soft)}
.evidence-intro{max-width:860px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);margin-top:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.evidence-stat{padding:25px 26px}.evidence-stat+ .evidence-stat{border-left:1px solid var(--line)}.evidence-stat strong{display:block;font-size:2.65rem;line-height:1;color:var(--navy);margin-bottom:10px}.evidence-stat span{color:var(--muted)}
.source-note{font-size:.82rem;color:#7a8791;margin:14px 0 0}.source-note a{color:#61798b}

.editorial-section{margin-top:48px;display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:start;padding:0 12px}
.editorial-copy p{font-size:1.08rem;color:var(--muted)}.editorial-emphasis{font-size:1.2rem!important;font-weight:800;color:var(--navy)!important}

.paired-examples{margin-top:44px}.paired-heading{max-width:760px;margin-bottom:22px}.paired-table{display:grid;grid-template-columns:1fr 1fr;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-soft)}
.paired-head{background:var(--navy);color:white;padding:14px 20px;font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.paired-head:nth-child(2){background:#244e65}
.paired-left,.paired-right{padding:18px 20px;background:white;border-top:1px solid var(--line);font-weight:750}.paired-left{color:#2e638b}.paired-right{background:#fff8e8;color:#5b451d;border-left:1px solid var(--line)}

.value-section-clean{margin-top:46px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:42px 0}.value-intro{max-width:770px}.value-intro p{font-size:1.06rem;color:var(--muted)}
.value-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:30px}.value-item{padding-right:26px}.value-item+ .value-item{border-left:1px solid var(--line);padding-left:34px}
.value-no{display:block;color:var(--teal);font-size:.78rem;font-weight:900;letter-spacing:.12em;margin-bottom:24px}.value-item p{color:var(--muted);margin-bottom:0}

.how-section{margin-top:46px;display:grid;grid-template-columns:.42fr 1.58fr;gap:44px;align-items:start}.how-steps{display:grid;gap:12px}.how-step{display:grid;grid-template-columns:46px 1fr;gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}
.how-step>span{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:var(--teal);color:white;font-weight:900}.how-step strong{display:block;margin-bottom:3px}.how-step p{margin:0;color:var(--muted)}

.provenance-section{margin-top:46px;display:grid;grid-template-columns:1.05fr .95fr;gap:22px}.provenance-main{background:white;border:1px solid var(--line);padding:38px;border-radius:20px;box-shadow:var(--shadow-soft)}.provenance-main p{color:var(--muted)}
.provenance-quote{margin:0;background:linear-gradient(145deg,#16394e,#0d293c);border-radius:20px;padding:38px;color:white;box-shadow:var(--shadow-soft)}.provenance-quote>span{font-family:Georgia,serif;font-size:5rem;line-height:.6;color:rgba(255,255,255,.16)}.provenance-quote p{font-size:1.2rem;line-height:1.55;margin:18px 0 0;color:white}

.reassurance-line{margin-top:24px;display:grid;grid-template-columns:repeat(3,1fr);background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden}.reassurance-line>div{padding:20px 22px}.reassurance-line>div+div{border-left:1px solid var(--line)}.reassurance-line strong,.reassurance-line span{display:block}.reassurance-line span{font-size:.92rem;color:var(--muted);margin-top:3px}

.final-cta{margin-top:24px;text-align:center;padding:52px 34px;border-radius:24px;background:radial-gradient(circle at 90% 0%,rgba(51,127,199,.4),transparent 27%),linear-gradient(135deg,#092235,#174d68);box-shadow:var(--shadow)}
.final-cta h2,.final-cta p{color:white}.final-cta>p{color:#d5e5ed}.cta-label{display:inline-block;background:var(--gold);color:#17232d;padding:8px 13px;border-radius:999px;font-size:.75rem;font-weight:1000;letter-spacing:.1em;margin-bottom:14px}
.cta-actions{display:flex;gap:20px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:22px}.cta-link{color:white;font-weight:800}.cta-privacy{font-size:.82rem;margin:20px 0 0!important}.cta-privacy a{color:#c9dce6}

.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:11px;font-weight:900;text-decoration:none;transition:.18s ease;border:1px solid transparent}
.button:hover{text-decoration:none;transform:translateY(-1px)}.button-primary,.button-light{background:white;color:var(--navy)}.button-primary:hover,.button-light:hover{background:#edf6fb}.button-ghost{background:rgba(255,255,255,.08);color:white;border-color:rgba(255,255,255,.3)}.button-secondary{background:#eef4f7;color:var(--navy)}

.card{background:white;border:1px solid var(--line);border-radius:20px;padding:34px;box-shadow:var(--shadow-soft)}.lead{font-size:1.1rem;color:var(--muted)}.muted{color:var(--muted);font-size:.95rem}
form{margin-top:12px}label{display:block;margin:16px 0;font-weight:650}
input[type=text],input[type=password],input[type=number],select,textarea{width:100%;margin-top:7px;padding:13px 14px;font:inherit;border:1px solid #cbd8e0;border-radius:10px;background:white;color:var(--ink)}
textarea{min-height:120px;resize:vertical}input:focus,select:focus,textarea:focus{outline:none;border-color:#77a9c8;box-shadow:0 0 0 4px rgba(51,127,199,.1)}
button{min-height:50px;padding:0 20px;border:0;border-radius:10px;background:var(--navy);color:white;font:inherit;font-weight:900;cursor:pointer}button:hover{background:#081f30}

.question{margin:22px 0;padding:22px 0;border-bottom:1px solid var(--line)}.question strong{display:block;margin-bottom:14px}.scale{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.scale label{margin:0;border:1px solid #dbe4e9;background:#f8fafb;padding:11px 8px;border-radius:10px;text-align:center;font-size:.88rem;font-weight:600;color:var(--muted);cursor:pointer}.scale label:hover{background:#eaf3f8;border-color:#b9d1df}.scale input{display:block;margin:0 auto 7px}
.code{font-size:2rem;letter-spacing:.14em;font-weight:900;color:var(--navy);background:#eaf3f8;border:1px solid #c7dbe7;border-radius:12px;padding:16px;text-align:center}.success{background:#eaf7f0;border:1px solid #bfdcc9;padding:16px;border-radius:12px}.error{background:#fff1f1;border:1px solid #efc7c7;padding:14px;border-radius:10px}

/* Consent and footer retained */
.consent-box{background:#f6fafc;border:1px solid #cfdee7;border-left:6px solid var(--blue);border-radius:16px;padding:22px 24px;margin:22px 0 28px}.consent-box h2{font-size:1.35rem;margin-bottom:10px}.consent-box p{color:var(--muted)}
.consent-label{background:#fff;border:1px solid var(--line);border-radius:11px;padding:13px 14px;margin:12px 0;font-weight:600}.consent-label input{margin-right:9px}.child-consent{border-left-color:var(--teal)}
.site-footer{border-top:1px solid var(--line);background:#eef4f7}.footer-inner{max-width:1180px;margin:0 auto;padding:22px 20px;display:flex;justify-content:space-between;align-items:center;gap:18px;color:var(--muted);font-size:.9rem}.footer-inner nav{display:flex;gap:18px;flex-wrap:wrap}.footer-inner a{color:var(--navy);font-weight:700;text-decoration:none}

/* Results */
.results-entry{max-width:720px;margin:20px auto}.results-hero{padding:46px 42px;border-radius:24px;background:linear-gradient(135deg,#0b293e,#175069);box-shadow:var(--shadow);color:white}.results-hero h1,.results-hero p{color:white}.results-hero p{color:#d6e5ed;max-width:820px}.results-code{display:inline-block;margin-top:8px;padding:7px 11px;border-radius:8px;background:rgba(255,255,255,.1);font-size:.88rem}
.results-section{margin-top:30px}.results-heading{max-width:780px}.results-heading>p{color:var(--muted)}
.results-list{display:grid;gap:10px}.result-insight{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start;padding:18px 20px;border-radius:14px;background:white;border:1px solid var(--line)}.result-mark{width:34px;height:34px;display:grid;place-items:center;background:#e3f5f1;color:var(--teal);border-radius:50%;font-weight:1000}.result-insight h3{margin-bottom:4px}.result-insight p{margin:0;color:var(--muted)}
.results-feature{margin-top:30px;padding:38px;border-radius:22px;background:linear-gradient(145deg,#fff3d7,#fffaf0);border:1px solid #edd69f;box-shadow:var(--shadow-soft)}.feature-label{text-transform:uppercase;letter-spacing:.1em;font-size:.74rem;font-weight:900;color:#906c22;margin-bottom:7px}.feature-question{font-size:1.08rem;color:#4f5961}
.score-compare{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;margin:26px 0}.score-compare>div:not(.compare-vs){background:white;border-radius:14px;padding:18px;border:1px solid #ead9b7}.score-compare span,.score-compare strong{display:block}.score-compare span{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#7b8790;font-weight:900}.score-compare strong{font-size:1.16rem;margin-top:4px}.compare-vs{font-weight:900;color:#9a7324}
.may-not-see{padding:18px;background:#17394c;color:white;border-radius:14px}.may-not-see strong{display:block;margin-bottom:4px}.may-not-see p{margin:0;color:#dbe7ed}
.dimension-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.dimension-card{background:white;border:1px solid var(--line);border-radius:14px;padding:20px}.dimension-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.dimension-top h3{margin-bottom:8px}.dimension-tag{font-size:.7rem;font-weight:900;letter-spacing:.03em;background:#eef4f7;color:#536875;border-radius:999px;padding:5px 8px;text-align:center}.dimension-card p{color:var(--muted);margin:0}
.conversation-section{margin-top:30px;background:white;border:1px solid var(--line);border-radius:20px;padding:34px;box-shadow:var(--shadow-soft)}.conversation-heading{max-width:800px}.conversation-heading p{color:var(--muted)}.conversation-prompts{display:grid;gap:10px;margin-top:20px}.conversation-prompt{display:grid;grid-template-columns:40px 1fr;gap:13px;align-items:center;padding:15px;border-radius:12px;background:#f5f9fb}.conversation-prompt span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--teal);color:white;font-weight:900}.conversation-prompt p{margin:0;font-weight:700}.conversation-warning{margin-top:18px;padding:15px 18px;border-left:4px solid var(--gold);background:#fff9ec;color:#5b4c2b}
.results-takeaway{margin-top:30px;padding:38px;border-radius:20px;background:linear-gradient(145deg,#15384c,#0c2a3d);color:white}.results-takeaway h2,.results-takeaway p{color:white}.results-takeaway p{color:#d7e5ec;margin-bottom:0}
.feedback-card{margin-top:30px;background:white;border:1px solid var(--line);border-radius:20px;padding:34px;box-shadow:var(--shadow-soft)}

.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat{background:white;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--shadow-soft)}.stat strong{display:block;font-size:1.8rem;color:var(--navy)}
table{width:100%;border-collapse:collapse;background:white}th,td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left}th{background:#eef4f7;color:var(--navy)}

@media(max-width:900px){
.hero-premium,.editorial-section,.value-columns,.how-section,.provenance-section,.reassurance-line,.dimension-grid{grid-template-columns:1fr}
.hero-main{padding:44px 30px}.hero-example{padding:30px}.stat-row{grid-template-columns:1fr}.evidence-stat+.evidence-stat{border-left:0;border-top:1px solid var(--line)}
.paired-table{grid-template-columns:1fr}.paired-head:nth-child(2){display:none}.paired-head:first-child{grid-column:1}.paired-left:before{content:"Parent: ";font-size:.73rem;text-transform:uppercase;letter-spacing:.06em;color:#7c8c96}.paired-right:before{content:"Experience may teach: ";font-size:.73rem;text-transform:uppercase;letter-spacing:.06em;color:#987522}.paired-right{border-left:0}
.value-item+.value-item{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:28px}.scale{grid-template-columns:1fr}.grid{grid-template-columns:1fr}
}
@media(max-width:640px){
main.container{padding:14px 12px 48px}.hero-premium{border-radius:18px}.hero-main,.hero-example,.evidence-band,.provenance-main,.provenance-quote,.conversation-section,.feedback-card,.results-feature,.results-hero,.card{padding:24px}
h1{font-size:2.3rem}.hero-actions,.cta-actions{flex-direction:column;align-items:stretch}.button,button{width:100%}.reassurance-line>div+div{border-left:0;border-top:1px solid var(--line)}.footer-inner{flex-direction:column;align-items:flex-start}.score-compare{grid-template-columns:1fr}.compare-vs{text-align:center}
}

/* ADMIN FEEDBACK DASHBOARD ADDITIONS */
.feedback-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
    margin-top:20px;
}
.feedback-grid.two{
    grid-template-columns:repeat(2,1fr);
    margin-top:24px;
}
.feedback-dist{
    border:1px solid var(--line);
    border-radius:14px;
    padding:18px;
    background:#fbfcfd;
}
.feedback-dist h3{
    font-size:1rem;
    margin-bottom:14px;
}
.dist-row{
    display:grid;
    grid-template-columns:130px 1fr 72px;
    gap:10px;
    align-items:center;
    margin:10px 0;
}
.dist-label{
    font-size:.82rem;
    color:var(--muted);
}
.dist-bar-wrap{
    height:9px;
    background:#e7edf1;
    border-radius:999px;
    overflow:hidden;
}
.dist-bar{
    height:100%;
    min-width:2px;
    background:linear-gradient(90deg,var(--teal),var(--blue));
    border-radius:999px;
}
.dist-value{
    text-align:right;
    font-size:.82rem;
    font-weight:800;
    color:var(--navy);
}
.dist-value span{
    color:var(--muted);
    font-weight:500;
}
.comment-list{
    display:grid;
    gap:14px;
}
.comment-card{
    padding:18px 20px;
    border:1px solid var(--line);
    border-radius:14px;
    background:#fbfcfd;
}
.comment-card p{
    margin:10px 0 0;
    font-size:1rem;
}
.comment-meta,.comment-tags{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}
.comment-meta span{
    font-size:.75rem;
    color:var(--muted);
}
.comment-tags{
    margin-top:12px;
}
.comment-tags span{
    font-size:.72rem;
    background:#edf4f7;
    color:#526876;
    padding:5px 8px;
    border-radius:999px;
}
@media(max-width:900px){
    .feedback-grid,
    .feedback-grid.two{
        grid-template-columns:1fr;
    }
}
@media(max-width:640px){
    .dist-row{
        grid-template-columns:1fr;
        gap:5px;
    }
    .dist-value{
        text-align:left;
    }
}

/* Results page — high-contrast chapter design */

body{
  background:#eef2f5;
}

main{
  color:#1f2f39;
}

/* Only the opening and closing panels are dark. */
.results-hero{
  position:relative;
  overflow:hidden;
  padding:54px 46px;
  border-radius:28px;
  background:linear-gradient(135deg,#12384f 0%,#1e6170 100%);
  color:#fff !important;
  box-shadow:0 20px 44px rgba(22,55,73,.18);
}
.results-hero::before{
  content:"";
  position:absolute;
  width:260px;
  height:260px;
  right:-80px;
  top:-100px;
  border-radius:50%;
  background:rgba(255,255,255,.08);
}
.results-hero h1,
.results-hero h2,
.results-hero h3,
.results-hero p,
.results-hero span,
.results-hero strong{
  color:#fff !important;
}
.results-hero h1{
  position:relative;
  max-width:900px;
  line-height:1.06;
}
.results-hero p{
  position:relative;
  max-width:820px;
  color:rgba(255,255,255,.9) !important;
}
.results-hero .section-kicker{
  color:#bfe8e5 !important;
}
.results-code{
  position:relative;
  display:inline-flex;
  margin-top:15px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.22);
  color:#fff !important;
}

/* Major page chapters */
.chapter{
  margin-top:34px;
  padding:38px;
  border-radius:26px;
  border:1px solid rgba(24,53,68,.09);
  box-shadow:0 12px 30px rgba(25,54,70,.06);
}
.chapter-white{background:#fff}
.chapter-warm{background:#fff7e8}
.chapter-soft{background:#f3f8fa}
.chapter-lavender{background:#f5f0f8}
.chapter-mint{background:#eef8f4}
.chapter-sky{background:#edf6fb}

.chapter h1,
.chapter h2,
.chapter h3,
.chapter h4,
.chapter p,
.chapter span,
.chapter strong{
  color:#1f2f39;
}
.chapter .section-kicker,
.chapter .micro-label{
  color:#657783;
}

.results-heading{
  max-width:860px;
  margin-bottom:26px;
}
.results-heading h2{
  margin-bottom:10px;
}
.results-heading p{
  color:#556771;
  line-height:1.62;
}

/* Overview */
.results-overview{
  background:#fff;
}
.results-stat-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:26px;
}
.results-stat{
  min-height:128px;
  padding:22px;
  border-radius:18px;
  border:1px solid rgba(24,53,68,.08);
  box-shadow:0 7px 18px rgba(24,53,68,.04);
}
.results-stat:nth-child(1){background:#eaf7f3}
.results-stat:nth-child(2){background:#fff1d7}
.results-stat:nth-child(3){background:#eee8f5}
.results-stat strong{
  display:block;
  font-size:1.48rem;
  color:#17394c;
  margin-bottom:7px;
}
.results-stat span{
  color:#53656f;
  line-height:1.46;
}
.pattern-note{
  margin-top:20px;
  padding:20px 22px;
  background:#e9f5f2;
  border-left:5px solid #2f8a76;
  border-radius:0 16px 16px 0;
}
.pattern-note strong{
  color:#1e5d50;
}
.pattern-note p{
  margin:5px 0 0;
  color:#445b55;
}

/* Biggest gap — warm panel */
.results-feature{
  background:#fff7e8;
}
.feature-label{
  display:inline-flex;
  padding:7px 11px;
  border-radius:999px;
  background:#f7d98e;
  color:#604a12 !important;
  font-size:.72rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.075em;
}
.results-feature h2{
  margin-top:12px;
  color:#3e321c;
}
.feature-question{
  color:#594c36 !important;
  line-height:1.6;
}
.score-compare{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:16px;
  align-items:center;
  margin:22px 0;
}
.score-compare > div:first-child{
  background:#eaf4fa;
  border:1px solid #d3e4ee;
}
.score-compare > div:last-child{
  background:#f2eaf7;
  border:1px solid #e2d5eb;
}
.score-compare > div:first-child,
.score-compare > div:last-child{
  padding:19px 20px;
  border-radius:17px;
}
.score-compare span{
  display:block;
  margin-bottom:6px;
  font-size:.72rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.075em;
  color:#61727d !important;
}
.score-compare strong{
  color:#1e313d !important;
}
.compare-vs{
  color:#826d3c !important;
  font-weight:900;
}
.may-not-see{
  padding:20px 22px;
  background:#fff;
  border-left:5px solid #d4a442;
  border-radius:0 16px 16px 0;
}
.may-not-see strong{
  color:#6c511c !important;
}
.may-not-see p{
  color:#4d5b63 !important;
  margin:5px 0 0;
}

/* Six areas — each category becomes its own mini chapter */
.colour-section-areas{
  background:#f3f8fa;
}
.dimension-detail-list{
  display:grid;
  gap:22px;
}
.dimension-detail-card{
  background:#fff;
  border:1px solid rgba(27,58,73,.09);
  border-radius:22px;
  padding:30px;
  box-shadow:0 10px 24px rgba(25,54,70,.05);
}
.dimension-detail-card:nth-child(1){border-left:8px solid #2f8d87}
.dimension-detail-card:nth-child(2){border-left:8px solid #698fb1}
.dimension-detail-card:nth-child(3){border-left:8px solid #9b7db3}
.dimension-detail-card:nth-child(4){border-left:8px solid #cf9b3c}
.dimension-detail-card:nth-child(5){border-left:8px solid #c26c67}
.dimension-detail-card:nth-child(6){border-left:8px solid #6f9a62}

.dimension-title-block{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.dimension-title-block h3{
  margin:0;
  font-size:1.62rem;
  color:#17394c;
}
.dimension-tag{
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  background:#edf1f3;
  color:#5e707b !important;
  font-size:.69rem;
  font-weight:900;
  letter-spacing:.075em;
  text-transform:uppercase;
}
.dimension-views{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin:21px 0;
}
.view-card{
  padding:20px 22px;
  border-radius:17px;
}
.parent-view{
  background:#e9f4fb;
  border:1px solid #d1e5ef;
}
.child-view{
  background:#f2e9f8;
  border:1px solid #e1d4eb;
}
.view-label{
  display:block;
  margin-bottom:7px;
  font-size:.72rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.075em;
}
.parent-view .view-label{color:#3e6e89 !important}
.child-view .view-label{color:#76528f !important}
.view-card strong{
  display:block;
  font-size:1.22rem;
  color:#1d303c !important;
  margin-bottom:4px;
}
.view-card small{
  color:#687983 !important;
}
.dimension-result-meaning{
  padding:21px 22px;
  background:#f7f9fa;
  border:1px solid #e5ebee;
  border-radius:15px;
  margin-bottom:22px;
}
.dimension-result-meaning p{
  margin:0;
  color:#263a45 !important;
  font-weight:650;
  line-height:1.62;
}
.dimension-explain{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-bottom:18px;
}
.explain-block{
  padding:19px;
  background:#fafcfd;
  border-radius:14px;
  border:1px solid #e7edef;
}
.explain-block p{
  margin:0;
  color:#50616b !important;
  line-height:1.6;
}
.muted-block{
  border-left:1px solid #e7edef;
}
.micro-label{
  display:block;
  margin-bottom:8px;
  font-size:.7rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.075em;
  color:#687985 !important;
}
.dimension-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.action-block{
  padding:19px 20px;
  border-radius:15px;
}
.action-block span{
  display:block;
  margin-bottom:7px;
  font-size:.7rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.075em;
}
.action-block p{
  margin:0;
  line-height:1.58;
}
.prompt-block{
  background:#fff1d9;
  border:1px solid #efd8aa;
}
.prompt-block span{color:#805d18 !important}
.prompt-block p{color:#51462f !important;font-weight:700}
.try-block{
  background:#e9f6f0;
  border:1px solid #cee7da;
}
.try-block span{color:#336c5a !important}
.try-block p{color:#405950 !important}

/* Possible unwritten rules */
.colour-section-rules{
  background:#f5f0f8;
}
.unwritten-rule-list{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.unwritten-rule-card{
  background:#fff;
  padding:23px;
  border-radius:17px;
  border:1px solid #e5d9ec;
}
.unwritten-rule-meta{
  color:#76528f !important;
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.unwritten-rule-card blockquote{
  margin:10px 0 12px;
  color:#3e2f48 !important;
  font-size:1.12rem;
  font-weight:800;
  line-height:1.48;
}
.unwritten-rule-card p{
  color:#65596d !important;
  line-height:1.52;
}

/* 7-day action plan */
.colour-section-plan{
  background:#eef8f4;
}
.action-plan-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.action-plan-card{
  padding:24px;
  border-radius:18px;
  border:1px solid rgba(28,65,52,.1);
}
.action-plan-card.keep{background:#dff2ea}
.action-plan-card.talk{background:#fff0cf}
.action-plan-card.try{background:#eae2f2}
.action-plan-card>span{
  display:block;
  margin-bottom:8px;
  font-size:.7rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.075em;
}
.action-plan-card.keep>span{color:#286650 !important}
.action-plan-card.talk>span{color:#7c5912 !important}
.action-plan-card.try>span{color:#654c79 !important}
.action-plan-card h3{
  color:#223540 !important;
}
.action-plan-card p{
  color:#4f6068 !important;
  line-height:1.55;
}

/* Conversation section */
.colour-section-conversation{
  background:#fff;
}
.conversation-method{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin:22px 0 26px;
}
.conversation-method>div{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:12px;
  padding:19px;
  border-radius:16px;
  background:#eef5f8;
  border:1px solid #dbe7ed;
}
.conversation-method span{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#235f74;
  color:#fff !important;
  font-weight:900;
}
.conversation-method p{
  margin:2px 0 0;
  color:#4b606b !important;
}
.conversation-prompts{
  display:grid;
  gap:12px;
}
.conversation-prompt{
  padding:17px 18px;
  border-radius:14px;
  background:#f6f0fa;
  border:1px solid #e5daec;
}
.conversation-prompt span{
  background:#7c6090;
  color:#fff !important;
}

/* Revisit */
.colour-section-revisit{
  display:grid;
  grid-template-columns:1fr auto;
  gap:26px;
  align-items:center;
  background:#edf6fb;
}
.revisit-note{
  min-width:180px;
  padding:20px;
  border-radius:16px;
  background:#fff;
  border:1px solid #d5e6ef;
  text-align:center;
}
.revisit-note strong{
  display:block;
  margin-bottom:6px;
  color:#5d7280 !important;
  font-size:.7rem;
  text-transform:uppercase;
  letter-spacing:.075em;
}
.revisit-note span{
  color:#17394c !important;
  font-size:1.4rem;
  font-weight:900;
  letter-spacing:.08em;
}

/* Closing dark section — explicit white text */
.results-takeaway{
  position:relative;
  overflow:hidden;
  margin-top:34px;
  padding:38px;
  border-radius:26px;
  background:linear-gradient(135deg,#17384c 0%,#51466f 100%);
  color:#fff !important;
  box-shadow:0 18px 38px rgba(28,42,59,.16);
}
.results-takeaway h1,
.results-takeaway h2,
.results-takeaway h3,
.results-takeaway p,
.results-takeaway span,
.results-takeaway strong{
  color:#fff !important;
}
.results-takeaway .section-kicker{
  color:#d8c9ea !important;
}
.results-takeaway p{
  color:rgba(255,255,255,.9) !important;
  max-width:820px;
}

/* Feedback */
.colour-section-feedback{
  background:#fff;
}

/* Prevent inherited dark/blue panel styles from creating poor contrast */
.chapter a:not(.button){
  color:#1e6a83;
}
.chapter input,
.chapter textarea,
.chapter select{
  background:#fff;
  color:#1f2f39;
}

@media(max-width:820px){
  .results-hero,
  .chapter,
  .results-takeaway{
    padding:25px;
    border-radius:20px;
  }

  .results-stat-grid,
  .score-compare,
  .dimension-views,
  .dimension-explain,
  .dimension-actions,
  .unwritten-rule-list,
  .action-plan-grid,
  .conversation-method{
    grid-template-columns:1fr;
  }

  .colour-section-revisit{
    display:block;
  }

  .revisit-note{
    margin-top:18px;
  }
}


/* Multi-child upgrade */
.multi-setup{max-width:900px;margin-left:auto;margin-right:auto}
.multi-progress{
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  margin-bottom:22px;padding:12px 14px;border-radius:12px;background:#eef5f8;color:#49616d
}
.child-link-list{display:grid;gap:14px;margin:24px 0}
.child-link-card{
  display:flex;justify-content:space-between;align-items:center;gap:18px;
  padding:18px 20px;border-radius:16px;background:#f7fafb;border:1px solid #dde7ec
}
.child-link-card strong{display:block;font-size:1.1rem;color:#17394c}
.child-link-card span{display:block;margin-top:4px;color:#71818a;font-size:.86rem}
.household-child-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px
}
.household-child-card{
  position:relative;padding:24px;border-radius:18px;background:#f7fafb;border:1px solid #dde7ec
}
.household-child-card:nth-child(2n){background:#f6f1fa;border-color:#e5daec}
.household-child-card:nth-child(3n){background:#fff5df;border-color:#efdfb8}
.child-letter{
  width:42px;height:42px;display:grid;place-items:center;border-radius:50%;
  background:#17394c;color:#fff!important;font-weight:900;margin-bottom:14px
}
.household-child-card h3{margin:0 0 12px}
.household-child-card p{margin:7px 0;color:#51636d}
.household-child-card .button{margin-top:12px}
.household-pattern p{max-width:850px}
.results-back-link{margin:0 0 14px}
.results-back-link a{font-weight:800;color:#1f657c;text-decoration:none}
.success{
  padding:14px 16px;border-left:4px solid #2f8a76;background:#eaf7f3;border-radius:0 10px 10px 0
}
@media(max-width:820px){
  .household-child-grid{grid-template-columns:1fr}
  .child-link-card{display:block}
  .child-link-card .button{margin-top:12px}
}