/* Approved explorer styles, isolated from the homepage. */
@scope (.client.workday) {
/* Shared identity is frozen in baseline.css. All new treatments are scoped. */
:scope { --white: oklch(.99 .005 60); --soft-line: oklch(.8 .015 60); --light-ink: oklch(.79 .014 60); }
:scope [hidden] { display:none!important; }
:scope .wrap { max-width:1200px; margin-inline:auto; }
:scope section { padding-inline:var(--pad); }
:scope h2 { font-size:clamp(2.15rem,3.9vw,3.6rem); line-height:1.1; max-width:25ch; }
:scope h3 { font-size:clamp(1.45rem,2.35vw,2.1rem); line-height:1.15; }
:scope p { max-width:65ch; }
:scope .lead { font-size:clamp(1.08rem,1.5vw,1.24rem); line-height:1.65; color:var(--ink-soft); }
:scope .small { font-size:.85rem; line-height:1.6; color:var(--muted); }
:scope .coral { color:var(--coral-dark); }
:scope .intro { display:grid; grid-template-columns:1.12fr .88fr; gap:70px; align-items:end; padding:72px 0 42px; }
:scope .intro .small { margin-bottom:18px; }
:scope .intro h2+p { margin-top:22px; }
:scope .button { background:var(--coral-dark); color:var(--paper); border:0; box-shadow:none; }
:scope button { cursor:pointer; }
:scope a.text-link { display:inline-flex; padding-block:12px; color:var(--coral-dark); font-weight:600; text-decoration:underline; text-underline-offset:5px; }
:scope [id], #continuation { scroll-margin-top:92px; }
:scope .dark { background:var(--charcoal); color:var(--paper); }
:scope .dark h2,:scope .dark h3 { color:var(--paper); }
:scope .dark .lead,:scope .dark .small { color:var(--light-ink); }
:scope .dark .coral,:scope .dark a.text-link { color:oklch(.8 .11 40); }
:scope .section-title { display:flex; align-items:baseline; justify-content:space-between; gap:30px; margin-bottom:36px; }
:scope .section-title p { max-width:40ch; }
:scope .inline-faq { border-top:1px solid var(--soft-line); }
:scope .inline-faq summary { padding:19px 32px 19px 0; cursor:pointer; list-style:none; font-weight:600; position:relative; }
:scope summary::-webkit-details-marker { display:none; }
:scope .inline-faq summary:after { content:'+'; position:absolute; right:0; color:var(--coral-dark); font-size:1.2rem; }
:scope .inline-faq[open] summary:after { content:'-'; }
:scope .inline-faq p { padding:0 0 22px; color:var(--ink-soft); }
:scope .dark .inline-faq { border-color:oklch(.4 .015 40); }
:scope .dark .inline-faq p { color:var(--light-ink); }
:scope .dark .inline-faq summary:after { color:oklch(.8 .11 40); }
/* 01. The workday: the handoff is the visual object, rather than the software. */
.day-scene { background:var(--sand); padding-bottom:65px; }
.day-choices { display:flex; flex-wrap:wrap; border-bottom:1px solid var(--soft-line); margin-bottom:34px; }
.day-choices button { padding:17px 23px; min-height:56px; border:0; border-bottom:3px solid transparent; background:transparent; color:var(--ink-soft); font-weight:500; }
.day-choices button[aria-pressed=true] { border-bottom-color:var(--coral-dark); color:var(--coral-dark); font-weight:650; }
.day-board { border:1px solid var(--soft-line); border-radius:12px; background:var(--paper); overflow:hidden; }
.day-label { display:flex; justify-content:space-between; gap:24px; padding:21px 30px; border-bottom:1px solid var(--line); font-size:.85rem; }
.day-label span:last-child { color:var(--muted); }
.day-row { display:grid; grid-template-columns:150px 1fr; gap:25px; padding:35px 30px; align-items:center; }
.day-row>div:first-child b { display:block; font:600 1.4rem/1.2 var(--font-display); }
.day-row>div:first-child span { display:block; font-size:.85rem; margin-top:9px; color:var(--muted); }
.day-flow { display:grid; grid-template-columns:1fr 35px 1fr 35px 1fr; gap:8px; align-items:center; }
.day-flow p { padding:20px 17px; min-height:94px; display:grid; align-content:center; border:1px solid var(--soft-line); border-radius:6px; font-size:.98rem; line-height:1.45; }
.day-flow i { font-style:normal; color:var(--muted); text-align:center; font-size:1.4rem; }
.day-row.after { background:var(--charcoal); color:var(--paper); }
.day-row.after>div:first-child span { color:var(--light-ink); }
.day-row.after .day-flow p { border-color:oklch(.48 .015 40); }
.day-row.after .day-flow p:nth-of-type(2) { border-color:oklch(.76 .1 40); color:oklch(.86 .08 40); background:oklch(.3 .026 40); }
.day-row.after i { color:oklch(.8 .1 40); }
.day-caption { display:grid; grid-template-columns:1.1fr .9fr; gap:60px; padding-top:28px; align-items:start; }
.day-caption strong { font:600 clamp(1.4rem,2.2vw,1.8rem)/1.35 var(--font-display); }
.day-caption p { color:var(--ink-soft); }
:scope .illustration-note { margin-top:22px; font-size:.8rem; color:var(--muted); }
.division { padding-block:70px 80px; }
.division-head { display:grid; grid-template-columns:1fr 1fr; gap:60px; margin-bottom:45px; align-items:end; }
.division-head h2 { max-width:22ch; }
.division-track { display:grid; grid-template-columns:1fr 1fr; gap:0; border-top:1px solid var(--soft-line); }
.division-track>div { padding:30px 35px 28px 0; }
.division-track>div+div { padding-left:35px; padding-right:0; border-left:1px solid var(--soft-line); }
.division-track .track-label { color:var(--coral-dark); font-size:.9rem; font-weight:600; margin-bottom:23px; }
.division-track h3 { margin-bottom:18px; max-width:25ch; }
.division-track p { color:var(--ink-soft); }
.division-end { border-top:1px solid var(--soft-line); padding-top:25px; display:flex; justify-content:space-between; align-items:center; gap:30px; }
.division-end p { max-width:62ch; }
.decision-gate { padding-block:70px; }
.gate-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:75px; align-items:start; }
.gate-layout h2 { max-width:18ch; }
.gate-layout h2+p { margin-top:25px; }
.agreement { background:var(--paper); color:var(--ink); border-radius:10px; padding:30px; }
.agreement-head { display:flex; justify-content:space-between; gap:20px; padding-bottom:23px; margin-bottom:5px; border-bottom:1px solid var(--soft-line); font-size:.86rem; }
.agreement-head b { color:var(--coral-dark); font-weight:600; }
.agreement dl { margin:0; }
.agreement dl>div { display:grid; grid-template-columns:125px 1fr; gap:23px; padding:20px 0; border-bottom:1px solid var(--line); }
.agreement dt { font-weight:600; }.agreement dd { margin:0; color:var(--ink-soft); }
.agreement .decision-note { margin-top:24px; color:var(--coral-dark); font-size:.95rem; font-weight:600; }
.gate-foot { display:grid; grid-template-columns:1fr 1fr; gap:70px; padding-top:40px; margin-top:40px; border-top:1px solid oklch(.4 .015 40); }
.gate-foot h3 { font-size:1.3rem; margin-bottom:12px; }.gate-foot p { color:var(--light-ink); }
/* 02. The client's own words become a working brief, with no simulated AI. */
.words-start { background:var(--sand); padding-bottom:65px; }
.words-layout { display:grid; grid-template-columns:1fr .88fr; gap:65px; align-items:center; }
.words-intro h2 { max-width:18ch; margin:17px 0 25px; }
.words-start>.wrap { padding-top:70px; }
.words-prompts { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }
.words-prompts button { padding:10px 14px; border:1px solid var(--soft-line); border-radius:5px; background:var(--paper); color:var(--ink-soft); font-size:.88rem; }
.words-prompts button[aria-pressed=true] { color:var(--coral-dark); border-color:var(--coral-dark); background:var(--coral-soft); }
.starting-note { background:var(--white); padding:30px; border:1px solid var(--soft-line); border-radius:10px; position:relative; }
.starting-note label { display:block; font-size:.85rem; color:var(--ink-soft); margin-bottom:22px; }
.starting-note textarea { width:100%; min-height:175px; resize:vertical; padding:0; background:transparent; border:0; color:var(--ink); font:500 clamp(1.2rem,2vw,1.6rem)/1.5 var(--font-display); }
.starting-note textarea:focus { outline:2px solid var(--coral-dark); outline-offset:8px; border-radius:2px; }
.starting-note .note-bottom { border-top:1px solid var(--line); margin-top:20px; padding-top:17px; font-size:.82rem; color:var(--muted); }
.words-translation { padding-block:70px; }
.words-translation .wrap { display:grid; grid-template-columns:240px 1fr; gap:65px; }
.words-side { align-self:start; position:sticky; top:110px; }
.words-side h2 { font-size:clamp(1.9rem,2.7vw,2.5rem); margin-bottom:22px; }
.translation-step { display:grid; grid-template-columns:40px 1fr; gap:24px; padding:0 0 38px; position:relative; }
.translation-step:not(:last-child):before { content:''; position:absolute; width:1px; background:var(--soft-line); left:17px; top:38px; bottom:0; }
.translation-step .step-dot { position:relative; display:grid; place-items:center; background:var(--paper); border:1px solid var(--soft-line); border-radius:50%; width:36px; height:36px; color:var(--coral-dark); font-size:.85rem; }
.translation-step h3 { margin:4px 0 19px; }
.translation-step p { color:var(--ink-soft); }
.translation-object { margin-top:22px; padding:25px 28px; background:var(--sand); border:1px solid var(--line); border-radius:8px; }
.translation-object .object-label { font-size:.8rem; color:var(--coral-dark); display:block; margin-bottom:13px; }
.translation-object blockquote { margin:0; font:500 1.25rem/1.5 var(--font-display); overflow-wrap:anywhere; }
.translation-object.result { background:var(--charcoal); color:var(--paper); border:0; }
.translation-object.result .object-label { color:oklch(.8 .11 40); }
.translation-object.result p { color:var(--paper); font-size:1.16rem; }
.translation-object .check-example { display:flex; align-items:flex-start; gap:14px; font-size:.97rem; }
.translation-object .check-example span:first-child { color:var(--coral-dark); font-size:1.2rem; }
.words-decision { padding-block:65px; background:var(--sand); }
.words-decision .wrap { display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; }
.words-decision h2 { margin-bottom:24px; }
.words-decision .decision-lede { padding-top:10px; }
.words-decision .decision-lede .text-link { margin-top:20px; }
/* 03. A persistent client-side map connects the questions to the decision. */
.control-road { padding-block:65px 0; background:var(--paper); }
.control-heading { display:grid; grid-template-columns:1.1fr .9fr; gap:65px; align-items:end; margin-bottom:50px; }
.control-heading .small { margin-bottom:18px; }
.control-layout { display:grid; grid-template-columns:230px 1fr; gap:65px; align-items:start; }
.control-nav { position:sticky; top:105px; padding-bottom:35px; }
.control-nav p { font-size:.8rem; color:var(--muted); padding-bottom:18px; }
.control-nav a { display:grid; grid-template-columns:27px 1fr; gap:10px; align-items:baseline; color:var(--ink-soft); padding:15px 0; border-bottom:1px solid var(--line); font-size:.9rem; }
.control-nav a span { color:var(--muted); font-size:.75rem; }
.control-nav a[aria-current=step] { color:var(--coral-dark); font-weight:600; }
.control-nav a[aria-current=step] span { color:var(--coral-dark); }
.control-chapter { padding:0 0 55px; margin-bottom:48px; border-bottom:1px solid var(--soft-line); }
.control-chapter h3 { font-size:clamp(1.75rem,2.9vw,2.7rem); margin-bottom:22px; max-width:24ch; }
.control-chapter>p { color:var(--ink-soft); }
.continuity-map { margin-top:30px; background:var(--sand); border:1px solid var(--line); border-radius:9px; padding:30px; }
.map-heading { display:flex; justify-content:space-between; gap:15px; margin-bottom:28px; font-size:.8rem; color:var(--muted); }
.continuity-path { display:grid; grid-template-columns:1fr 24px 1.3fr 24px 1fr; gap:8px; align-items:center; }
.continuity-path>div { padding:20px 12px; text-align:center; font-size:.93rem; border:1px solid var(--soft-line); border-radius:5px; }
.continuity-path>div.focus-change { background:var(--charcoal); color:var(--paper); border-color:var(--charcoal); }
.continuity-path .focus-change b { display:block; font-weight:600; color:oklch(.83 .1 40); margin-bottom:8px; }
.continuity-path>span { text-align:center; color:var(--coral-dark); }
.continuity-map>p { margin-top:23px; color:var(--ink-soft); font-size:.9rem; }
.participation { margin-top:30px; display:grid; grid-template-columns:1fr 1fr; border-block:1px solid var(--soft-line); }
.participation>div { padding:26px 25px 26px 0; }
.participation>div+div { border-left:1px solid var(--soft-line); padding:26px 0 26px 25px; }
.participation b { display:block; color:var(--coral-dark); margin-bottom:16px; font-size:.9rem; }
.participation p { color:var(--ink-soft); }
.proposal-choices { margin-top:28px; display:flex; flex-wrap:wrap; gap:8px; }
.proposal-choices button { min-height:46px; padding:10px 17px; background:transparent; border:1px solid var(--soft-line); border-radius:5px; color:var(--ink-soft); }
.proposal-choices button[aria-pressed=true] { background:var(--charcoal); color:var(--paper); border-color:var(--charcoal); }
.proposal-answer { background:var(--sand); padding:27px; border:1px solid var(--line); border-radius:8px; margin-top:15px; min-height:170px; }
.proposal-answer b { display:block; font:600 1.4rem/1.25 var(--font-display); margin-bottom:14px; }
.proposal-answer p { color:var(--ink-soft); }
.ownership-slip { padding:28px; margin-top:26px; border:1px solid var(--soft-line); border-radius:8px; }
.ownership-slip>div { display:flex; gap:16px; justify-content:space-between; padding:13px 0; border-bottom:1px solid var(--line); }
.ownership-slip>div:last-child { border:0; }
.ownership-slip span { color:var(--ink-soft); }.ownership-slip b { font-size:.94rem; text-align:right; }
.control-close { background:var(--sand); padding-block:52px; }
.control-close .wrap { display:grid; grid-template-columns:1fr 1fr; gap:65px; align-items:center; }
.control-close h2 { font-size:clamp(1.85rem,3vw,2.6rem); }
/* The final action carries the visitor's context, without adding a qualification gate. */
.client-contact { padding-block:70px 80px; background:var(--charcoal); color:var(--paper); }
.contact-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:75px; align-items:start; }
.client-contact h2 { color:var(--paper); margin:15px 0 23px; max-width:19ch; }
.client-contact .lead { color:var(--light-ink); }
.reply-path { margin:32px 0 0; padding:0; list-style:none; }
.reply-path li { display:grid; grid-template-columns:25px 1fr; gap:12px; padding:14px 0; border-top:1px solid oklch(.41 .012 40); color:var(--light-ink); font-size:.96rem; }
.reply-path li span { color:oklch(.8 .11 40); font-size:.8rem; padding-top:3px; }
.client-form { background:var(--paper); color:var(--ink); padding:30px; border-radius:10px; }
.client-form .form-caption { display:flex; justify-content:space-between; gap:20px; font-size:.8rem; padding-bottom:20px; margin-bottom:23px; border-bottom:1px solid var(--soft-line); color:var(--ink-soft); }
.client-form label { display:block; font-size:.94rem; font-weight:600; margin-bottom:10px; }
.client-form input,.client-form textarea { width:100%; padding:12px 14px; border:1px solid oklch(.72 .015 60); border-radius:5px; background:var(--white); color:var(--ink); resize:vertical; }
.client-form input:focus,.client-form textarea:focus { outline:2px solid var(--coral-dark); outline-offset:3px; }
.client-form .form-field { margin-bottom:17px; }
.client-form .input-row { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.client-form .error { display:block; min-height:1.4em; margin-top:5px; font-size:.8rem; color:var(--coral-dark); }
.client-form .optional { color:var(--muted); font-size:.8rem; font-weight:400; }
.client-form .button { width:100%; min-height:52px; }
.client-form fieldset { display:flex; flex-wrap:wrap; margin:0 0 15px; border:0; padding:0; gap:16px; }
.client-form legend { font-size:.85rem; margin-bottom:9px; }
.client-form .choice { display:inline-flex; gap:8px; align-items:center; font-weight:400; font-size:.9rem; }
.client-form .choice input { width:17px; height:17px; }
.client-form .form-note { color:var(--ink-soft); font-size:.8rem; margin-top:14px; }
.client-form .form-status { margin-top:12px; font-size:.9rem; color:var(--coral-dark); }
.client-footer { padding:30px var(--pad) 82px; background:oklch(.16 .012 40); color:oklch(.78 .014 60); font-size:.84rem; }
.client-footer>div { max-width:1200px; margin:auto; display:flex; flex-wrap:wrap; justify-content:space-between; gap:20px; }
.client-footer a { text-decoration:underline; text-underline-offset:4px; }
.preview-switch { position:fixed; bottom:13px; right:15px; z-index:80; display:flex; padding:5px; border:1px solid var(--soft-line,oklch(.7 .01 60)); border-radius:7px; background:var(--paper); box-shadow:0 3px 18px oklch(.2 .015 40/.15); font-size:.8rem; }
.preview-switch a { padding:8px 12px; min-width:35px; text-align:center; border-radius:3px; }
.preview-switch a[aria-current=page] { color:var(--paper); background:var(--ink); }
.preview-switch a:first-child { border-right:1px solid var(--line); border-radius:0; }
@media(max-width:1050px){.control-layout{grid-template-columns:170px 1fr;gap:35px}.words-translation .wrap{grid-template-columns:190px 1fr;gap:35px}.gate-layout,.contact-layout,.words-layout{gap:35px}.day-row{grid-template-columns:110px 1fr;gap:20px}.day-flow p{padding:15px 12px}:scope .intro{gap:35px}}
@media(max-width:800px){
 :scope .intro,.division-head,.gate-layout,.day-caption,.words-layout,.words-decision .wrap,.control-heading,.contact-layout,.control-close .wrap{grid-template-columns:1fr;gap:25px}
 :scope .intro{padding-top:50px}:scope h2{font-size:clamp(2rem,6.6vw,3rem)}
 .day-row{grid-template-columns:1fr;padding:25px 22px}.day-row>div:first-child{display:flex;gap:15px;align-items:baseline}.day-row>div:first-child span{margin:0}.day-flow{gap:6px;grid-template-columns:1fr 20px 1fr 20px 1fr}.day-flow p{font-size:.89rem;min-height:110px;padding:14px 10px}.day-label{padding:18px 22px}.day-choices button{padding:14px 17px}
 .gate-foot{gap:30px}.agreement dl>div{grid-template-columns:110px 1fr;gap:15px}.division-end{align-items:flex-start;flex-direction:column;gap:15px}
 .words-start>.wrap{padding-top:50px}.words-translation .wrap{grid-template-columns:1fr;gap:35px}.words-side{position:static}.words-side h2{max-width:23ch}.words-translation{padding-block:55px}
 .control-layout{grid-template-columns:1fr;gap:35px}.control-nav{position:static;display:flex;flex-wrap:wrap;gap:0 20px;padding:0}.control-nav p{width:100%;padding-bottom:3px}.control-nav a{display:flex;gap:7px;font-size:.84rem}.control-chapter{margin-bottom:35px;padding-bottom:35px}.control-heading{margin-bottom:30px}
 .client-contact,.decision-gate,.division{padding-block:55px}.contact-layout{gap:35px}
}
@media(max-width:520px){
 .day-flow{grid-template-columns:1fr;gap:7px}.day-flow p{min-height:0;padding:15px}.day-flow i{transform:rotate(90deg);line-height:1;padding:2px}.day-label{flex-direction:column;gap:5px}.day-choices{display:grid;grid-template-columns:1fr}.day-choices button{text-align:left;min-height:48px;padding:12px 5px}.day-row>div:first-child b{font-size:1.25rem}.day-caption{gap:15px}.day-scene{padding-bottom:45px}
 .division-track,.gate-foot,.participation{grid-template-columns:1fr}.division-track>div+div,.participation>div+div{padding-left:0;border-left:0;border-top:1px solid var(--soft-line)}.division-track>div{padding-right:0}.agreement{padding:23px}.agreement dl>div{grid-template-columns:1fr;gap:7px;padding:17px 0}.agreement-head{flex-direction:column;gap:7px}.gate-foot{gap:25px;margin-top:30px;padding-top:30px}
 .starting-note{padding:25px}.starting-note textarea{font-size:1.24rem}.translation-step{grid-template-columns:30px 1fr;gap:15px}.translation-step .step-dot{width:30px;height:30px}.translation-step:not(:last-child):before{left:14px;top:30px}.translation-object{padding:20px}.translation-object blockquote{font-size:1.12rem}
 .continuity-map{padding:23px}.continuity-path{grid-template-columns:1fr}.continuity-path>span{transform:rotate(90deg)}.map-heading{flex-direction:column;gap:5px}.participation>div{padding-right:0}.ownership-slip{padding:20px}.ownership-slip>div{display:grid;grid-template-columns:1fr;gap:5px}.ownership-slip b{text-align:left}.proposal-choices button{padding:10px 13px}.proposal-answer{padding:23px}.client-form{padding:24px}.client-form .input-row{grid-template-columns:1fr;gap:0}.preview-switch{right:10px;bottom:10px}:scope .section-title{display:block}
}
@media(prefers-reduced-motion:reduce){:scope *,:scope *:before,:scope *:after{animation:none!important;transition:none!important}}

/* Five familiar situations and an inline route for the client's own words. */
:scope .day-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
:scope .day-choices button { text-align:left; padding-inline:18px; }
:scope .day-choices button:last-child { color:var(--coral-dark); }
.day-own-words { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:start; }
.day-own-words h3 { font-size:clamp(1.9rem,3.4vw,3rem); line-height:1.12; margin:15px 0 24px; }
.day-own-words .lead { margin-bottom:18px; }
.day-own-words .starting-note { margin:0; }
.day-own-words .text-link { display:inline-block; margin-top:20px; }
#day-example[hidden], #day-own-words[hidden] { display:none; }
@media(max-width:800px) { .day-own-words { grid-template-columns:1fr; gap:28px; } }
@media(max-width:520px) {
 :scope .day-choices { grid-template-columns:repeat(2,minmax(0,1fr)); }
 :scope .day-choices button { padding:13px 8px; font-size:.9rem; }
}

/* Full sentences have a dedicated reading column beside the example. */
.day-explorer { display:grid; grid-template-columns:minmax(260px,.8fr) minmax(0,2fr); gap:clamp(28px,4vw,64px); align-items:start; }
.day-content { min-width:0; }
:scope .day-choices { display:flex; flex-direction:column; margin:0; border:0; }
:scope .day-choices button { display:grid; grid-template-columns:22px 1fr 15px; gap:12px; align-items:baseline; padding:21px 14px; min-height:76px; border:0; border-bottom:1px solid var(--soft-line); text-align:left; font-size:1.06rem; line-height:1.4; font-weight:500; border-radius:0; }
:scope .day-choices button[aria-pressed=true] { background:var(--charcoal); color:var(--paper); border-color:var(--charcoal); border-radius:6px; }
:scope .day-choices button:hover:not([aria-pressed=true]) { background:oklch(.91 .018 45); }
.choice-number { font-size:.75rem; color:var(--muted); }
.day-choices button[aria-pressed=true] .choice-number { color:var(--light-ink); }
.choice-arrow { opacity:0; font-size:1rem; }
.day-choices button[aria-pressed=true] .choice-arrow,.day-choices button:last-child .choice-arrow { opacity:1; }
:scope .day-choices button:last-child { margin-top:16px; min-height:60px; }
:scope .day-row { grid-template-columns:1fr; gap:18px; padding:26px; }
:scope .day-row>div:first-child { display:flex; align-items:baseline; gap:14px; }
:scope .day-row>div:first-child span { margin:0; }
:scope .day-flow { grid-template-columns:1fr 18px 1fr 18px 1fr; gap:6px; }
:scope .day-flow p { padding:16px 12px; font-size:.95rem; min-height:106px; }
:scope .day-label { flex-direction:column; gap:6px; padding:20px 26px; }
:scope .day-caption { grid-template-columns:1fr; gap:12px; padding-top:24px; }
:scope .day-own-words { grid-template-columns:1fr; gap:25px; }
@media(max-width:950px) {
 .day-explorer { grid-template-columns:1fr; gap:28px; }
 :scope .day-choices { display:grid; grid-template-columns:1fr 1fr; column-gap:20px; }
 :scope .day-choices button { min-height:86px; }
 :scope .day-choices button:last-child { margin-top:0; }
}
@media(max-width:600px) {
 :scope .day-choices { display:flex; gap:0; }
 :scope .day-choices button { min-height:62px; padding:16px 12px; font-size:1rem; }
 :scope .day-choices button:last-child { margin-top:8px; }
 :scope .day-flow { grid-template-columns:1fr; gap:7px; }
 :scope .day-flow p { min-height:0; }
 :scope .day-flow i { transform:rotate(90deg); line-height:1; }
 :scope .day-row { padding:24px 20px; }
 :scope .day-row>div:first-child { flex-wrap:wrap; gap:6px 12px; }
}

.quick-actions { display:flex; flex-wrap:wrap; gap:14px; align-items:center; margin-top:24px; }
.draft-note { margin-bottom:25px; padding-bottom:22px; border-bottom:1px solid var(--soft-line); }
.draft-note strong { display:block; font-size:1.05rem; line-height:1.4; margin-bottom:10px; }
.draft-note p { font-size:.95rem; line-height:1.6; color:var(--ink-soft); }
.draft-continuation { margin-top:14px; color:var(--muted); font-size:.86rem; }
@media(max-width:600px) { .quick-actions>* { flex:1 1 auto; } }

}