/* The approved closure article's notebook presentation, adapted to other articles. */
body.article-reference-page .article-notebook-header{display:block;min-width:0}
body.article-reference-page .article-topic{display:table;max-width:100%;padding:0 7px;box-decoration-break:clone;background:linear-gradient(transparent 35%,#ffe496 35%,#ffe496 94%,transparent 94%);font:700 1.3rem/1.5 "Audrey Notes",cursive;color:#6505b5;text-transform:uppercase;letter-spacing:.04em;overflow-wrap:break-word}
body.article-reference-page .article-audience{font:800 .9rem/1.6 "Audrey Sans",sans-serif;margin:5px 0 19px;color:#10213e}
body.article-reference-page .article-notebook-header h1{margin:19px 0 33px;max-width:1000px;line-height:1.2;letter-spacing:-.03em;color:#10213e;font-weight:800;text-wrap:pretty}
body.article-reference-page .article-notebook-header .article-handwritten{display:table;max-width:100%;font:700 1.55rem/1.5 "Audrey Notes",cursive;margin:27px 5px 23px;padding:0 6px 9px;color:#10213e;transform:rotate(-3deg);border-bottom:3px solid #e7b54b;border-radius:0 0 45% 5%}
body.article-reference-page .article-reference-reminder{margin:0;padding:19px 20px;border-left:3px solid #e7b54b;background:#fff3c9}
body.article-reference-page .article-reference-reminder strong{display:block;font:800 .94rem/1.6 "Audrey Sans",sans-serif;color:#10213e;margin:0 0 7px}
body.article-reference-page .article-reference-reminder p{margin:0;font-size:1rem;line-height:1.75;color:#34445c}
body.article-reference-page .ref-heading{display:flex;align-items:flex-start;gap:13px;margin:0 0 24px;min-width:0}
body.article-reference-page .ref-heading>div{min-width:0}
body.article-reference-page .ref-icon{display:block;flex:none;width:35px;height:35px;color:#6505b5}
body.article-reference-page .ref-heading h2{display:block;font:800 clamp(1.4rem,2.4vw,1.9rem)/1.3 "Audrey Sans",sans-serif;color:#10213e;margin:0;padding:0;letter-spacing:-.015em;text-wrap:pretty;overflow-wrap:break-word}
body.article-reference-page .ref-heading h2:after{content:"";display:block;width:60px;height:4px;margin-top:9px;background:#e7b54b;border-radius:50%;transform:rotate(-3deg)}
body.article-reference-page .ref-heading p{margin:8px 0 0;font:700 1.15rem/1.5 "Audrey Notes",cursive;color:#6505b5}
body.article-reference-page .article-essentials{margin:38px 0 42px}
body.article-reference-page .article-essentials .editorial-highlights{margin:0;align-items:stretch}
body.article-reference-page .editorial-highlight{display:block;min-width:0}
body.article-reference-page .editorial-highlight img{width:35px;height:35px;margin:0 0 14px}
body.article-reference-page .editorial-highlight h3{margin:0 0 12px;color:#10213e;line-height:1.4}
body.article-reference-page .editorial-highlight p{font-size:1rem;line-height:1.75;color:#34445c;margin:0}
body.notebook-site.article-reference-page .knowledge-sheet .article-reference-section{margin:28px 0 35px;padding:25px 0 35px;border-bottom:1px dashed #baa5cc80}
body.article-reference-page .article-reference-section .editorial-explanation{white-space:pre-line;overflow-wrap:break-word}
body.article-reference-page .article-case-note{position:relative;margin:26px 4px 7px;padding:29px 26px 25px;background:#d9f1ee;box-shadow:3px 5px 7px #14264414;transform:rotate(-.4deg)}
body.article-reference-page .article-case-note:before{content:"";position:absolute;left:34%;top:-10px;width:77px;height:23px;transform:rotate(5deg);background:repeating-linear-gradient(90deg,#fff3 0 1px,transparent 1px 4px),#e7b54ba8}
body.article-reference-page .article-reference-section:nth-of-type(even) .article-case-note{background:#f0e5fa;transform:rotate(.4deg)}
body.notebook-site.article-reference-page .knowledge-sheet .article-reference-section.caution{padding:25px 22px 30px;border:0;border-left:3px solid #e7b54b;background:#fff3cf}
body.article-reference-page .article-reference-section.caution .ref-icon{color:#8b650a}
body.article-reference-page .editorial-source-list{border:0;border-top:1px dashed #b9a6cb;background:none;border-radius:0;padding:17px 0}
body.article-reference-page .editorial-source-list a{overflow-wrap:anywhere;line-height:1.75}
body.article-reference-page .editorial-reading-nav a:focus-visible,body.article-reference-page .editorial-source-list a:focus-visible{outline:3px solid #6505b5;outline-offset:4px}
@media(max-width:600px){body.article-reference-page .article-topic{font-size:1.1rem}body.article-reference-page .article-notebook-header .article-handwritten{font-size:1.25rem;margin:23px 0 22px}body.article-reference-page .article-reference-reminder{padding:15px 13px}body.article-reference-page .article-reference-reminder p{font-size:.94rem}body.article-reference-page .ref-heading{gap:10px}body.article-reference-page .ref-heading>.ref-icon{width:28px;height:28px}body.notebook-site.article-reference-page .knowledge-sheet .article-reference-section.caution{padding:22px 14px}body.article-reference-page .article-case-note{padding:24px 17px 20px;margin-inline:0}body.article-reference-page .article-essentials{margin:30px 0}body.article-reference-page .editorial-highlight h3{font-size:1.25rem}}
@media print{body.article-reference-page .article-case-note{transform:none;box-shadow:none}body.article-reference-page .editorial-source-list{display:block}}

body.article-reference-page .article-uploaded-visual{margin:28px 0}body.article-reference-page .article-uploaded-visual img{display:block;max-width:100%;height:auto;margin:auto}

/* Shared reference structure: post-its, illustrated situations, rules, actions, sources. */
body.article-reference-page .ref-grid{display:grid;gap:22px;align-items:stretch}
body.article-reference-page .ref-three{grid-template-columns:repeat(3,minmax(0,1fr))}
body.article-reference-page .ref-card{min-width:0}
body.article-reference-page .ref-card>.ref-icon{margin-bottom:14px}
body.article-reference-page .ref-card h3{color:#10213e;margin:0 0 12px;font:700 1.35rem/1.4 "Audrey Notes",cursive}
body.article-reference-page .ref-card p{font:400 1rem/1.75 "Audrey Sans",sans-serif;color:#34445c;margin:0}
body.article-reference-page .ref-margin-note{display:grid;grid-template-columns:minmax(125px,.35fr) minmax(0,1fr);gap:20px;margin:25px 0 0}
body.article-reference-page .ref-margin-note p{font:400 1rem/1.75 "Audrey Sans",sans-serif;margin:0}
body.article-reference-page .ref-reading-nav a:focus-visible{outline:3px solid #6505b5;outline-offset:4px}
body.article-reference-page .reference-reading-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 23px}
body.article-reference-page .reference-reading-card .ref-heading h2{font-size:1.35rem}
body.article-reference-page .reference-reading-card .ref-heading>.ref-icon{width:28px;height:28px}
body.article-reference-page .reference-reading-card .editorial-explanation{font-size:1rem;line-height:1.8}
body.article-reference-page .reference-actions{display:grid;gap:28px}
body.article-reference-page .reference-action{display:flex;align-items:flex-start;gap:17px;padding:20px 0 20px 15px;border-left:3px solid #00bed6}
body.article-reference-page .reference-action h3,body.article-reference-page .reference-caution h3{font-size:1.2rem;line-height:1.4;color:#10213e;margin:0 0 12px}
body.article-reference-page .reference-action .editorial-explanation,body.article-reference-page .reference-caution .editorial-explanation{font-size:1rem;line-height:1.8}
body.article-reference-page .reference-caution-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
body.article-reference-page .reference-caution{min-width:0;padding:20px 22px;background:#fff3cf;border-left:3px solid #e7b54b}
body.article-reference-page .reference-case .case-scene{grid-template-columns:95px minmax(0,1.2fr) minmax(230px,.8fr);gap:25px;padding:20px 0 30px}
body.article-reference-page .reference-case .case-titlebar{padding:16px 0;align-items:flex-start}
body.article-reference-page .reference-case .case-titlebar h3{font-size:1.3rem}
body.article-reference-page .reference-case .case-facts{padding:0;list-style:none;margin:22px 0 0}
body.article-reference-page .reference-case .case-facts li{display:flex;align-items:flex-start;gap:8px;margin:12px 0;min-width:0;font-size:.98rem;line-height:1.8}
body.article-reference-page .reference-case .case-facts .ref-icon{width:18px;height:18px;margin-top:5px;color:var(--case-accent)}
body.article-reference-page .reference-case .case-outcome{min-width:0}
body.article-reference-page .reference-case .case-outcome h4{font:700 1.4rem/1.4 "Audrey Notes",cursive;margin:14px 0}
body.article-reference-page .reference-case .case-outcome p{font-size:.98rem;line-height:1.8}
body.article-reference-page .reference-figures{padding:20px 13px;background:var(--case-wash);border:1px solid var(--case-edge);border-radius:3px}
body.article-reference-page .reference-amounts{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:8px;align-items:center;text-align:center}
body.article-reference-page .reference-amounts>span{font:700 1.7rem/1 "Audrey Notes",cursive;color:var(--case-accent)}
body.article-reference-page .reference-amount{min-width:0;display:flex;flex-direction:column;gap:4px}
body.article-reference-page .reference-amount b{font:800 1.65rem/1.2 "Audrey Sans",sans-serif;color:#10213e;white-space:nowrap}
body.article-reference-page .reference-amount span{font:700 .8rem/1.5 "Audrey Sans",sans-serif;color:#34445c}
body.article-reference-page .reference-prime{display:flex;justify-content:center;align-items:center;gap:14px;padding-top:18px;margin-top:17px;border-top:1px dashed var(--case-edge);text-align:center}
body.article-reference-page .reference-total{border-top:1px dashed var(--case-edge);padding-top:17px;margin-top:17px;text-align:center}
body.article-reference-page .reference-total b{color:#6505b5}
@media(max-width:1000px){body.article-reference-page .reference-case .case-scene{grid-template-columns:90px minmax(0,1fr)}body.article-reference-page .reference-case .case-outcome{grid-column:2}body.article-reference-page .reference-amounts{max-width:440px;margin-inline:auto}}
@media(max-width:650px){body.article-reference-page .ref-three,body.article-reference-page .reference-reading-grid,body.article-reference-page .reference-caution-grid{grid-template-columns:minmax(0,1fr)}body.article-reference-page .ref-margin-note{grid-template-columns:minmax(0,1fr);gap:10px}body.article-reference-page .reference-case .case-scene{grid-template-columns:minmax(0,1fr);padding:16px 0 25px;gap:24px}body.article-reference-page .reference-case .case-character{flex-direction:row;align-items:center;gap:13px;flex-wrap:wrap;max-width:100%}body.article-reference-page .reference-case .case-character-note{margin-top:0}body.article-reference-page .reference-case .case-person-name{margin-top:0;padding-inline:8px}body.article-reference-page .reference-case .case-outcome{grid-column:auto;padding:20px 16px}body.article-reference-page .reference-case .case-portrait{width:72px;height:86px;flex:none}body.article-reference-page .reference-case .case-titlebar h3{font-size:1.08rem}body.article-reference-page .reference-amount b{font-size:1.4rem}body.article-reference-page .reference-amount span{font-size:.74rem}body.article-reference-page .reference-action{padding-left:10px;gap:10px}body.article-reference-page .reference-action>.ref-icon{width:26px;height:26px}body.article-reference-page .reference-action>div{min-width:0}}

/* Rupture conventionnelle: a procedure, not four interchangeable cards. */
body.article-reference-page .rupture-agreement{display:flex;gap:17px;align-items:flex-start;margin:0 0 35px;padding:20px 24px;border-left:3px solid #e7b54b;background:#fff3cf}
body.article-reference-page .rupture-agreement>div{min-width:0}
body.article-reference-page .rupture-agreement h3,body.article-reference-page .rupture-contract h3{font-size:1.2rem;line-height:1.4;color:#10213e;margin:0 0 10px}
body.article-reference-page .rupture-agreement .editorial-explanation,body.article-reference-page .rupture-contract .editorial-explanation{font-size:1rem;line-height:1.8}
body.article-reference-page .rupture-path{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none;margin:0;padding:15px 0 0}
body.article-reference-page .rupture-path:before{content:"";position:absolute;z-index:-1;left:0;right:-4px;top:4px;height:145px;background:url('/assets/illustrations/rupture-marker-arrow.svg') center/100% 100% no-repeat;pointer-events:none}
body.article-reference-page .rupture-stage{--stage-color:#6505b5;position:relative;min-width:0;padding:0 0 12px;list-style:none}
body.article-reference-page .rupture-stage-withdrawal{--stage-color:#008a9e}
body.article-reference-page .rupture-stage-approval{--stage-color:#9d6f14}
body.article-reference-page .rupture-stage-end{--stage-color:#6505b5}
body.article-reference-page .rupture-stage:not(:last-child):after{display:none}
body.article-reference-page .rupture-stage-symbol{display:grid;place-items:center;width:82px;height:78px;margin:32px auto 18px;background:#fffdf6;border:2px solid #10213e;border-radius:47% 53% 46% 51%;box-shadow:2px 2px 0 #fffdf6;transform:rotate(-5deg)}
body.article-reference-page .rupture-stage-symbol .ref-icon{width:45px;height:45px;color:#10213e;transform:rotate(4deg)}
body.article-reference-page .rupture-stage-withdrawal .rupture-stage-symbol{margin-top:18px;background:#fffdf6;transform:rotate(4deg);border-radius:52% 46% 50% 47%}
body.article-reference-page .rupture-stage-approval .rupture-stage-symbol{margin-top:6px;background:#fffdf6;transform:rotate(-3deg)}
body.article-reference-page .rupture-stage-end .rupture-stage-symbol{margin-top:0;transform:rotate(5deg)}
body.article-reference-page .rupture-stage-step{display:none}
body.article-reference-page .rupture-stage h3{display:table;max-width:100%;font:700 1.55rem/1.35 "Audrey Notes",cursive;margin:0 auto 16px;color:#10213e;text-align:center;transform:rotate(-2deg)}
body.article-reference-page .rupture-stage h3:after{content:"";display:block;height:3px;width:93%;margin:2px auto 0;background:var(--stage-color);border-radius:50% 35% 40% 25%;transform:rotate(-2deg)}
body.article-reference-page .rupture-stage p{font:400 .95rem/1.7 "Audrey Sans",sans-serif;margin:0;color:#34445c;text-align:center}
body.article-reference-page .rupture-path-annotation{display:block;font:700 1.1rem/1.5 "Audrey Notes",cursive;color:var(--stage-color);margin-top:12px;transform:rotate(-3deg);text-align:center}
body.article-reference-page .rupture-path-caption{margin:25px 0 0;padding:17px 0 0;border-top:1px dashed #c8bad7;font-size:.94rem;line-height:1.75;color:#34445c}
body.article-reference-page .rupture-delays{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 28px;padding-top:13px}
body.article-reference-page .rupture-delay-note{position:relative;min-width:0;padding:29px 26px 26px;background:#d9f1ee;box-shadow:3px 5px 7px #14264414;transform:rotate(-.5deg)}
body.article-reference-page .rupture-delay-working{background:#fff0b8;transform:rotate(.5deg)}
body.article-reference-page .rupture-delay-note:before{content:"";position:absolute;left:40%;top:-10px;width:70px;height:24px;background:repeating-linear-gradient(90deg,#fff3 0 1px,transparent 1px 4px),#bfa2d3b0;transform:rotate(7deg)}
body.article-reference-page .rupture-delay-label{display:block;font:700 1.25rem/1.5 "Audrey Notes",cursive;color:#10213e;transform:rotate(-2deg);margin:0 0 18px}
body.article-reference-page .rupture-duration{display:flex;align-items:center;gap:16px;margin:0 0 24px;color:#10213e}
body.article-reference-page .rupture-duration>b{font:800 4rem/1 "Audrey Sans",sans-serif;letter-spacing:-.04em}
body.article-reference-page .rupture-duration>span{font:700 1.12rem/1.5 "Audrey Sans",sans-serif}
body.article-reference-page .rupture-duration strong{background:linear-gradient(transparent 42%,#fdf9edb0 42%,#fdf9edb0 95%,transparent 95%);padding-inline:3px}
body.article-reference-page .rupture-delay-note h3{font:800 1.2rem/1.4 "Audrey Sans",sans-serif;margin:0 0 14px;color:#10213e}
body.article-reference-page .rupture-delay-note .editorial-explanation{font-size:1rem;line-height:1.85}
body.article-reference-page .rupture-contract{display:grid;grid-template-columns:200px minmax(0,1fr);gap:30px;align-items:center;padding:24px 25px;border-left:3px solid #6505b5;background:linear-gradient(100deg,#efe5f8a0,transparent)}
body.article-reference-page .rupture-contract-sketch{display:flex;flex-direction:column;align-items:center;gap:14px;transform:rotate(-3deg)}
body.article-reference-page .rupture-contract-sketch .ref-icon{width:60px;height:60px}
body.article-reference-page .rupture-contract-sketch span{font:700 1.3rem/1.4 "Audrey Notes",cursive;color:#6505b5;text-align:center}
@media(max-width:900px){
 body.article-reference-page .rupture-path{grid-template-columns:minmax(0,1fr);gap:24px;padding:8px 0 25px}
 body.article-reference-page .rupture-path:before{left:0;right:auto;top:0;bottom:0;width:75px;height:auto;background-image:url('/assets/illustrations/rupture-marker-arrow-vertical.svg')}
 body.article-reference-page .rupture-stage{padding:0 0 23px 90px;border-bottom:1px dashed #c8bad7;min-height:145px}
 body.article-reference-page .rupture-stage-symbol,body.article-reference-page .rupture-stage-withdrawal .rupture-stage-symbol,body.article-reference-page .rupture-stage-approval .rupture-stage-symbol,body.article-reference-page .rupture-stage-end .rupture-stage-symbol{position:absolute;left:3px;top:3px;width:65px;height:63px;margin:0}
 body.article-reference-page .rupture-stage-symbol .ref-icon{width:35px;height:35px}
 body.article-reference-page .rupture-stage h3{font-size:1.4rem;margin:0 0 15px;text-align:left}
 body.article-reference-page .rupture-stage p,body.article-reference-page .rupture-path-annotation{text-align:left}
 body.article-reference-page .rupture-stage:last-child{border-bottom:0}

}
@media(max-width:650px){body.article-reference-page .rupture-delays{grid-template-columns:minmax(0,1fr);gap:31px}body.article-reference-page .rupture-delay-note{padding:25px 20px}body.article-reference-page .rupture-agreement{padding:19px 16px;gap:10px}body.article-reference-page .rupture-agreement>.ref-icon{width:27px;height:27px}body.article-reference-page .rupture-contract{grid-template-columns:minmax(0,1fr);padding:20px;gap:25px}body.article-reference-page .rupture-contract-sketch{flex-direction:row;justify-content:center}body.article-reference-page .rupture-contract-sketch .ref-icon{width:43px;height:43px}body.article-reference-page .rupture-contract>div{min-width:0}}
@media print{body.article-reference-page .rupture-delay-note{transform:none;box-shadow:none}body.article-reference-page .rupture-path{break-inside:avoid}}

/* Six subject-specific conversations; the closure reference keeps its original scene. */
body.article-reference-page .article-human-illustration{display:block;flex:none;width:min(360px,48%);aspect-ratio:1.15;background:url('/assets/illustrations/article-people-scenes.png') var(--scene-x) var(--scene-y)/300% 230% no-repeat;mix-blend-mode:multiply}
body.article-reference-page .article-human figcaption{font-size:1.45rem;max-width:340px}
@media(max-width:600px){body.article-reference-page .article-human-illustration{width:min(270px,100%);max-width:100%}body.article-reference-page .article-human figcaption{font-size:1.2rem}}

/* Subject-specific reading structures for the remaining Social & Paie articles. */
body.article-reference-page .social-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:27px;margin:26px 0 30px}
body.article-reference-page .social-fact{display:flex;flex-direction:column;justify-content:center;gap:9px;min-width:0;padding:28px 24px;background:#eee2f8;box-shadow:3px 4px 7px #14264412;transform:rotate(-.4deg);text-align:center}
body.article-reference-page .social-fact-cyan{background:#d9f1ee;transform:rotate(.5deg)}
body.article-reference-page .social-fact-gold{background:#fff0b8;transform:rotate(.3deg)}
body.article-reference-page .social-fact>b{font:800 clamp(2rem,3.6vw,3rem)/1.2 "Audrey Sans",sans-serif;color:#10213e;letter-spacing:-.03em}
body.article-reference-page .social-fact>span{font:700 1.25rem/1.4 "Audrey Notes",cursive;color:#10213e}
body.article-reference-page .social-fact>small{font:700 .87rem/1.5 "Audrey Sans",sans-serif;color:#34445c}
body.article-reference-page .social-handwritten{font:700 1.35rem/1.5 "Audrey Notes",cursive;color:#6505b5}
body.article-reference-page .social-dispatch{margin:26px 0 31px;padding:24px;border:1px dashed #c8b3d9}
body.article-reference-page .social-dispatch>.social-handwritten{margin:0 0 23px;transform:rotate(-2deg)}
body.article-reference-page .social-paper-route{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;align-items:stretch}
body.article-reference-page .social-paper-route>div:not(.social-fact){position:relative;min-width:0;padding:22px 16px;background:#fffef9;border-bottom:3px solid #c8a7e4;box-shadow:2px 3px 6px #14264410;text-align:center}
body.article-reference-page .social-paper-route>div:nth-child(2){border-bottom-color:#00bed6}
body.article-reference-page .social-paper-route .ref-icon{margin:0 auto 15px;width:42px;height:42px}
body.article-reference-page .social-paper-route h3{font-size:1.12rem;margin:0 0 10px;line-height:1.4}
body.article-reference-page .social-paper-route>div>span{font:700 1.25rem/1.5 "Audrey Notes",cursive;color:#6505b5}
body.article-reference-page .social-inline-reper{display:flex;align-items:center;gap:22px;max-width:660px;padding:21px 24px;margin:26px 0;background:#d9f1ee;border-left:3px solid #00bed6}
body.article-reference-page .social-inline-reper>span{display:flex;flex-direction:column;min-width:0;gap:5px}
body.article-reference-page .social-inline-reper b{font:800 1.85rem/1.3 "Audrey Sans",sans-serif;color:#10213e}
body.article-reference-page .social-inline-reper small{font:.9rem/1.6 "Audrey Sans",sans-serif;color:#34445c}
body.notebook-site.article-reference-page .knowledge-sheet .social-section.social-confidential,body.notebook-site.article-reference-page .knowledge-sheet .social-section.social-caution{padding:25px 24px 30px;background:#fff3cf;border-left:3px solid #e7b54b}
body.article-reference-page .social-dual{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);gap:18px;align-items:center;margin:26px 0 30px}
body.article-reference-page .social-dual>div{display:flex;align-items:center;gap:15px;padding:23px;background:#eee2f8;min-width:0}
body.article-reference-page .social-dual>div:last-child{background:#d9f1ee}
body.article-reference-page .social-dual span{font:700 1.25rem/1.5 "Audrey Notes",cursive;color:#10213e}
body.article-reference-page .social-dual>span{font-size:2rem;text-align:center;color:#6505b5}
body.article-reference-page .social-example{position:relative;padding:27px 25px;margin:30px 0;background:#fff0b8;box-shadow:3px 4px 7px #14264412;transform:rotate(-.3deg)}
body.article-reference-page .social-example:before{content:"";position:absolute;top:-11px;left:40%;width:77px;height:25px;background:repeating-linear-gradient(90deg,#fff3 0 1px,transparent 1px 4px),#bca0d4aa;transform:rotate(6deg)}
body.article-reference-page .social-example>.social-handwritten{margin:0 0 26px}
body.article-reference-page .social-meter{display:flex;gap:20px;align-items:center;margin:22px 0;min-width:0}
body.article-reference-page .social-meter>div{display:flex;flex-direction:column;gap:4px;width:210px;min-width:0;flex-shrink:0}
body.article-reference-page .social-meter b{font:800 2rem/1.3 "Audrey Sans",sans-serif;color:#10213e}
body.article-reference-page .social-meter>div>span{font:.94rem/1.5 "Audrey Sans",sans-serif;color:#34445c}
body.article-reference-page .social-meter-track{display:block;flex:1;min-width:0;height:23px;background:#fffaf0;border-radius:2px;overflow:hidden}
body.article-reference-page .social-meter-track i{display:block;height:100%;background:#6505b5}
body.article-reference-page .social-meter-retirement .social-meter-track i{background:#00a3ae}
body.article-reference-page .social-small-note{font:.86rem/1.6 "Audrey Sans",sans-serif;color:#34445c;margin:20px 0 0}
body.article-reference-page .social-learning-amount{display:grid;grid-template-columns:70px minmax(0,280px) minmax(0,1fr);gap:26px;align-items:center;margin:26px 0 30px}
body.article-reference-page .social-learning-amount>.ref-icon{width:65px;height:65px}
body.article-reference-page .social-learning-amount>.social-handwritten{padding-left:20px;transform:rotate(-3deg)}
body.article-reference-page .social-billing-route{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px;list-style:none;padding:0;margin:25px 0 32px}
body.article-reference-page .social-billing-route li{position:relative;padding:22px 18px;background:#d9f1ee;min-width:0;list-style:none}
body.article-reference-page .social-billing-route li:nth-child(2){background:#eee2f8}.article-reference-page .social-billing-route li:nth-child(3){background:#fff0b8}
body.article-reference-page .social-billing-route li:not(:last-child):after{content:"→";position:absolute;right:-25px;top:40%;font:700 1.6rem/1 "Audrey Notes",cursive;color:#6505b5}
body.article-reference-page .social-billing-route h3{font-size:1.12rem;line-height:1.5;margin:15px 0 7px}
body.article-reference-page .social-billing-route p{font:.95rem/1.6 "Audrey Sans",sans-serif;margin:0;color:#34445c}
body.article-reference-page .social-learning-exception{align-items:center}
body.article-reference-page .social-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:26px 0 30px}
body.article-reference-page .social-checks>span{display:flex;align-items:center;gap:13px;padding:23px 18px;border-bottom:2px solid #00bed6;background:#e5f3f0;font:700 1.2rem/1.5 "Audrey Notes",cursive}
body.article-reference-page .social-law-scope{display:table;margin:25px 0 15px;padding:3px 9px;background:#fff0b8;font:700 1.1rem/1.6 "Audrey Notes",cursive;color:#6505b5}
body.article-reference-page .social-law-anchor{display:grid;grid-template-columns:minmax(0,1fr) 45px minmax(0,1fr);gap:20px;align-items:center;margin:0 0 30px}
body.article-reference-page .social-law-anchor>div:first-child{display:flex;flex-direction:column;align-items:center;gap:13px;text-align:center;padding:25px;background:#d9f1ee}
body.article-reference-page .social-law-anchor>div>span{font:.92rem/1.6 "Audrey Sans",sans-serif;color:#34445c}
body.article-reference-page .social-law-arrow{font:700 2rem/1 "Audrey Notes",cursive;color:#6505b5;text-align:center}
body.article-reference-page .social-law-context{display:flex;align-items:center;gap:25px;padding:24px;margin:25px 0;background:#eee2f8}
body.article-reference-page .social-law-context p{margin:0}
body.article-reference-page .social-law-checklist{position:relative;padding:28px 25px;margin:28px 0;background:#fff3cf;transform:rotate(-.3deg);box-shadow:3px 5px 7px #14264412}
body.article-reference-page .social-law-checklist ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 25px;list-style:none;padding:0;margin:25px 0 0}
body.article-reference-page .social-law-checklist li{display:flex;align-items:center;gap:12px;min-width:0;font:700 1rem/1.6 "Audrey Sans",sans-serif;list-style:none}
body.article-reference-page .social-law-checklist .ref-icon{width:24px;height:24px}
@media(max-width:900px){body.article-reference-page .social-learning-amount{grid-template-columns:55px minmax(0,1fr)}body.article-reference-page .social-learning-amount>.social-handwritten{grid-column:2;padding:0}body.article-reference-page .social-paper-route{grid-template-columns:repeat(2,minmax(0,1fr))}body.article-reference-page .social-paper-route>.social-fact{grid-column:1/-1}}
@media(max-width:600px){body.article-reference-page .social-comparison,body.article-reference-page .social-paper-route,body.article-reference-page .social-billing-route,body.article-reference-page .social-checks,body.article-reference-page .social-law-checklist ul{grid-template-columns:minmax(0,1fr)}body.article-reference-page .social-dispatch{padding:20px 16px}body.article-reference-page .social-paper-route>.social-fact{grid-column:auto}body.article-reference-page .social-fact{padding:25px 20px}body.article-reference-page .social-inline-reper{padding:19px 16px;gap:14px}body.notebook-site.article-reference-page .knowledge-sheet .social-section.social-confidential,body.notebook-site.article-reference-page .knowledge-sheet .social-section.social-caution{padding:24px 16px}body.article-reference-page .social-dual{grid-template-columns:minmax(0,1fr);gap:13px}body.article-reference-page .social-dual>div{padding:20px}body.article-reference-page .social-example{padding:24px 17px}body.article-reference-page .social-meter{display:block}body.article-reference-page .social-meter>div{width:auto;margin-bottom:12px}body.article-reference-page .social-meter-track{width:100%}body.article-reference-page .social-learning-amount{grid-template-columns:minmax(0,1fr);gap:18px}body.article-reference-page .social-learning-amount>.ref-icon{width:45px;height:45px}body.article-reference-page .social-learning-amount>.social-handwritten{grid-column:auto}body.article-reference-page .social-billing-route li:not(:last-child):after{content:"↓";right:20px;top:auto;bottom:-24px}body.article-reference-page .social-law-anchor{grid-template-columns:minmax(0,1fr);gap:15px}body.article-reference-page .social-law-arrow{transform:rotate(90deg)}body.article-reference-page .social-law-context{padding:20px 16px;gap:14px}body.article-reference-page .social-law-context .social-handwritten{font-size:1.17rem}body.article-reference-page .social-law-checklist{padding:25px 18px}}
@media print{body.article-reference-page .social-example,body.article-reference-page .social-law-checklist,body.article-reference-page .social-fact{transform:none;box-shadow:none}}

/* Fictitious examples for the rupture procedure, distinct from the legal text. */
body.article-reference-page .rupture-example-intro{max-width:900px;font-size:.94rem;line-height:1.75;color:#34445c;margin:0 0 29px;padding-left:16px;border-left:3px solid #e7b54b}
body.article-reference-page .rupture-example .case-character-note{font-size:1.02rem}
body.article-reference-page .rupture-example .case-facts{margin-top:0}
body.article-reference-page .rupture-example .case-outcome{padding-bottom:14px}
body.article-reference-page .rupture-example .rupture-example-takeaway{display:flex;align-items:flex-start;gap:10px;padding-top:15px;margin-top:19px;border-top:1px dashed #c8bad7;font:700 1.1rem/1.6 "Audrey Notes",cursive;color:#6505b5}
body.article-reference-page .rupture-example-takeaway>.ref-icon{width:24px;height:24px;margin-top:3px}
body.article-reference-page .rupture-example-delays{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:10px;align-items:center;padding:19px 12px;margin:0 0 23px;background:#fff0b8;text-align:center}
body.article-reference-page .rupture-example-delays>span{min-width:0;display:flex;flex-direction:column;gap:7px;font-size:.91rem;line-height:1.5}
body.article-reference-page .rupture-example-delays b{font-size:1.9rem;line-height:1.2;color:#10213e}
body.article-reference-page .rupture-example-delays small{font:700 1.03rem/1.5 "Audrey Notes",cursive;color:#6505b5}
body.article-reference-page .rupture-example-source-link{display:table;color:#6505b5;font:700 1.17rem/1.6 "Audrey Notes",cursive;text-underline-offset:5px;margin-top:22px;overflow-wrap:break-word}
@media(max-width:650px){body.article-reference-page .rupture-example .case-character{align-items:center}body.article-reference-page .rupture-example-delays{padding:18px 10px;gap:7px}}

/* Illustrative sick-leave cases: names and manuscript cues, without circled icons. */
body.article-reference-page .health-examples-intro{max-width:900px;font-size:.94rem;line-height:1.75;color:#34445c;margin:0 0 29px;padding-left:16px;border-left:3px solid #e7b54b}
body.article-reference-page .health-example .case-character-note{font-size:1.02rem}
body.article-reference-page .health-example .case-facts{margin-top:0}
body.article-reference-page .health-example .case-outcome{padding-bottom:14px}
body.article-reference-page .health-example .health-example-takeaway{display:flex;align-items:flex-start;gap:10px;padding-top:15px;margin-top:19px;border-top:1px dashed #c8bad7;font:700 1.1rem/1.6 "Audrey Notes",cursive;color:#6505b5}
body.article-reference-page .health-example-takeaway>.ref-icon{width:24px;height:24px;margin-top:3px}
body.article-reference-page .health-example-repers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px 14px;margin:0 0 23px;background:var(--case-wash);text-align:center}
body.article-reference-page .health-example-repers>span{min-width:0;display:flex;flex-direction:column;gap:9px}
body.article-reference-page .health-example-repers b{font:800 1.45rem/1.3 "Audrey Sans",sans-serif;color:#10213e}
body.article-reference-page .health-example-repers small{font:700 1rem/1.5 "Audrey Notes",cursive;color:var(--case-accent)}
body.article-reference-page .health-example-reper-single{grid-template-columns:minmax(0,1fr)}
body.article-reference-page .health-example-source-link{display:table;color:#6505b5;font:700 1.17rem/1.6 "Audrey Notes",cursive;text-underline-offset:5px;margin-top:22px;overflow-wrap:break-word}
@media(max-width:650px){body.article-reference-page .health-example-repers{padding:18px 11px;gap:10px}body.article-reference-page .health-example-repers b{font-size:1.22rem}}

/* Fictitious retirement situations: activity and provisional pension stay distinct. */
body.article-reference-page .retirement-examples-intro{max-width:900px;font-size:.94rem;line-height:1.75;color:#34445c;margin:0 0 29px;padding-left:16px;border-left:3px solid #e7b54b}
body.article-reference-page .retirement-example .case-character-note{font-size:1.02rem}
body.article-reference-page .retirement-example .case-facts{margin-top:0}
body.article-reference-page .retirement-example .case-outcome{padding-bottom:14px}
body.article-reference-page .retirement-example .retirement-example-takeaway{display:flex;align-items:flex-start;gap:10px;padding-top:15px;margin-top:19px;border-top:1px dashed #c8bad7;font:700 1.1rem/1.6 "Audrey Notes",cursive;color:#6505b5}
body.article-reference-page .retirement-example-takeaway>.ref-icon{width:24px;height:24px;margin-top:3px}
body.article-reference-page .retirement-example .social-example{margin-top:12px}
body.article-reference-page .retirement-example .social-meter>div{width:150px}
body.article-reference-page .retirement-example-deadline{display:flex;flex-direction:column;gap:9px;padding:22px 18px;margin:0 0 23px;background:var(--case-wash);text-align:center}
body.article-reference-page .retirement-example-deadline b{font:800 1.9rem/1.3 "Audrey Sans",sans-serif;color:#10213e}
body.article-reference-page .retirement-example-deadline span{font:700 1.03rem/1.5 "Audrey Notes",cursive;color:var(--case-accent)}
body.article-reference-page .retirement-example-source-link{display:table;color:#6505b5;font:700 1.17rem/1.6 "Audrey Notes",cursive;text-underline-offset:5px;margin-top:22px;overflow-wrap:break-word}
@media(max-width:600px){body.article-reference-page .retirement-example .social-meter>div{width:auto}}

/* Shared presentation for illustrative apprenticeship and case-law situations. */
body.article-reference-page .illustrative-cases-intro{max-width:900px;font-size:.94rem;line-height:1.75;color:#34445c;margin:0 0 29px;padding-left:16px;border-left:3px solid #e7b54b}
body.article-reference-page .illustrative-case .case-character-note{font-size:1.02rem}
body.article-reference-page .illustrative-case .case-facts{margin-top:0}
body.article-reference-page .illustrative-case .case-outcome{padding-bottom:14px}
body.article-reference-page .illustrative-case .illustrative-case-takeaway{display:flex;align-items:flex-start;gap:10px;padding-top:15px;margin-top:19px;border-top:1px dashed #c8bad7;font:700 1.1rem/1.6 "Audrey Notes",cursive;color:#6505b5}
body.article-reference-page .illustrative-case-takeaway>.ref-icon{width:24px;height:24px;margin-top:3px}
body.article-reference-page .illustrative-case-repers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px 14px;margin:0 0 23px;background:var(--case-wash);text-align:center}
body.article-reference-page .illustrative-case-repers>span{min-width:0;display:flex;flex-direction:column;gap:9px}
body.article-reference-page .illustrative-case-repers b{font:800 1.3rem/1.4 "Audrey Sans",sans-serif;color:#10213e;overflow-wrap:break-word}
body.article-reference-page .illustrative-case-repers small{font:700 1rem/1.5 "Audrey Notes",cursive;color:var(--case-accent)}
body.article-reference-page .illustrative-cases-source-link{display:table;color:#6505b5;font:700 1.17rem/1.6 "Audrey Notes",cursive;text-underline-offset:5px;margin-top:22px;overflow-wrap:break-word}
@media(max-width:650px){body.article-reference-page .illustrative-case-repers{padding:18px 11px;gap:10px}body.article-reference-page .illustrative-case-repers b{font-size:1.15rem}}

body.article-reference-page .illustrative-case-repers:has(>span:only-child){grid-template-columns:minmax(0,1fr)}
@media(max-width:600px){body.article-reference-page .illustrative-case-repers{grid-template-columns:minmax(0,1fr)}}