/* The long-form guide on each tool page (written in by scripts/build-guides.js). */
.mh-guide{ line-height:1.65; color:#3d3226; }
.mh-guide-box{ background:var(--paper,#fffdf8); border:1.5px solid var(--line,#e8ddc9); border-radius:var(--radius,16px); padding:18px; margin-bottom:18px; }
.mh-guide h2{ font-family:"Fraunces",Georgia,serif; font-weight:700; font-size:19px; line-height:1.3; letter-spacing:-.01em; color:var(--ink,#221a12); margin:24px 0 8px; }
.mh-guide h2:first-child{ margin-top:0; }
.mh-guide p, .mh-guide li, .mh-guide td, .mh-guide th{ font-size:15px; overflow-wrap:break-word; }
.mh-guide p{ margin:0 0 10px; color:inherit; }
.mh-guide p:last-child{ margin-bottom:0; }
.mh-guide ol, .mh-guide ul{ margin:0 0 10px 22px; padding:0; }
.mh-guide li{ margin:5px 0; }
.mh-guide a{ color:var(--maroon,#0e386d); font-weight:700; }
.mh-guide code{ font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:13.5px; background:rgba(34,26,18,.06); border-radius:5px; padding:1px 5px; overflow-wrap:anywhere; }
.mh-guide .mh-scroll{ overflow-x:auto; margin:0 0 12px; }
.mh-guide table{ width:100%; border-collapse:collapse; }
.mh-guide th, .mh-guide td{ padding:8px 8px; border-bottom:1px solid var(--line,#e8ddc9); text-align:left; vertical-align:top; }
.mh-guide th{ font-size:11.5px; text-transform:uppercase; letter-spacing:.06em; color:var(--golddeep,#0a5f57); font-weight:800; }
.mh-guide .mh-note{ font-size:14px; border-left:3px solid var(--gold,#0b7d74); padding:2px 0 2px 12px; margin:12px 0; }
@media print{ .mh-guide{ display:none !important; } }