/* The tools (inc/checkers.php, inc/sendcheck.php, inc/voice.php). A plain file: it changes without a build. The second block is the look of 9 October 2026; the last is Voice & Standards. */
.fdw-check-label{display:block;font-size:.8rem;font-weight:600;margin-bottom:.35rem}
.fdw-check-text{display:block;width:100%;min-height:9rem;padding:.75rem;border:1px solid rgba(0,0,0,.25);border-radius:0;background:#fff;color:#101a19;font:inherit;font-size:1rem;line-height:1.5;resize:vertical;margin-bottom:.75rem}
.fdw-check-text:focus{outline:2px solid var(--fdw-accent);outline-offset:1px}
.fdw-check-result{white-space:pre-wrap;overflow-wrap:anywhere;padding:.75rem;border:1px solid rgba(0,0,0,.15);border-radius:0;background:#fff;color:#101a19;line-height:1.7;margin:.75rem 0}
.fdw-check-result mark{padding:.05em .2em;border-radius:0;color:inherit}
.fdw-check-summary{font-weight:600;margin:.5rem 0}
.fdw-check-list{list-style:none;margin:.5rem 0 0;padding:0}
.fdw-check-list li{margin:0 0 .6rem;padding:0 0 .6rem;border-bottom:1px solid rgba(0,0,0,.1)}
.fdw-check-list li:last-child{border-bottom:0}
.fdw-check-key{display:inline-block;padding:.05em .35em;border-radius:0;font-weight:600;color:#101a19}
.fdw-check-n{font-variant-numeric:tabular-nums;opacity:.75}
.fdw-check-copy{margin-top:.5rem}
.fdw-check-legend{margin:.75rem 0 0;font-size:.85rem;line-height:2}
.fdw-check-legend strong{display:block;line-height:1.4}
.fdw-check-legend .fdw-check-key{font-weight:600;margin-right:.25rem;white-space:normal}
.fdw-check-result mark{cursor:help}
.fdw-check-pairs{display:block;margin-top:.25rem;font-size:.9rem;opacity:.85}
.fdw-check .fdw-hours-toggle{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.4rem;font-size:.9rem;margin:.25rem 0 .5rem}
.fdw-check .fdw-hours-toggle input[type=checkbox]{flex:0 0 auto!important;width:auto!important;min-width:0!important;margin:0}
.fdw-hours-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.35rem .75rem;padding:.5rem 0;border-bottom:1px solid rgba(0,0,0,.08)}
.fdw-hours-row b{font-weight:600}
.fdw-hours-row label{display:inline-flex;align-items:center;gap:.3rem;font-size:.85rem}
.fdw-hours-pair{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:.35rem .6rem}
.fdw-hours-pair label{min-width:0}
.fdw-hours-toggle input,.fdw-hours-row input[type=checkbox]{flex:0 0 auto;width:auto;margin:0}
.fdw-hours-break{display:none}
.fdw-hours-show-breaks .fdw-hours-break{display:grid}
.fdw-hours-row input[type=time]{padding:.25rem .35rem;border:1px solid rgba(0,0,0,.25);border-radius:0;background:#fff;color:#101a19;font:inherit;font-size:.85rem;min-width:0;width:100%;max-width:7rem}
.fdw-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin:1.5rem 0;padding:0;list-style:none}
.fdw-tools-grid li{margin:0;padding:0}
.fdw-tools-card{display:block;height:100%;padding:1.1rem;border:1px solid rgba(0,0,0,.15);border-radius:0;background:#ffffff;text-decoration:none;color:inherit}
.fdw-tools-card:hover{border-color:var(--fdw-accent)}
.fdw-tools-card svg{width:30px;height:30px;color:var(--fdw-accent);display:block;margin-bottom:.6rem}
.fdw-tools-card strong{display:block;font-size:1.05rem;line-height:1.25;margin-bottom:.3rem}
.fdw-tools-card span{display:block;font-size:.9rem;line-height:1.45;opacity:.85}
.fdw-prose ul.fdw-tools-grid{list-style:none;padding:0;margin:1.5rem 0}
.fdw-prose ul.fdw-tools-grid>li{margin:0;padding:0}
.fdw-prose ul.fdw-tools-grid>li::before,.fdw-prose ul.fdw-tools-grid>li::marker{content:none;display:none}
.fdw-prose a.fdw-tools-card,.fdw-prose a.fdw-tools-card:hover{text-decoration:none;color:inherit;font-weight:400}
.fdw-prose a.fdw-tools-card strong{color:#101a19;text-decoration:none}
.fdw-prose a.fdw-tools-card:hover strong{color:var(--fdw-accent)}
.fdw-prose a.fdw-tools-card span{color:#65716e;text-decoration:none}
/* "Before you send" (inc/sendcheck.php): the findings under the marked text, most serious first. */
.fdw-send-opts{align-items:flex-end}
.fdw-send .fdw-check-result mark{cursor:pointer}
.fdw-check-result mark.k0,.fdw-check-key.k0{background:transparent;border-bottom:2px solid #8a8a8a;border-radius:0}
.fdw-send-list{list-style:none;margin:.9rem 0 0;padding:0}
.fdw-send-card{margin:0 0 .7rem;padding:.75rem .85rem;border:1px solid rgba(0,0,0,.14);border-left-width:4px;border-radius:0;background:#fff;color:#101a19;line-height:1.5;transition:box-shadow .2s}
.fdw-send-card.is-on{box-shadow:0 0 0 3px var(--fdw-accent)}
.fdw-send-card q{font-style:italic;overflow-wrap:anywhere}
.fdw-send-card q::before,.fdw-send-card q::after{content:""}
.fdw-send-head{display:block;margin-top:.3rem;font-weight:700}
.fdw-send-body{display:block;margin-top:.2rem;font-size:.93rem}
.fdw-send-fixes{display:block;margin-top:.5rem;font-size:.9rem}
.fdw-send-write{opacity:.8}
.fdw-send-fix{display:inline-block;margin:.25rem .3rem 0 0;padding:.25rem .55rem;border:1px solid var(--fdw-accent);border-radius:0;background:#fff;color:#101a19;font:inherit;font-size:.92rem;line-height:1.35;text-align:left;cursor:pointer}
.fdw-send-fix:hover,.fdw-send-fix:focus-visible{background:var(--fdw-accent);color:#fff;outline:none}
.fdw-send-fix.is-copied::after{content:" \2713"}
.fdw-send-why{display:block;margin-top:.5rem;font-size:.85rem}
.fdw-send-home{padding:1.75rem 0 .25rem;max-width:46rem}
.fdw-send-home .fdw-tool{margin-top:1rem}
.fdw-send-times{display:inline-block;margin-left:.4rem;padding:0 .45rem;border:1px solid rgba(0,0,0,.2);border-radius:999px;font-size:.78rem;line-height:1.5;color:#65716e;white-space:nowrap}

/* ---- The look of 9 October 2026 (the owner's design file): white cards on grey-green paper, square corners, teal for rules, purple for voice. ---- */
/* A tool is set at the same size wherever it stands: on the home page, on its own page or inside an article's larger text. */
.fdw-tool{background:#fff;border:1px solid #d5dbd6;box-shadow:0 18px 50px #1b33330f;padding:1.4rem 1.5rem;margin:1.8em 0;font-family:var(--font-body);font-size:1rem;line-height:1.6;color:#101a19}
.fdw-tool input,.fdw-tool select,.fdw-tool textarea{font:inherit;font-size:1rem;color:#101a19;background:#fff;border:1px solid #cad4d0;border-radius:0;padding:.5em .65em;width:100%;box-sizing:border-box}
.fdw-tool input:focus,.fdw-tool select:focus,.fdw-tool textarea:focus{outline:none;border-color:var(--vb-rule,#087d78);box-shadow:0 0 0 2px #087d7826}
.fdw-tool-title{font-family:var(--font-display);font-weight:750;font-size:1.3rem;letter-spacing:-.03em;margin:0 0 .7em}
.fdw-tool-note{color:#65716e;font-size:.88rem;line-height:1.6}
.fdw-check-label,.fdw-tool-field>span{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:#6c7775}
.fdw-check-text{border:1px solid #dce3dc;box-shadow:0 8px 30px #182a2010;padding:1rem 1.1rem;font-size:1rem;line-height:1.75;color:#263832}
.fdw-check-text:focus{outline:none;border-color:#087d78;box-shadow:0 0 0 2px #087d7826}
.fdw-check-result{border:1px solid #d9dfdd;padding:1.2rem 1.15rem;line-height:1.85;color:#101a19}
.fdw-check-result mark{border-radius:0;padding:2px 3px}
/* The articles name these three marks: yellow, blue and red. Keep them those colours. */
.fdw-check-result mark.k1,.fdw-check-key.k1{background:#fde9a3;color:#5c4300}
.fdw-check-result mark.k2,.fdw-check-key.k2{background:#d3e5f8;color:#1b4b82}
.fdw-check-result mark.k3,.fdw-check-key.k3{background:#f8dbd5;color:#9b4035}
.fdw-check-result mark.k0{background:transparent;border-bottom:2px solid #b4bfba;color:inherit}
.fdw-check-key{font-size:.66rem;letter-spacing:.08em;font-weight:850;text-transform:uppercase;padding:.3em .6em;border-radius:0}
.fdw-check-key.k0{background:#eef2f2;color:#566c73}
.fdw-check-summary{font-family:var(--font-display);font-weight:750;font-size:1.05rem;letter-spacing:-.02em}
.fdw-tools-card{background:#fff;border:1px solid #d9dfdd;border-radius:0;padding:1.25rem;transition:border-color .2s,box-shadow .2s}
.fdw-tools-card:hover{border-color:#087d78;box-shadow:0 14px 34px #1b333314}
.fdw-tools-card svg{color:#087d78}
.fdw-tools-card strong{font-family:var(--font-display);font-weight:750;letter-spacing:-.02em;color:#101a19}
.fdw-prose a.fdw-tools-card strong{color:#101a19}
.fdw-prose a.fdw-tools-card:hover strong{color:#087d78}
.fdw-prose a.fdw-tools-card span,.fdw-tools-card span{color:#65716e;opacity:1}
.fdw-hours-row input[type=time]{border-radius:0;border-color:#cad4d0}
/* Tool forms: rows keep their distance, fields share a row evenly and a button stands level with its field. */
.fdw-tool .fdw-tool-row{display:flex;flex-wrap:wrap;gap:.95em .75em;align-items:flex-end}
.fdw-tool .fdw-tool-row+.fdw-tool-row{margin-top:.95em}
.fdw-tool .fdw-tool-field{display:flex;flex-direction:column;gap:.4em;flex:1 1 10.5rem;min-width:0}
.fdw-tool .fdw-tool-grow{flex:1 1 14rem}
.fdw-tool .fdw-tool-row>.fdw-btn{flex:none}
.fdw-tool .fdw-tool-row+.fdw-hours-toggle,.fdw-tool .fdw-btn+.fdw-hours-toggle{margin-top:1em}
.fdw-tool .fdw-tool-out{margin-top:1.1em}
/* Findings: Before you send, and Voice & Standards */
.fdw-send-list{list-style:none;margin:1rem 0 0;padding:0;counter-reset:none}
.fdw-send-card{border:1px solid #d8dedb;border-left:1px solid #d8dedb;border-radius:0;background:#fff;margin:0 0 12px;padding:17px 19px;line-height:1.55}
.fdw-send-card.is-on{box-shadow:0 0 0 2px #087d78}
.fdw-send-card q{font-style:normal;color:#7d4545;text-decoration:line-through;text-decoration-color:#c9a39d;margin-left:.4rem}
.fdw-send-head{display:block;font-size:.98rem;font-weight:750;letter-spacing:-.01em;margin:.55rem 0 .2rem;color:#101a19}
.fdw-send-body{display:block;font-size:.82rem;color:#596965;line-height:1.6}
.fdw-send-fixes{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:.8rem}
.fdw-send-write{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#6c7775;width:100%}
.fdw-send-fix{border:1px solid #087d78;background:#087d78;color:#fff;border-radius:0;padding:10px 12px;font:inherit;font-size:.78rem;font-weight:750;min-height:42px;cursor:pointer;text-align:left}
.fdw-send-fix:hover{background:#065f5b;border-color:#065f5b}
.fdw-send-fix.is-copied{background:#fff;color:#087d78}
.fdw-send-why{display:inline-block;margin-top:.7rem;font-size:.8rem;font-weight:700;color:#087d78;text-decoration:underline;text-underline-offset:3px}
.fdw-send-times{border-radius:0;border-color:#cad4d0;font-weight:700}
.fdw-send-home{margin:0}
/* ---- Voice & Standards. The look of 9 October 2026 (evening), from two pictures the owner sent: four steps shown one at a time, a dark
        box for the writing profile, a card with a switch for every rule. Later that evening he had its boxes and its buttons made square,
        like the rest of the site. Round by his word: the radio dots, the switches and the dropdowns as they stand closed; the step numbers
        stayed circles too. A rule here has to carry ".fdw-tool" (or two classes) to outrank ".fdw-prose .fdw-tool input". ---- */
.fdw-tool.fdw-vs{--vs-pad:1.5rem;--vs-deep:#0f2a2b;--vs-lime:#def69e;padding:0;overflow:hidden;border-radius:0;font-size:1rem}
.fdw-vs-pane{margin:0;padding:0 var(--vs-pad) 1.6rem}
.fdw-vs-step{font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(1.45rem,3vw,1.95rem);font-weight:750;line-height:1.15;margin:1.9rem 0 1rem}
.fdw-vs-step:focus{outline:none}
.fdw-vs-h--first:focus{outline:none}
/* A step's heading with its "What's this?" at the end of the line */
.fdw-vs-headrow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:1.9rem 0 1rem}
.fdw-vs-headrow .fdw-vs-step{margin:0}
.fdw-vs-h{font-family:var(--font-body);font-size:.7rem;font-weight:800;color:#6c7775;text-transform:uppercase;letter-spacing:.11em;line-height:1.3;margin:1.6rem 0 .5rem}
.fdw-vs-sub{margin:.9rem 0 .4rem;font-size:.9rem}
.fdw-vs-sub small{color:#65716e;font-weight:400}
.fdw-tool.fdw-vs input[type=radio],.fdw-tool.fdw-vs input[type=checkbox]{width:auto;min-width:0;flex:none;margin:.3rem 0 0;padding:0}
.fdw-tool.fdw-vs textarea,.fdw-tool.fdw-vs input[type=number],.fdw-tool.fdw-vs input[type=text]{border-radius:10px;border:1px solid #cfd7d3;padding:.65em .8em;font-size:.95rem;background-color:#fff;color:#101a19}
.fdw-tool.fdw-vs textarea:focus,.fdw-tool.fdw-vs input[type=number]:focus,.fdw-tool.fdw-vs input[type=text]:focus{outline:none;border-color:#087d78;box-shadow:0 0 0 3px #087d7826}
.fdw-tool.fdw-vs textarea{display:block;width:100%;line-height:1.6;resize:vertical}
.fdw-tool.fdw-vs .fdw-check-text{box-shadow:none;border-radius:0;min-height:14rem;margin:0}
.fdw-vs .fdw-btn svg{width:16px;height:16px;flex:none}
/* The steps along the top. Four do not fit across a phone, so the row slides and the script keeps the step in hand in the middle. */
.fdw-vs-stage{position:relative;display:flex;align-items:center;margin:0;padding:18px var(--vs-pad);background:var(--vs-deep);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.fdw-vs-stage::-webkit-scrollbar{display:none}
.fdw-vs-stagebtn{display:flex;align-items:center;gap:10px;flex:none;margin:0;padding:0;border:0;background:none;color:#8fa6a1;font:inherit;font-size:.86rem;font-weight:700;line-height:1.2;white-space:nowrap;cursor:pointer}
.fdw-vs-stagebtn b{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:#274544;color:#d9e7e3;font-size:.9rem;font-weight:800}
.fdw-vs-stagebtn b svg{width:17px;height:17px}
.fdw-vs-stagebtn.is-on{color:#fff}
.fdw-vs-stagebtn.is-on b{background:var(--vs-lime);color:#10272a}
.fdw-vs-stagebtn.is-done{color:#cfe0da}
.fdw-vs-stagebtn.is-done b{background:#1f5a4d;color:#dff6ec}
.fdw-vs-stagebtn:disabled{cursor:default}
.fdw-vs-stagebtn:not(:disabled):not(.is-on):hover{color:#fff}
.fdw-vs-stagebtn:focus-visible{outline:2px solid var(--vs-lime);outline-offset:4px;border-radius:999px}
.fdw-vs-stage i{flex:1 0 26px;height:1px;margin:0 12px;background:#4a6665}
/* Back and Next */
.fdw-vs-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:1.7rem}
.fdw-vs-nav+.fdw-tool-note{margin-top:1.1rem}
.fdw-vs-nav__r{display:flex;flex-wrap:wrap;gap:10px;margin-left:auto}
/* Step 1: the dark box of the writing profile */
.fdw-vs-prof{position:relative;margin:.9rem 0 0;padding:18px;border-radius:0;background:var(--vs-deep);color:#eaf3f0}
.fdw-vs-prof__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 14px}
.fdw-vs-prof__top>strong{font-family:var(--font-display);font-weight:750;font-size:1.15rem;letter-spacing:-.02em;line-height:1.2;color:#fff}
.fdw-vs-tipwrap{position:relative;flex:none}
.fdw-vs-tipbtn{display:inline-flex;align-items:center;gap:7px;margin:0;padding:6px 0 6px 8px;border:0;background:none;color:#596965;white-space:nowrap;font:inherit;font-size:.82rem;font-weight:600;cursor:pointer}
.fdw-vs-tipbtn svg{width:20px;height:20px}
.fdw-vs-tipbtn:hover,.fdw-vs-tipbtn[aria-expanded=true]{color:#087d78}
.fdw-vs-prof .fdw-vs-tipbtn{color:#b8cbc6}
.fdw-vs-prof .fdw-vs-tipbtn:hover,.fdw-vs-prof .fdw-vs-tipbtn[aria-expanded=true]{color:var(--vs-lime)}
.fdw-vs-tipbtn:focus-visible{outline:2px solid #087d78;outline-offset:3px}
.fdw-vs-prof .fdw-vs-tipbtn:focus-visible{outline-color:var(--vs-lime)}
.fdw-vs-tip{position:absolute;right:0;top:calc(100% + 10px);z-index:6;display:block;width:min(330px,calc(100vw - 56px));padding:16px 42px 16px 16px;border-radius:0;background:#fff;color:#33403e;font-size:.84rem;font-weight:400;line-height:1.55;text-align:left;border:1px solid #d9dfdd;box-shadow:0 18px 44px #04181a40}
.fdw-vs-tip[hidden]{display:none}
.fdw-vs-tip:before{content:"";position:absolute;right:18px;top:-7px;width:12px;height:12px;border-left:1px solid #d9dfdd;border-top:1px solid #d9dfdd;background:#fff;transform:rotate(45deg)}
.fdw-vs-tip strong{display:block;margin-bottom:5px;font-size:.92rem;color:#101a19}
.fdw-vs-tip__x{position:absolute;top:6px;right:6px;width:32px;height:32px;margin:0;padding:0;border:0;border-radius:0;background:none;color:#65716e;font:inherit;font-size:1.35rem;line-height:1;cursor:pointer}
.fdw-vs-tip__x:hover{background:#eef2f0;color:#101a19}
.fdw-vs-picks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;border:0}
.fdw-vs-pick{position:relative;display:flex;align-items:flex-start;gap:12px;max-width:100%;margin:0;padding:16px 14px;border:1px solid #2f4f4e;border-radius:0;background:#143334;color:#f2f7f5;cursor:pointer;transition:background .15s,border-color .15s}
.fdw-vs-pick:hover{border-color:#6d8f89}
.fdw-tool.fdw-vs .fdw-vs-pick input[type=radio]{position:absolute;top:0;left:0;width:1px;height:1px;margin:0;opacity:0}
.fdw-vs-pick:focus-within{outline:2px solid var(--vs-lime);outline-offset:2px}
.fdw-vs-pick__ic{flex:none;display:grid;place-items:center;width:32px;height:32px;color:var(--vs-lime)}
.fdw-vs-pick__ic svg{width:28px;height:28px}
.fdw-vs-pick__tx{flex:1;min-width:0}
.fdw-vs-pick strong{display:block;padding-right:28px;font-size:.95rem;font-weight:750;letter-spacing:-.01em;line-height:1.25;color:inherit}
.fdw-vs-pick small{display:block;margin-top:5px;font-size:.8rem;line-height:1.4;color:#b8cbc6}
.fdw-vs-pick__dot{position:absolute;top:14px;right:14px;width:20px;height:20px;border:2px solid #7f9a95;border-radius:50%}
.fdw-vs-pick.is-on{background:var(--vs-lime);border-color:var(--vs-lime);color:#10272a}
.fdw-vs-pick.is-on small{color:#3c5246}
.fdw-vs-pick.is-on .fdw-vs-pick__ic{color:#10272a}
.fdw-vs-pick.is-on .fdw-vs-pick__dot{border-color:#10272a;background:radial-gradient(circle,#10272a 0 44%,transparent 50%)}
.fdw-vs-pick--own{grid-column:1/-1}
.fdw-vs-x,.fdw-vs-keep{margin:0;padding:.2rem .3rem;border:0;background:none;color:#65716e;font:inherit;font-size:.82rem;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.fdw-vs-pick .fdw-vs-x{display:inline-block;margin-top:6px;padding-left:0;color:inherit}
.fdw-vs-own{display:flex;align-items:center;gap:14px;width:100%;margin:10px 0 0;padding:14px;border:0;border-radius:0;background:#1a3b3b;color:#fff;font:inherit;text-align:left;cursor:pointer;transition:background .15s}
.fdw-vs-own:hover{background:#234949}
.fdw-vs-own:focus-visible{outline:2px solid var(--vs-lime);outline-offset:2px}
.fdw-vs-own>svg{flex:none;width:28px;height:28px;color:var(--vs-lime)}
.fdw-vs-own span{flex:1;min-width:0}
.fdw-vs-own strong{display:block;font-size:.95rem;font-weight:750;line-height:1.3}
.fdw-vs-own small{display:block;margin-top:3px;font-size:.8rem;line-height:1.4;color:#b8cbc6}
.fdw-vs-own b{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:0;background:var(--vs-lime);color:#10272a}
.fdw-vs-own b svg{width:18px;height:18px}
/* Making a profile from one's own messages */
.fdw-vs-build{margin:14px 0 0;padding:16px;border:1px solid #d7cff1;border-radius:0;background:#faf9ff}
.fdw-vs-build>p:first-child{margin-top:0}
.fdw-vs-build textarea{margin:.4rem 0}
.fdw-tool.fdw-vs .fdw-vs-build input[type=number]{width:4.8rem;padding:.3em .5em}
.fdw-vs-part{display:flex;gap:.55rem;align-items:flex-start;max-width:100%;padding:.4rem 0;line-height:1.5}
.fdw-vs-part em{color:#9b4035;font-style:normal}
.fdw-vs-chips{display:flex;flex-wrap:wrap;gap:.3rem .9rem}
.fdw-vs-chips label{display:inline-flex;gap:.35rem;align-items:flex-start;max-width:100%}
.fdw-vs-chips small{color:#65716e}
.fdw-vs-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:.8rem 0 0}
/* Step 2: the rules */
.fdw-vs-rhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:1.6rem 0 .5rem}
.fdw-vs-rhead .fdw-vs-h{margin:0}
.fdw-vs-pill{display:inline-flex;align-items:center;gap:8px;margin:0;padding:9px 16px;border:0;border-radius:0;background:#e8ecea;color:#10272a;font:inherit;font-size:.84rem;font-weight:700;cursor:pointer}
.fdw-vs-pill:hover{background:#dbe2de}
.fdw-vs-pill svg{width:17px;height:17px}
.fdw-vs-rnote:empty{display:none}
.fdw-vs-master{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:1rem 0;padding:14px 16px;border-radius:0;background:#eef3f0;cursor:pointer}
.fdw-vs-master strong{display:block;font-size:.95rem;line-height:1.3}
.fdw-vs-master small{display:block;margin-top:3px;font-size:.8rem;line-height:1.45;color:#65716e}
.fdw-vs-rules{display:grid;gap:12px}
.fdw-vs-rules[hidden]{display:none}
.fdw-vs-rule{display:block;padding:16px;border:1px solid #dde4e0;border-radius:0;background:#fff}
.fdw-vs-rule__head{display:flex;align-items:center;gap:12px}
.fdw-vs-rule__ic{flex:none;display:grid;place-items:center;width:34px;height:34px;color:#10272a;font-family:var(--font-display);font-weight:750;font-size:1.3rem;letter-spacing:-.05em;line-height:1}
.fdw-vs-rule__ic svg{width:28px;height:28px}
.fdw-vs-rule__tx{flex:1;min-width:0}
.fdw-vs-rule__tx strong{display:block;font-size:1rem;font-weight:750;letter-spacing:-.01em;line-height:1.25}
.fdw-vs-rule__tx small{display:block;margin-top:3px;font-size:.82rem;line-height:1.4;color:#65716e}
.fdw-vs-rule__ctl{flex:none;display:flex;align-items:center;gap:10px}
/* A dropdown. Closed, it looks as a select did here: a rounded field, or the pill that says required, preferred or off. Its options
   are not the phone's own chooser: they open on the page, straight under the control (the owner, 9 October 2026). */
.fdw-vs-dd{position:relative;display:inline-block;max-width:100%}
.fdw-vs-fld .fdw-vs-dd{display:block}
.fdw-vs-dd__btn{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin:0;padding:.65em .8em;border:1px solid #cfd7d3;border-radius:10px;background:#fff;color:#101a19;font:inherit;font-size:.95rem;line-height:1.3;text-align:left;cursor:pointer}
.fdw-vs-dd__btn:after{content:"";flex:none;width:10px;height:7px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%2310272a' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m1.5 1.5 4.5 4.5 4.5-4.5'/%3E%3C/svg%3E") no-repeat center/10px}
.fdw-vs-dd__btn:focus-visible,.fdw-vs-dd.is-open>.fdw-vs-dd__btn{outline:none;border-color:#087d78;box-shadow:0 0 0 3px #087d7826}
.fdw-vs-dd__btn:disabled{cursor:default}
.fdw-vs-dd--status .fdw-vs-dd__btn{width:auto;gap:9px;padding:8px 14px 8px 15px;border:0;border-radius:999px;background:#e8ecea;color:#10272a;font-size:.84rem;font-weight:700;line-height:1.2;white-space:nowrap}
.fdw-vs-dd--status.is-required .fdw-vs-dd__btn{background:#e3f6ab}
.fdw-vs-dd--status.is-preferred .fdw-vs-dd__btn{background:#d9eee6}
.fdw-vs-dd--status.is-off .fdw-vs-dd__btn{background:#e8ecea;color:#55615e}
.fdw-vs-dd--status .fdw-vs-dd__btn:focus-visible,.fdw-vs-dd--status.is-open>.fdw-vs-dd__btn{box-shadow:0 0 0 3px #087d7840}
.fdw-vs-dd__list{position:absolute;z-index:9;top:calc(100% + 6px);left:0;right:0;display:block;padding:4px;border:1px solid #cfd7d3;background:#fff;box-shadow:0 16px 36px #0b2a2a33;max-height:17rem;overflow:auto}
.fdw-vs-dd__list[hidden]{display:none}
.fdw-vs-dd--status .fdw-vs-dd__list{left:auto;right:0;min-width:10rem}
.fdw-vs-dd__opt{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;margin:0;padding:11px 12px;border:0;background:none;color:#101a19;font:inherit;font-size:.9rem;line-height:1.3;text-align:left;cursor:pointer}
.fdw-vs-dd__opt:hover,.fdw-vs-dd__opt:focus{background:#eef3f0;outline:none}
.fdw-vs-dd__opt[aria-selected=true]{font-weight:750}
.fdw-vs-dd__opt[aria-selected=true]:after{content:"";flex:none;width:15px;height:11px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12' fill='none' stroke='%23087d78' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m1.5 6.5 4 4 9-9'/%3E%3C/svg%3E") no-repeat center/contain}
/* The switch beside the pill */
.fdw-tool.fdw-vs input.fdw-vs-switch{position:relative;flex:none;width:52px;height:30px;margin:0;padding:0;border:0;border-radius:999px;background:#c5cdc9;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background .18s}
.fdw-tool.fdw-vs input.fdw-vs-switch:before{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .18s,background .18s}
.fdw-tool.fdw-vs input.fdw-vs-switch:checked{background:#10272a}
.fdw-tool.fdw-vs input.fdw-vs-switch:checked:before{transform:translateX(22px);background:var(--vs-lime)}
.fdw-tool.fdw-vs input.fdw-vs-switch:focus-visible{outline:2px solid #087d78;outline-offset:3px}
.fdw-vs-set{margin-top:14px}
.fdw-vs-rule.is-off .fdw-vs-set{opacity:.55}
.fdw-vs-flds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.fdw-vs-fld{display:block;font-size:.8rem;color:#65716e}
.fdw-vs-fld>span{display:block;margin-bottom:5px}
.fdw-tool.fdw-vs .fdw-vs-fld input[type=text]{width:100%}
.fdw-vs-fld--row{display:flex;align-items:center;gap:10px}
.fdw-vs-fld--row>span{margin:0}
.fdw-tool.fdw-vs .fdw-vs-fld--row input[type=number]{width:5.2rem}
.fdw-vs-sets{display:grid;gap:2px;margin:.2rem 0 .4rem}
.fdw-vs-setrow{display:flex;gap:.6rem;align-items:flex-start;padding:.45rem 0;border-top:1px solid #edf1ef;line-height:1.45;cursor:pointer}
.fdw-vs-setrow:first-child{border-top:0}
.fdw-vs-setrow strong{font-size:.9rem}
.fdw-vs-setrow small{display:block;font-size:.78rem;color:#65716e}
.fdw-tool .fdw-vs-more{margin:.7rem 0 0;padding:10px 14px;border:1px solid #dde4e0;border-radius:0;background:#fff}
.fdw-tool .fdw-vs-more>summary{margin-left:1.1em;font-size:.84rem;font-weight:700;color:#087d78;cursor:pointer;list-style-position:outside}
.fdw-tool .fdw-vs-more>summary:hover{color:#065f5b}
.fdw-tool .fdw-vs-more[open]>summary{margin-bottom:.6rem}
.fdw-vs-full{max-height:17rem;overflow:auto;padding:4px 12px 12px;border:1px solid #e3e9e5;border-radius:0;background:#fafbfa;font-size:.84rem}
.fdw-vs-full ul{margin:0;padding:0;list-style:none;columns:2;column-gap:18px}
.fdw-vs-full li{margin:0;padding:.14rem 0;break-inside:avoid;line-height:1.4}
.fdw-vs-full small{color:#65716e}
.fdw-tool .fdw-vs-iobox{margin-top:1.2rem}
.fdw-vs-io{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0}
.fdw-vs-shared{margin:0 0 1rem;padding:14px 16px;border:1px solid #087d78;border-left-width:4px;border-radius:0;background:#fff}
.fdw-vs-shared p{margin:0}
/* Step 3: the draft */
.fdw-vs-using{margin:0 0 .8rem;font-size:.88rem;line-height:1.9;color:#596965}
.fdw-vs-chip{margin:0;padding:3px 11px;border:1px solid #cfd7d3;border-radius:0;background:#fff;color:#10272a;font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}
.fdw-vs-chip:hover{border-color:#087d78;color:#087d78}
.fdw-vs-warn{margin:0 0 .8rem;padding:10px 14px;border-radius:0;background:#fdf3d0;color:#5c4300;font-size:.86rem;line-height:1.5}
/* Step 4: the review. Four kinds of finding, each with its colour: red, blue, yellow and purple. */
.fdw-vs .fdw-check-result mark.k2,.fdw-vs .fdw-check-key.k2{background:#ebe7f6;color:#5a3f99}
.fdw-vs .fdw-check-result mark.kr,.fdw-vs .fdw-check-key.kr{background:#d3e5f8;color:#1b4b82}
.fdw-vs-legend{display:flex;flex-wrap:wrap;gap:6px;margin:.5rem 0 1rem}
.fdw-vs-legend .fdw-check-key{padding:.4em .85em;border-radius:0}
.fdw-vs-legend b{margin-left:.35em;font-weight:850}
.fdw-vs-text{border:1px solid #d9dfdd;border-radius:0;background:#fff;padding:22px 20px;font-size:1rem;line-height:1.85}
.fdw-vs-text mark,.fdw-vs-text ins,.fdw-vs-text del{cursor:pointer;border-radius:0}
.fdw-vs-text ins{background:#bce9dc;color:#084a41;text-decoration:none;padding:2px 3px}
.fdw-vs-text del{background:#eef1f0;color:#7b8784;padding:2px 3px}
.fdw-vs-sec{margin-top:1.7rem}
.fdw-vs-sech{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 .3rem;font-family:var(--font-display);font-size:1.08rem;font-weight:750;letter-spacing:-.02em;line-height:1.3}
.fdw-vs-sech .fdw-check-key{border-radius:0;padding:.4em .85em;font-family:var(--font-body);letter-spacing:.08em}
.fdw-vs-sech small{font-family:var(--font-body);font-size:.8rem;font-weight:700;color:#65716e;letter-spacing:0}
.fdw-vs .fdw-send-list{margin-top:.7rem}
.fdw-vs .fdw-send-card{border-radius:0;margin-bottom:10px}
/* What was found is quoted as it stands. (In "Before you send" the quote is struck through; here that would read as "deleted".) */
.fdw-vs .fdw-send-card q{display:inline;margin-left:.5rem;padding:2px 7px;border-radius:0;background:#f1f4f2;color:#101a19;font-style:normal;font-weight:600;text-decoration:none;overflow-wrap:anywhere;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.fdw-vs .fdw-send-card q:before{content:"\201C"}
.fdw-vs .fdw-send-card q:after{content:"\201D"}
.fdw-vs-card.is-done{opacity:.7}
.fdw-vs-tag{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#6c7775}
.fdw-vs-hint{display:block;margin-top:.45rem;font-size:.82rem;line-height:1.55;color:#33403e}
.fdw-vs .fdw-send-fix{border-radius:0}
.fdw-vs-keep{min-height:42px;padding:10px 12px;border:1px solid #cad4d0;border-radius:0;background:#fff;color:#213c36;font-size:.78rem;font-weight:750;text-decoration:none}
.fdw-vs-keep:hover{border-color:#9bb4ac}
.fdw-vs-rnote .fdw-vs-keep{min-height:0;padding:2px 10px;margin-left:6px}
.fdw-vs-done{color:#087d78;font-weight:750;font-size:.8rem}
.fdw-vs-ai{margin:0;min-height:42px;padding:10px 14px;border:1px solid #7258af;border-radius:0;background:#fff;color:#60469e;font:inherit;font-size:.78rem;font-weight:750;cursor:pointer}
.fdw-vs-ai:hover{background:#f0edff}
.fdw-vs-alldone{margin:1.2rem 0 0;padding:12px 14px;border-radius:0;background:#e4f4ee;color:#0b4a41;font-size:.88rem;font-weight:700}
.fdw-vs-aibox{margin-top:1.8rem;padding:16px 18px;border:1px solid #d9d1f3;border-radius:0;background:#f6f3ff}
.fdw-vs-aibox strong{display:block;font-family:var(--font-display);font-size:1.02rem;font-weight:750;letter-spacing:-.02em}
.fdw-vs-aibox p{margin:.4rem 0 .9rem;font-size:.86rem;line-height:1.6;color:#33403e}
.fdw-vs-part em{color:#9b4035}
.vb-studio .fdw-tool{margin:0;max-width:none}
@media (max-width:640px){
	.fdw-tool.fdw-vs{--vs-pad:1rem}
	.fdw-vs-prof{padding:14px}
	.fdw-vs-pick{gap:9px;padding:14px 12px}
	.fdw-vs-pick__ic{width:26px;height:26px}
	.fdw-vs-pick__ic svg{width:24px;height:24px}
	.fdw-vs-pick__dot{top:12px;right:11px;width:18px;height:18px}
	.fdw-vs-pick strong{padding-right:22px;font-size:.9rem}
	.fdw-vs-pick small{font-size:.76rem}
	.fdw-vs-text{font-size:.95rem;padding:17px 14px}
	.fdw-vs-rule{padding:14px}
	/* On a phone a rule's name shares its line with the pill and the switch, and its description takes the next line whole. */
	.fdw-vs-rule__head{display:grid;grid-template-columns:30px minmax(0,1fr) auto;column-gap:10px;row-gap:8px;align-items:center}
	.fdw-vs-rule__ic{width:30px;height:30px}
	.fdw-vs-rule__ic svg{width:25px;height:25px}
	.fdw-vs-rule__tx{display:contents}
	.fdw-vs-rule__tx strong{grid-column:2;grid-row:1}
	.fdw-vs-rule__tx small{grid-column:1/-1;grid-row:2;margin:0}
	.fdw-vs-rule__ctl{grid-column:3;grid-row:1;gap:8px}
	.fdw-vs-dd--status .fdw-vs-dd__btn{gap:7px;padding:7px 11px 7px 12px;font-size:.8rem}
	.fdw-tool.fdw-vs input.fdw-vs-switch{width:46px;height:27px}
	.fdw-tool.fdw-vs input.fdw-vs-switch:before{width:21px;height:21px}
	.fdw-tool.fdw-vs input.fdw-vs-switch:checked:before{transform:translateX(19px)}
	.fdw-vs-full ul{columns:1}
	.fdw-vs-nav .fdw-btn{padding:13px 16px}
	.fdw-send-card{padding:15px}
	.fdw-tool{padding:1.15rem 1.1rem}
	.fdw-tool.fdw-vs{padding:0}
}
@media (max-width:359px){.fdw-vs-picks{grid-template-columns:1fr}.fdw-vs-flds{grid-template-columns:1fr}}
/* On a phone the tool runs from one edge of the screen to the other (the owner, 9 October 2026), whatever the side margins of the
   page it stands on. 100vw counts a scrollbar that takes room, as in a narrow desktop window, so the script measures that bar
   (--fdw-sbw, nothing on a phone) and it is taken off here: without that the page would slide sideways by the bar's width. */
@media (max-width:700px){
	.fdw-tool.fdw-vs{width:calc(100vw - var(--fdw-sbw,0px));max-width:none;margin-left:calc(50% - 50vw + var(--fdw-sbw,0px)/2);margin-right:calc(50% - 50vw + var(--fdw-sbw,0px)/2);border-left:0;border-right:0;border-radius:0}
}

/* One sentence reworded in place by The Verbarium AI (9 October 2026): the button while it waits, the notice above the text, a refusal on the card. */
.fdw-tool.fdw-vs .fdw-vs-ai.is-busy{opacity:1;cursor:progress}
.fdw-tool.fdw-vs .fdw-vs-ai:disabled:not(.is-busy){opacity:.5;cursor:default}
.fdw-vs-spin{display:inline-block;width:.9em;height:.9em;margin-right:.5em;vertical-align:-.1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:fdwVsSpin .7s linear infinite}
@keyframes fdwVsSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.fdw-vs-spin{animation-duration:2.4s}}
.fdw-vs-aidone{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem 1.2rem;flex-wrap:wrap;margin:0 0 1rem;padding:.9rem 1rem;background:#f1eefa;border:1px solid #d9d1ef;border-left:4px solid #7258af}
.fdw-tool.fdw-vs .fdw-vs-aidone p{flex:1 1 16rem;margin:0;font-size:.92rem;line-height:1.55;color:#2a2440}
.fdw-vs-aifail{display:block;margin-top:.6rem;font-size:.86rem;line-height:1.5;color:#8a2f25}

/* The tool as it stands since 10 October 2026 (the owner's picture): the text box first, the two settings each on one line, a wide
   button, and the settings on a screen of their own that covers the page. Square boxes and buttons, as everywhere. */
.fdw-tool.fdw-vs .fdw-vs-pane{padding-top:1.6rem}
.fdw-vs-yourtext{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:0 0 .85rem}
.fdw-tool.fdw-vs .fdw-vs-yourtext .fdw-vs-step{margin:0}
.fdw-vs-link{margin:0;padding:.25rem 0;border:0;border-bottom:1px solid transparent;background:none;font:inherit;font-size:.95rem;font-weight:600;color:#087d78;cursor:pointer;text-align:left}
.fdw-vs-link:hover,.fdw-vs-link:focus-visible{border-bottom-color:currentColor}
.fdw-vs-link--u{display:inline-block;margin-top:.55rem;border-bottom-color:currentColor;font-weight:500}
.fdw-vs-draftbox{position:relative;border:1px solid #9fb3ae;background:#fff}
.fdw-vs-draftbox:focus-within{border-color:#087d78;box-shadow:0 0 0 2px #087d7826}
.fdw-tool.fdw-vs .fdw-vs-draftbox textarea{display:block;width:100%;min-height:15rem;margin:0;padding:1.1rem 1.15rem 2.7rem;border:0;border-radius:0;background:transparent;box-shadow:none;resize:vertical;font-size:1rem;line-height:1.6}
.fdw-tool.fdw-vs .fdw-vs-draftbox textarea:focus{outline:none}
.fdw-vs-count{position:absolute;left:1.15rem;bottom:.8rem;font-size:.85rem;color:#7a8683;pointer-events:none}
.fdw-tool.fdw-vs .fdw-vs-draftnote{min-height:0;margin:.5rem 0 0;color:#9b4035}
.fdw-vs-c2{margin-top:1.4rem}
.fdw-vs-opt{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 0;border-top:1px solid #d9dfdd}
.fdw-vs-opt__l{min-width:0}
.fdw-vs-opt__k{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.fdw-vs-opt__k small{font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#6c7775}
.fdw-vs-opt__l strong{display:block;margin-top:.3rem;font-family:var(--font-display);font-size:1.12rem;font-weight:750;letter-spacing:-.02em;line-height:1.3}
.fdw-vs-optbtn{display:inline-flex;align-items:center;gap:.6rem;flex:none;min-height:44px;margin:0;padding:.55rem .9rem;border:1px solid #c6d2ce;border-radius:0;background:#fff;font:inherit;font-size:.95rem;font-weight:650;color:#087d78;cursor:pointer}
.fdw-vs-optbtn:hover{border-color:#087d78;background:#f2f8f6}
.fdw-vs-optbtn svg{width:1em;height:1em}
.fdw-vs-go{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:64px;margin:1.3rem 0 0;padding:.8rem 3.4rem;border:0;border-radius:0;background:#def69e;color:#0c2b2a;font-family:var(--font-display);font-size:1.22rem;font-weight:750;letter-spacing:-.02em;cursor:pointer;transition:background .2s}
.fdw-vs-go:hover{background:#d2ef86}
.fdw-vs-go svg{position:absolute;right:1.3rem;top:50%;width:1.5rem;height:1.5rem;margin-top:-.75rem}
.fdw-tool.fdw-vs .fdw-vs-after{margin:1rem 0 0;text-align:center;font-size:.95rem;line-height:1.7;color:#65716e}
.fdw-tool.fdw-vs .fdw-vs-foot{margin-top:1.6rem}
/* A setting's own screen */
html.fdw-vs-locked{overflow:hidden}
.fdw-vs-modal{position:fixed;inset:0;z-index:95;display:flex;flex-direction:column;background:#f0f2f1}
.fdw-vs-modal[hidden]{display:none}
.fdw-vs-modal__bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex:none;padding:.75rem var(--vs-pad,1.25rem);background:#0f2a2b;color:#fff}
.fdw-vs-modal__bar strong{font-family:var(--font-display);font-size:1.2rem;font-weight:750;letter-spacing:-.02em}
.fdw-vs-modal__bar strong:focus{outline:none}
.fdw-vs-modal__x{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:1px solid #ffffff45;border-radius:0;background:none;color:#fff;font-size:1.7rem;line-height:1;cursor:pointer}
.fdw-vs-modal__x:hover{background:#ffffff1a;border-color:#fff}
.fdw-vs-modal__body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:.4rem var(--vs-pad,1.25rem) 2.5rem;background:#fff}
.fdw-vs-modal__body>*{max-width:920px;margin-left:auto;margin-right:auto}
.fdw-vs-modal__foot{display:flex;justify-content:flex-end;flex:none;padding:.75rem var(--vs-pad,1.25rem);border-top:1px solid #d9dfdd;background:#f7f9f8}
.fdw-vs-modal__foot .fdw-btn{min-width:8rem;justify-content:center}
/* Desktop, on the home page: the text box at the left, the settings and the button in a column beside it. */
.vb-studio .fdw-tool.fdw-vs{box-shadow:0 28px 75px #082d2d1b}
@media (min-width:980px){
	.vb-studio .fdw-tool.fdw-vs{--vs-pad:2.6rem}
	.vb-studio .fdw-vs-compose{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:0 2.8rem;align-items:start}
	.vb-studio .fdw-vs-c2{margin-top:3.1rem}
	.vb-studio .fdw-tool.fdw-vs .fdw-vs-draftbox textarea{min-height:23rem}
	.vb-studio .fdw-vs-opt:first-child{border-top:0;padding-top:0}
	.fdw-vs-modal__bar,.fdw-vs-modal__foot{padding-left:max(var(--vs-pad,1.25rem),calc((100vw - 920px)/2));padding-right:max(var(--vs-pad,1.25rem),calc((100vw - 920px)/2))}
}
/* The "i" on a setting's line: the sign alone (its words are for screen readers), and its note opens under the line. */
.fdw-vs-opt{position:relative}
.fdw-vs-opt .fdw-vs-tipwrap{position:static}
.fdw-vs-opt .fdw-vs-tipbtn{gap:0;padding:4px;font-size:0;color:#596965}
.fdw-vs-opt .fdw-vs-tipbtn svg{width:18px;height:18px}
.fdw-vs-opt .fdw-vs-tip{left:0;right:auto;top:calc(100% - .5rem);width:min(380px,100%)}
.fdw-tool.fdw-vs .fdw-vs-after a{color:#087d78;text-decoration:underline;text-underline-offset:3px}

/* The text box as the owner drew it on 10 October 2026 ("make it match exactly this"): a soft grey-green field
   and no line round it, the word count on a strip of its own at the foot, no handle for resizing, and a thin emerald line round it
   only while it is being typed in. Square corners: he had them rounded for an hour and said "no dont round it please. rectangle always!" */
.fdw-vs-draftbox{display:flex;flex-direction:column;overflow:hidden;border:0;border-radius:0;background:#eef2ef;box-shadow:none;transition:box-shadow .15s}
.fdw-vs-draftbox:focus-within{border-color:transparent;box-shadow:0 0 0 1.5px #10a37f}
.fdw-tool.fdw-vs .fdw-vs-draftbox textarea{flex:1 1 auto;padding:1.25rem 1.3rem 1.1rem;resize:none;background:transparent;color:#17211f}
.fdw-tool.fdw-vs .fdw-vs-draftbox textarea::placeholder{color:#7f8b87;opacity:1}
.fdw-vs-count{position:static;display:block;flex:none;padding:.85rem 1.3rem;border-top:1px solid #dfe6e1;background:#e8ede9;font-size:.9rem;color:#75817d}


/* 14 October 2026: the rectangular checker card in the owner's full hero reference. */
.fdw-vs-draftmeta{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d8e2e2;background:#edf2f0}
.fdw-vs-draftmeta .fdw-vs-count{border:0;background:transparent}
.fdw-vs-clear{align-self:stretch;padding:0 1.3rem;border:0;background:none;color:#6e7c8e;font:inherit;font-size:.9rem;cursor:pointer}
.fdw-vs-clear:hover{color:#087d78;text-decoration:underline}
.vb-hero .vb-studio .fdw-tool.fdw-vs{--vs-pad:clamp(16px,2.8vw,28px);width:100%;margin:0;border:1px solid #b8cdd0;background:#fff;box-shadow:none;color:#0a202b}
.vb-hero .fdw-tool.fdw-vs .fdw-vs-pane{padding:var(--vs-pad)}
.vb-hero .vb-studio .fdw-vs-compose{display:block}
.vb-hero .fdw-vs-yourtext{align-items:center;margin:0 0 18px}
.vb-hero .fdw-tool.fdw-vs .fdw-vs-yourtext .fdw-vs-step{font-size:clamp(23px,3.75vw,36px);font-weight:750;letter-spacing:-.035em}
.vb-hero .fdw-vs-link{font-size:clamp(14px,2.5vw,24px);font-weight:400;line-height:1.4;color:#007d80}
.vb-hero [data-vs-example]{display:flex;align-items:center;gap:.55em;white-space:nowrap}
.vb-hero .fdw-vs-draftbox{border:1px solid #cbd9dd;background:#edf2f0}
.vb-hero .fdw-vs-draftbox:focus-within{border-color:#10a37f;box-shadow:0 0 0 1px #10a37f}
.vb-hero .vb-studio .fdw-tool.fdw-vs .fdw-vs-draftbox textarea{height:clamp(160px,20vw,240px);min-height:clamp(160px,20vw,240px);padding:clamp(14px,2vw,20px);font-size:clamp(16px,2.7vw,26px);line-height:1.5;resize:vertical;color:#0a202b}
.vb-hero .fdw-tool.fdw-vs .fdw-vs-draftbox textarea::placeholder{color:#728094}
.vb-hero .fdw-vs-count,.vb-hero .fdw-vs-clear{font-size:clamp(13px,2.3vw,22px);color:#718093}
.vb-hero .fdw-vs-count{padding:clamp(12px,2vw,20px)}
.vb-hero .fdw-vs-clear{padding:0 clamp(14px,2.4vw,24px)}
.vb-hero .fdw-tool.fdw-vs .fdw-vs-draftnote:empty{display:none}
.vb-hero .vb-studio .fdw-vs-c2{margin-top:24px}
.vb-hero .fdw-vs-opt,.vb-hero .vb-studio .fdw-vs-opt:first-child{border-top:1px solid #cbd6dc;padding:clamp(17px,3vw,30px) 0;gap:14px}
.vb-hero .fdw-vs-opt__k{gap:clamp(10px,2vw,20px)}
.vb-hero .fdw-vs-opt__k small{font-size:clamp(10px,1.9vw,18px);letter-spacing:.14em;font-weight:700;color:#627083}
.vb-hero .fdw-vs-opt .fdw-vs-tipbtn svg{width:clamp(18px,2.8vw,26px);height:clamp(18px,2.8vw,26px)}
.vb-hero .fdw-vs-opt__l strong{font-family:var(--font-body);font-size:clamp(17px,2.9vw,28px);line-height:1.4;font-weight:400;letter-spacing:0;margin-top:8px}
.vb-hero .fdw-vs-optbtn{font-size:clamp(14px,2.6vw,25px);font-weight:400;min-width:clamp(90px,16.5vw,160px);padding:clamp(10px,2vw,20px);justify-content:center;gap:20px;border-color:#c6d0d9;color:#007d80}
.vb-hero .fdw-vs-link--u{margin-top:clamp(10px,2vw,20px);padding-bottom:6px}
.vb-hero .fdw-vs-go{min-height:clamp(64px,9.8vw,95px);margin-top:4px;background:linear-gradient(100deg,#cef28a,#d5f299 55%,#cef28a);color:#06212b;font-size:clamp(23px,3.7vw,35px);font-weight:750}
.vb-hero .fdw-vs-go:hover{background:#c6ed79}
.vb-hero .fdw-vs-go svg{right:clamp(18px,3.8vw,37px);width:clamp(24px,3.4vw,32px);height:clamp(24px,3.4vw,32px);margin-top:0;transform:translateY(-50%)}
.vb-hero .fdw-tool.fdw-vs .fdw-vs-after{font-size:clamp(15px,2.5vw,24px);line-height:1.8;margin-top:16px;color:#68788e}
.vb-hero .fdw-tool.fdw-vs .fdw-vs-after a{display:inline-block;text-underline-offset:8px;font-weight:400;color:#007d80}
.vb-hero .fdw-tool.fdw-vs .fdw-vs-foot{position:relative;margin:clamp(28px,4.5vw,44px) clamp(10px,4vw,40px) clamp(12px,2.4vw,24px);padding-left:38px;font-size:clamp(14px,2.5vw,24px);line-height:1.4;color:#6a788b}
.vb-hero .fdw-vs-foot:before{content:"";position:absolute;left:0;top:.15em;width:24px;height:28px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'%3E%3Cpath d='M6 11V7a6 6 0 0 1 12 0v4h2v16H4V11zm3 0h6V7a3 3 0 0 0-6 0zm3 4a2 2 0 0 0-1 3.73V22h2v-3.27A2 2 0 0 0 12 15z'/%3E%3C/svg%3E") center/contain no-repeat}
@media(max-width:650px){.vb-hero .fdw-vs-opt{gap:10px}.vb-hero .fdw-vs-optbtn{gap:10px;min-width:86px}.vb-hero .fdw-vs-opt__k{gap:6px}.vb-hero .fdw-vs-link--u{font-size:14px}.vb-hero .fdw-tool.fdw-vs .fdw-vs-foot{margin-left:0;margin-right:0;padding-left:29px}.vb-hero .fdw-vs-foot:before{width:18px;height:22px}}

/* Compact desktop card alongside the hero introduction; phone styling stays above. */
@media(min-width:1024px){
 .vb-hero .vb-studio .fdw-tool.fdw-vs{--vs-pad:18px}
 .vb-hero .fdw-vs-yourtext{margin-bottom:12px}
 .vb-hero .fdw-tool.fdw-vs .fdw-vs-yourtext .fdw-vs-step{font-size:22px}
 .vb-hero .fdw-vs-link{font-size:14px}
 .vb-hero .vb-studio .fdw-tool.fdw-vs .fdw-vs-draftbox textarea{height:clamp(112px,16vh,152px);min-height:112px;padding:14px;font-size:16px}
 .vb-hero .fdw-vs-count,.vb-hero .fdw-vs-clear{font-size:13px}
 .vb-hero .fdw-vs-count{padding:8px 14px}
 .vb-hero .fdw-vs-clear{padding:0 14px}
 .vb-hero .vb-studio .fdw-vs-c2{margin-top:14px}
 .vb-hero .fdw-vs-opt,.vb-hero .vb-studio .fdw-vs-opt:first-child{padding:10px 0;gap:12px}
 .vb-hero .fdw-vs-opt__k{gap:8px}
 .vb-hero .fdw-vs-opt__k small{font-size:10px;letter-spacing:.12em}
 .vb-hero .fdw-vs-opt .fdw-vs-tipbtn svg{width:18px;height:18px}
 .vb-hero .fdw-vs-opt__l strong{font-size:16px;margin-top:4px}
 .vb-hero .fdw-vs-optbtn{font-size:14px;min-width:88px;padding:10px 12px;gap:12px}
 .vb-hero .fdw-vs-link--u{margin-top:8px;padding-bottom:3px}
 .vb-hero .fdw-vs-go{min-height:48px;padding:10px 54px;font-size:20px}
 .vb-hero .fdw-vs-go svg{right:18px;width:24px;height:24px}
 .vb-hero .fdw-tool.fdw-vs .fdw-vs-after{font-size:13px;line-height:1.7;margin-top:10px}
 .vb-hero .fdw-tool.fdw-vs .fdw-vs-after a{text-underline-offset:4px}
 .vb-hero .fdw-tool.fdw-vs .fdw-vs-foot{margin:12px 0 0;padding-left:24px;font-size:12px;line-height:1.5}
 .vb-hero .fdw-vs-foot:before{width:15px;height:18px}
}

/* Tone rewrite (18 October 2026): the third setting with its switch, the "New" mark, and the box at the end of the results. Square, as everywhere. */
.fdw-vs-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.fdw-vs-new{display:inline-block;padding:2px 7px;border-radius:0;background:var(--vs-lime,#def69e);color:#10272a;font-family:var(--font-display,inherit);font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1.5;vertical-align:middle}
.fdw-vs-opt__k .fdw-vs-new{flex:none}
.fdw-vs-toneswitch{display:inline-flex;align-items:center;flex:none;min-height:44px;cursor:pointer}
.fdw-vs-tonebox strong .fdw-vs-new{margin-left:.4rem;font-size:.62rem;letter-spacing:.08em}
.fdw-vs-tonebox + .fdw-tool-note{margin-top:1rem}