/* FBLTWX · How it works (/how-it-works/, server/app/howitworks.py): the rules only this page uses, its rows and the
   radar beam's drawing (illo.beam_html), moved out of np.css by V-fu1.2 (Oct. 25, 2026). Every color is a token. */
.hiw-beam{margin:8px 0 10px;max-width:560px}
.il-beam-svg{display:block;width:100%;height:auto;border:1px solid var(--rule)}
.il-beam{fill:var(--blue);fill-opacity:.22;stroke:var(--blue);stroke-width:1}
.il-radar{fill:#fff;stroke:var(--ink);stroke-width:1.5}
.il-fbl{fill:var(--red);stroke:#fff;stroke-width:1.5}
.il-dim{stroke:var(--ink);stroke-width:1.2;stroke-dasharray:3 2}
.il-core{fill:var(--storm-cloud)}
.il-rain{stroke:var(--navy);stroke-width:2;stroke-linecap:round}
.il-beam-svg .il-badge-n{font-size:14px}   /* 12.5 px on screen at 390, where the drawing is 358 px wide */
.il-beam-svg .il-cloud{stroke:var(--cloud-shadow);stroke-width:1.5}
.hiw-beamkey{margin:8px 0 4px;padding-left:22px}
.hiw-beamkey li{margin:2px 0}
.np-hiwpage{max-width:900px}
.hiw-intro{margin:8px 0 0;font-size:16px;line-height:1.5}
.hiw-toc ol{margin:12px 0 0;padding-left:22px;font-size:16px;line-height:1.8}
.hiw-row{margin:0 0 14px}
.hiw-row dt{font-size:16px;font-weight:900}
.hiw-row dd{margin:2px 0 0}
.hiw-sec p.np-small{margin:4px 0 12px;max-width:760px;font-size:15px;line-height:1.5;color:var(--ink)}
.hiw-sec ul.hiw-list{margin:4px 0 12px;padding-left:20px;max-width:760px;font-size:15px;line-height:1.5;color:var(--ink)}   /* Round P11: home's rules */
.hiw-list li{margin:0 0 6px}
.hiw-sub{margin:24px 0 6px}
.hiw-sec .hiw-back,.hiw-sec .hiw-see{margin:10px 0 0;font-size:15px}
.hiw-tools{margin:10px 0 0}