/* Illustrated scenes for the closure article's reviewed examples. */
.ref-article .ref-examples{gap:32px}
.case-story{--case-accent:var(--brand-violet);--case-wash:#f2e7fc;--case-edge:#dfc9f1;position:relative;min-width:0;background:#fff;border:1.5px solid var(--case-edge);border-radius:26px 14px 26px 14px;box-shadow:5px 6px 0 var(--case-wash);overflow:visible;color:var(--brand-navy)}
.case-story-cyan{--case-accent:var(--brand-cyan-text);--case-wash:#e1f6fb;--case-edge:#b7e4ee}
.case-story-gold{--case-accent:var(--brand-gold-text);--case-wash:#fff3d7;--case-edge:#ead393}
.case-story-pink{--case-accent:var(--brand-navy);--case-wash:#edf0fa;--case-edge:#cdd7ef}
.case-titlebar{position:relative;display:flex;align-items:center;gap:14px;padding:18px 24px;background:var(--case-wash);border-radius:24px 12px 0 0;border-bottom:1px dashed var(--case-edge)}
.case-titlebar:before{content:"";position:absolute;top:-10px;right:44px;width:68px;height:22px;background:#e7b54b99;transform:rotate(5deg);border-radius:2px;pointer-events:none}
.case-index{display:grid;place-items:center;flex:0 0 44px;height:44px;background:#fff;border:1px solid var(--case-edge);border-radius:46% 54% 43% 57%;font-family:"Audrey Notes",cursive;font-size:1.65rem;line-height:1;color:var(--case-accent);transform:rotate(-5deg)}
.case-kicker{display:block;font-family:"Audrey Notes",cursive;font-size:1rem;line-height:1.2;color:var(--case-accent);margin-bottom:3px}
.case-titlebar h3{margin:0;color:var(--brand-navy);font-size:1.22rem;line-height:1.35;font-weight:800}
.case-scene{display:grid;grid-template-columns:140px minmax(0,1fr) minmax(240px,.9fr);gap:24px;padding:28px 24px;align-items:start}
.case-character{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:10px;text-align:center;min-width:0}
.case-portrait{position:relative;width:136px;height:155px;background:var(--case-wash);border:1px solid var(--case-edge);border-radius:47% 53% 40% 55%;box-shadow:4px 4px 0 #07143f09;transform:rotate(-4deg)}
.case-portrait:before{content:"";position:absolute;inset:7px;border:1px dashed var(--case-edge);border-radius:inherit;pointer-events:none}
.case-portrait img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;border-radius:0;position:relative;z-index:1}
.case-person-name{position:relative;z-index:2;font-family:"Audrey Notes",cursive;font-size:1.2rem;line-height:1.25;background:var(--brand-gold);color:var(--brand-navy);padding:4px 18px 2px;border-radius:3px 9px 3px 9px;transform:rotate(-4deg);margin-top:-8px}
.case-character-note{display:block;font-family:"Audrey Notes",cursive;font-size:1rem;line-height:1.35;color:var(--case-accent);margin-top:22px;transform:rotate(-4deg)}
.case-character-note svg{display:block;width:44px;height:26px;transform:rotate(18deg);margin:5px auto 0}
.case-counter{position:relative;padding:16px 15px;background:var(--case-wash);border-radius:17px 11px 18px 11px;margin-bottom:23px}
.case-counter-caption{display:flex;flex-direction:column;gap:4px;margin-bottom:13px;line-height:1.4}
.case-counter-caption strong{font-size:1rem;color:var(--case-accent)}
.case-counter-caption>span{font-size:.88rem;color:var(--brand-navy)}
.case-days{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.case-day{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:73px;border:1.5px solid var(--case-accent);border-radius:8px;background:#fff;color:var(--case-accent);position:relative;box-shadow:2px 3px 0 #07143f08}
.case-day:before{content:"";width:16px;height:3px;background:var(--case-accent);border-radius:2px;position:absolute;top:-3px;left:50%;transform:translateX(-50%)}
.case-day small{font-size:.55rem;letter-spacing:.06em;font-weight:800;line-height:1.2;margin-top:4px}
.case-day b{font-family:"Audrey Notes",cursive;font-size:1.45rem;line-height:1.2}
.case-day>svg{width:17px;height:17px;flex:none}
.case-day.is-covered{background:var(--case-accent);color:#fff;border-style:solid}
.case-story-gold .case-day.is-covered{background:var(--brand-navy)}
.case-day.is-covered:before{background:#fff}
.case-day.is-uncovered{border-style:dashed;border-color:#9da8bc;color:#526078;box-shadow:none}
.case-day.is-uncovered:before{background:#9da8bc}
.case-day-dot{font-size:1.3rem;height:17px;line-height:.6}
.case-day-key{display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px 12px;margin-top:12px;font-size:.72rem;line-height:1.4;color:#536078}
.case-day-key>span{display:inline-flex;align-items:center;gap:5px}
.case-day-key>span:before{content:"";width:9px;height:9px;flex:0 0 9px;border:1px solid var(--case-accent);border-radius:2px;background:var(--case-accent)}
.case-day-key>span+span:before{background:#fff;border:1px dashed #8390a8}
.case-facts{list-style:none;padding:0;margin:0;display:grid;gap:11px}
.case-facts li{display:grid;grid-template-columns:17px minmax(0,1fr);gap:9px;font-size:.95rem;line-height:1.6;margin:0;padding:0;color:var(--brand-navy)}
.case-facts li>svg{width:17px;height:17px;margin-top:4px;color:var(--case-accent);background:var(--case-wash);border-radius:50%;padding:1px}
.case-outcome{position:relative;min-width:0;padding:24px 19px 20px;background:var(--case-wash);border:1px solid var(--case-edge);border-radius:18px 8px 20px 8px;box-shadow:3px 4px 0 #07143f08}
.case-outcome:before{content:"";position:absolute;left:20px;top:-8px;width:52px;height:15px;background:#e7b54baa;transform:rotate(-5deg);border-radius:2px}
.case-outcome-kicker{display:block;font-family:"Audrey Notes",cursive;font-size:1.08rem;color:var(--case-accent);margin-bottom:12px;transform:rotate(-2deg);padding-right:28px}
.case-outcome-icon{position:absolute;right:13px;top:16px;display:grid;place-items:center;width:29px;height:29px;color:var(--case-accent);border:1.5px solid currentColor;border-radius:50%;transform:rotate(9deg);background:#fff;font-family:"Audrey Notes",cursive;font-size:1.25rem;line-height:1}
.case-outcome-icon>svg{width:20px;height:20px}
.case-outcome h4{margin:0 0 13px;font-size:1.13rem;line-height:1.4;font-weight:800;color:var(--case-accent)}
.case-outcome p{font-size:.95rem;line-height:1.65;margin:0}
.case-outcome p+p{margin-top:14px}
.case-outcome strong{color:var(--case-accent)}
.case-result-options{padding:0 0 0 1.2em;margin:12px 0 0;list-style:disc outside}
.case-result-options li{padding:0;margin:8px 0;font-size:.95rem;line-height:1.65}
.case-result-options li::marker{color:var(--case-accent)}
.case-company-art{position:relative;width:140px;max-width:100%;padding:8px 0 20px}
.case-company-art img{display:block;width:100%;height:120px;object-fit:contain}
.case-company-art>span{position:absolute;bottom:0;right:0;background:var(--brand-gold);font-family:"Audrey Notes",cursive;padding:4px 10px;transform:rotate(-4deg);font-size:1rem;color:var(--brand-navy)}
.case-threshold{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:130px;margin-bottom:10px}
.case-threshold>svg{width:38px;height:26px;flex:0 0 38px;color:var(--case-accent)}
.case-calendar-number{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:18px 8px 12px;flex:1;background:#fff;border:2px solid var(--case-edge);border-top:14px solid var(--case-accent);border-radius:12px;font-family:"Audrey Notes",cursive;font-size:2.3rem;line-height:1.1;color:var(--brand-navy);box-shadow:3px 4px 0 var(--case-wash)}
.case-calendar-number small{font-family:"Audrey Sans",sans-serif;font-size:.7rem;font-weight:800;margin-top:7px;text-align:center}
.case-extra-days{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-width:0;background:var(--brand-gold);padding:15px 8px;border-radius:12px 8px 15px 8px;font-family:"Audrey Notes",cursive;font-size:2.3rem;line-height:1.2;transform:rotate(4deg);color:var(--brand-navy)}
.case-extra-days small{font-family:"Audrey Sans",sans-serif;font-size:.7rem;font-weight:800;text-align:center;line-height:1.4}
.case-closure-caption{font-family:"Audrey Notes",cursive;font-size:1.05rem;text-align:center;margin:0 0 22px;color:var(--case-accent)}
@media(max-width:1000px){
 .case-scene{grid-template-columns:135px minmax(0,1fr);gap:25px}
 .case-outcome{grid-column:1/-1;padding:24px}
 .case-character{padding-top:4px}
 .case-days{max-width:420px}
 .case-day-key{max-width:420px}
 .case-threshold{max-width:380px}
 .case-closure-caption{text-align:left}
}
@media(max-width:600px){
 .ref-article .ref-examples{gap:29px}
 .case-titlebar{padding:17px 15px;gap:12px}
 .case-titlebar:before{right:20px;width:48px;height:17px;top:-8px}
 .case-titlebar h3{font-size:1.1rem;line-height:1.35}
 .case-index{flex-basis:36px;height:36px;font-size:1.4rem}
 .case-kicker{font-size:.95rem}
 .case-scene{grid-template-columns:minmax(0,1fr);padding:18px 15px 20px;gap:22px}
 .case-character{display:grid;grid-template-columns:104px minmax(0,1fr);gap:8px 18px;align-items:center;text-align:left;padding:0}
 .case-portrait{width:104px;height:119px;grid-row:1/3;transform:rotate(-4deg)}
 .case-person-name{justify-self:start;align-self:end;margin:0;font-size:1.1rem;padding:5px 14px}
 .case-character-note{align-self:start;margin:0;font-size:1rem}
 .case-character-note svg{display:inline-block;vertical-align:middle;width:35px;height:22px;margin:0 0 0 4px;transform:rotate(55deg)}
 .case-counter{padding:15px 12px;margin-bottom:22px}
 .case-days{gap:6px}
 .case-day{min-height:68px}
 .case-day small{font-size:.5rem}
 .case-day b{font-size:1.35rem}
 .case-day-key{font-size:.7rem;gap:8px}
 .case-facts{gap:12px}
 .case-facts li{font-size:.95rem}
 .case-outcome{grid-column:auto;padding:24px 18px 19px}
 .case-outcome h4{font-size:1.1rem}
 .case-company-art{width:104px;grid-row:1/3;padding-bottom:12px}
 .case-company-art img{height:100px}
 .case-company-art>span{font-size:.87rem;bottom:0;right:0;white-space:nowrap}
 .case-story-pink .case-character-note{grid-column:2;grid-row:1/3;align-self:center}
 .case-threshold{margin-top:0}
 .case-calendar-number{font-size:2.1rem}
 .case-extra-days{font-size:2.1rem}
}