/* Guide pages only (linked from /how-to/*.html). Tables and code scroll sideways instead of widening the page. */
.wrap,.wrap>*{min-width:0}
.gtoc{display:flex;flex-wrap:wrap;gap:6px 8px;margin:4px 0 22px;padding:0;list-style:none}
.gtoc a{display:inline-block;font-size:13px;padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink2);text-decoration:none}
.gtoc a:hover{border-color:var(--acc);color:var(--ink)}
.gsec{scroll-margin-top:80px}
.tbl{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:12px;background:var(--card);margin:8px 0 6px}
.gt{border-collapse:collapse;width:100%;min-width:720px;font-size:14px;line-height:1.45}
.gt th,.gt td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.gt th{background:var(--paper2);color:var(--ink);font-weight:650;font-size:12.5px;text-transform:uppercase;letter-spacing:.03em}
.gt td{color:var(--ink2)}
.gt td:first-child{color:var(--ink);font-weight:600;min-width:130px}
.gt td:nth-child(2){min-width:260px}
.gt td:nth-child(3){min-width:150px}
.gt td:nth-child(4){white-space:nowrap}
.gt tr:last-child td{border-bottom:0}
.tblnote{margin:0 0 26px;font-size:13px}
.gpath{margin:0 0 8px;color:var(--ink2);max-width:72ch;line-height:1.55}
.gsteps{margin:10px 0 30px;max-width:78ch;line-height:1.55;color:var(--ink2)}
.gsteps>li{min-width:0}
.gsteps strong{color:var(--ink)}
.code{position:relative;max-width:100%;min-width:0;margin:8px 0 4px;background:var(--paper2);border:1px solid var(--line);border-radius:10px}
.code pre{margin:0;padding:12px 14px 12px;white-space:pre;overflow-x:auto;-webkit-overflow-scrolling:touch;font:12.5px/1.55 var(--mono);color:var(--ink);tab-size:2}
.code .cbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px 6px 14px;border-bottom:1px solid var(--line);font:11.5px var(--mono);color:var(--mute)}
.gprompts .ptitle{font-size:15px;margin:18px 0 4px;color:var(--ink)}
.gprompts .pwhen{margin:0 0 4px;font-size:13.5px}
.gsafe{margin:6px 0 26px;padding:14px 16px 14px 36px;max-width:76ch;line-height:1.55;color:var(--ink2);background:var(--warnbg);border:1px solid var(--line);border-radius:12px}
.gsafe li{margin:4px 0}
.answer,.lead,.tips,.faq dd,.rel{overflow-wrap:anywhere}
@media (max-width:480px){.gt{font-size:13px}.gt th,.gt td{padding:8px 10px}.code pre{font-size:12px}.gsteps>li{padding-left:34px}}
.code pre code{background:none;border:0;padding:0;border-radius:0;font:inherit;color:inherit}

:not(pre)>code{overflow-wrap:anywhere;word-break:break-word}