/* Review-site design baseline: consistent treatment throughout each activity. */
body{background:#dce4ed;color:#1d354e}
body>header{background:#dce4ed;border-color:#bdcbd8}
body[data-treatment="warm"]{background:#f1eadc;color:#293f3c}
body[data-treatment="deep"]{background:#152840;color:#f6f2e9}
body[data-treatment="deep"]>header{background:#152840;border-color:#405770}
body[data-treatment="deep"]>header .brand img{content:url('/brand/Concien-Wordmark-Reversed.svg')}
body[data-treatment="deep"]>header nav a,body[data-treatment="deep"] .menu-toggle{color:#bfcede}
body[data-treatment="deep"] .focus-card{background:#233c55;border-color:#405770;color:#f6f2e9}
body[data-treatment="deep"] .focus-card h1,body[data-treatment="deep"] .focus-card p{color:inherit}
body[data-treatment="deep"] .focus-help{background:#2e455d;border-color:#405770;color:#f6f2e9}
body[data-treatment="deep"] .focus-help summary{color:#b3d2f5}
#concien-journey{max-width:760px;margin:auto}
#concien-journey .cj-stage{padding:0}
#concien-journey .cj-phone{max-width:none;min-height:0;border:0;border-radius:0;box-shadow:none;background:transparent}
#concien-journey .cj-caption,#concien-journey .cj-status,#concien-journey .cj-logo{display:none}
#concien-journey .cj-top{position:static;background:transparent;display:flex;justify-content:flex-start;border:0;max-width:none;padding:0 24px 16px;min-height:44px}
#concien-journey .cj-page{width:100%;max-width:none;margin:0;padding:0 24px 32px}
#concien-journey :is(h1,h2){font-size:clamp(32px,5vw,44px)}
#concien-journey p,#concien-journey .cj-response,#concien-journey .cj-choice{font-size:16px;line-height:1.6}
#concien-journey .cj-primary,#concien-journey .cj-secondary{font-size:16px;min-height:50px}
#concien-journey .cj-eye,#concien-journey .cj-note,#concien-journey .cj-small{font-size:14px}
#concien-journey .cj-bottom{position:static;display:flex;background:var(--cj-bg);border-radius:18px}
#concien-journey .cj-bottom button{font-size:14px}
#concien-journey .cj-memory p{font-size:16px}
#concien-journey .ce-label{display:block;color:var(--cj-ink);font-size:16px;font-weight:600;margin:20px 0 10px}
#concien-journey textarea,#concien-journey input{display:block;width:100%;box-sizing:border-box;padding:16px;border:1px solid var(--cj-line);border-radius:16px;background:var(--cj-surface);color:var(--cj-ink);font:400 18px/1.5 Arial;resize:vertical}
#concien-journey textarea::placeholder,#concien-journey input::placeholder{color:var(--cj-sub)}
#concien-journey summary{font-size:16px;line-height:1.5;padding:10px 0;min-height:44px;color:var(--cj-ink)}
#concien-journey .cj-options.single{margin-top:16px}
#concien-journey .cj-memory{overflow-wrap:anywhere}
#concien-journey button{cursor:pointer}
#concien-journey :focus-visible{outline:3px solid var(--cj-accent);outline-offset:4px}
#concien-journey [hidden]{display:none!important}
@media(max-width:600px){#concien-journey .cj-page{padding-left:4px;padding-right:4px}#concien-journey .cj-top{padding-left:4px}body[data-treatment="deep"]>header nav{background:#233c55}}
#concien-journey .cj-page{min-height:0}
body[data-treatment="deep"]{--ink:#f6f2e9;--muted:#bfcede;--line:#405770;--accent:#b3d2f5;--paper:#152840;--white:#233c55}
body[data-treatment="warm"]{--paper:#f1eadc;--ink:#293f3c;--muted:#596b63}
/* Shared surface and control roles replace legacy per-component colors. */
body[data-treatment="clear"]{--ink:#1d354e;--muted:#4b6075;--line:#bdcbd8;--paper:#dce4ed;--white:#ecf0f5;--accent:#285589;--soft:#cedce7}
body[data-treatment="warm"]{--ink:#293f3c;--muted:#596b63;--line:#d5d7c8;--paper:#f1eadc;--white:#faf5eb;--accent:#31564e;--soft:#e0e5d5}
body[data-treatment="deep"]{--ink:#f6f2e9;--muted:#bfcede;--line:#405770;--paper:#152840;--white:#233c55;--accent:#b3d2f5;--soft:#2e455d}
body>header{background:var(--paper);color:var(--ink)}
body[data-treatment="warm"]>header{background:#f1eadc;border-color:#d5d7c8}
body[data-treatment] .anchor{background:var(--soft);color:var(--ink);border:0;border-radius:18px;padding:24px}
body[data-treatment] .anchor p,body[data-treatment] .anchor .eyebrow{color:var(--ink)}
body[data-treatment] .practice,body[data-treatment] .support,body[data-treatment] .related,body[data-treatment] .focus-card,body[data-treatment] .focus-help,body[data-treatment] .focus-takeaway,body[data-treatment] .timer-panel,body[data-treatment] .plain-example{background:var(--white);color:var(--ink);border-color:var(--line);border-radius:18px}
body[data-treatment] .support{background:var(--soft)}
body[data-treatment] .side a[aria-current="page"]{background:var(--soft);color:var(--ink);border-color:var(--accent)}
body[data-treatment] .side a,body[data-treatment] .side-title,body[data-treatment] .practice p,body[data-treatment] .support p{color:var(--ink)}
body[data-treatment] .eyebrow,body[data-treatment] .steps li::marker{color:var(--accent)}
body[data-treatment] .btn{background:#294b70;color:#fff;border:1px solid #294b70;font-size:16px;min-height:48px;border-radius:16px}
body[data-treatment="warm"] .btn{background:#31564e;border-color:#31564e;color:#fff}
body[data-treatment="deep"] .btn{background:#cee2d8;border-color:#cee2d8;color:#19363a}
body[data-treatment] .btn.secondary{background:transparent;color:var(--ink);border:1px solid var(--muted)}
body[data-treatment] .btn:hover{filter:brightness(.95)}
body[data-treatment] .focus-progress span{color:var(--muted);border-color:var(--line);font-size:14px}
body[data-treatment] .focus-progress span[aria-current="step"]{color:var(--ink);border-color:var(--accent)}
body[data-treatment] .focus-help summary{color:var(--accent)}
body[data-treatment] .focus-help p,body[data-treatment] .focus-takeaway p,body[data-treatment] .timer-panel strong{color:var(--ink)}
body[data-treatment] .focus-input,body[data-treatment] .focus-durations span{background:var(--paper);color:var(--ink);border-color:var(--muted)}
body[data-treatment] .focus-durations input:checked+span{background:#cee2d8;color:#19363a;border-color:#cee2d8}
body[data-treatment] .focus-navigation{border-color:var(--line)}
body[data-treatment] .practice-why{font-size:18px;line-height:1.65;margin:22px 0 28px;color:var(--ink);max-width:70ch}
.walk-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:24px}
.walk-toolbar span{font-size:14px;color:var(--muted)}
#concien-journey .cj-top{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;padding-bottom:24px}
#concien-journey .cj-top .cj-small{font-size:16px;line-height:1.4;font-weight:600;min-height:48px;padding:12px 20px;border:1px solid var(--cj-sub);border-radius:14px;color:var(--cj-ink);background:transparent}
#concien-journey #ce-restart-help{flex-basis:100%;font:400 14px/1.5 Arial;color:var(--cj-sub)}
@media(max-width:600px){.walk-toolbar span{flex-basis:100%}.walk-toolbar .btn{flex:1;text-align:center}body[data-treatment="warm"]>header nav{background:#f1eadc}#concien-journey .cj-top .cj-small{flex:1}}

/* Compact centered controls, separated from the site header on every viewport. */
#concien-journey .cj-top{width:100%;margin:0;padding:20px 24px 22px;gap:8px 12px;justify-content:center;min-height:0}
#concien-journey .cj-top .cj-small{flex:0 0 auto;min-height:44px;padding:8px 14px;font-size:16px;border-radius:12px}
#concien-journey #ce-restart-help{text-align:center;max-width:100%;margin:0}
#concien-journey .ce-choice-help{display:block;font-weight:400;font-size:15px;line-height:1.5;margin-top:4px}
#concien-journey .cj-page{overflow-wrap:anywhere}
#concien-journey .ce-selected{margin:12px 0;color:var(--cj-ink)}

/* Shared section palette. Browsing, reading, and practice keep their own treatment. */
body[data-treatment="clear"]{--paper:#cfdbe6;--white:#e4ebf1;--soft:#bdcedc;--line:#a8bbcc;--blue:#285589;background:var(--paper)}
body[data-treatment="warm"]{--blue:#31564e}
body[data-treatment="deep"]{--blue:#b3d2f5}
body[data-treatment]{--radius:16px;--control-height:48px}
body[data-treatment] :is(.entry-link,.path-options>a,.search-form){background:var(--white);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius)}
body[data-treatment] :is(.area p,.area .count,.pillar-card .count,.practice-foundation p,.path-options p,.footer-owner,.focus-label span){color:var(--muted)}
body[data-treatment] :is(.door-number,.area .num,.textlink,.related a,.guided .stage){color:var(--accent)}
body[data-treatment] :is(.doorways>a,.area,.entry-link,.path-options>a):hover{border-color:var(--accent);transform:none}
body[data-treatment] :is(.side a:hover,.path-options>a:hover){background:var(--soft)}
body[data-treatment] :is(.guided,.return-diagram,.focus-takeaway,.note-guidance .entry-link){background:var(--soft);color:var(--ink);border-color:var(--line);border-radius:var(--radius)}
body[data-treatment] .return-diagram span{background:var(--white);color:var(--ink);border-radius:12px}
body[data-treatment] .return-diagram b{color:var(--accent)}
body[data-treatment] :is(.walk-choices label,.timer-panel select){background:var(--white);color:var(--ink);border:1px solid var(--muted);border-radius:12px}
body[data-treatment] .walk-choices label:has(input:checked){background:var(--soft);border-color:var(--accent)}
body[data-treatment] .walk-choices input{accent-color:var(--accent)}
body[data-treatment] :is(.focus-input,.focus-durations span){border-radius:12px}
body[data-treatment] :is(.practice-foundation,.pillar-note,.door-action){border-color:var(--line)}
body[data-treatment] :is(.support,.related){padding:24px}
body[data-treatment] .hero-art{background:var(--white)}
body[data-treatment] .menu-toggle{background:var(--white);color:var(--ink);border-color:var(--line);border-radius:12px}
body[data-treatment] #main-navigation a[aria-current="page"]{color:var(--accent)}
body[data-treatment] :focus-visible{outline:3px solid var(--accent);outline-offset:4px}
body[data-treatment] .search-form input:focus-visible{outline-offset:-4px}
body[data-treatment] .site-footer{background:var(--soft);color:var(--ink);border-color:var(--line);margin-top:32px}
body[data-treatment] .site-footer :is(a,.footer-owner,.footer-bottom){color:var(--muted);border-color:var(--line)}
body[data-treatment] .site-footer a:hover{color:var(--accent)}
body[data-treatment] .footer-brand img{content:url('/brand/Concien-Wordmark-Black-Blue.svg')}
body[data-treatment="deep"] .footer-brand img{content:url('/brand/Concien-Wordmark-Reversed.svg')}
.walk-toolbar{justify-content:center;padding-top:20px;gap:8px 12px}
.walk-toolbar .btn{min-height:44px!important;padding:8px 14px!important;border-radius:12px!important}
.walk-toolbar span{flex-basis:100%;text-align:center}
#concien-journey .cj-phone:not(.deep){--cj-bg:#cfdbe6;--cj-surface:#e4ebf1;--cj-soft:#bdcedc;--cj-line:#a8bbcc}
#concien-journey :is(.cj-primary,.cj-secondary){display:flex;align-items:center;justify-content:center;text-align:center;border-radius:16px;min-height:48px;line-height:1.4}
#concien-journey .ce-destinations{display:grid;gap:10px;margin:24px 0 30px}
#concien-journey .ce-destinations :is(a,button){margin:0;padding:12px 18px}
#concien-journey .cj-top:has(.cj-small:not([hidden])){padding-top:20px}
#concien-journey .cj-top:not(:has(.cj-small:not([hidden]))){display:none}
#concien-journey .cj-page{padding-top:24px}
#concien-journey .cj-top:has(.cj-small:not([hidden])) + .cj-page{padding-top:0}
#concien-journey .ce-checkin{margin-top:16px}
#concien-journey .cj-bottom{border:1px solid var(--cj-line);border-radius:16px;gap:8px;padding:8px}
#concien-journey .cj-bottom button{min-height:44px;border-radius:12px}
#concien-journey .cj-bottom button[aria-current="page"]{background:var(--cj-soft);color:var(--cj-ink)}
@media(max-width:1050px){body[data-treatment] #main-navigation{background:var(--white);border-color:var(--line)}body[data-treatment] #main-navigation a:hover,body[data-treatment] #main-navigation a[aria-current="page"]{background:var(--soft);color:var(--ink)}}
@media(max-width:600px){.walk-toolbar .btn{flex:0 1 auto}#concien-journey .cj-page{padding-left:0;padding-right:0}body[data-treatment] :is(.related,.support){padding:20px}}
body[data-treatment] .focus-card :focus-visible,body[data-treatment] .walk-choices label:focus-within,body[data-treatment] .focus-durations input:focus-visible+span{outline:3px solid var(--accent);outline-offset:4px}
body[data-treatment="deep"] .walk-choices label:has(input:checked){background:#cee2d8;color:#19363a;border-color:#cee2d8}
body[data-treatment="deep"] .walk-choices input{accent-color:#19363a}

/* Phase 2: consistent type roles and purposeful supporting colors. */
:root{--font-heading:Arial,Helvetica,sans-serif;--font-body:Arial,Helvetica,sans-serif;--motif-teal:#829eaa;--motif-lavender:#8889a6}
body[data-treatment] h1,body[data-treatment] h2,body[data-treatment] #concien-journey :is(h1,h2),body[data-treatment] #concien-journey blockquote{font-family:var(--font-heading)!important;font-weight:400;letter-spacing:-.025em;line-height:1.16}
body[data-treatment] h1,body[data-treatment] #concien-journey :is(h1,h2){font-size:clamp(2rem,4vw,3rem)}
body[data-treatment] .new-hero h1{font-size:clamp(2.25rem,4.5vw,3.875rem)}
body[data-treatment] :is(h3,.entry-link h2,.path-options h2){font-family:var(--font-body)!important;font-weight:600;line-height:1.35;letter-spacing:-.015em}
body[data-treatment] h2{font-size:clamp(1.5rem,2.5vw,2rem)}
body[data-treatment] .pillar-card h2{font-size:1.65rem}
body[data-treatment] :is(.entry-link h2,.path-options h2){font-size:1.125rem}
body[data-treatment] :is(button,input,textarea,select){font-family:var(--font-body)}
body[data-treatment="clear"] :is(.areas .area,.doorways>a,.quick a){background:var(--white);border-color:var(--line);color:#1d354e;border-radius:22px}
body[data-treatment="clear"] :is(.areas .area,.doorways>a,.quick a):hover{border-color:#285589;box-shadow:0 3px 12px #15284012}
body[data-treatment="clear"] :is(.area p,.area .count,.doorways p,.door-number,.door-action){color:#354f65}
body[data-treatment="clear"] .practice-foundation{display:block;background:var(--soft);color:var(--ink);border:0;border-radius:22px;padding:32px;margin:36px 0}
body[data-treatment="clear"] .practice-foundation :is(p,.eyebrow,.textlink){color:var(--ink)}
body[data-treatment="clear"] .practice-foundation h2{color:var(--ink)}
body[data-treatment="clear"] .pillar-note{background:var(--soft);border:1px solid var(--line);border-radius:22px;padding:28px;max-width:none;color:#1d354e}
body[data-treatment] .back-link{display:inline-flex;align-items:center;min-height:44px;margin:0 0 24px}
body[data-treatment="warm"] .about-grid>div:nth-child(odd){background:#dce5d6;border-color:#b5c5b3}
body[data-treatment="warm"] .about-grid>div:nth-child(even){background:#e8dcca;border-color:#cdbfa9}
body[data-treatment="warm"] .about-grid{margin:28px 0 36px}
body[data-treatment="warm"] .about-grid p{color:#40564e}
body[data-treatment="warm"] .about-origin{background:#31564e;color:#faf5eb;padding:32px;border-radius:22px;margin:32px 0}
body[data-treatment="warm"] .about-origin :is(h2,p,.eyebrow){color:inherit}
body[data-treatment="warm"] .about-origin h2{margin-top:12px}
body[data-treatment="warm"] .about-origin p:last-child{margin-bottom:0}
body[data-treatment="warm"] .about-values{grid-template-columns:repeat(3,minmax(0,1fr))}
body[data-treatment] .site-footer{background:#152840;color:#f6f2e9;border-color:#405770}
body[data-treatment] .site-footer :is(a,.footer-owner,.footer-bottom){color:#bfcede;border-color:#405770}
body[data-treatment] .site-footer a:hover{color:#f6f2e9}
body[data-treatment] .site-footer .footer-brand img{content:url('/brand/Concien-Wordmark-Reversed.svg')}
#concien-journey .cj-phone:not(.deep) .cj-memory{background:#ffffff;color:#172f50;border:1px solid #cbd7e6}
#concien-journey .cj-phone:not(.deep) .cj-memory :is(.cj-eye,p){color:#4b6075}
#concien-journey .cj-phone.deep .cj-memory{background:#2e455d;color:#f6f2e9;border:1px solid #405770}
#concien-journey .cj-phone.deep .cj-memory :is(.cj-eye,p){color:#bfcede}
#concien-journey blockquote{font-size:clamp(1.4rem,2.5vw,1.8rem)}
#concien-journey .ce-saved-section{margin:32px 0}
#concien-journey .ce-saved-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px;align-items:start}
#concien-journey .ce-saved-item{min-width:0}
#concien-journey .ce-saved-item .cj-memory{margin:0;padding:24px}
#concien-journey .ce-saved-grid .cj-tile{margin:0;background:#ffffff;color:#172f50;border:1px solid #cbd7e6}
#concien-journey .ce-saved-empty{background:#ffffff;border:1px dashed #71849a;border-radius:22px;padding:24px}
#concien-journey .ce-saved-empty p:last-child{margin-bottom:0}
body[data-treatment] .quick a{border-radius:16px;min-height:44px;display:inline-flex;align-items:center}
@media(max-width:760px){body[data-treatment="warm"] .about-values{grid-template-columns:1fr}body[data-treatment] :is(.practice-foundation,.about-origin,.pillar-note){padding:24px}body[data-treatment] #main{padding-left:20px;padding-right:20px}}

body[data-treatment] .about-grid>div{border-radius:22px}
/* Approved October 1: clear discovery, warm reading, deep practice; one type family. */
body{font-family:var(--font-body);background:#f0f3f7}
body[data-treatment="clear"]{--paper:#f0f3f7;--white:#ffffff;--soft:#e2eaf4;--line:#cbd7e6;--ink:#172f50;--muted:#4b6075;--accent:#214a99;--blue:#214a99;background:var(--paper);color:var(--ink);color-scheme:light}
body[data-treatment="warm"]{color-scheme:light}
body[data-treatment="deep"]{color-scheme:dark}
body[data-treatment="clear"] .btn{background:#214a99;border-color:#214a99}
body[data-treatment="clear"] .btn.secondary{background:transparent;border-color:var(--muted);color:var(--ink)}
body[data-treatment] :is(.reminder p,.anchor p,.note-scene,.closing-note p){font-family:var(--font-body);font-weight:400}
body[data-treatment] :is(h1,h2){font-weight:600}
body[data-treatment="clear"] :is(h1,h2){font-weight:700}
body[data-treatment="clear"] :is(.entry-link h2,.path-options h2){font-weight:600}
body[data-treatment="deep"] h1,body[data-treatment="deep"] #concien-journey :is(h1,h2){font-weight:500}
body[data-treatment] #concien-journey blockquote{font-weight:400;line-height:1.4;letter-spacing:-.015em}
body[data-treatment="clear"] #concien-journey :is(h1,h2){font-weight:700}
body[data-treatment="warm"] .site-footer{background:#203d36;border-color:#58736a}
body[data-treatment="warm"] .site-footer :is(a,.footer-owner,.footer-bottom){color:#d7e3dc;border-color:#58736a}
body[data-treatment="warm"] .site-footer a:hover{color:#faf5eb}
#concien-journey .cj-phone:not(.deep){--cj-bg:#f0f3f7;--cj-surface:#fff;--cj-soft:#e2eaf4;--cj-line:#cbd7e6;--cj-ink:#172f50;--cj-sub:#4b6075;--cj-accent:#214a99;--cj-cta:#214a99;--cj-on:#fff}
body[data-treatment] :is(.area p,.area .count,.doorways p,.entry-link p){font-size:1rem}
body[data-treatment] :is(.eyebrow,.door-number,.num,.door-action,.textlink,.quiet,.footer-owner,.footer-bottom){font-size:.875rem}
.practice-motif{display:block;width:148px;max-width:40%;height:74px;object-fit:contain;margin:0 0 24px;pointer-events:none}
#concien-journey .practice-motif{width:148px;height:74px;margin:0 0 24px}
@media(max-width:600px){.practice-motif,#concien-journey .practice-motif{width:112px;height:56px;margin-bottom:20px}}

/* Illustrated discovery and reading: approved mockup, October 1. */
body[data-treatment="clear"] .doorways>a{background:#cbdce5;border-color:#b7cbd8}
.discovery-art{display:block;width:148px;height:82px;max-width:70%;object-fit:contain;object-position:left center;margin:0 0 18px}
.reading-art{display:block;width:180px;height:96px;max-width:60%;object-fit:contain;object-position:left center;margin:16px 0 24px}
body[data-treatment="clear"] .doorways h3{margin-top:14px}
body[data-treatment="warm"] .focus-durations input:checked+span{background:#31564e;color:#fff;border-color:#31564e}
@media(max-width:600px){.discovery-art{width:124px;height:68px;margin-bottom:14px}.reading-art{width:144px;height:80px;margin:12px 0 20px}}