:root{--blue:#062d50;--blue2:#031f36;--gold:#d99a19;--brown:#79500d;--paper:#fffdf8;--ink:#243443;--muted:#6d665d}
*{box-sizing:border-box}@page{size:A4 portrait;margin:0}html,body{margin:0;background:#d8d0c4}body{font-family:Georgia,"Times New Roman",serif;color:var(--ink)}
.book-page{width:210mm;height:297mm;margin:12px auto;background:var(--paper);position:relative;padding:8mm 9mm 16mm;overflow:hidden;box-shadow:0 4px 20px #0003}.book-page:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#80602b10 .55px,transparent .55px);background-size:7px 7px;pointer-events:none}
.book-page>*{position:relative;z-index:1}.head{display:grid;grid-template-columns:1fr auto;gap:12px;padding-left:7mm;margin-bottom:4mm}.gold-line{position:absolute;left:0;top:0;bottom:0;width:2.2mm;background:var(--gold);border-radius:2mm}.label{font-size:13px;font-weight:bold;color:var(--brown);letter-spacing:.04em;margin-bottom:1mm}.head h1{font-size:30px;line-height:1.02;color:var(--blue);margin:0;letter-spacing:-.02em}.head h1 em{font-style:normal}.head .sub{font-size:13px;font-weight:bold;color:#304256;margin-top:1.7mm}.category{font:700 8px/1.4 Arial,sans-serif;letter-spacing:.15em;text-align:right;color:var(--brown);padding-top:3px}
.hero{margin:0 0 3mm}.hero img{width:100%;height:55mm;display:block;object-fit:cover;border-radius:2.5mm;border:1px solid #d2c5ae}.hero figcaption{font-size:8.5px;font-style:italic;color:var(--muted);margin-top:1.2mm}
.kicker{font:700 8.5px Arial,sans-serif;letter-spacing:.14em;color:var(--brown);text-transform:uppercase;margin:2mm 0 1mm}.section h2{font-size:21px;color:var(--blue);margin:0 0 1.5mm}.section h3{font-size:16px;color:var(--blue);margin:3mm 0 1mm}.section p{font-size:12.2px;line-height:1.46;margin:0 0 1.8mm}.section ul{margin:1mm 0 2mm 5mm;padding-left:4mm}.section li{font-size:11.5px;line-height:1.42;margin-bottom:1mm}.term{display:inline-block;color:var(--blue);font-weight:bold}.quote{margin:3mm 1.5mm;padding:3.5mm 7mm 3mm;background:#f7e8ca;border:1px solid #e1cfa8;border-left:2.4mm solid var(--gold);border-radius:2mm;text-align:center}.quote .text{font-size:15px;line-height:1.25;font-style:italic}.quote .ref{font:700 9px Arial,sans-serif;color:var(--brown);margin-top:1.5mm}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:4mm;margin-top:3mm}.box{background:#fff;border:1px solid #d8cfbf;border-radius:2mm;padding:3mm 3.5mm;box-shadow:0 2px 5px #0001}.box h3{margin:0 0 1mm;font-size:14px;color:var(--blue)}.box p{font-size:10.5px;line-height:1.35;margin:0}.box .small{font:9px/1.3 Arial,sans-serif;color:#666}.callout{background:#eef3f6;border-left:2mm solid var(--blue);padding:3mm 4mm;margin:3mm 0;border-radius:0 2mm 2mm 0}.callout strong{color:var(--blue)}.mini-table{width:100%;border-collapse:collapse;margin-top:2mm;font-size:10px}.mini-table th{background:var(--blue);color:#fff;text-align:left;padding:2mm}.mini-table td{border:1px solid #d8cfbf;padding:1.8mm;vertical-align:top;line-height:1.3}.mini-table tr:nth-child(even){background:#faf7f0}
footer{position:absolute;left:0;right:0;bottom:0;height:14mm;background:var(--blue2);border-top:1.2mm solid var(--gold);color:#fff;padding:3mm 9mm;font:8.5px/1.35 Arial,sans-serif}footer strong{display:block;font:12px Georgia,serif;margin-bottom:1mm}footer span{opacity:.9}footer i{position:absolute;right:9mm;top:4mm;color:var(--gold);font-style:normal;font-weight:bold}
@media(max-width:800px){.book-page{width:100%;height:auto;min-height:100vh;margin:0;padding:25px 22px 70px}.head{grid-template-columns:1fr}.category{text-align:left}.hero img{height:300px}.section p{font-size:16px}.section li{font-size:15px}.grid2{grid-template-columns:1fr}footer{position:relative;margin:30px -22px -70px;width:calc(100% + 44px);height:auto}}
@media print{body{background:#fff}.book-page{margin:0;box-shadow:none}}