/* Approved conversation layout, shared by every article example. */
body.notebook-site .case-story[class]{background:transparent;border:0;border-bottom:0;border-radius:0;box-shadow:none;margin:0 0 38px;padding:12px 0 34px;overflow:visible}
body.notebook-site .case-story:nth-child(even){border-radius:0}
body.notebook-site .case-story .case-titlebar{padding:10px 0 22px;background:none;border:0;border-radius:0;gap:0}
body.notebook-site .case-story .case-titlebar:before,body.notebook-site .case-story .case-titlebar:after{display:none}
body.notebook-site .case-story .case-titlebar h3{font:800 1.27rem/1.45 "Audrey Sans",sans-serif;color:#10213e;display:inline;box-decoration-break:clone;background:linear-gradient(transparent 66%,var(--case-wash) 66%);padding:0 4px 3px}
body.notebook-site .case-story .case-kicker{font:700 1rem/1.5 "Audrey Notes",cursive;margin:0 0 5px;color:var(--case-accent)}
body.notebook-site .case-story .case-scene{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr) minmax(0,1.1fr);gap:25px;align-items:start;padding:0 0 18px}
body.notebook-site .case-story .conversation-character{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;align-content:start;gap:10px;min-width:0;width:100%;padding:0;margin:0;max-width:none;text-align:center}
body.notebook-site .case-story .conversation-portrait{display:block;width:156px;max-width:100%;aspect-ratio:305 / 322.25;background:url('/assets/illustrations/example-people.webp') var(--person-x) var(--person-y)/400% 400% no-repeat;mix-blend-mode:multiply;clip-path:inset(1% 2%);border:0;border-radius:0;box-shadow:none;grid-row:auto}
body.notebook-site .case-story .case-person-name{justify-self:center;align-self:auto;margin:-7px 0 3px;padding:2px 12px;background:#ffe6a0;color:#10213e;font:700 1.12rem/1.4 "Audrey Notes",cursive;border-radius:1px 5px 2px 4px;transform:rotate(-3deg)}
body.notebook-site .case-story .case-question{position:relative;min-width:0;width:100%;margin:7px 0 0;padding:15px 17px;border:1.6px solid var(--case-accent);border-radius:43% 28% 35% 23% / 12% 22% 12% 24%;background:#fffcf5;font:700 1.15rem/1.5 "Audrey Notes",cursive;color:#6505b5;overflow-wrap:break-word;transform:rotate(-1deg)}
body.notebook-site .case-story .case-question:before{content:"";position:absolute;top:-9px;left:44%;width:14px;height:14px;background:#fffcf5;border-top:1.6px solid var(--case-accent);border-left:1.6px solid var(--case-accent);transform:rotate(45deg)}
body.notebook-site .case-story .case-character-note{display:block;margin:4px 0 0;font:700 .94rem/1.5 "Audrey Notes",cursive;color:var(--case-accent);transform:rotate(-2deg)}
body.notebook-site .case-story .case-situation{position:relative;min-width:0;padding:10px 0 0}
body.notebook-site .case-story .case-situation:after{content:"→";position:absolute;right:-23px;top:42px;font:700 1.7rem/1 "Audrey Notes",cursive;color:#6505b5;transform:rotate(-12deg)}
body.notebook-site .case-story .case-facts{display:grid;gap:12px;margin:20px 0 0;padding:0;list-style:none}
body.notebook-site .case-story .case-facts li{display:flex;gap:8px;margin:0;min-width:0;font:400 .94rem/1.75 "Audrey Sans",sans-serif;color:#10213e}
body.notebook-site .case-story .case-facts li>svg{flex:0 0 16px;width:16px;height:16px;margin-top:5px;color:var(--case-accent)}
body.notebook-site .case-story .case-facts li>span{min-width:0}
body.notebook-site .case-story .case-outcome{grid-column:auto;position:relative;margin:0;padding:21px 20px 22px;min-width:0;background:#fffcf5;border:2px solid #55bfc4;border-radius:24px 12px 30px 13px / 18px 23px 14px 30px;box-shadow:3px 5px 0 #e7dfd080;align-self:start}
body.notebook-site .case-story .case-outcome:before{display:none}
body.notebook-site .case-story .case-outcome:after{content:"";position:absolute;right:4px;bottom:3px;width:22px;height:22px;border-radius:0 0 20px 0;background:linear-gradient(135deg,transparent 43%,#e8decd 48%,#fff9e9 55%,#fff 65%);pointer-events:none}
body.notebook-site .case-story .case-outcome-kicker{display:block;cursor:default;min-height:0;padding:0 0 4px;margin:0 0 16px;font:700 1.3rem/1.3 "Audrey Notes",cursive;color:#007a87;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;transform:rotate(-2deg)}
body.notebook-site .case-story .case-outcome h4{display:inline;box-decoration-break:clone;padding:0 3px;background:linear-gradient(transparent 50%,#ffe39c 50%);font:800 1.12rem/1.5 "Audrey Sans",sans-serif;margin:0;color:#10213e}
body.notebook-site .case-story .case-outcome p{font:400 .94rem/1.8 "Audrey Sans",sans-serif;margin:15px 0 0;color:#10213e}
body.notebook-site .case-story .case-outcome strong{color:var(--case-accent)}
body.notebook-site .case-story .case-outcome [class$="-takeaway"]{padding:10px 12px;background:#ffe6a0;box-shadow:1px 2px 2px #10213e15;border:0;border-radius:2px 5px 3px 6px;transform:rotate(-1deg);font:700 1.08rem/1.5 "Audrey Notes",cursive;color:#10213e}
body.notebook-site .case-story .case-outcome [class$="-takeaway"] svg{display:none}
body.notebook-site .case-story .case-counter{padding:0 0 14px;margin:0 0 16px;background:none}
body.notebook-site .case-story .case-counter-caption strong{font:700 1.1rem/1.4 "Audrey Notes",cursive;color:#10213e}
body.notebook-site .case-story .case-days{gap:5px;max-width:none}
body.notebook-site .case-story .case-day.is-covered{background:var(--case-accent);color:white}
body.notebook-site .case-story .case-day-key{font-size:.66rem;max-width:none}
body.notebook-site .case-story .reference-figures{padding:16px 9px}
body.notebook-site .case-story .reference-amount b{font-size:1.35rem}
body.notebook-site .case-story .rupture-example-delays{flex-wrap:wrap;padding:14px 8px;gap:8px}
body.notebook-site .case-story .illustrative-case-repers{gap:10px;padding:16px 10px}
body.notebook-site .case-story .illustrative-case-repers b{font-size:1.13rem}
@media(min-width:1350px){body.notebook-site .ref-article .case-story .conversation-character{grid-template-columns:135px minmax(0,1fr);gap:8px 12px;align-items:center}body.notebook-site .ref-article .case-story .conversation-portrait{grid-column:1;grid-row:1/3;width:135px}body.notebook-site .ref-article .case-story .case-person-name{grid-row:3;grid-column:1;font-size:1rem}body.notebook-site .ref-article .case-story .case-question{grid-column:2;grid-row:1/4;font-size:1.05rem;padding:16px 12px}body.notebook-site .ref-article .case-story .case-question:before{top:45%;left:-9px;transform:rotate(-45deg)}body.notebook-site .ref-article .case-story .case-character-note{grid-column:1/-1}}
@media(max-width:1000px){body.notebook-site .case-story .case-scene{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:25px}body.notebook-site .case-story .case-outcome{grid-column:1/-1}body.notebook-site .case-story .case-situation:after{display:none}body.notebook-site .case-story .case-outcome p{max-width:75ch}}
@media(max-width:650px){body.notebook-site .case-story[class]{padding-bottom:28px;margin-bottom:28px}body.notebook-site .case-story .case-titlebar h3{font-size:1.13rem}body.notebook-site .case-story .case-scene{grid-template-columns:minmax(0,1fr);gap:23px;padding:0 0 12px}body.notebook-site .case-story .conversation-character{grid-template-columns:90px minmax(0,1fr);gap:9px 12px;align-items:center}body.notebook-site .case-story .conversation-portrait{width:90px;grid-column:1;grid-row:1/3}body.notebook-site .case-story .case-person-name{grid-column:1;grid-row:3;font-size:.98rem;padding:2px 6px;margin:0;max-width:100%}body.notebook-site .case-story .case-question{grid-column:2;grid-row:1/4;font-size:1.06rem;margin:0;padding:15px 12px}body.notebook-site .case-story .case-question:before{top:40%;left:-9px;transform:rotate(-45deg)}body.notebook-site .case-story .case-character-note{grid-column:1/-1;grid-row:4;margin:4px 0 0}body.notebook-site .case-story .case-outcome{grid-column:auto;padding:20px 17px}body.notebook-site .case-story .case-facts li,body.notebook-site .case-story .case-outcome p{font-size:.94rem}body.notebook-site .case-story .case-question{overflow-wrap:break-word}body.notebook-site .case-story .case-threshold{gap:8px}body.notebook-site .case-story .case-calendar-number{font-size:1.8rem}body.notebook-site .case-story .case-extra-days{font-size:1.8rem}}

body.notebook-site .case-story:after{content:"";position:absolute;left:0;right:0;bottom:0;height:9px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1100' height='9' viewBox='0 0 1100 9' preserveAspectRatio='none'%3E%3Cpath d='M2 5C180 0 300 8 480 4S850 7 1098 3' stroke='%238c45bb' stroke-width='1.8' fill='none' opacity='.55'/%3E%3C/svg%3E") center/100% 100% no-repeat;pointer-events:none}
body.notebook-site .case-story:nth-child(even):after{filter:hue-rotate(100deg)}

body.notebook-site .case-text-conversation .case-scene{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
body.notebook-site .case-text-conversation .case-titlebar h2{font:800 1.25rem/1.5 "Audrey Sans",sans-serif;color:#10213e;margin:0}
body.notebook-site .case-text-conversation .editorial-explanation{font:400 1rem/1.8 "Audrey Sans",sans-serif;color:#10213e;white-space:pre-line}
@media(max-width:1000px){body.notebook-site .case-text-conversation .case-outcome{grid-column:auto}}
@media(max-width:650px){body.notebook-site .case-text-conversation .case-scene{grid-template-columns:minmax(0,1fr)}body.notebook-site .case-text-conversation .conversation-character{grid-template-columns:90px minmax(0,1fr)}body.notebook-site .case-text-conversation .conversation-portrait{grid-row:1;grid-column:1}body.notebook-site .case-text-conversation .case-question{grid-row:1;grid-column:2}}

/* Lucas: a full-width note below the conversation, with a concrete payroll comparison. */
body.notebook-site .case-story .case-payroll{margin:24px 0 8px;padding:27px 25px;background:#fffcf5;border:1px solid #dfd4bd;border-radius:4px 7px 14px 3px;box-shadow:3px 5px 0 #10213e09;color:#10213e;min-width:0}
body.notebook-site .case-payroll-heading{margin:0 0 22px}
body.notebook-site .case-payroll-heading>span{display:inline-block;padding:2px 10px;background:#ffe6a0;font:700 1.2rem/1.5 "Audrey Notes",cursive;transform:rotate(-2deg);color:#6505b5}
body.notebook-site .case-payroll-heading h4{font:800 1.32rem/1.5 "Audrey Sans",sans-serif;margin:14px 0 0;color:#10213e}
body.notebook-site .case-payroll-scenarios{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin:0 0 24px}
body.notebook-site .case-payroll-scenarios>section{padding:0 0 0 17px;border-left:3px solid #008795;min-width:0}
body.notebook-site .case-payroll-scenarios>section+section{border-left-color:#8750bc}
body.notebook-site .case-payroll h5{font:800 1.03rem/1.6 "Audrey Sans",sans-serif;color:#10213e;margin:0 0 10px}
body.notebook-site .case-payroll p,body.notebook-site .case-payroll li{font:400 .96rem/1.8 "Audrey Sans",sans-serif;margin:10px 0;color:#10213e}
body.notebook-site .case-payroll-assumptions{padding:19px 22px;background:#f4edf9;border-left:3px solid #8750bc;margin:0 0 25px}
body.notebook-site .case-payroll-assumptions ul{padding:0 0 0 20px;margin:0}
body.notebook-site .case-payroll .case-payroll-calculation{padding:13px 15px;background:#fffaf0;border-bottom:2px solid #e7b54b;border-radius:2px;overflow-wrap:break-word}
body.notebook-site .case-payroll-table{width:100%;border-collapse:collapse;table-layout:fixed;margin:0 0 24px;font:.94rem/1.65 "Audrey Sans",sans-serif;color:#10213e}
body.notebook-site .case-payroll-table caption{text-align:left;font:700 1.16rem/1.5 "Audrey Notes",cursive;color:#6505b5;padding:0 0 13px}
body.notebook-site .case-payroll-table th,body.notebook-site .case-payroll-table td{padding:13px 15px;border:1px solid #d8cfbd;vertical-align:top;overflow-wrap:break-word}
body.notebook-site .case-payroll-table thead th{background:#e1f1ed;text-align:left;font-weight:800}
body.notebook-site .case-payroll-table thead th:first-child{width:46%}
body.notebook-site .case-payroll-table tbody th{text-align:left;font-weight:600;background:#fffdf7}
body.notebook-site .case-payroll-table td{white-space:nowrap;text-align:right;background:#fffdf7;font-weight:700}
body.notebook-site .case-payroll-table .case-payroll-total th,body.notebook-site .case-payroll-table .case-payroll-total td{background:#fff0bb;font-weight:800;border-top:2px solid #e7b54b}
body.notebook-site .case-payroll-reading{padding:0 2px}
body.notebook-site .case-payroll-reading .case-payroll-takeaway{padding:13px 17px;background:#ffe6a0;border-radius:2px 7px 3px 5px}
body.notebook-site .case-payroll .case-payroll-note{font-size:.86rem;line-height:1.75;color:#34445d;margin:18px 0 13px}
body.notebook-site .case-payroll-source{display:inline-block;color:#6505b5;font:700 1.08rem/1.6 "Audrey Notes",cursive;text-underline-offset:5px}
body.notebook-site .case-payroll-source:focus-visible{outline:3px solid #6505b5;outline-offset:4px}
@media(max-width:650px){body.notebook-site .case-story .case-payroll{padding:23px 15px;margin-top:18px}body.notebook-site .case-payroll-heading h4{font-size:1.16rem}body.notebook-site .case-payroll-scenarios{grid-template-columns:minmax(0,1fr);gap:22px}body.notebook-site .case-payroll-assumptions{padding:17px 14px}body.notebook-site .case-payroll-table,body.notebook-site .case-payroll-table tbody{display:block}body.notebook-site .case-payroll-table caption{display:block}body.notebook-site .case-payroll-table thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}body.notebook-site .case-payroll-table tr{display:grid;grid-template-columns:minmax(0,1fr);margin:0 0 13px;border:1px solid #d8cfbd}body.notebook-site .case-payroll-table th,body.notebook-site .case-payroll-table td{display:block;border:0;padding:10px 12px}body.notebook-site .case-payroll-table tbody th{border-bottom:1px solid #e7dfcf}body.notebook-site .case-payroll-table td{display:flex;align-items:baseline;justify-content:space-between;gap:12px;white-space:normal}body.notebook-site .case-payroll-table td:before{content:attr(data-label);font-weight:400;font-size:.86rem;line-height:1.5;text-align:left;max-width:65%;color:#34445d}body.notebook-site .case-payroll-table .case-payroll-total th,body.notebook-site .case-payroll-table .case-payroll-total td{border-top:0}body.notebook-site .case-payroll-table .case-payroll-total{border-top:2px solid #e7b54b}}
@media print{body.notebook-site .case-payroll-table{break-inside:avoid}body.notebook-site .case-payroll-table thead{display:table-header-group}}