/* AMSODE / PHASE 12.B-4 — Papeterie · porte-nom et cartes de place */
:root{--b4-blue:#0099CC;--b4-green:#99CC33;--b4-navy:#113746;--b4-muted:#536e7a;--b4-line:#d9e8ec;--b4-surface:#f5f9fa}
html{scroll-behavior:smooth}.b4-page{color:var(--b4-navy);font-family:"Times New Roman",Times,serif;background:white}.b4-page *{box-sizing:border-box}
.b4-shell{max-width:1250px;padding:0 25px;margin:0 auto}.b4-top{background:linear-gradient(120deg,#f7fcfd 0%,#fff 78%);padding:50px 0 42px;border-top:4px solid var(--b4-blue);position:relative;overflow:hidden}.b4-top:after{content:"";position:absolute;top:-85px;right:-50px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,#99cc3340 4%,transparent 66%);pointer-events:none}.b4-eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--b4-blue)}.b4-top h1{font-size:clamp(33px,4vw,56px);line-height:1.05;letter-spacing:-.02em;margin:13px 0 16px;max-width:780px}.b4-top p{font-size:18px;line-height:1.55;max-width:840px;color:var(--b4-muted)}.b4-crumb{display:flex;flex-wrap:wrap;gap:9px;font-size:13px;margin-bottom:26px;color:#55717c}.b4-crumb a{color:var(--b4-blue);text-decoration:none}.b4-actions,.b4-toc{display:flex;flex-wrap:wrap;gap:10px}.b4-btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 15px;font-size:14px;font-weight:700;border-radius:7px;border:1px solid #b6d8e3;color:#006c91;background:white;text-decoration:none;transition:transform .18s,background .18s}.b4-btn:hover{background:#e9f5f9;transform:translateY(-2px)}.b4-btn-primary{background:var(--b4-blue);color:white;border-color:var(--b4-blue)}.b4-btn-primary:hover{background:#007fa9;color:#fff}.b4-toc{position:sticky;top:0;padding:13px 0;z-index:6;border-bottom:1px solid var(--b4-line);background:#ffffffed;backdrop-filter:blur(8px)}.b4-toc a{color:var(--b4-navy);font-size:14px;font-weight:700;border-radius:5px;text-decoration:none;padding:7px 10px}.b4-toc a:hover,.b4-toc a:focus-visible{background:#e7f6fb;color:#007fa9}.b4-part{padding:58px 0;scroll-margin-top:88px}.b4-part:nth-of-type(2n){background:var(--b4-surface)}.b4-heading{display:flex;align-items:center;gap:18px;margin-bottom:20px}.b4-index{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;border-radius:50%;background:#e8f5fa;color:#007fa9;font-weight:bold;font-size:16px}.b4-heading h2{font-size:clamp(26px,3vw,36px);line-height:1.13;margin:0}.b4-label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--b4-blue);font-weight:700;margin-bottom:5px;display:block}.b4-lead{font-size:17px;line-height:1.52;color:var(--b4-muted);margin:0 0 24px;max-width:950px}.b4-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:30px;align-items:start}.b4-preview{margin:0;background:#e7eff2;border:1px solid #dce7eb;border-radius:14px;min-height:260px;display:flex;align-items:center;justify-content:center;padding:25px;overflow:hidden}.b4-preview img{width:100%;max-width:720px;height:auto;max-height:420px;object-fit:contain;display:block;filter:drop-shadow(0 6px 10px #14374718)}.b4-copy{border:1px solid var(--b4-line);border-radius:13px;background:white;padding:24px 25px}.b4-copy h3{font-size:22px;margin:0 0 11px}.b4-facts{display:grid;gap:13px;margin:18px 0}.b4-facts div{display:grid;grid-template-columns:100px 1fr;gap:12px;border-bottom:1px solid #e7eff2;padding-bottom:11px}.b4-facts dt{font-weight:700;color:#51727e;font-size:14px}.b4-facts dd{margin:0;font-size:15px;line-height:1.4}.b4-actions{margin:20px 0}.b4-note{background:#eef6e7;color:#35502e;padding:16px 19px;border-radius:10px;line-height:1.5;font-size:15px}.b4-tech{background:#113746;color:white;padding:40px 0}.b4-tech h2{color:white;font-size:30px;margin:0 0 16px}.b4-tech p{max-width:1050px;color:#e3eff3;line-height:1.55}.b4-tech a{color:#c4ed8d}.b4-back{color:#007fa9;font-weight:700;text-decoration:none;display:inline-block;margin-top:17px}.b4-back:hover{text-decoration:underline}.b4-collection{padding:30px 0 44px;background:#f1f8fb}.b4-collection .b4-copy{max-width:900px}.b4-collection h2{font-size:28px}.b4-page .footer{margin-top:0}
/* Inline section in existing Papeterie collection */
.b4-inline{max-width:1200px;margin:auto}.b4-inline-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:20px 0}.b4-inline-item{background:#fff;border:1px solid #d9e8ec;border-radius:12px;padding:16px}.b4-inline-item img{display:block;height:170px;width:100%;object-fit:contain;background:#edf4f6;border-radius:7px}.b4-inline-item h3{font-size:18px;margin:13px 0 7px}.b4-inline-item p{font-size:14px;line-height:1.4;color:#536e7a;min-height:38px}.b4-inline-item a{display:inline-block;font-size:14px;color:#007a9e;font-weight:700;text-decoration:none;margin-right:9px;margin-top:6px}
@media(max-width:800px){.b4-grid{grid-template-columns:1fr}.b4-inline-grid{grid-template-columns:1fr}.b4-crumb{font-size:12px}.b4-preview{padding:12px}.b4-shell{padding:0 15px}.b4-top{padding:32px 0}.b4-part{padding:36px 0}.b4-copy{padding:19px}}
@media print{.b4-toc,.b4-actions,.b4-back{display:none!important}.b4-part{break-inside:avoid}.b4-preview{background:white}}

/* 12.B-4 CORRECTIF — object preview represents acrylic holder, NOT printed into PDF */
.b4-acrylic-stage{--acrylic-w:100%;max-width:735px;display:grid;align-items:center;justify-items:center;position:relative;isolation:isolate;min-height:325px;padding:36px 40px 60px;perspective:1200px}
.b4-acrylic-stage:before{content:"";position:absolute;width:75%;height:22px;left:13%;bottom:31px;border-radius:50%;background:#183b5140;filter:blur(16px);transform:rotate(-2deg);z-index:-1}
.b4-acrylic{position:relative;width:var(--acrylic-w);transform:rotateY(-8deg) rotateX(2deg) rotateZ(1deg);transform-style:preserve-3d;filter:drop-shadow(0 10px 11px #31586b24)}
.b4-acrylic:before{content:"";position:absolute;right:-5%;top:2%;width:11%;height:96%;background:linear-gradient(125deg,#edf6fa93,#c8dce71a 65%,#90adbc52);border:2px solid #bad1e193;clip-path:polygon(0 0, 95% 94%, 0 100%);transform:translateZ(-3px);z-index:-1}
.b4-acrylic:after{content:"";position:absolute;inset:-6px -5px -5px -5px;border:6px solid #c2dbe5a3;border-top-color:#edf7ffed;border-left-color:#d0e8ef8a;border-right-color:#a6c5d1bb;border-radius:5px;pointer-events:none;box-shadow:inset 0 1px 2px #fff,0 0 2px #91b7c4a8}
.b4-acrylic img{display:block;width:100%;height:auto;object-fit:fill;background:white}
.b4-acrylic.b4-tent{--acrylic-w:94%}.b4-acrylic.b4-simple{--acrylic-w:73%}.b4-acrylic.b4-event{--acrylic-w:80%}
.b4-acrylic-caption{font-size:12px;line-height:1.5;color:#586d78;text-align:center;margin:0 10px 8px}.b4-acrylic-stage{background:radial-gradient(ellipse at center,#f8fcfe,#ebf2f5)}
@media(max-width:700px){.b4-acrylic-stage{padding:26px 18px 45px;min-height:220px}.b4-acrylic.b4-tent{--acrylic-w:92%}.b4-acrylic.b4-simple,.b4-acrylic.b4-event{--acrylic-w:85%}}