:root{color-scheme:light;--forest:#284c42;--clay:#a14a32}*{box-sizing:border-box}body{margin:0;background:#f7f4ec;color:#233e36;font:18px/1.65 system-ui,sans-serif;overflow-wrap:anywhere}header,footer{max-width:1020px;margin:auto;padding:22px 28px;display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid #d0d5c8}header span,footer{font-size:13px}.brand{font:30px Georgia,serif;text-decoration:none}main{max-width:850px;padding:30px;margin:auto}h1,h2{font:400 48px/1.15 Georgia,serif;margin:15px 0 22px}h2{font-size:28px}.lead{font-size:22px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.1em}.fit{border-left:3px solid #a14a32;padding:4px 0 4px 20px;margin:28px 0}.fit h2{font-size:24px}p{margin:0 0 20px}a{color:var(--forest);text-underline-offset:4px}.preview{margin:26px 0}.preview img{display:block;width:100%;height:auto;border-radius:12px}.preview figcaption{font-size:13px;margin-top:8px}button{font:600 16px/1.5 system-ui;min-height:48px;max-width:100%;padding:12px 20px;border:1px solid var(--forest);border-radius:7px;color:var(--forest);background:#fffdf7;cursor:pointer;overflow-wrap:anywhere}.primary{color:#fff;background:var(--forest)}button:disabled{opacity:.5;cursor:default}:focus-visible{outline:3px solid var(--clay);outline-offset:4px}.privacy{font-size:14px;border-top:1px solid #d0d5c8;padding-top:22px;margin-top:30px}.skip{position:absolute;top:0;left:15px;transform:translateY(-150%);background:white;padding:10px}.skip:focus{transform:none}#exercise{margin-top:30px}#loading{font-size:14px;margin-top:10px}[hidden]{display:none!important}summary{min-height:44px}footer{border-top:1px solid #d0d5c8;border-bottom:0}.clay-stream button{overflow-wrap:anywhere}.stream-actions>*{max-width:100%}.stream-static-option{align-items:flex-start}.stream-static-option input{flex-shrink:0}.clay-stream textarea:focus-visible{outline:3px solid var(--clay);outline-offset:3px}@media(max-width:500px){main{padding:24px 18px}header,footer{padding:20px 18px}h1{font-size:38px}.lead{font-size:20px}.stream-actions{display:grid;grid-template-columns:1fr}.stream-actions button{width:100%}.stream-reflection details{padding:12px}}@media print{button,.stream-actions,.stream-stage,textarea,.preview,header{display:none}}

.privacy-before{background:#eeeee4;padding:22px;border-radius:10px;margin:28px 0}.privacy-before h2{font-size:25px}.privacy-before p{font-size:15px}.privacy-before p:last-child{margin-bottom:0}.how li{margin-bottom:13px}.brand{font-size:26px}

/* Experience-first candidate: preserve complete guidance behind named optional sections. */
.entry-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.entry-actions button{flex:1 1 180px}.experience-lead{font-size:20px;line-height:1.65}.stop-note,.short-privacy{font-size:14px;line-height:1.6;color:#435a4b;margin:12px 0 18px}.optional-guidance{margin-top:30px}.optional-guidance details,.clay-stream>details{border-top:1px solid #cbd0c4;padding:14px 0;margin:16px 0}.optional-guidance summary,.clay-stream>details>summary{cursor:pointer;font-weight:600;min-height:44px;padding:8px 0}.optional-guidance details>div{padding-top:18px}.preview figcaption{font-size:13px}#introduction h1{font-size:40px;margin:0 0 20px}.preview{margin:12px 0 22px}@media(max-width:500px){#introduction h1{font-size:32px}.experience-lead{font-size:18px}.entry-actions button{flex:1 1 100px;padding:12px}.optional-guidance .fit{margin:20px 0}}@media print{.entry-actions{display:none}.optional-guidance details>div{display:block}}
/* EF-U01: a single natural-flow workspace. Only the film stage retains its existing cinematic crop. */
.is-practising header{padding:8px 16px;align-items:center}.is-practising header .brand{font-size:22px;line-height:1.2}.is-practising header>span{display:none}.is-practising main{max-width:980px;padding:8px 12px}.is-practising #exercise{margin:0}.leaf-workbench{border:1px solid #bec8b7;background:#fffdf7;border-radius:12px;padding:12px;margin:0 0 16px}.leaf-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:8px}.leaf-toolbar h2{font-size:20px;line-height:1.2;margin:0 auto 0 0}.clay-stream .leaf-toolbar button{font-size:13px;padding:7px 9px;min-height:44px}.leaf-compose{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:16px;align-items:start}.leaf-field{min-width:0}.leaf-field>label{display:block;font-size:14px;font-weight:650;margin:0 0 5px}.clay-stream .leaf-field textarea{min-height:64px;max-width:100%;font-size:16px;line-height:1.4;padding:8px;margin:0;display:block;resize:vertical}.compact-privacy{font-size:13px;line-height:1.4;margin:6px 0 0;color:#465d4e}.leaf-visual{min-width:0}.leaf-phase{display:block;font-size:13px;line-height:1.4;padding:5px 0;min-height:24px}.leaf-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.leaf-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.clay-stream .leaf-controls button{width:100%;min-height:44px;padding:9px;font-size:14px}.leaf-workbench .stream-status{font-size:14px;line-height:1.45;min-height:0;margin:9px 0 0}.stream-current-thought:empty{display:none}.leaf-other-choices .leaf-controls{margin:10px 0}.leaf-workbench.large-preview .leaf-compose{grid-template-columns:1fr;grid-template-areas:'visual' 'editor'}.leaf-workbench.large-preview .leaf-field{grid-area:editor}.leaf-workbench.large-preview .leaf-visual{grid-area:visual;max-width:none}
@media(max-width:699px){.is-practising main{padding:8px}.leaf-workbench{padding:8px}.leaf-toolbar{gap:5px;margin-bottom:7px}.leaf-toolbar h2{font-size:19px}.clay-stream .leaf-toolbar button{padding:7px;font-size:13px}.leaf-compose{grid-template-columns:1fr;grid-template-areas:'visual' 'editor';gap:8px}.leaf-field{grid-area:editor}.leaf-visual{grid-area:visual}.leaf-action-grid{grid-template-columns:1fr;gap:6px;margin-top:8px}.leaf-controls{gap:6px}.leaf-workbench .stream-status{margin-top:7px}.short-workspace .leaf-compose{grid-template-columns:minmax(0,1.1fr) minmax(112px,.9fr);grid-template-areas:'editor visual';gap:10px}.short-workspace .leaf-workbench:not(.large-preview) .leaf-visual{align-self:start}.short-workspace .leaf-workbench.large-preview .leaf-compose{grid-template-columns:1fr;grid-template-areas:'visual' 'editor'}}
@media(min-width:700px) and (max-height:500px){.leaf-workbench:not(.large-preview) .leaf-visual{max-width:300px;justify-self:end}.leaf-compose{grid-template-columns:minmax(0,1fr) minmax(0,300px)}.leaf-workbench.large-preview .leaf-compose{grid-template-columns:1fr}.leaf-workbench.large-preview .leaf-visual{max-width:none;justify-self:stretch}}
@media print{.leaf-toolbar,.leaf-action-grid{display:none}.leaf-compose{display:block}.leaf-workbench{border:0}}
/* Short landscape has enough width for one row of full-size controls. */
@media(min-width:540px) and (max-width:699px){.short-workspace .leaf-action-grid{grid-template-columns:1fr 1fr}}

/* In a very short phone view, the active motion actions occupy the first row.
   Other actions remain below in natural flow; no controls are hidden. */
@media(max-width:539px){.tiny-workspace .clay-stream:is([data-state=moving],[data-state=paused]) .leaf-motion{grid-row:1}.tiny-workspace .clay-stream:is([data-state=moving],[data-state=paused]) .leaf-primary{grid-row:2}}