/* Field guide pages (A5). Used by guide.html for the preview and for printing to PDF.
   Same layout as fieldguide/guide.css (the Python sample), but photos are <img> so the page can wait for them before printing. */
#book{--bg:#faf8f3;--bg2:#f1ede3;--ink:#14201a;--mut:#5b675f;--line:#e2ddd0;--acc:#1f5c3d;--gold:#a8741c;--deep:#10291d;--sea:#dbe8f2;
  font-family:'Source Sans 3',system-ui,sans-serif;color:var(--ink);font-size:8.6pt;line-height:1.35;-webkit-print-color-adjust:exact;print-color-adjust:exact}
@page{size:148mm 210mm;margin:0}
#book *{box-sizing:border-box}
#book h1,#book h2,#book h3{font-family:'Fraunces',Georgia,serif;font-weight:700;margin:0;color:var(--deep)}
#book h2{font-size:17pt;margin-bottom:4mm}
#book h3{font-size:10.5pt;margin:3.5mm 0 1.2mm}
#book p{margin:0 0 2mm}
#book .page{width:148mm;height:210mm;padding:11mm 11mm 14mm;position:relative;overflow:hidden;background:var(--bg);break-after:page;page-break-after:always}
#book footer{position:absolute;left:11mm;right:11mm;bottom:6mm;display:flex;justify-content:space-between;font-size:6.8pt;color:var(--mut);border-top:.3mm solid var(--line);padding-top:1.5mm}
#book footer span:nth-child(2){color:var(--acc);font-weight:600}
#book .small,#book .note{font-size:7.4pt;color:var(--mut)}
#book .chap{font-family:'Fraunces',Georgia,serif;font-size:8pt;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:2.5mm}
#book .sci{font-style:italic;color:var(--mut)}
#book img.ph{display:block;width:100%;object-fit:cover;background:var(--bg2)}

#book .cover,#book .back{padding:0;background:var(--deep);color:#fff}
#book .cover-img{position:absolute;left:0;top:0;width:100%;height:66%}
#book .cover-txt{position:absolute;left:0;right:0;bottom:0;height:38%;padding:8mm 11mm;background:var(--deep)}
#book .cover-logo{position:absolute;right:10mm;top:-13mm;width:24mm;height:24mm;border-radius:50%;background:#fff;padding:1.5mm;object-fit:contain;box-shadow:0 1mm 3mm rgba(0,0,0,.3)}
#book .kicker{font-size:7.5pt;letter-spacing:.18em;text-transform:uppercase;color:#d8ab5a;font-weight:700}
#book .cover h1{color:#fff;font-size:28pt;line-height:1.05;margin:2mm 0}
#book .cover .sub{font-size:10pt;color:#cfe0d5}
#book .cover .for{margin-top:4mm;font-size:9pt}
#book .brand{position:absolute;bottom:7mm;left:11mm;font-weight:700;letter-spacing:.04em;color:#7cc79a;font-size:9pt}
#book .back{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20mm}
#book .back h2{color:#fff}#book .back p{color:#cfe0d5}#book .back .small{color:#9fb3a6;margin-top:8mm}
#book .back .brand{position:static;margin-top:3mm;font-size:12pt}
#book .back-logo{width:30mm;height:30mm;border-radius:50%;background:#fff;padding:2mm;margin-bottom:6mm;object-fit:contain}

#book .toc{list-style:none;padding:0;margin:0 0 6mm}
#book .toc li{display:flex;align-items:baseline;gap:2mm;font-size:10pt;padding:1.6mm 0;border-bottom:.2mm solid var(--line)}
#book .toc .dots{flex:1}

