:root{--teal:#0d7484;--teal-d:#0a5a67;--slate:#3c6170;--coral:#e8643c;--coral-d:#c4461f;--cream:#faf7f2;--ink:#1d2b2e;--mute:#5d6e72;--card:#fff;--line:#e8e1d6;--surface:#fff;--headbg:#faf7f2ee;--h3:#3c6170;--link:#0d7484;--accent:#e8643c;--accent-d:#c4461f;--onaccent:#fff;--tint:#fff4ef;--tint2:#eeeeee;--inp-line:#cfd8da;--serif:system-ui,'Segoe UI',Roboto,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.6 system-ui,'Segoe UI',Roboto,sans-serif}
img{max-width:100%}a{color:var(--link)}h1,h2,h3{line-height:1.15;margin:0 0 .5em}
h1{font-size:clamp(2rem,5vw,3.1rem);font-weight:800;letter-spacing:-.5px}h2{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800}h3{font-size:1.2rem}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:#fff;padding:8px;z-index:99}
header.site{position:sticky;top:0;z-index:20;background:var(--headbg);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
header.site .wrap{display:flex;align-items:center;gap:20px;min-height:72px}
header.site img.logo{height:46px;display:block}
nav.main{margin-left:auto;display:flex;gap:4px;align-items:center;flex-wrap:wrap}
nav.main a{padding:8px 12px;border-radius:99px;text-decoration:none;color:var(--ink);font-size:.95rem;font-weight:500}
nav.main a:hover{background:#0d74841a}nav.main a[aria-current]{background:var(--teal);color:#fff}
.menu-btn{display:none;margin-left:auto;background:none;border:1.5px solid var(--link);color:var(--link);border-radius:99px;padding:8px 14px;font:inherit;cursor:pointer}
@media(max-width:860px){.menu-btn{display:block}nav.main{display:none;position:absolute;left:0;right:0;top:100%;background:var(--cream);flex-direction:column;align-items:stretch;padding:10px 20px 20px;border-bottom:1px solid var(--line)}nav.main.open{display:flex}}
.btn{display:inline-block;padding:13px 26px;border-radius:99px;background:var(--accent);color:var(--onaccent);text-decoration:none;font-weight:700;border:0;cursor:pointer;font:inherit;font-weight:700;transition:.15s}
.btn:hover{background:var(--accent-d);filter:brightness(1.08);transform:translateY(-1px)}.btn.ghost{background:transparent;color:var(--link);border:2px solid var(--link)}.btn.ghost:hover{background:var(--link);color:var(--cream);filter:none}
.hero{padding:64px 0 48px}.hero .wrap{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}.hero .wrap.solo{grid-template-columns:1fr}
.hero h1 span{color:var(--link)}.hero p.lead{font-size:1.2rem;color:var(--mute);max-width:36em}
.blob{aspect-ratio:1;max-width:340px;margin:auto;border-radius:60% 40% 55% 45%/50% 55% 45% 50%;background:var(--teal);display:grid;place-items:center;overflow:hidden;box-shadow:0 20px 50px #0d74842e}
.blob img{width:62%;display:block}
@media(max-width:800px){.hero .wrap{grid-template-columns:1fr}.blob{max-width:240px;order:-1}}
section{padding:48px 0}section.alt{background:var(--surface);border-block:1px solid var(--line)}
.eyebrow{color:var(--accent-d);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:6px}
.grid{display:grid;gap:20px}.g3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.g2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.card{background:var(--card);border-radius:22px;padding:26px;box-shadow:0 6px 20px #0000000f;border:1px solid var(--line)}
.card h3{color:var(--h3)}.card p{margin:.3em 0 0;color:var(--mute)}
.pillar img{height:64px;margin-bottom:12px;display:block}.pillar .hl{font-weight:700;color:var(--link)}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{padding:9px 16px;border:1.5px solid var(--accent);border-radius:99px;color:var(--accent-d);background:var(--surface);font:inherit;font-size:.93rem;cursor:pointer;text-decoration:none;transition:.15s}
.chip:hover,.chip[aria-pressed=true]{background:var(--accent);color:var(--onaccent)}
.chip.sm{padding:4px 12px;font-size:.82rem;border-color:var(--link);color:var(--link)}.chip.sm:hover{background:var(--link);color:var(--cream)}
.avatar{width:64px;height:64px;border-radius:50%;background:var(--teal);color:#fff;display:grid;place-items:center;font-weight:800;font-size:1.3rem;margin-bottom:12px;object-fit:cover}
.role{color:var(--accent-d);font-weight:600;font-size:.9rem}.quals{font-size:.85rem;color:var(--mute);border-top:1px solid var(--line);padding-top:8px;margin-top:10px}
.tag{display:inline-block;background:#0d74841a;color:var(--teal-d);border-radius:99px;padding:2px 10px;font-size:.78rem;font-weight:600;margin-right:6px}
.band{background:var(--teal);color:#fff;border-radius:28px;padding:40px;text-align:center}.band h2{color:#fff}.band p{opacity:.92;max-width:40em;margin:0 auto 18px}
footer.site{background:#10303a;color:#cfe2e6;padding:44px 0 28px;margin-top:40px}footer.site a{color:#fff}
footer.site .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px}footer.site img{height:42px;background:#fff;padding:6px 10px;border-radius:10px}
footer.site small{display:block;margin-top:28px;opacity:.7}
.page-head{padding:48px 20px 12px}.page-head p{color:var(--mute);max-width:46em;font-size:1.1rem}
.prose{max-width:44em}.prose h2{margin-top:1.4em}
/* About You tool */
.ay{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:start}@media(max-width:900px){.ay{grid-template-columns:1fr}}
.ay .panel{position:sticky;top:90px}@media(max-width:900px){.ay .panel{position:static}}
label.q,.q{display:block;font-weight:700;margin:22px 0 8px;color:var(--h3)}
textarea,input[type=search],input[type=text],input[type=email],input[type=tel],input[type=password],input[type=date],select{width:100%;padding:12px 14px;border:1.5px solid var(--inp-line);border-radius:14px;font:inherit;background:var(--surface);color:var(--ink)}
textarea{min-height:120px;resize:vertical}textarea:focus,input:focus,select:focus{outline:3px solid #0d748440;border-color:var(--link)}
.resp{border:2px solid var(--link);background:var(--surface);border-radius:22px;padding:26px;animation:pop .25s}
@keyframes pop{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}
.resp.empty{border-style:dashed;color:var(--mute);text-align:center;padding:50px 26px}
.resp h3{margin-top:0;color:var(--link)}.hit{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}
.track{display:flex;gap:8px;margin:12px 0}.track span{flex:1;text-align:center;padding:8px;border-radius:12px;background:var(--tint2);color:var(--mute);font-weight:700;font-size:.88rem}
.track span.on{background:var(--teal);color:#fff}.eng{background:var(--tint);border-radius:16px;padding:16px;margin-top:14px;border-left:5px solid var(--accent)}.eng strong{color:var(--accent-d)}
.note{font-size:.9rem;color:var(--mute);background:var(--cream);padding:10px 14px;border-radius:12px;margin-top:12px}
.post{display:block;text-decoration:none;color:inherit}.post:hover{transform:translateY(-2px)}.meta{font-size:.85rem;color:var(--mute)}
.hidden{display:none!important}

/* theme toggle */
.theme-btn{border:1.5px solid var(--link);background:transparent;color:var(--link);border-radius:99px;padding:7px 14px;font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap}
.theme-btn:hover{background:var(--link);color:var(--cream)}
@media(max-width:860px){.theme-btn{margin-left:auto}.menu-btn{margin-left:0}}
/* Deep Teal theme */
[data-theme=deep]{--cream:#0b2a31;--ink:#e8f1f3;--mute:#a9c3c9;--line:#1d5560;--card:#103840;--surface:#103840;--headbg:#0b2a31ee;--h3:#6fd0de;--link:#6fd0de;--accent:#6fd0de;--accent-d:#6fd0de;--onaccent:#0b2a31;--tint:#0d4350;--tint2:#154650;--inp-line:#2a6a75;--serif:Georgia,'Times New Roman',serif;color-scheme:dark}
[data-theme=deep] h1,[data-theme=deep] h2{font-family:var(--serif);font-weight:400;letter-spacing:0}
[data-theme=deep] .card h3,[data-theme=deep] h3{font-family:var(--serif);font-weight:400}
[data-theme=deep] header.site img.logo,[data-theme=deep] footer.site img{background:#fff;padding:4px 10px;border-radius:10px}
[data-theme=deep] .hero{background:radial-gradient(circle at 75% 20%,#14606e,#0b2a31 65%)}
[data-theme=deep] .card{box-shadow:none}
[data-theme=deep] .blob{box-shadow:0 20px 60px #6fd0de22}
[data-theme=deep] .band{background:#14606e}[data-theme=deep] .band .btn{background:#6fd0de;color:#0b2a31}
[data-theme=deep] nav.main a:hover{background:#6fd0de22}[data-theme=deep] nav.main a[aria-current]{background:#6fd0de;color:#0b2a31}
[data-theme=deep] footer.site{background:#071d22}
[data-theme=deep] .tag{background:#6fd0de22;color:#6fd0de}
[data-theme=deep] .eng{border-left-color:#6fd0de}
[data-theme=deep] .avatar{background:#14606e}
[data-theme=deep] .note{background:#0b2a31}

/* Deep Teal legibility */
::placeholder{color:var(--mute);opacity:1}
[data-theme=deep]{--ink:#f4f9fa;--mute:#c5d9dd}
[data-theme=deep] body{font-weight:450}
[data-theme=deep] textarea:focus,[data-theme=deep] input:focus,[data-theme=deep] select:focus{outline:3px solid #6fd0de88}
[data-theme=deep] .pillar img{filter:brightness(0) invert(.88)}
[data-theme=deep] .menu-btn:hover{background:#6fd0de22}
[data-theme=deep] .track span.on{background:#6fd0de;color:#0b2a31}
[data-theme=deep] .chip[aria-pressed=true],[data-theme=deep] .chip:hover{color:#0b2a31}
[data-theme=deep] a:focus-visible,[data-theme=deep] button:focus-visible{outline:3px solid #fff;outline-offset:2px}

/* Case studies: cascade of cards. Each card behind sits one step up and to the right; its rounded tab sticks out of the card's top-right edge. */
.deck{--H:380px;--dx:26px;--dy:46px;--stick:30px;--W:calc(100% - (var(--n) - 1) * var(--dx));position:relative;height:calc(var(--H) + (var(--n) - 1) * var(--dy));margin:8px var(--stick) 0 0;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.sheet{--rail:var(--teal);position:absolute;left:0;top:calc((var(--n) - 1) * var(--dy));width:var(--W);height:var(--H);transform:translate(calc(var(--d) * var(--dx)),calc(var(--d) * var(--dy) * -1));z-index:calc(var(--n) - var(--d));background:var(--card);border:1px solid var(--line);border-radius:26px 0 26px 26px;box-shadow:-4px 8px 22px #0000001f;transition:transform .45s cubic-bezier(.3,.8,.3,1),box-shadow .3s;cursor:pointer;background:var(--card);background:linear-gradient(115deg,color-mix(in srgb,var(--rail) 18%,var(--card)) 0%,color-mix(in srgb,var(--rail) 52%,var(--card)) 46%,var(--rail) 90%)}
.sheet.on{box-shadow:-6px 12px 32px #0000003a}
.sheet:nth-child(3n+2){--rail:var(--slate)}.sheet:nth-child(3n){--rail:var(--teal-d)}
.tab{position:absolute;right:calc(var(--stick) * -1);top:0;height:46px;width:calc(33.33% + var(--stick));display:flex;align-items:center;gap:8px;padding:0 18px 0 16px;z-index:3;border:0;border-top:4px solid var(--rail);border-radius:0 0 0 16px / 0 0 0 16px;border-top-right-radius:23px;border-bottom-right-radius:23px;background:#fff;background:color-mix(in srgb,var(--rail) 13%,#fff);color:#0b2a31;color:color-mix(in srgb,var(--rail) 60%,#000);font:inherit;font-weight:700;font-size:.88rem;cursor:pointer;text-align:left;box-shadow:3px 3px 8px #0002}
.tab .num{opacity:.85;font-weight:800}.tab .tt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.tab:hover,.tab:focus-visible{filter:brightness(1.12)}
.sheet.on .tab{background:var(--accent);color:var(--onaccent);border-top-color:var(--accent)}
.art{position:relative;overflow:hidden;background:var(--rail);width:100%;height:100%}.art svg,.art img{display:block;width:100%;height:100%;object-fit:cover}
.art .ic{stroke:#fff;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.art .ac{stroke:var(--accent);fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.wm{position:absolute;right:0;top:0;bottom:0;width:55%;border-radius:0 0 25px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 45%);mask-image:linear-gradient(90deg,transparent,#000 45%)}
.sheet:not(.on) .badge{opacity:0}.badge{transition:opacity .25s;position:absolute;left:22px;top:26px;width:62px;height:62px;border-radius:50%;background:var(--rail);border:4px solid var(--card);box-shadow:0 4px 10px #0003;z-index:2;overflow:hidden}
.detail{position:relative;z-index:1;height:100%;padding:34px 36px 34px 96px;max-width:54%;overflow-y:auto;opacity:0;transition:opacity .25s}
.sheet.on .detail{opacity:1;transition-delay:.2s}.detail h3{font-size:1.6rem;color:var(--ink)}.detail p{color:var(--ink)}.more{margin:18px 0 0}
.dbody,.close{display:none}
.sheet:not(.full) .tag{background:#ffffffb3;color:var(--teal-d)}
/* Full-height view */
body.cs-lock{overflow:hidden}
.scrim{position:fixed;inset:0;background:#000000a6;z-index:299;backdrop-filter:blur(2px)}.scrim[hidden]{display:none}
.sheet.full{position:fixed;top:0;bottom:0;left:50%;width:min(1080px,100vw);height:100vh;height:100dvh;transform:translateX(-50%);z-index:300;border-radius:0;border-width:0 1px;cursor:auto;background:var(--card);box-shadow:0 0 60px #0006;animation:cs-grow .4s cubic-bezier(.3,.8,.3,1)}
@keyframes cs-grow{from{opacity:.35;transform:translateX(-50%) scale(.94)}to{opacity:1;transform:translateX(-50%) scale(1)}}
.sheet.full .tab,.sheet.full .badge,.sheet.full .more{display:none}
.sheet.full .wm{width:100%;height:320px;bottom:auto;border-radius:0;-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent);mask-image:linear-gradient(180deg,#000 60%,transparent)}
.sheet.full .detail{max-width:none;padding:0;opacity:1;overflow-y:auto}
.sheet.full .dhead{padding:64px clamp(22px,5vw,56px) 44px;min-height:320px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(90deg,var(--rail) 0%,color-mix(in srgb,var(--rail) 88%,transparent) 48%,transparent 85%)}
.sheet.full .dhead h3{font-size:clamp(1.9rem,4.5vw,3rem);color:#fff;text-shadow:0 2px 12px #0006}.sheet.full .dhead p{color:#fff;font-size:1.15rem;max-width:40em;text-shadow:0 1px 8px #0006}
.sheet.full .tag{background:#ffffff33;color:#fff;align-self:flex-start}
.sheet.full .dbody{display:block;padding:34px clamp(22px,5vw,56px) 80px;max-width:50em;font-size:1.05rem}
.dbody h3{font-size:1.35rem;margin:1.4em 0 .4em;color:var(--link)}.dbody ul{padding-left:1.2em}.dbody li{margin-bottom:.5em}.dbody p{color:var(--ink)}
.sheet.full .close{display:grid;place-items:center;position:absolute;top:16px;right:16px;z-index:5;width:46px;height:46px;border-radius:50%;border:0;background:#fff;color:#0b2a31;font-size:1.2rem;cursor:pointer;box-shadow:0 2px 10px #0005}
.sheet.full .close:hover{background:var(--accent)}
[data-theme=deep] .sheet{--rail:#14606e}[data-theme=deep] .sheet:nth-child(3n+2){--rail:#1b4f63}[data-theme=deep] .sheet:nth-child(3n){--rail:#0f5560}
@media(max-width:700px){.sheet.full .dhead{min-height:260px}.deck{--stick:22px;--dx:8px;--dy:44px;--H:470px}.tab{width:calc(46% + var(--stick));font-size:.8rem;padding:0 14px 0 12px}.detail{max-width:none;padding:100px 20px 20px}.wm{width:100%;opacity:.2}}
@media(prefers-reduced-motion:reduce){.sheet,.detail{transition:none}}

/* ---- pulled-through content: images, tiles, people, blog filters ---- */
.prose img,.dbody img{max-width:100%;height:auto;border-radius:14px;display:block;margin:1.2em 0}
.card .thumb{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;margin:0 0 12px;display:block}
.pillar .more{display:inline-block;margin-top:10px;color:var(--link);font-weight:600}
a.pillar{text-decoration:none;color:inherit;display:block}a.pillar:hover{transform:translateY(-2px)}
.tiles{margin:26px 0}.tile{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 12px;text-align:center;font-weight:600;color:var(--h3)}
.tile img{width:100%;max-width:200px;aspect-ratio:1;object-fit:contain;border-radius:16px}
.teamphoto{margin:0}.teamphoto img{width:100%;max-height:520px;object-fit:cover;border-radius:22px}.teamphoto figcaption{margin-top:8px;color:var(--mute);font-size:.92rem}
.person .avatar{object-fit:cover}.person .bio p{margin:.6em 0;color:var(--mute)}.person .bio a{color:var(--link)}
.filters{display:grid;gap:14px;margin-bottom:22px}.filters input[type=search]{width:100%;max-width:420px}
.tag.alt{background:#0000000f}
.why h2{margin-top:1.4em}

/* ================= Layout refresh: fewer boxes, more shape ================= */
.open{padding:4px 0}.open h3{color:var(--h3)}
/* Home: analyse > advise > act journey */
.journey{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative}
.journey li{position:relative;padding:0 26px 0 0}
.journey li:not(:last-child)::after{content:"";position:absolute;top:21px;left:52px;right:6px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--link),color-mix(in srgb,var(--link) 20%,transparent))}
.journey a{display:block;text-decoration:none;color:inherit;transition:transform .2s}.journey a:hover{transform:translateY(-3px)}
.journey .step{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--link);color:var(--cream);font-weight:800;font-size:1.1rem;position:relative;z-index:1}
.journey img{height:56px;display:block;margin:18px 0 10px}.journey h3{font-size:1.5rem;margin-bottom:.1em;color:var(--h3)}.journey .hl{font-weight:700;color:var(--link)}
.journey p{color:var(--mute);margin:.4em 0}.journey .more{color:var(--link);font-weight:600}
@media(max-width:800px){.journey{grid-template-columns:1fr;gap:30px}.journey li{padding:0 0 0 62px}.journey li::before{content:"";position:absolute;left:21px;top:44px;bottom:-30px;width:3px;background:color-mix(in srgb,var(--link) 35%,transparent)}.journey li:last-child::before{display:none}.journey li::after{display:none!important}.journey .step{position:absolute;left:0;top:0}.journey img{margin-top:0}}
/* People: portrait-led */
.people3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:34px}
.person{text-align:left}.person .avatar{width:112px;height:112px;font-size:2.1rem;margin-bottom:16px;border:4px solid var(--card);box-shadow:0 0 0 2px var(--link)}
.person h3{margin-bottom:.1em}.person .quals{border-top:0;padding-top:2px;margin-top:6px}.person p{color:var(--mute)}
.profiles{display:grid;margin-top:26px}
.profile{display:grid;grid-template-columns:150px 1fr;gap:30px;padding:34px 0;border-top:1px solid var(--line)}
.profile:first-child{border-top:0}.profile .avatar{width:140px;height:140px;font-size:2.6rem;margin:0}
@media(max-width:640px){.profile{grid-template-columns:1fr;gap:12px}.profile .avatar{width:110px;height:110px}}
/* Why us: statements */
.statements{list-style:none;margin:26px 0 0;padding:0}
.statements li{display:grid;grid-template-columns:96px 1fr;gap:20px;align-items:baseline;padding:22px 0;border-top:1px solid var(--line)}
.statements li:last-child{border-bottom:1px solid var(--line)}
.statements .num{font-size:3rem;font-weight:800;line-height:1;color:color-mix(in srgb,var(--link) 55%,transparent)}
.statements h3{margin-bottom:.15em;color:var(--h3);font-size:1.35rem}.statements p{margin:0;color:var(--mute);max-width:44em}
@media(max-width:560px){.statements li{grid-template-columns:56px 1fr}.statements .num{font-size:2rem}}
/* What we do: strip, rows, accordion */
.strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:0;margin-top:12px}
.opt{padding:6px 24px 6px 20px;border-left:3px solid var(--accent)}.opt h3{color:var(--h3);font-size:1.1rem}.opt p{color:var(--mute);margin:.3em 0}
@media(max-width:700px){.strip{gap:22px}}
.rows{margin-top:10px}.row{display:grid;grid-template-columns:240px 1fr;gap:26px;padding:20px 0 20px 18px;border-top:1px solid var(--line);border-left:5px solid var(--teal)}
.row[data-phase=advise]{border-left-color:var(--slate)}.row[data-phase=act]{border-left-color:var(--accent)}
.row .rh h3{margin:6px 0 0;color:var(--h3)}.row .rb p{margin:0 0 .6em;color:var(--mute)}.row .rb p:last-child{margin:0}
@media(max-width:700px){.row{grid-template-columns:1fr;gap:6px}}
.accs{margin-top:10px;border-top:1px solid var(--line)}
.acc{border-bottom:1px solid var(--line)}.acc summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 4px;cursor:pointer;font-weight:700;color:var(--h3);list-style:none}
.acc summary::-webkit-details-marker{display:none}.acc summary::before{content:"+";font-size:1.4rem;line-height:1;color:var(--link);width:22px}.acc[open] summary::before{content:"–"}
.acc summary span:first-child{flex:1}.acc .rb{padding:0 4px 18px 26px;color:var(--mute)}.acc .rb p{margin:0 0 .5em}
.acc summary:focus-visible{outline:3px solid var(--link);outline-offset:2px;border-radius:6px}
/* Blog and home posts: editorial rows */
.entries{display:grid;border-top:1px solid var(--line)}
.entry{display:grid;grid-template-columns:90px 1fr 200px;gap:24px;align-items:start;padding:22px 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}
.entry:hover h3{color:var(--link);text-decoration:underline}
.entry .when{display:flex;flex-direction:column;align-items:center;line-height:1.1;padding:8px 0;border-radius:14px;background:var(--tint);color:var(--accent-d)}.entry .when b{font-size:1.3rem}.entry .when span{font-size:.8rem;color:var(--mute)}
.entry h3{font-size:1.3rem;margin:.1em 0 .25em;color:var(--h3)}.entry p{margin:0 0 .4em;color:var(--mute)}.entry .read{color:var(--link);font-weight:600}
.entry .thumb{width:200px;aspect-ratio:3/2;object-fit:cover;border-radius:14px;margin:0}
@media(max-width:760px){.entry{grid-template-columns:64px 1fr;gap:14px}.entry .thumb{display:none}.entry .when b{font-size:1.1rem}}
/* Events: timeline */
.timeline{list-style:none;margin:0;padding:0 0 0 22px;border-left:3px solid color-mix(in srgb,var(--link) 35%,transparent)}
.timeline li{display:grid;grid-template-columns:90px 1fr;gap:22px;padding:0 0 30px;position:relative}.timeline li::before{content:"";position:absolute;left:-30px;top:12px;width:13px;height:13px;border-radius:50%;background:var(--accent)}
.timeline .when{display:flex;flex-direction:column;align-items:center;padding:8px 0;border-radius:14px;background:var(--tint);color:var(--accent-d);line-height:1.1}.timeline .when b{font-size:1.3rem}.timeline .when span{font-size:.8rem;color:var(--mute)}
.timeline h3{margin:0 0 .1em;color:var(--h3)}
/* Contact: plain details */
.details h3{color:var(--h3)}.details p{margin:.5em 0;color:var(--ink)}.details .ic{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:10px;border-radius:50%;background:var(--tint);color:var(--accent-d);font-size:.9rem;font-weight:700}
/* About You: answer flows; only the first step stays boxed */
.resp:not(.empty){border:0;background:transparent;padding:0 0 0 6px}
.resp:not(.empty) h3{font-size:1.5rem}
.resp{counter-reset:hit}
.resp .hit{border-top:0;padding:0 0 0 54px;margin-top:22px;position:relative;counter-increment:hit}
.resp .hit::before{content:counter(hit);position:absolute;left:0;top:-2px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--link);color:var(--cream);font-weight:800}
.resp .hit strong{font-size:1.1rem;color:var(--h3)}
[data-theme=deep] .entry .when,[data-theme=deep] .timeline .when,[data-theme=deep] .details .ic{background:#6fd0de22;color:#6fd0de}

/* ---- tables inside rich text (blog posts, services, case studies, biographies, pages) ---- */
.prose table,.dbody table,.rb table,.bio table,article table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:1.4em 0;font-size:.97rem}
.prose th,.prose td,.dbody th,.dbody td,.rb th,.rb td,.bio th,.bio td,article th,article td{padding:10px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.prose th,.dbody th,.rb th,.bio th,article th{background:var(--tint);color:var(--h3);font-weight:700;border-bottom:2px solid var(--link);white-space:nowrap}
.prose tbody tr:nth-child(even),.dbody tbody tr:nth-child(even),.rb tbody tr:nth-child(even),article tbody tr:nth-child(even){background:color-mix(in srgb,var(--tint) 45%,transparent)}
.prose caption,.dbody caption,.rb caption,article caption{caption-side:top;text-align:left;font-weight:700;color:var(--h3);padding:0 0 8px}