/* ---------------------------------------------------------------- the boundary checklist for two (boundaries.html) */
.bd .screen.on{display:block;padding:18px 14px 30px}
.bwrap{max-width:560px;margin:0 auto}
.bd h1{text-align:center}.bd .sub{text-align:center;margin-bottom:16px}
.bcard{border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:linear-gradient(180deg,#1d1310,#120c0b);font-size:15px;line-height:1.75;color:#e2d6bd}
.bcard p{margin:0 0 10px}.bcard p:last-child{margin:0}.bcard b{color:#f0e2c6}
.bpriv{padding:10px 12px;border-left:2px solid var(--gold);background:rgba(201,162,75,.06);border-radius:0 8px 8px 0}
.bfine{font-size:12px;color:#7d6d57;line-height:1.6;margin:8px 2px}
.bhead{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--mute);padding-top:6px}.bhead .brand{text-align:left}
.bgroup{margin:22px 0 6px;font-weight:500;font-size:19px;letter-spacing:.06em;color:var(--gold2)}
.brow{display:flex;flex-direction:column;gap:8px;padding:11px 0;border-bottom:1px solid rgba(201,162,75,.12)}
.brow.miss{background:rgba(139,30,45,.12);margin:0 -8px;padding:11px 8px;border-radius:8px}
.btext{font-size:15.5px;line-height:1.5;color:#e9ddc4}.btext i,.bgr i{font-style:normal;color:var(--gold);font-size:12px;margin-right:8px;font-family:Georgia,"Times New Roman",serif}
.bchips{display:flex;gap:8px}.bchips .chip{padding:8px 0;font-size:14.5px}
.chip.s1.sel{border-color:#6f9a6a;background:#15271a;color:#cfe9c6}.chip.s2.sel{border-color:#b4404c;background:#2c1115;color:#f3c3c8}.chip.s3.sel{border-color:var(--gold);background:#2a1f10;color:var(--gold2)}
#bdone{margin-top:18px}
.bres h2{text-align:center;font-weight:500;font-size:28px;margin:10px 0 4px;color:var(--gold2)}
.blead{text-align:center;color:#d9ccb2;margin:0 0 14px;font-size:15px}
.bsum{display:flex;justify-content:center;gap:10px;margin:8px 0 16px}
.bs{display:inline-block;border-radius:999px;padding:3px 11px;font-size:13px;border:1px solid}
.bs.s1{border-color:#6f9a6a;background:#15271a;color:#cfe9c6}.bs.s2{border-color:#b4404c;background:#2c1115;color:#f3c3c8}.bs.s3{border-color:var(--gold);background:#2a1f10;color:var(--gold2)}
.bblk{margin:18px 0;padding:14px;border-radius:14px;border:1px solid var(--line);background:#140d0c}
.bblk.talk{border-color:var(--gold)}.bblk.ok{border-color:#4e6e4a}.bblk.stop{border-color:#7a2d36}
.bblk h3{margin:0 0 4px;font-weight:500;font-size:20px;color:var(--gold2)}.bblk h3 small{font-size:13px;color:var(--mute);margin-left:6px}
.bnote{font-size:13px;color:var(--mute);margin:0 0 8px;line-height:1.6}
.bgrid{display:flex;flex-direction:column}
.bgh,.bgr{display:grid;grid-template-columns:1fr 58px 58px;gap:6px;align-items:center;padding:8px 0;border-top:1px solid rgba(201,162,75,.12);font-size:14.5px;line-height:1.45;color:#e2d6bd}
.bgh{font-size:12px;color:var(--mute);border-top:none;padding:0 0 4px;text-align:center}.bgh span:first-child{text-align:left}
.bgr .bs{text-align:center;padding:3px 0;font-size:12px}
.bshare{margin:22px 0 8px;padding:14px;border:1px solid var(--gold);border-radius:14px;background:linear-gradient(180deg,#2a1218,#160c0d)}
.bshare[hidden],#bback[hidden]{display:none}
.bshare h3{margin:0 0 6px;font-weight:500;color:var(--gold2)}.bshare p{margin:0 0 6px;font-size:14.5px;color:#e2d6bd;line-height:1.6}
@media (min-width:700px){.brow{flex-direction:row;align-items:center;justify-content:space-between}.bchips{width:270px;flex:none}}

/* ---------------------------------------------------------------- the guide pages (guide-*.html): long text, read on a phone */
.gd{padding:18px 16px 36px}
.gwrap{max-width:600px;margin:0 auto;font-size:15.5px;line-height:1.85;color:#e2d6bd}
.gkicker{text-align:center;color:var(--mute);font-size:13px;margin:14px 0 4px;letter-spacing:.04em}
.gd h1{text-align:center;font-size:clamp(28px,6vw,40px);margin:0 0 12px}
.glead{font-size:16px;color:#e9ddc4;margin:0 0 22px}.glead b,.gwrap b{color:#f0e2c6}
.gd section{margin:22px 0}
.gd h2{font-weight:500;font-size:21px;letter-spacing:.04em;color:var(--gold2);margin:0 0 8px}
.gcard{padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#1d1310,#120c0b)}
.gcard.gold{border-color:var(--gold)}.gcard.wine{border-color:#7a2d36;background:linear-gradient(180deg,#2a1218,#160c0d)}
.gcard p{margin:0}.gcard p+p{margin-top:10px}
.gnote{color:var(--mute);font-size:13.5px;margin:0 0 6px}
.gsignals{margin:0;padding:0;list-style:none;counter-reset:s}
.gsignals li{position:relative;padding:11px 0 11px 40px;border-bottom:1px solid rgba(201,162,75,.12);counter-increment:s}
.gsignals li:before{content:counter(s);position:absolute;left:0;top:11px;width:28px;height:28px;border-radius:50%;border:1px solid var(--gold);color:var(--gold);font:500 13px Georgia,"Times New Roman",serif;display:grid;place-items:center}
.gsignals li.stop{border-bottom:none;margin-top:4px;padding:12px 12px 12px 40px;border-radius:10px;background:rgba(139,30,45,.14)}
.gsignals li.stop:before{left:8px;top:12px;border-color:#b4404c;color:#f3c3c8}
.gplain,.gnot{margin:0;padding-left:20px}.gplain li,.gnot li{margin:7px 0}
.gnot{list-style:none;padding:0}.gnot li{padding-left:22px;position:relative}.gnot li:before{content:'✕';position:absolute;left:0;top:0;color:#b4404c;font-size:13px}
.gwrap a{color:var(--gold2)}
.gnext{margin:26px 0 8px}.gnext .btn{margin:8px 0}
.gsrc{font-size:12px;color:#7d6d57;line-height:1.7;margin:18px 0 0}