#book .map{width:100%;max-height:96mm;display:block;margin-bottom:4mm;border-radius:2mm}
#book .map .sea{fill:var(--sea)}#book .map .land{fill:#efe9da;stroke:#b9b09a;stroke-width:.8}#book .map .other{fill:#f6f2e8;stroke:#d4ccb8;stroke-width:.6}
#book .map .pin{fill:var(--acc);stroke:#fff;stroke-width:2}#book .map .pl{font:700 13px 'Source Sans 3',sans-serif;fill:var(--deep);paint-order:stroke;stroke:#fff;stroke-width:3px}
#book .counts{width:100%;border-collapse:collapse;margin-bottom:4mm;font-size:8pt}
#book .counts th,#book .counts td{padding:1.2mm 1.5mm;border-bottom:.2mm solid var(--line);text-align:right}
#book .counts th:first-child,#book .counts td:first-child{text-align:left}
#book .counts th{font-weight:600;color:var(--mut)}

#book .park-num{position:absolute;right:11mm;top:9mm;font-family:'Fraunces',serif;font-size:30pt;color:var(--line);font-weight:700}
#book .park h2{padding-right:14mm}
#book .park-img{height:58mm;border-radius:2mm;margin-bottom:3mm}
#book .park ul{margin:0 0 1mm;padding-left:4.5mm}#book .tt{margin-bottom:1mm}

#book img.star-img{height:92mm;width:calc(100% + 22mm);max-width:none;margin:-11mm -11mm 4mm}
#book .star .chap{position:absolute;top:5mm;left:11mm;z-index:2;background:var(--bg);padding:1mm 2.5mm;border-radius:1mm}
#book .star-h{display:flex;align-items:center;gap:2.5mm}#book .star-h h3{font-size:15pt;margin:0}
#book .star .sci{margin-bottom:2.5mm}
#book .facts{display:grid;grid-template-columns:1fr 1fr;gap:1mm 4mm;font-size:7.6pt;margin:1mm 0 2mm;padding:2mm;background:var(--bg2);border-radius:1.5mm}
#book .where{font-size:7.8pt;margin-top:1mm}#book .credit{font-size:6.4pt;color:var(--mut);margin-top:1.5mm}

#book .grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:4mm;height:179mm}
#book .chap+.grid{height:173mm}
#book .card{display:flex;flex-direction:column;min-height:0;overflow:hidden}
#book .c-img{height:44mm;flex:none;border-radius:1.5mm;margin-bottom:1.6mm}
#book .c-img.none{display:flex;align-items:center;justify-content:center;color:var(--mut);font-size:7pt;border:.3mm dashed var(--line);background:var(--bg2)}
#book .c-h{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5mm;font-size:9pt;line-height:1.15}
#book .card .sci{font-size:7.6pt;margin:.4mm 0 1mm}
#book .c-t{font-size:7.5pt;line-height:1.3;display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical;overflow:hidden}
#book .c-w{font-size:6.8pt;color:var(--acc);font-weight:600;margin-top:auto;padding-top:1mm}

#book .st{flex:none;font-size:6.2pt;font-weight:700;padding:.3mm 1.2mm;border-radius:.8mm;color:#fff;background:#7a8a80;font-style:normal}
#book .st-CR{background:#b3261e}#book .st-EN{background:#d1622a}#book .st-VU{background:#c99a12}#book .st-NT{background:#7f9a3a}#book .st-LC{background:#3f7d5a}#book .st-DD{background:#8a8a8a}#book .st-EW{background:#5b2a6e}

#book .cl{width:100%;border-collapse:collapse;font-size:7.4pt;table-layout:fixed}
#book .cl th{text-align:left;font-weight:600;color:var(--mut);border-bottom:.3mm solid var(--line);padding:.6mm 1mm}
#book .cl td{padding:.55mm 1mm;border-bottom:.15mm solid var(--line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#book .cl .fam td{font-weight:700;color:var(--acc);font-size:6.8pt;text-transform:uppercase;letter-spacing:.06em;padding-top:1.4mm;border-bottom:none}
#book .cl .box{width:5mm;font-size:9pt;color:var(--mut)}#book .cl .m{width:5mm;text-align:center;color:var(--acc)}
#book .cl .sci{font-size:6.8pt}

#book .cr{list-style:none;padding:0;margin:0;columns:2;column-gap:5mm;font-size:6.4pt;line-height:1.3}
#book .cr li{break-inside:avoid;margin-bottom:.6mm}