:root{--green:#035c3c;--ink:#243f35;--muted:#5c6c63;--cream:#faf8f1;--line:#dcded3;--soft:#edf1e8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 Arial,sans-serif}.review{background:#e9ede3;text-align:center;padding:9px 20px;font-size:10px;letter-spacing:1.5px;font-weight:bold}.review span{font-weight:normal;letter-spacing:0;font-size:12px;margin-left:15px}header{max-width:1240px;margin:auto;padding:28px 40px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font:30px Georgia,serif;color:var(--green);text-decoration:none;letter-spacing:-1px}.brand span{display:block;font:8px/2 Arial;letter-spacing:1.4px;color:var(--muted)}nav{display:flex;gap:25px;align-items:center}nav a,.nav{font:13px Arial;color:var(--ink);text-decoration:none;background:none;border:0;cursor:pointer;padding:8px 0}.nav:hover,nav a:hover{color:var(--green);text-decoration:underline}main{max-width:1160px;margin:auto;padding:0 40px}.intro{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding:60px 0 45px;gap:35px}.eyebrow{font-size:10px;font-weight:bold;letter-spacing:2px;color:var(--green);margin:0 0 18px}h1{font:64px/1.07 Georgia,serif;letter-spacing:-2px;margin:0 0 22px}h2{font:35px/1.18 Georgia,serif;letter-spacing:-.5px;margin:0 0 12px}h3{font:23px/1.25 Georgia,serif;margin:0 0 10px}.lead{font-size:17px;color:var(--muted);line-height:1.7}.intro-links{display:flex;align-items:center;gap:22px;margin-top:28px}.intro-links a{font-size:13px;font-weight:bold;color:var(--green);text-decoration:none}.intro-links a span{margin-left:15px}.intro-links button{font-size:12px;background:none;border:0;border-bottom:1px solid #aab8aa;color:var(--muted);cursor:pointer;padding:3px}.art svg{width:100%;max-height:285px}.art p{font:italic 16px Georgia;text-align:center;color:var(--muted);margin:0}.section-head{border-top:1px solid var(--line);padding-top:30px;display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:23px}.section-head p{margin:8px 0 0;color:var(--muted);font-size:14px}.small-label{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--green);font-weight:bold}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.theme{position:relative;text-align:left;display:flex;flex-direction:column;align-items:start;padding:24px;background:#fffef9;border:1px solid var(--line);border-radius:7px;color:var(--ink);cursor:pointer;min-height:175px;transition:transform .15s,border-color .15s}.theme:hover{border-color:#62836a;transform:translateY(-3px)}.theme.relationships{background:#eaf0e5}.icon{font:25px Georgia;color:var(--green);display:block;margin-bottom:14px}.theme h3{font-size:22px;margin-bottom:6px}.theme p{font-size:13px;line-height:1.6;color:var(--muted);margin:0;max-width:90%}.arrow{position:absolute;right:20px;bottom:20px;color:var(--green)}button,a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b56d3e;outline-offset:4px}.back{color:var(--green);background:none;border:0;font-size:13px;padding:0;margin-bottom:20px;cursor:pointer}.panel{background:#fffef9;border:1px solid var(--line);border-radius:8px;padding:35px;max-width:850px;margin:0 auto}.step{font-size:11px;letter-spacing:1.5px;color:var(--green);margin-bottom:16px}.options{display:grid;gap:10px;margin-top:26px}.option{background:var(--cream);border:1px solid var(--line);border-radius:5px;text-align:left;padding:17px 20px;color:var(--ink);font-size:16px;cursor:pointer;display:flex;justify-content:space-between}.option:hover{background:var(--soft);border-color:#7e9b81}.subtle{color:var(--muted);font-size:14px}.trail{font-size:12px;color:var(--muted);margin-bottom:20px}.context{padding:8px 13px;border:1px solid var(--line);border-radius:30px;background:white;color:var(--ink);cursor:pointer}.context[aria-pressed=true]{background:var(--green);color:white}.context-row{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.result-note{border-left:3px solid #b6caa9;padding-left:20px;margin:25px 0}.primary{background:var(--green);color:white;border:0;border-radius:4px;padding:13px 20px;text-decoration:none;font-size:14px;cursor:pointer;display:inline-block}.secondary{background:transparent;color:var(--green);border:1px solid #9eafa0;border-radius:4px;padding:12px 18px;cursor:pointer;font-size:14px}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.resource{background:white;border:1px solid var(--line);border-radius:6px;padding:24px;display:flex;flex-direction:column;align-items:start}.resource h3{font-size:22px;margin-top:12px}.resource p{font-size:14px;color:var(--muted);flex:1}.tag{font-size:10px;background:#edf1e8;padding:4px 8px;border-radius:3px;color:var(--green)}.sample{display:block;font-size:11px;color:#7b6040;margin:12px 0}.filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.filters input,.filters select{border:1px solid #c7cec0;border-radius:4px;padding:12px;background:white;color:var(--ink);font:14px Arial}.filters input{flex:1;min-width:180px}.bottom-note{display:flex;gap:20px;margin:50px 0;padding:25px 0;border-top:1px solid var(--line)}.bottom-note p{font-size:12px;color:var(--muted);max-width:750px;margin:5px 0}.little-leaf{font-size:30px;color:#759379}footer{border-top:1px solid var(--line);max-width:1160px;padding:25px 40px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:15px}footer span{font:20px Georgia;color:var(--green)}footer p,footer a{font-size:11px;color:var(--muted)}dialog{background:var(--cream);color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:40px;max-width:580px;width:calc(100% - 32px)}dialog::backdrop{background:#18392bcc}.close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:28px;color:var(--green);cursor:pointer}.exercise{background:#fffef9;border:1px solid var(--line);padding:20px;margin-top:20px}.empty{padding:30px;background:var(--soft);grid-column:1/-1}@media(max-width:850px){header{padding:22px 25px;flex-wrap:wrap}nav{gap:20px}.intro{gap:15px}h1{font-size:52px}.grid,.result-grid{grid-template-columns:repeat(2,1fr)}.art{align-self:center}.intro-links{align-items:start;flex-direction:column;gap:12px}main{padding:0 25px}}@media(max-width:560px){.review span{display:block;margin:3px 0 0}.brand{font-size:27px}nav{width:100%;justify-content:space-between;gap:10px}.intro{grid-template-columns:1fr;padding:35px 0}.art{display:none}h1{font-size:50px}.grid,.result-grid{grid-template-columns:1fr}.theme{min-height:145px;padding:20px}.icon{margin-bottom:8px}.section-head{align-items:start;flex-direction:column}.panel{padding:24px}.panel h2{font-size:29px}footer{padding:25px;align-items:start;flex-direction:column}footer p{margin:0}.filters{flex-direction:column}h2{font-size:30px}}
[hidden]{display:none!important}#workspace{scroll-margin-top:25px}.panel h2:focus{outline:none}
/* Refined review: clear cards, gentle colour and brighter blue-teal accents. */
:root{--teal:#126d7a;--green:#126d7a}h1,h2,h3{color:var(--teal)}.brand{color:#035c3c}.intro{padding-top:44px;padding-bottom:35px}.art svg{max-height:330px;filter:drop-shadow(0 10px 15px #207d7909)}.art p{color:#276a70}.theme{--card:#eef7f4;--edge:#9bc3be;background:var(--card);border:1.5px solid var(--edge);border-top:4px solid var(--edge);border-radius:12px;padding:25px;min-height:310px;box-shadow:0 4px 10px #223f3506}.theme.relationships{--card:#eaf5f2;--edge:#78afa7;background:var(--card)}.theme.social{--card:#eff4fa;--edge:#a2b9d0}.theme.worry{--card:#f2eff8;--edge:#b6a6cb}.theme.depression{--card:#f6f2e7;--edge:#c9b991}.theme.trauma{--card:#f1f4ed;--edge:#a7b69a}.theme.panic{--card:#edf6f8;--edge:#98bec6}.theme.selfworth{--card:#faf0ee;--edge:#cfaaa2}.theme.anger{--card:#fcf2e7;--edge:#d1af8c}.theme.ocd{--card:#f0f2f9;--edge:#a8b0cd}.theme.stress{--card:#eef4eb;--edge:#a8bd9e}.theme.phobia{--card:#f7f0f6;--edge:#c7acc2}.theme:hover{border-color:var(--teal);box-shadow:0 8px 22px #126d7a12;transform:translateY(-3px)}.theme .icon{font-size:28px;background:#ffffffa8;width:45px;height:45px;display:grid;place-items:center;border-radius:50%;margin-bottom:15px}.theme h3{font-size:25px;font-weight:600;line-height:1.18;max-width:100%}.theme p{font-size:15px;line-height:1.6;max-width:100%;color:#465c57}.examples{display:grid;gap:4px;margin:16px 0 22px;font-size:14px;font-style:italic;line-height:1.5;color:#4a605e}.card-cta{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:13px;border-top:1px solid var(--edge);font-size:13px;font-weight:700;color:var(--teal)}.theme .arrow{display:none}.resource{border-radius:10px;border-color:#b9cfcc}.resource h3{font-weight:600}.review{background:#e3eeeb}.eyebrow,.small-label{color:var(--teal)}@media(max-width:560px){.theme{min-height:280px;padding:23px}.theme h3{font-size:25px}.art{display:block}.art svg{max-height:250px}.intro{gap:24px}.art p{font-size:15px}.intro h1 br{display:none}.intro h1{max-width:360px}}
/* Stronger header typography and a reflective human illustration. */
.brand{font-size:34px;font-weight:700}.brand span{font-size:9px;font-weight:600;letter-spacing:1.3px}nav a,.nav{font-size:15px;font-weight:700}h1{font-size:70px;font-weight:700;line-height:1.08}h2{font-size:38px;font-weight:600}.eyebrow{font-size:12px;font-weight:700}.lead{font-size:18px}.intro{grid-template-columns:1fr 1.12fr;gap:26px}.reflection-hero{display:block;width:100%;height:auto;max-height:355px;object-fit:contain;border-radius:18px;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}.art p{font-size:17px;margin-top:13px}.section-head .small-label{font-size:11px}@media(max-width:850px){.brand{font-size:32px}nav a,.nav{font-size:14px}h1{font-size:58px}.intro{grid-template-columns:1fr 1fr}h2{font-size:35px}}@media(max-width:560px){.brand{font-size:31px}.brand span{font-size:8px}header{gap:18px}nav a,.nav{font-size:13px}.intro{grid-template-columns:1fr}h1{font-size:53px}.reflection-hero{max-height:285px}.art p{font-size:16px}h2{font-size:32px}.panel h2{font-size:31px}}
.infographic-link{display:block}.reflection-hero.iceberg-hero{max-height:none;width:100%;height:auto;object-fit:contain;mask-image:none;border-radius:8px;box-shadow:0 5px 20px #126d7a0b}.full-size{font:13px Arial,sans-serif;color:var(--teal);text-underline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.intro{align-items:center}@media(max-width:560px){.reflection-hero.iceberg-hero{max-height:none}}
/* A quieter, more balanced companion to the heading. */
.art{width:100%;max-width:410px;justify-self:center}.intro{grid-template-columns:1fr 1fr;gap:38px;padding-top:38px;padding-bottom:32px}.reflection-hero.iceberg-hero{box-shadow:0 4px 16px #126d7a08}.art p{margin-top:10px}@media(max-width:850px){.intro{gap:26px}.art{max-width:370px}}@media(max-width:560px){.intro{grid-template-columns:1fr;gap:26px}.art{max-width:340px}}
.resource-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:15px}.text-button{border:0;background:none;padding:6px 0;color:var(--teal);font:600 13px Arial,sans-serif;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.audience-label{font-size:11px;color:var(--muted);margin-top:12px}.recommended{border:2px solid #4b8b8d;background:#f2f8f5}.recommended-label{font-size:10px;font-weight:bold;letter-spacing:1px;color:var(--teal);margin-bottom:15px}.coverage-note{background:#edf3f1;border-left:3px solid #80aaa7;border-radius:4px;padding:17px 20px;margin:20px 0;font-size:14px}.coverage-note p{margin:5px 0 0}.filter-coverage{grid-column:1/-1;margin:0}.optional-pack{margin:30px 0 15px;max-width:620px}.optional-pack>.resource{margin-top:15px}.result-footer{display:flex;gap:25px;flex-wrap:wrap;margin:25px 0}.actual-preview{margin:20px 0}.actual-preview img{width:100%;height:auto;max-height:420px;object-fit:contain;background:white;border:1px solid var(--line)}.actual-preview figcaption{font-size:11px;color:var(--muted);margin-top:6px}.download-actions{display:flex;flex-wrap:wrap;gap:10px}.filters label{display:flex;flex-direction:column;gap:5px}.filters label:first-child{flex:1;min-width:180px}.filters label>span{font-size:11px;font-weight:bold;color:var(--muted)}.filters input,.filters select{width:100%}.filters{align-items:end}.filters .text-button{margin-bottom:10px}dialog{max-height:90vh;overflow-y:auto;max-width:650px}a.secondary{display:inline-block;text-decoration:none}@media(max-width:560px){.filters{align-items:stretch}.filters label{width:100%}.resource-actions{align-items:start;flex-direction:column}.result-footer{gap:12px}.download-actions{flex-direction:column}.download-actions a{width:100%}}

.draft-tag{background:#f0e7d7;color:#795a2c}
