/* "Your week. Your say.", owner-approved and locked 2026-10-28 (Codex family-c/your-week-v002, APPROVED-LOCK.json;
   Daniel: "perfect- approved.  send to lead and request next project").
   Site placement of the locked style.css: every rule scoped to .dio-your-week, ids prefixed yw-, the review page shell (main.week
   margins and padding, body rules), the review note and the font-face dropped (Nunito Sans comes from the site's fonts.css), h1 shown
   as the component title (h3) and the step heading h2 as h4. Values are unchanged. Breakpoints follow the component's own width
   (container queries on .dio-your-week), not the screen: it sits in the answer header box, so it takes its phone layout there.
   A few guards (font-family/colour on the two headings, figcaption padding, paragraph colour) only stop site rules reaching in. */
.dio-your-week{--font:'Avenir Next',Avenir,'Nunito Sans',system-ui,sans-serif;--navy:#2f4452;--steel:#4c7288;--orange:#ed873c;--mineral:#f5f7f7;container-type:inline-size;background:white}
.dio-your-week *{box-sizing:border-box}
.dio-your-week .yw-week{color:var(--navy);background:white;font:400 17px/1.5 var(--font);text-align:left}
.dio-your-week button,.dio-your-week a{-webkit-tap-highlight-color:transparent}
.dio-your-week button{font:500 15px/1.2 var(--font);min-height:48px;min-width:88px;padding:12px 18px;border:1px solid #c9d3d9;background:#fff;color:var(--navy);border-radius:0;cursor:pointer}
.dio-your-week button:hover,.dio-your-week button[aria-pressed=true]{background:#e7edf0}.dio-your-week button:disabled{opacity:.6;cursor:default}.dio-your-week button:focus-visible,.dio-your-week a:focus-visible{outline:2px solid var(--navy);outline-offset:4px}.dio-your-week button:active{background:#d9e3e9}
.dio-your-week .heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.dio-your-week .yw-title{font-family:var(--font);color:var(--navy);font-size:28px;line-height:1.2;font-weight:600;letter-spacing:-.025em;margin:0}.dio-your-week .controls{display:flex;gap:8px}.dio-your-week .controls[hidden]{display:none}
.dio-your-week .experience{margin:0}.dio-your-week .scene{background:var(--mineral);clip-path:polygon(24px 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%,0 24px);padding:28px 40px 22px;overflow:hidden}
.dio-your-week .scene p{color:inherit}
.dio-your-week .chapters{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;margin:0 auto;padding:0;width:min(100%,700px);position:relative}.dio-your-week .chapters:before{content:'';position:absolute;top:19px;height:1px;left:16.66%;right:16.66%;background:#c5d1d8}.dio-your-week .chapters li{position:relative;display:flex;align-items:center;flex-direction:column;gap:8px;color:#58707e;font-size:15px;font-weight:500;text-align:center;z-index:1;margin:0}.dio-your-week .dot{width:40px;height:40px;display:grid;place-items:center;background:var(--mineral);border:1px solid #b2c2cc;border-radius:50%;color:#688697}.dio-your-week .dot svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.dio-your-week .chapters li.current{color:var(--navy);font-weight:600}.dio-your-week .chapters li.current .dot{background:var(--navy);color:white;border-color:var(--navy);box-shadow:0 0 0 3px var(--mineral),0 0 0 4.5px var(--orange)}.dio-your-week .chapters li.done .dot{background:#e4ecef;color:var(--steel)}
.dio-your-week .story-heading{text-align:center;margin-top:24px;min-height:75px}.dio-your-week .step-label{margin:0 0 6px;font-size:14px;color:#57707f;font-weight:500}.dio-your-week .story-heading h4{font-family:var(--font);color:var(--navy);font-size:28px;font-weight:500;letter-spacing:-.025em;line-height:1.3;margin:0}
.dio-your-week .visual{height:330px;position:relative;max-width:850px;margin:0 auto;isolation:isolate}.dio-your-week .alignment-board{position:absolute;inset:0;width:100%;height:100%;max-width:none;overflow:visible}.dio-your-week .teeth{opacity:1}.dio-your-week .shorter{opacity:0}.dio-your-week .prototype{opacity:1}.dio-your-week .design-guides{fill:none;pointer-events:none}.dio-your-week .design-guides path,.dio-your-week .design-guides circle{vector-effect:non-scaling-stroke}.dio-your-week .center-guide{stroke:var(--steel);stroke-width:1.2;stroke-dasharray:4 5}.dio-your-week .smile-guide{stroke:var(--orange);stroke-width:1.5}.dio-your-week .matched-marker{fill:var(--mineral);stroke:var(--navy);stroke-width:1.1}.dio-your-week .matched-marker .mark{fill:none;stroke:var(--navy);stroke-width:1.3}
.dio-your-week .feedback{position:absolute;top:8px;right:12%;padding:9px 16px;display:flex;gap:7px;align-items:center;font-size:16px;background:#fff;border:1px solid #c7d4da;opacity:0;z-index:3}.dio-your-week .quote-icon{font-size:24px;height:23px;line-height:1.3;color:var(--steel)}
.dio-your-week .guide-legend{display:flex;gap:30px;justify-content:center;align-items:center;margin:4px auto 0;font-size:13px;color:#58707e;min-height:24px}.dio-your-week .guide-legend span{display:inline-flex;gap:8px;align-items:center}.dio-your-week .guide-legend svg{width:22px;height:15px;fill:none;stroke-width:1.5}.dio-your-week .center-key{stroke:var(--steel)}.dio-your-week .smile-key{stroke:var(--orange)}.dio-your-week .guide-legend .tick{font-size:13px;color:var(--navy);width:12px;visibility:hidden}.dio-your-week .guide-legend.aligned .tick{visibility:visible}
.dio-your-week .model-label{text-align:center;font-size:12px;color:#607886;min-height:18px;margin:5px auto 0}.dio-your-week .narration{font-size:18px;line-height:1.55;text-align:center;max-width:690px;min-height:58px;margin:21px auto 25px}.dio-your-week .time-band{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d2dde2;padding-top:18px;max-width:800px;margin:0 auto;gap:24px}.dio-your-week .time-band p{margin:0;text-align:center}.dio-your-week .time-band span,.dio-your-week .time-band strong{display:block}.dio-your-week .time-band span{font-size:13px;color:#5b7481;margin-bottom:3px}.dio-your-week .time-band strong{font-weight:500;font-size:19px}
.dio-your-week .experience figcaption{font-size:13px;line-height:1.55;color:#627581;text-align:center;margin:18px auto 0;padding:0;max-width:800px}.dio-your-week .experience figcaption span{display:block}.dio-your-week .still-detail{margin-top:6px}.dio-your-week .experience:not([data-mode=still]) .still-detail{display:none}.dio-your-week .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.dio-your-week [data-mode=still] .feedback{display:none}.dio-your-week [data-mode=still] .shorter{opacity:0!important}.dio-your-week [data-mode=still] .prototype{opacity:1!important}.dio-your-week [data-mode=still] .narration{min-height:0}
@container (max-width:600px){.dio-your-week .yw-week{font-size:16px}.dio-your-week .heading{gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:14px}.dio-your-week .yw-title{font-size:24px}.dio-your-week .controls{margin-left:auto}.dio-your-week button{font-size:14px;padding:12px;min-width:80px}.dio-your-week .scene{padding:24px 16px 22px;clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}.dio-your-week .chapters{width:100%}.dio-your-week .chapters li{font-size:12px;line-height:1.3;gap:9px}.dio-your-week .dot{width:34px;height:34px}.dio-your-week .dot svg{width:21px;height:21px}.dio-your-week .chapters:before{top:16px}.dio-your-week .story-heading{margin-top:23px;min-height:78px}.dio-your-week .story-heading h4{font-size:23px;line-height:1.25;max-width:300px;margin:auto}.dio-your-week .step-label{font-size:12px}.dio-your-week .visual{height:235px;margin:0 -10px}.dio-your-week .feedback{top:5px;right:4%;font-size:14px;padding:8px 12px}.dio-your-week .quote-icon{font-size:22px;height:20px}.dio-your-week .guide-legend{font-size:12px;gap:16px;margin-top:0}.dio-your-week .guide-legend span{gap:5px}.dio-your-week .model-label{font-size:12px;margin-top:5px}.dio-your-week .narration{font-size:16px;line-height:1.5;margin:18px auto 22px;min-height:72px}.dio-your-week .time-band{gap:9px;padding-top:16px}.dio-your-week .time-band span{font-size:12px;line-height:1.3;min-height:15px}.dio-your-week .time-band strong{font-size:15px;line-height:1.35}.dio-your-week .experience figcaption{font-size:12px;margin:16px 8px 0}}
@container (max-width:350px){.dio-your-week .heading{display:block}.dio-your-week .controls{margin-top:12px}.dio-your-week .scene{padding-left:12px;padding-right:12px}.dio-your-week .chapters li{font-size:12px}.dio-your-week .story-heading h4{font-size:22px}.dio-your-week .visual{height:215px}.dio-your-week .time-band strong{font-size:14px}.dio-your-week .time-band span{font-size:12px}.dio-your-week .guide-legend{gap:12px}}
@media(prefers-reduced-motion:reduce){.dio-your-week *,.dio-your-week *:before,.dio-your-week *:after{animation:none!important;transition:none!important}}
html:is(.reduce-motion,.dio-alive-off) .dio-your-week *{animation:none!important;transition:none!important}
@media print{.dio-your-week .controls{display:none}.dio-your-week .scene,.dio-your-week .experience{break-inside:avoid}}
/* 2026-11-11 audit, animation controls: one look and one place on every animation. The row is a right-aligned row above the figure, 12px above it; each control has the
   finish of the site's animation toggle (answer-anim.css .ans-anim-toggle): 44px tall, 2px steel border, white ground, 6px corners, ink focus ring,
   mist fill when "Still view" is on. Looks and placement only: no markup, wording, timing or logic changes. The doubled root class outranks the
   widget's older control rules above, which stay as they were. */
.dio-your-week.dio-your-week .controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;width:auto;min-height:0;margin:0 0 0 auto;padding:0;border:0}
.dio-your-week.dio-your-week .controls[hidden]{display:none}
.dio-your-week.dio-your-week .controls button{font:500 14px/1.2 'Avenir Next',Avenir,'Nunito Sans',system-ui,sans-serif;min-height:44px;min-width:82px;margin:0;padding:10px 16px;background:#fff;color:#203846;border:2px solid #4c7288;border-radius:6px;box-shadow:none;text-shadow:none;text-transform:none;letter-spacing:normal;text-decoration:none;clip-path:none;cursor:pointer}
.dio-your-week.dio-your-week .controls button:hover{background:#f1f5f6;border-color:#4c7288;color:#203846;text-shadow:none;text-decoration:none}
.dio-your-week.dio-your-week .controls button:focus-visible{outline:3px solid #203846;outline-offset:2px}
.dio-your-week.dio-your-week .controls button[aria-pressed=true]{background:#e6edf0;border-color:#4c7288}
.dio-your-week.dio-your-week .controls button:disabled{opacity:.55;color:#203846;cursor:default}
.dio-your-week.dio-your-week .heading{flex-wrap:wrap;margin-bottom:12px}
.dio-your-week.dio-your-week .heading{display:flex}
@media print{.dio-your-week.dio-your-week .controls{display:none!important}}
/* end animation controls */