/* Toptimum — De Lactaatgids voor Coaches · premium book stylesheet */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600&display=swap');
:root{--orange:#f07c1b;--red:#e1251b;--ink:#141417;--ink-soft:#3a3a40;--muted:#6c6c76;--ivory:#f4f2ec;--paper:#fbfaf6;--line:#e0ddd3;--dark:#0b0b0c;--mint:#3fae74}
*{box-sizing:border-box} html,body{margin:0;padding:0}
body{background:#c9c7c0;font-family:"Inter",system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;padding:34px 16px}
.book{max-width:900px;margin:0 auto;box-shadow:0 30px 80px rgba(0,0,0,.28);border-radius:3px;overflow:hidden;background:var(--paper)}
h1,h2,h3,h4{font-family:"Fraunces",Georgia,serif;font-weight:600;line-height:1.1;letter-spacing:-.01em;margin:0;text-wrap:balance;hyphens:manual;overflow-wrap:break-word}
.kick{font-family:"JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.32em;font-size:11px;font-weight:600}
.logo-img{display:block;height:56px;width:auto}

/* chapter opener band (dark) */
.chead{position:relative;background:radial-gradient(120% 100% at 82% 20%,rgba(240,124,27,.16),rgba(11,11,12,0) 60%),linear-gradient(160deg,#101012,#0b0b0c 60%,#0e0d10);color:#fff;padding:56px 72px 46px}
.chead .kick{color:#c9b79c}.chead .kick .dot{color:var(--orange)}
.chead .cnum{font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:.28em;color:#9a9aa0;margin:22px 0 8px}
.chead h1{font-size:44px;line-height:1.05;color:#fff;text-wrap:balance;max-width:none}
.chead h1 em{font-style:italic;color:var(--orange);font-weight:500}
.chead .csub{font-family:"Fraunces",serif;font-size:19px;color:#d7d4cc;margin-top:16px;max-width:60ch;line-height:1.45;font-weight:400}

/* body page (light editorial) */
.page{padding:56px 72px 66px;background:var(--paper)}
.page h2{font-size:27px;margin:44px 0 12px;color:var(--ink);text-wrap:balance}
.page h2 .hn{font-family:"JetBrains Mono",monospace;font-size:13px;color:var(--orange);margin-right:12px;letter-spacing:.05em;vertical-align:2px}
.page h3{font-size:20px;margin:30px 0 8px}
.lede{font-family:"Fraunces",serif;font-size:20px;line-height:1.5;color:var(--ink-soft);margin:0 0 6px;font-weight:400}
.page p{font-size:15.5px;line-height:1.72;color:#26262b;margin:0 0 15px}
.page p.sm{font-size:13px;color:var(--muted)}
.page strong{color:var(--ink);font-weight:600}
.term{font-family:"JetBrains Mono",monospace;font-size:.86em;background:#efece2;border:1px solid var(--line);border-radius:4px;padding:1px 6px;color:#7a4a12;white-space:nowrap}
.eq{font-family:"JetBrains Mono",monospace;font-size:14px;background:#14141708;border:1px solid var(--line);border-left:3px solid var(--orange);border-radius:6px;padding:12px 16px;margin:18px 0;color:#2a2a30}
.pullquote{border-left:3px solid var(--orange);padding:6px 0 6px 22px;margin:26px 0;font-family:"Fraunces",serif;font-size:22px;line-height:1.4;color:var(--ink);font-weight:500}
ul.clean{margin:6px 0 18px;padding:0;list-style:none}
ul.clean li{position:relative;padding:5px 0 5px 22px;font-size:15px;line-height:1.6;color:#2c2c32;border-bottom:1px solid #efece2}
ul.clean li::before{content:"";position:absolute;left:2px;top:13px;width:7px;height:7px;border-radius:50%;background:var(--orange)}

/* callouts */
.callout{background:linear-gradient(180deg,#fff,#faf8f2);border:1px solid var(--line);border-radius:10px;padding:22px 24px;margin:26px 0}
.callout .lbl{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin-bottom:8px}
.callout p{margin:0 0 10px;font-size:14.5px}.callout p:last-child{margin:0}
.coach{background:linear-gradient(180deg,#f2fbf6,#eafaf1);border:1px solid #cfeadd;border-radius:10px;padding:22px 24px;margin:28px 0}
.coach .lbl{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#2f8a5c;margin-bottom:10px}
.coach p{margin:0 0 10px;font-size:15px;color:#22332b}
.coach .say{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:8px}
.coach .avoid,.coach .better{border-radius:8px;padding:12px 14px;font-size:13.5px;line-height:1.5}
.coach .avoid{background:#fdeeec;border:1px solid #f3cfc9}.coach .avoid b{color:#c0392b}
.coach .better{background:#eafaf1;border:1px solid #bfe6d0}.coach .better b{color:#1f7a4d}
.coach .avoid ul,.coach .better ul{margin:6px 0 0;padding-left:16px}.coach .avoid li,.coach .better li{margin:3px 0}

/* figures (dark mechanism) */
figure.fig{margin:38px 0;border-radius:14px;overflow:hidden;background:var(--dark);box-shadow:0 18px 44px rgba(11,11,12,.32)}
figure.fig img{display:block;width:100%;height:auto}
figure.fig figcaption{padding:14px 22px 18px;background:var(--dark);color:#b9b6b0;font-size:12.5px;line-height:1.5;border-top:1px solid rgba(255,255,255,.08)}
figure.fig figcaption b{color:#fff;font-weight:600;font-family:"Fraunces",serif}
figure.fig figcaption .src{display:block;margin-top:6px;font-family:"JetBrains Mono",monospace;font-size:9.5px;letter-spacing:.06em;color:#6f6f78}

/* references + stamp */
.refs{margin-top:44px;padding-top:22px;border-top:1px solid var(--line)}
.refs .k{font-family:"JetBrains Mono",monospace;font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.refs ol{margin:0;padding-left:20px}.refs li{font-size:12.5px;line-height:1.6;color:#40404a;margin-bottom:9px}.refs li i{font-style:italic}
.stamp{padding:20px 72px 40px;background:var(--paper);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.stamp .logo-img{height:26px}
.note{max-width:900px;margin:16px auto 0;color:#5b5b62;font-size:12px;text-align:center;font-family:"JetBrains Mono",monospace;letter-spacing:.04em}
@media print{body{background:#fff;padding:0}.book{box-shadow:none;max-width:none;border-radius:0}.note{display:none}.titlepage{page-break-after:always;page-break-inside:avoid}.toc-master{page-break-after:always}.toc-master .row{break-inside:avoid}.chapter{page-break-before:always}.chead{page-break-after:auto;break-after:avoid;break-inside:avoid}.page{page-break-after:auto}figure.fig,figure.fig figcaption,.callout,.coach,.coach .say,.pullquote,.eq,.refs,.refs li,ul.clean li,.stamp{break-inside:avoid}h1,h2,h3,.page h2,.page h3,.lede{break-after:avoid}p{orphans:3;widows:3}figure.fig{margin-top:6px}.page h2{margin-top:22px}.page h3{margin-top:16px}.callout,.coach,.pullquote{margin-top:14px}.eq{margin-top:12px}.refs{margin-top:26px}.lede{margin-top:0}.page>p:first-of-type{margin-top:0}}
@media(max-width:640px){.chead{padding:40px 28px}.chead h1{font-size:36px}.page{padding:40px 26px}.coach .say{grid-template-columns:1fr}}