/* The field guide (/guide/): small additions to samples.css. */
.guide section{gap:.6em}
.guide .wrong{padding:.7em .9em;background:#FFF1E6;border-left:4px solid var(--honey-deep);border-radius:0 8px 8px 0}
.guide .how{gap:.5em}
.guide .askbox{padding:1em 1.1em;background:var(--wax);border:1.5px solid var(--ink);border-radius:8px 12px 9px 13px}
.guide .askbox h2{border-top:0;padding-top:0}
.guide .askbox ol{gap:.4em;font-weight:500}
.guide .cta{display:flex;flex-wrap:wrap;gap:.6em 1.2em;align-items:center}
.guide .cta .go{display:inline-flex;align-items:center;min-height:46px;padding:10px 20px;background:var(--ink);color:var(--yellow);border-radius:8px 14px 10px 16px/14px 8px 16px 10px;text-decoration:none;box-shadow:4px 4px 0 var(--honey-deep)}
.guide .cta .quiet{min-height:44px;display:inline-flex;align-items:center}
.guide .related{list-style:none;padding:0;gap:.35em}
.pager{display:grid;grid-template-columns:1fr 1fr;gap:.8em;padding-top:1em;border-top:1px dotted rgba(22,22,22,.35)}
.pager a{display:grid;gap:.15em;padding:.7em .9em;border:1.5px solid var(--ink);border-radius:8px 12px 9px 13px;text-decoration:none;background:#FFFDF5}
.pager small{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#5F5546}
.pager .next{text-align:right}
.rules{list-style:none;padding:0;display:grid;gap:.55em;counter-reset:none}
.rules a{display:grid;grid-template-columns:2.6em 1fr;gap:.8em;align-items:start;padding:.75em .9em;border:1.5px solid var(--ink);border-radius:8px 12px 9px 13px;background:#FFFDF5;text-decoration:none}
.rules a:hover,.pager a:hover{background:var(--wax)}
.rules b{display:grid;place-items:center;width:2.2em;height:2.2em;border-radius:50% 50% 50% 10%;background:var(--yellow);border:1.5px solid var(--ink);font:550 15px/1 var(--display)}
.rules span{display:grid;gap:.15em;font-size:15.5px;color:#4A4236}
.rules strong{font:550 18px/1.25 var(--display);color:var(--ink)}
@media (min-width:760px){.rules{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.pager{grid-template-columns:1fr}.pager .next{text-align:left}}
@media print{.guide .cta,.pager{display:none}.guide .askbox{background:#fff}}
/* the same paper as the book, so moving between them feels like one publication */
html,body{background:radial-gradient(110% 85% at 50% 30%,#FAF4E2 0%,#F1E5C7 60%,#E7D5AA 100%) fixed}