/* Shared palette approved for review on 21 October. Brand teal remains #00707E.
   The texture is painted behind content, never over text, photographs or fields. */
:root,.lumen-app,.lumen-home{
 --ui-teal:#00707E;--ui-teal-deep:#0C4650;--ui-teal-mid:#4A8E99;--ui-teal-light:#A8D0D6;--ui-teal-soft:#E7F1F2;
 --ui-sage:#4E6B52;--ui-sage-mid:#9DB09A;--ui-sage-soft:#E6EDE3;
 --ui-ochre:#8A6516;--ui-saffron:#E9C46A;--ui-ochre-soft:#FBF3DA;
 --ui-clay:#A85A3C;--ui-clay-mid:#D98B6A;--ui-clay-soft:color-mix(in srgb,#D98B6A 15%,#FAFAF7);
 --ui-ink:#22302F;--ui-lake:#5E6E70;--ui-mist:#D9E3E4;--ui-sand:#F3EEE6;--ui-paper:#FAFAF7;
 --ui-surface-marks:url('textures/lumen-scratches.svg');
}
.lumen-app{--paper:var(--ui-paper);--panel:var(--ui-paper);--ink:var(--ui-ink);--muted:var(--ui-lake);--line:var(--ui-mist);--soft:var(--ui-teal-soft);--deep:var(--ui-teal);--deep2:var(--ui-teal-deep)}
.lumen-home{--home-paper:var(--ui-paper);--home-ink:var(--ui-ink);--home-muted:var(--ui-lake);--home-teal:var(--ui-teal);--home-pale:var(--ui-teal-soft);--home-line:var(--ui-mist)}
.ui-essential .ui-journey a[data-stage="idea"],.ui-essential .ui-start-card-idea{--stage-wash:var(--ui-ochre-soft)}
.ui-essential .ui-journey a[data-stage="work"],.ui-essential .ui-start-card-work{--stage-wash:var(--ui-clay-soft)}
.ui-essential .ui-start-card-theme{--stage-wash:var(--ui-sage-soft)}
.ui-essential .ui-start-card{background:var(--ui-surface-marks),linear-gradient(135deg,var(--stage-wash),var(--ui-paper));border:1px solid var(--ui-mist);border-top:3px solid var(--stage-color)}
.ui-essential .ui-start-card .ui-stage-icon,.ui-essential .ui-journey a .ui-journey-icon{color:#fff;background-color:var(--stage-color);background-image:var(--ui-surface-marks);border:1px solid var(--stage-color)}
.ui-essential .ui-journey a[data-stage="photo"] .ui-journey-icon{background:#00707e;color:#fff}
.ui-essential .ui-journey a[aria-current="page"]{box-shadow:none;border-color:color-mix(in srgb,var(--stage-color) 45%,transparent)}
.ui-essential #openGallery{background-color:var(--ui-ochre-soft);background-image:var(--ui-surface-marks);border-color:var(--ui-ochre)}
.ui-essential #openGallery .ui-capture-icon,.ui-essential .ui-tone-2,.ui-essential .ui-category-icon{background-color:var(--ui-ochre);color:#fff}
.ui-essential .ui-tone-4,.ui-essential .negative .ui-category-icon{background-color:var(--ui-clay);color:#fff}
.ui-essential .positive .ui-category-icon{background-color:var(--ui-sage);color:#fff}
.home-use-case{--case-color:#00707e;--case-wash:var(--ui-teal-soft);background:var(--ui-surface-marks),linear-gradient(135deg,var(--case-wash),var(--ui-paper));border-top-width:2px}
.home-case-tone-1{--case-color:var(--ui-ochre);--case-wash:var(--ui-ochre-soft)}
.home-case-tone-2{--case-color:var(--ui-clay);--case-wash:var(--ui-clay-soft)}
.home-case-tone-3{--case-color:var(--ui-sage);--case-wash:var(--ui-sage-soft)}
.home-use-case .home-use-icon{background-color:var(--case-color);background-image:var(--ui-surface-marks);color:#fff;border:1px solid var(--case-color)}
/* A native disclosure is the shared unit of secondary information, with or without JS. */
.ui-fold-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.ui-fold{--fold-ink:#00707e;--fold-wash:var(--ui-teal-soft);background:var(--ui-surface-marks),linear-gradient(130deg,var(--fold-wash),var(--ui-paper));border:1px solid color-mix(in srgb,var(--fold-ink) 30%,var(--ui-paper));border-radius:18px;min-width:0;overflow:clip;margin:0}
.lumen-app details.ui-fold{padding:0;display:block;box-shadow:none}
.ui-tone-sage{--fold-ink:var(--ui-sage);--fold-wash:var(--ui-sage-soft)}
.ui-tone-ochre{--fold-ink:var(--ui-ochre);--fold-wash:var(--ui-ochre-soft)}
.ui-tone-clay{--fold-ink:var(--ui-clay);--fold-wash:var(--ui-clay-soft)}
.ui-fold>summary{display:flex;align-items:center;gap:14px;list-style:none;min-height:86px;padding:18px 20px;cursor:pointer;color:var(--ui-ink);font-size:16px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
.ui-fold>summary::-webkit-details-marker{display:none}
.ui-fold>summary::marker{content:''}
.ui-fold-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border:1px solid var(--fold-ink);border-radius:50%;background-color:var(--fold-ink);background-image:var(--ui-surface-marks);color:#fff}
.ui-fold-label{flex:1;min-width:0}
.ui-fold-label strong{font-weight:600;display:block}
.ui-fold-label small{display:block;font-size:12px;font-weight:400;color:var(--ui-ink);margin-top:5px}
.ui-fold-toggle{flex:0 0 26px;display:grid;place-items:center;font:400 24px/1 sans-serif;color:var(--fold-ink);border-radius:50%}
.ui-fold[open]>.ui-fold-body{border-top:1px solid rgba(86,103,94,.17)}
.ui-fold[open]>summary .ui-fold-toggle{transform:rotate(45deg)}
.ui-fold-body{padding:20px;min-width:0;background:var(--ui-paper)}
.ui-fold-body>:last-child{margin-bottom:0}
.ui-fold-body h2{font-size:23px}
.ui-fold-grid>.ui-fold[open]{grid-column:1/-1}
.ui-fold.section{margin-block:16px}
.ui-fold-grid>.ui-fold.section{margin-block:0}
.thematic-content-grid .ui-fold-body .thematic-prose{max-width:80ch}
.ui-fold .thematic-grid,.ui-fold .thematic-example-grid{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}
.ui-fold .material-item{min-width:0;overflow-wrap:anywhere}
.ui-project-nav .ui-icon{width:19px;height:19px;flex-shrink:0}
.ui-access-link{display:inline-flex;align-items:center;gap:7px;min-height:44px;font-size:12px}
.ui-access-link .ui-icon{width:18px;height:18px}
.ui-access-code{font:600 19px/1.8 monospace;letter-spacing:.07em;overflow-wrap:anywhere;user-select:all;white-space:normal;padding:20px;background:#fffefa;border:1px solid #cbd5cd;border-radius:12px}
.ui-access-tools{display:flex;flex-wrap:wrap;gap:10px;margin-block:16px}
.ui-access-tools>.button{min-width:0;overflow-wrap:normal;word-break:normal}
.ui-roster{display:grid;gap:12px}.ui-roster-item{border:1px solid #cbd5cd;border-radius:14px;padding:16px}
.ui-access-summary{padding:16px;border-left:3px solid #00707e;background:var(--ui-teal-soft)}
@media(max-width:650px){.ui-fold-grid{grid-template-columns:1fr;gap:10px}.ui-fold>summary{padding:15px;min-height:78px;gap:11px;font-size:15px}.ui-fold-body{padding:17px}.ui-fold-icon{width:38px;height:38px;flex-basis:38px}.ui-access-code{font-size:17px;padding:14px}.ui-access-tools{display:grid;grid-template-columns:minmax(0,1fr)}.ui-access-tools>.button{width:100%;min-height:48px;flex:none}}
@media print{.ui-fold{break-inside:avoid}.ui-fold>.ui-fold-body{display:block}.ui-fold-toggle{display:none}}
/* Legacy disclosures share the same compact header while retaining their fields. */
.lumen-app details.ui-fold>p,.lumen-app details.ui-fold>h2,.lumen-app details.ui-fold>.stack,.lumen-app details.ui-fold>.access-grid,.lumen-app details.ui-fold>section{margin:18px 20px}
.lumen-app details.ui-fold>.ui-fold-body{margin:0}
.lumen-app summary>.ui-icon{vertical-align:middle;color:#00707e;margin-right:7px}
.lumen-app .ui-status-details{padding:0 16px;border:1px solid rgba(86,103,94,.2);border-left:3px solid #00707e;border-radius:12px;background:var(--ui-teal-soft)}
.ui-status-details>summary{min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;padding:10px 0;font-size:14px}
.ui-status-details>summary::after{content:'+';color:#00707e;font-size:20px}
.ui-status-details[open]>summary::after{content:'−'}
.ui-status-details>p{padding:0 0 12px;margin:0}
.ui-project-nav a{display:inline-flex;align-items:center;gap:7px}
@media(max-width:650px){.ui-status-details>summary{flex-wrap:wrap;gap:5px 12px}.ui-status-details>summary .small{font-size:11px}.lumen-app .thematic-content-grid{margin-top:0}}

/* Saturated pigments live in icons, edges and primary actions; paper stays quiet. */
.lumen-app .topbar{background:color-mix(in srgb,var(--ui-paper) 96%,transparent)}
.lumen-app .button:not(.primary):not(.danger):not(.ghost){background-color:var(--ui-sand);color:var(--ui-teal-deep);border-color:var(--ui-mist)}
.lumen-app .button.primary:hover,.home-button:hover{background-color:var(--ui-teal-deep);border-color:var(--ui-teal-deep)}
.lumen-app :focus-visible,.lumen-home :focus-visible{outline-color:var(--ui-ochre)}
.lumen-app .card{background-color:var(--ui-paper);background-image:var(--ui-surface-marks)}
.lumen-app .project-welcome,.lumen-app .dark{background-color:var(--ui-teal-soft);border-color:var(--ui-teal-light)}
.lumen-app .material-item{background-color:var(--ui-teal-soft);background-image:var(--ui-surface-marks);border-color:var(--ui-teal-light);color:var(--ui-teal-deep)}
.lumen-app .ui-start-card-photo{background-color:var(--ui-teal-soft)!important;background-image:var(--ui-surface-marks)!important;border-color:var(--ui-teal-mid)!important}
.ui-essential .ui-journey a[data-stage="home"]{--stage-color:var(--ui-teal-deep);--stage-wash:var(--ui-teal-soft)}
.ui-essential .ui-journey a[data-stage="photo"]{--stage-wash:var(--ui-teal-soft)}
.ui-essential .ui-journey a[aria-current="page"]{background-image:var(--ui-surface-marks)}
.ui-essential .ui-journey a[aria-current="page"],.ui-essential .ui-start-card-idea h3,.ui-essential .ui-start-card-work h3,.home-use-case .home-use-audience{color:var(--ui-ink)}
:is(.ui-fold,.ui-start-card,.ui-canvas-panel,.home-use-case) .muted{color:var(--ui-ink)}
.ui-stage-icon,.ui-journey-icon,.ui-capture-icon,.ui-category-icon,.ui-tip-icon,.home-community-icon{background-image:var(--ui-surface-marks)}
.ui-essential .ui-journey a[data-stage="photo"] .ui-journey-icon,.ui-essential #openCamera .ui-capture-icon,.ui-tone-1{background-color:var(--ui-teal);background-image:var(--ui-surface-marks);color:#fff}
.ui-tone-2{background-color:var(--ui-ochre);color:#fff}.ui-tone-3{background-color:var(--ui-sage);color:#fff}.ui-tone-4{background-color:var(--ui-clay);color:#fff}
.lumen-app .capture-action{background-color:var(--ui-teal-soft);background-image:var(--ui-surface-marks);border-color:var(--ui-teal-mid)}
.lumen-app .ui-capture-dialog{background-color:var(--ui-paper);background-image:var(--ui-surface-marks)}
.lumen-app .ui-capture-dialog .ui-capture-footer{background-color:var(--ui-paper)}
.lumen-app .learning-overview{background:var(--ui-surface-marks),var(--ui-sand)!important}
.lumen-app .learning-nav{background:var(--ui-paper);border:1px solid var(--ui-mist)}
.lumen-app .learning-intro{background:none}
.lumen-app .ui-status-details{background-image:var(--ui-surface-marks)}
.home-artwork-orbit{background-color:var(--ui-teal-soft);background-image:var(--ui-surface-marks);border-color:var(--ui-teal-light)}
.home-infographic,.home-laboratory,.home-experience{background-color:var(--ui-paper);background-image:var(--ui-surface-marks);border-color:var(--ui-mist)}
.home-laboratory{background-color:var(--ui-teal-soft)}
.home-experience{background-color:var(--ui-sand)}
.home-community-icon{background-color:var(--ui-teal);color:#fff}
.home-community-steps li:nth-child(2) .home-community-icon{background-color:var(--ui-sage)}
.home-community-steps li:nth-child(3) .home-community-icon{background-color:var(--ui-ochre)}
.home-cycle-node.negative{--perspective:var(--ui-clay)}
.home-cycle-node.positive{--perspective:var(--ui-sage)}
.home-cycle-node.propositive{--perspective:var(--ui-ochre)}

/* Read-only Canvas: one overview before the existing seven-step editor. */
.lumen-app [hidden]{display:none!important}
.ui-canvas-preview{margin-top:26px}
.ui-canvas-heading,.ui-canvas-editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.ui-canvas-heading>div{min-width:0}.ui-canvas-heading p{margin-bottom:0;font-size:14px;max-width:58ch}
.ui-canvas-heading>.button{flex-shrink:0}
.ui-canvas-panel{--fold-ink:var(--ui-teal);--fold-wash:var(--ui-teal-soft);padding:22px 24px;background:var(--ui-surface-marks),linear-gradient(135deg,var(--fold-wash),var(--ui-paper));border:1px solid var(--ui-mist);border-top:3px solid var(--fold-ink);border-radius:18px;min-width:0}
.ui-canvas-panel.ui-tone-clay{--fold-ink:var(--ui-clay);--fold-wash:var(--ui-clay-soft)}
.ui-canvas-panel.ui-tone-sage{--fold-ink:var(--ui-sage);--fold-wash:var(--ui-sage-soft)}
.ui-canvas-panel.ui-tone-ochre{--fold-ink:var(--ui-ochre);--fold-wash:var(--ui-ochre-soft)}
.ui-canvas-panel>header{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.ui-canvas-panel>header h3{margin:0;color:var(--ui-ink);font-size:18px}
.ui-canvas-icon{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:50%;background-color:var(--fold-ink);background-image:var(--ui-surface-marks);color:#fff}
.ui-canvas-panel dl{margin:0;display:grid;gap:17px}
.ui-canvas-field{min-width:0;overflow-wrap:anywhere}
.ui-canvas-field dt{font-size:12px;line-height:1.5;font-weight:600;color:var(--ui-ink);margin-bottom:5px}
.ui-canvas-field dd{font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap;color:var(--ui-ink)}
.ui-canvas-field dd.is-empty{color:var(--ui-lake)}
.ui-canvas-intention-grid{grid-template-columns:1.7fr 1fr 1fr}
.ui-canvas-intention-grid .ui-canvas-field:first-child dd{font-size:18px;line-height:1.5;color:var(--ui-teal-deep)}
.ui-canvas-triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-block:16px}
.ui-canvas-context{margin-bottom:16px}
.ui-canvas-context-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.ui-canvas-context .ui-canvas-equipment{grid-template-columns:1fr 1fr;margin-top:20px;border-top:1px solid var(--ui-mist);padding-top:16px}
.lumen-app details.ui-canvas-editor{border:0;padding:0;background:none}
.ui-canvas-editor>summary.button{display:flex;width:fit-content;list-style:none;margin-block:22px;min-height:46px;padding:11px 20px;color:#fff}
.ui-canvas-editor>summary::-webkit-details-marker{display:none}
.ui-canvas-editor[open]>summary{display:none}
.ui-canvas-editor-toolbar h2{margin:0}
.ui-canvas-draft{font-size:13px;padding:12px 16px;border-left:3px solid var(--ui-ochre);background:var(--ui-ochre-soft);color:var(--ui-ink)}
@media(max-width:850px){.ui-canvas-heading{align-items:flex-start;flex-direction:column;gap:12px}.ui-canvas-triptych{grid-template-columns:1fr}.ui-canvas-triptych .ui-canvas-panel dl{grid-template-columns:1fr 1fr}.ui-canvas-context-grid{grid-template-columns:1fr 1fr}.ui-canvas-intention-grid{grid-template-columns:1fr 1fr}.ui-canvas-intention-grid .ui-canvas-field:first-child{grid-column:1/-1}}
@media(max-width:500px){.ui-canvas-panel{padding:18px}.ui-canvas-editor-toolbar{align-items:flex-start;flex-direction:column;gap:10px}.ui-canvas-triptych .ui-canvas-panel dl{grid-template-columns:1fr}.ui-canvas-intention-grid,.ui-canvas-context-grid{grid-template-columns:1fr}.ui-canvas-context .ui-canvas-equipment{grid-template-columns:1fr}.ui-canvas-heading>.button{width:100%}.ui-canvas-panel>header{margin-bottom:16px}.ui-canvas-field dt{font-size:12px}}
@media print{.ui-canvas-preview{display:block!important}.ui-canvas-preview .button,.ui-canvas-editor{display:none!important}.ui-canvas-triptych{grid-template-columns:repeat(3,minmax(0,1fr))}.ui-canvas-panel{break-inside:avoid;background:#fff}.ui-canvas-icon{background-image:none}}