/* Free tools, keyboards group (6 Oct 2026, Mohamed: "keep going and leave the quote form and checkout for now"): the v2 bodies of
   /tools/arabic-keyboard (.sv2-pg-arkb), /tools/multilingual-keyboard (.sv2-pg-mkb) and /tools/iban-validator (.sv2-pg-iban),
   all three also carry .sv2-pg-kb. Loaded after site-v2.css and site-v2-pages.css. Every rule is scoped under .sv2-pg-kb.
   The tools keep their old scripts and bindings; this file only gives them the homepage look: a compact photo hero so the tool
   stays in the first screen, calm white cards on paper, hairline buttons, orange only for the main action. */

/* compact photo hero: the tool sits right under it, as in the old pages */
.sv2-pg-kb .sv2-kb-hero{min-height:0}
.sv2-pg-kb .sv2-kb-hero .sv2-hero-inner{padding-block:40px 46px}
.sv2-pg-kb .sv2-kb-hero h1{max-width:17em;font-size:clamp(38px,3.6vw,56px)}
.sv2-pg-kb .kb-hero-context{margin-top:12px;max-width:640px;font-size:15px;line-height:1.55;color:#dfe5ec;text-shadow:0 1px 2px rgba(0,0,0,.45),0 2px 18px rgba(0,0,0,.35)}

/* r2 fix (6 Oct 2026): the two keyboard photos are black keys on a silver laptop; the silver is toned down so the words over
   the photo stay readable (desktop: the words sit on the plain navy side, the photo shifted away; phones: over the photo) */
.sv2-pg-mkb .sv2-hero-media img{filter:saturate(.82) brightness(.72)}

/* the tool band */
.sv2-pg-kb .kb-tool{background:var(--paper);padding-block:36px 64px}
.sv2-pg-kb .kb-shell{max-width:1040px;margin:0 auto}
.sv2-pg-mkb .kb-shell,.sv2-pg-iban .kb-shell{max-width:920px}
.sv2-pg-kb .kb-card{margin-bottom:12px;padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(16,29,48,.04)}
.sv2-pg-kb .kb-card-title{margin-bottom:14px;font:600 20px/1.3 Poppins,"Poppins Fallback",Inter,sans-serif;letter-spacing:-.015em;color:var(--ink)}
.sv2-pg-kb .kb-sr,.sv2-pg-kb .kb-sr-sm{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* typing mode: a segmented control */
.sv2-pg-kb .kb-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.sv2-pg-kb .kb-seg-btn{min-height:44px;padding:6px 8px;border:0;border-radius:9px;background:transparent;font:600 15px/1.25 Inter,sans-serif;color:var(--muted);cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}
.sv2-pg-kb .kb-seg-btn:hover{color:var(--ink)}
.sv2-pg-kb .kb-seg-btn.is-on{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(16,29,48,.12),inset 0 0 0 1px var(--line-strong),inset 0 -2px 0 var(--accent)}
.sv2-pg-kb .kb-hint{min-height:1.25rem;margin-top:10px;font-size:14px;line-height:1.5;color:var(--soft)}

/* buttons */
.sv2-pg-kb .kb-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}
.sv2-pg-kb .kb-tbtn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:40px;padding:0 14px;border:1px solid var(--line-strong);border-radius:10px;background:#fff;font:500 14px/1 Inter,sans-serif;color:var(--ink);white-space:nowrap;cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.sv2-pg-kb .kb-tbtn:hover{border-color:var(--ink)}
.sv2-pg-kb .kb-main{border-color:var(--orange);background:var(--orange);color:#fff;font-weight:600}
.sv2-pg-kb .kb-main:hover{border-color:var(--orange-hover);background:var(--orange-hover)}
.sv2-pg-kb .kb-main.is-done,.sv2-pg-kb .kb-tbtn.is-done{border-color:#15803d;background:#15803d;color:#fff}
.sv2-pg-kb .kb-clear:hover{border-color:#e7a29b;color:#b42318}
.sv2-pg-kb .kb-group{display:inline-flex;height:40px;border:1px solid var(--line-strong);border-radius:10px;overflow:hidden;background:#fff}
.sv2-pg-kb .kb-gbtn{padding:0 14px;border:0;background:#fff;font:500 14px/1 Inter,sans-serif;color:var(--ink);cursor:pointer;transition:background .15s}
.sv2-pg-kb .kb-gbtn+.kb-gbtn{border-inline-start:1px solid var(--line-strong)}
.sv2-pg-kb .kb-gbtn:hover{background:var(--paper)}
.sv2-pg-kb .kb-gbtn.is-on{background:var(--navy);color:#fff}
.sv2-pg-kb .kb-zoom{width:40px;padding:0;font-weight:700}
.sv2-pg-kb .kb-zoom-up{font-size:16px}
.sv2-pg-kb .kb-push{margin-inline-start:auto}
.sv2-pg-kb .kb-ic{flex:0 0 auto;width:16px;height:16px}
[dir="rtl"] .sv2-pg-kb :is(.kb-ic-undo,.kb-ic-redo){scale:-1 1}
.sv2-pg-kb .kb-lbl{display:none}
.sv2-pg-kb .kb-check{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:14px;color:var(--ink)}
.sv2-pg-kb .kb-check input,.sv2-pg-kb .kb-opt input{flex:0 0 auto;width:18px;height:18px;margin:0;border-radius:4px;accent-color:var(--orange)}
.sv2-pg-kb :is(.kb-tbtn,.kb-gbtn,.kb-seg-btn,.kb-key,.kb-more,.kb-cand,.kb-chip,.kb-ch,.kb-ex,.kb-textbtn):focus-visible{outline:3px solid var(--orange);outline-offset:2px;border-radius:8px}

/* Arabic keys */
.sv2-pg-kb .kb-desk{display:none;user-select:none;-webkit-user-select:none}
.sv2-pg-kb .kb-phone{display:block;user-select:none;-webkit-user-select:none}
.sv2-pg-kb .kb-keyrow{display:flex;gap:6px;margin-bottom:6px}
.sv2-pg-kb .kb-keyrow:last-child{margin-bottom:0}
.sv2-pg-kb .kb-key{position:relative;min-width:0;height:3.25rem;padding:0;border:1px solid var(--line-strong);border-radius:10px;background:#fff;color:var(--ink);box-shadow:0 1px 0 rgba(16,29,48,.1);cursor:pointer;transition:border-color .12s,background .12s}
.sv2-pg-kb .kb-key:hover{border-color:var(--ink);background:#fbfaf7}
.sv2-pg-kb .kb-key.is-pressed{border-color:var(--orange);background:#fbf0e8}
.sv2-pg-kb .kb-fn{background:var(--paper);color:var(--muted);font:600 14px/1.2 Inter,sans-serif}
.sv2-pg-kb .kb-fn.is-on{border-color:var(--navy);background:var(--navy);color:#fff}
.sv2-pg-kb .kb-key-lat{position:absolute;top:5px;inset-inline-start:7px;font:11px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--soft)}
.sv2-pg-kb .kb-key-ar{font-size:1.5rem;line-height:1}
.sv2-pg-kb .kb-space{height:3rem;font:500 14px/1 Inter,sans-serif;color:var(--soft)}
.sv2-pg-kb .kb-phone .kb-keyrow{gap:4px;margin-bottom:4px}
.sv2-pg-kb .kb-phone .kb-key{height:2.75rem;border-radius:8px;font-size:1.25rem}
.sv2-pg-kb .kb-phone .kb-fn{font-size:1rem}
.sv2-pg-kb .kb-phone .kb-space{font-size:14px}
.sv2-pg-kb .kb-phone .kb-key:active{background:#fbf0e8}
.sv2-pg-kb .kb-extras{display:grid;gap:18px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.sv2-pg-kb .kb-extra h2{margin-bottom:8px;font:600 12px/1.4 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}
.sv2-pg-kb .kb-extra-keys{display:flex;flex-wrap:wrap;gap:6px}
.sv2-pg-kb .kb-xkey{width:44px;height:44px;font-size:1.25rem}
.sv2-pg-kb .kb-more-row{display:flex;justify-content:center;margin-top:16px}
.sv2-pg-kb .kb-more{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 18px;border:1px solid var(--line-strong);border-radius:999px;background:#fff;font:600 14px/1.2 Inter,sans-serif;color:var(--ink);cursor:pointer;transition:border-color .15s}
.sv2-pg-kb .kb-more:hover{border-color:var(--ink)}
.sv2-pg-kb .kb-more .kb-ic{transition:rotate .2s}
.sv2-pg-kb .kb-more.is-open .kb-ic{rotate:180deg}

/* the text box, pinned to the bottom of the screen while the keys are in view */
.sv2-pg-kb .kb-bar{position:sticky;bottom:0;z-index:30;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(16,29,48,.05);transition:box-shadow .2s}
.sv2-pg-kb .kb-bar.is-stuck{border-color:var(--line-strong);box-shadow:0 -10px 30px rgba(15,23,42,.12)}
.sv2-pg-kb .kb-bar-row{margin:0 0 10px;gap:6px}
.sv2-pg-kb .kb-count{margin-inline-start:auto;font-size:13px;color:var(--soft)}
.sv2-pg-kb .kb-alert{margin-bottom:8px;font-size:14px;color:#b42318}
.sv2-pg-kb .kb-sugg{display:flex;align-items:center;gap:8px;min-height:2.5rem;margin-bottom:8px;overflow-x:auto}
.sv2-pg-kb .kb-sugg-label{flex:0 0 auto;font:600 12px/1.3 Inter,sans-serif;color:var(--soft)}
.sv2-pg-kb .kb-sugg-hint{display:none;font-size:12px;color:var(--soft)}
.sv2-pg-kb .kb-cand{flex:0 0 auto;min-width:40px;height:40px;padding:0 12px;border:1px solid var(--line-strong);border-radius:10px;background:#fff;font-size:1.125rem;color:var(--ink);cursor:pointer;transition:border-color .15s}
.sv2-pg-kb .kb-cand:hover{border-color:var(--ink)}
.sv2-pg-kb .kb-cand.is-first{border-color:var(--orange);background:#fbf0e8}
.sv2-pg-kb .kb-cand-no{margin-inline-end:2px;font-size:10px;vertical-align:top;color:var(--soft)}
.sv2-pg-kb .kb-box{display:block;width:100%;height:6rem;padding:8px 12px;border:1px solid var(--line-strong);border-radius:12px;background:#fff;color:var(--ink);resize:none;outline:none;box-shadow:none;transition:border-color .15s,box-shadow .15s}
.sv2-pg-kb .kb-box:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(199,66,13,.14)}
.sv2-pg-kb .kb-box::placeholder{color:#8a949e;opacity:1}
.sv2-pg-mkb .kb-box{padding:10px 12px;font-size:18px;line-height:1.5}
.sv2-pg-kb .kb-note{margin-top:12px;font-size:14px;line-height:1.5;color:var(--soft)}
.sv2-pg-kb .kb-count-xs{margin-top:6px;font-size:12px;color:var(--soft)}

/* the translation prompt beside the tool (homepage callout) */
.sv2-pg-kb .kb-prompt{display:flex;align-items:center;gap:16px 32px;margin-top:16px;padding:22px 26px;border:1px solid var(--line);border-inline-start:3px solid var(--accent);border-radius:14px;background:#fff}
.sv2-pg-kb .kb-prompt-copy{flex:1 1 auto;min-width:0}
.sv2-pg-kb .kb-prompt-title{font:600 18px/1.35 Poppins,"Poppins Fallback",Inter,sans-serif;letter-spacing:-.01em;color:var(--ink)}
.sv2-pg-kb .kb-prompt-body{margin-top:4px;font-size:15px;line-height:1.6;color:var(--muted)}
.sv2-pg-kb .kb-prompt-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;flex:0 0 auto}
.sv2-pg-kb .kb-prompt .sv2-link{margin-top:0}
.sv2-pg-kb .kb-btn-ink{min-height:48px;padding:0 22px;background:var(--navy);color:#fff}
.sv2-pg-kb .kb-btn-ink:hover{background:#1b2d47;color:#fff}
.sv2-pg-mkb .kb-prompt-ar{margin:0 0 12px}
.sv2-pg-mkb .kb-prompt-ar .kb-prompt-title{flex:1 1 auto}

/* multilingual keyboard: language picker, options and characters */
.sv2-pg-kb .kb-select{display:block;width:100%;height:46px;padding:0 12px;border:1px solid var(--line-strong);border-radius:12px;background-color:#fff;font:500 16px/1.2 Inter,sans-serif;color:var(--ink)}
.sv2-pg-kb .kb-select:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(199,66,13,.14);outline:none}
.sv2-pg-kb .kb-chips{display:none;flex-wrap:wrap;gap:8px}
.sv2-pg-kb .kb-chip{min-height:36px;padding:0 14px;border:1px solid var(--line-strong);border-radius:999px;background:#fff;font:600 14px/1.2 Inter,sans-serif;color:var(--ink);white-space:nowrap;cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.sv2-pg-kb .kb-chip:hover{border-color:var(--ink)}
.sv2-pg-kb .kb-chip.is-on{border-color:var(--navy);background:var(--navy);color:#fff}
.sv2-pg-kb .kb-opts{display:grid;gap:10px;margin-top:14px;font-size:14px;line-height:1.5;color:var(--muted)}
.sv2-pg-kb .kb-opt{display:flex;align-items:flex-start;gap:8px}
.sv2-pg-kb .kb-opt input{margin-top:2px}
.sv2-pg-kb .kb-opt-name{font-weight:600;color:var(--ink)}
.sv2-pg-kb .kb-opt-hint{color:var(--soft)}
.sv2-pg-kb .kb-opt-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.sv2-pg-kb .kb-kana{height:34px}
.sv2-pg-kb .kb-kana .kb-gbtn{padding:0 12px}
.sv2-pg-kb .kb-sec{margin-bottom:20px}
.sv2-pg-kb .kb-sec:last-of-type{margin-bottom:0}
.sv2-pg-kb .kb-sec-h{margin-bottom:10px;font:600 13px/1.4 Inter,sans-serif;letter-spacing:0;color:var(--soft)}
.sv2-pg-kb .kb-sec-lab{text-transform:uppercase;letter-spacing:.08em}
.sv2-pg-kb .kb-sec-sample{margin-inline-start:4px;font-weight:600;text-transform:none}
.sv2-pg-kb .kb-chars{display:flex;flex-wrap:wrap;gap:8px}
.sv2-pg-kb .kb-ch{display:flex;align-items:center;justify-content:center;min-width:2.75rem;height:2.75rem;padding:0 4px;border:1px solid var(--line-strong);border-radius:10px;background:#fff;box-shadow:0 1px 0 rgba(16,29,48,.08);font-size:1.25rem;font-weight:500;color:var(--ink);cursor:pointer;user-select:none;-webkit-user-select:none;transition:border-color .12s,background .12s}
.sv2-pg-kb .kb-ch:hover{border-color:var(--ink);background:#fbfaf7}
.sv2-pg-kb .kb-ch:active{background:#fbf0e8;transform:scale(.96)}
.sv2-pg-kb .kb-bs{width:44px;padding:0;font-size:16px}
.sv2-pg-kb .kb-count-sm{display:none}

/* IBAN validator */
.sv2-pg-iban .kb-card{padding:28px}
.sv2-pg-iban .kb-iban-row{display:flex;flex-direction:column;gap:12px}
.sv2-pg-iban .kb-iban-input{flex:1 1 auto;min-width:0;height:58px;padding:0 16px;border:1px solid var(--line-strong);border-radius:12px;background:#fff;font:500 18px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);outline:none;box-shadow:none}
.sv2-pg-iban .kb-iban-input:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(199,66,13,.14)}
.sv2-pg-iban .kb-iban-input::placeholder{font:400 16px/1 Inter,sans-serif;letter-spacing:0;text-transform:none;color:#8a949e;opacity:1}
.sv2-pg-iban .kb-validate{min-height:58px;padding:0 32px;box-shadow:0 8px 18px -12px rgba(199,66,13,.9);cursor:pointer;border:0}
.sv2-pg-iban .kb-clear-row{display:flex;justify-content:flex-end;margin-top:8px}
.sv2-pg-iban .kb-textbtn{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 4px;border:0;background:none;font:500 14px/1 Inter,sans-serif;color:var(--soft);cursor:pointer}
.sv2-pg-iban .kb-textbtn:hover{color:var(--ink)}
.sv2-pg-iban .kb-results{margin-top:12px;padding:26px 28px;border:1px solid var(--line);border-radius:16px;background:#fff}
.sv2-pg-iban .kb-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;font:600 15px/1.35 Inter,sans-serif}
.sv2-pg-iban .kb-badge svg{flex:0 0 auto;width:20px;height:20px}
.sv2-pg-iban .kb-ok{background:#e8f5ec;color:#14532d}
.sv2-pg-iban .kb-bad{background:#fdeceb;color:#912018}
.sv2-pg-iban .kb-details{margin-top:20px;border-top:1px solid var(--line)}
.sv2-pg-iban .kb-drow{display:flex;align-items:center;justify-content:space-between;gap:8px 20px;padding:14px 0;border-bottom:1px solid var(--line)}
.sv2-pg-iban .kb-drow-iban{display:block}
.sv2-pg-iban .kb-drow-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sv2-pg-iban .kb-dlabel{font:600 14px/1.4 Inter,sans-serif;color:var(--soft)}
.sv2-pg-iban .kb-dval{font:600 16px/1.4 Inter,sans-serif;color:var(--ink);text-align:end;overflow-wrap:anywhere}
.sv2-pg-iban .kb-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.sv2-pg-iban .kb-iban-code{display:block;margin-top:8px;font:700 20px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.1em;color:var(--ink);overflow-wrap:anywhere}
.sv2-pg-iban .kb-drow .kb-tbtn{height:36px;padding:0 12px}
.sv2-pg-iban .kb-res-share{margin-top:22px;padding-top:20px;border-top:1px solid var(--line);text-align:center}
.sv2-pg-iban .kb-empty{margin-top:12px;padding:40px 28px;border:1px dashed var(--line-strong);border-radius:16px;background:#fff;text-align:center}
.sv2-pg-iban .kb-empty h3{font:600 19px/1.35 Poppins,"Poppins Fallback",Inter,sans-serif;letter-spacing:-.01em;color:var(--ink)}
.sv2-pg-iban .kb-empty p{margin-top:6px;font-size:15px;line-height:1.6;color:var(--muted)}
.sv2-pg-iban .kb-examples-card{margin-top:24px;margin-bottom:0}
.sv2-pg-iban .kb-examples{display:grid;grid-template-columns:minmax(0,1fr);gap:4px 12px}
.sv2-pg-iban .kb-ex{display:flex;align-items:center;gap:14px;width:100%;padding:12px;border:1px solid transparent;border-radius:12px;background:none;text-align:start;cursor:pointer;transition:background .15s,border-color .15s}
.sv2-pg-iban .kb-ex:hover{border-color:var(--line);background:var(--paper)}
.sv2-pg-iban .kb-ex-country{font:600 14px/1.4 Inter,sans-serif;color:var(--ink)}
.sv2-pg-iban .kb-ex-iban{font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--soft)}
.sv2-pg-iban .kb-countries .sv2-head{margin-bottom:32px}
.sv2-pg-iban .kb-search{position:relative;max-width:440px;margin-bottom:20px}
.sv2-pg-iban .kb-search .kb-ic{position:absolute;top:50%;inset-inline-start:15px;width:18px;height:18px;margin-top:-9px;color:var(--soft);pointer-events:none}
.sv2-pg-iban .kb-search input{width:100%;height:50px;padding-block:0;padding-inline:44px 16px;border:1px solid var(--line-strong);border-radius:12px;background:#fff;font:400 16px/1 Inter,sans-serif;color:var(--ink);outline:none;box-shadow:none}
.sv2-pg-iban .kb-search input:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(199,66,13,.14)}
.sv2-pg-iban .kb-table-card{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(16,29,48,.04),0 20px 40px -30px rgba(16,29,48,.3)}
.sv2-pg-iban .kb-table{width:100%;border-collapse:collapse;font-size:14px}
.sv2-pg-iban .kb-table th{padding:14px 18px;background:var(--navy);font:600 14px/1.4 Inter,sans-serif;color:#fff;text-align:start}
.sv2-pg-iban .kb-table td{padding:12px 18px;border-top:1px solid var(--line);color:var(--muted);vertical-align:middle}
.sv2-pg-iban .kb-table tbody tr:hover td{background:#fbfaf7}
.sv2-pg-iban .kb-table .kb-c{text-align:center}
.sv2-pg-iban .kb-table .kb-cname{font-weight:500;color:var(--ink)}
.sv2-pg-iban .kb-col-fmt{display:none}
.sv2-pg-iban .kb-table td.kb-col-fmt{font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--soft)}
.sv2-pg-iban .kb-ex-link{padding:4px 0;border:0;background:none;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--ink);text-decoration:underline;text-decoration-color:rgba(199,66,13,.55);text-underline-offset:3px;cursor:pointer}
.sv2-pg-iban .kb-ex-link:hover{color:var(--orange);text-decoration-color:var(--orange)}

/* share row */
.sv2-pg-kb .kb-share{padding-block:40px;background:#fff;text-align:center}
.sv2-pg-kb .kb-share-label{margin-bottom:12px;font-size:14px;color:var(--soft)}
.sv2-pg-kb .kb-share-row{display:flex;justify-content:center;gap:10px}
.sv2-pg-kb .kb-share-row a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line-strong);border-radius:50%;color:var(--muted);transition:border-color .15s,color .15s}
.sv2-pg-kb .kb-share-row a:hover{border-color:var(--ink);color:var(--ink)}

/* phonetic chart: a clean hairline grid, the Arabic letter beside the Latin keys */
.sv2-pg-kb .kb-chart-band{padding-bottom:64px}
.sv2-pg-kb .kb-chart{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--line);border-inline-start:1px solid var(--line)}
.sv2-pg-kb .kb-chart li{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:84px;padding:14px 18px;border-inline-end:1px solid var(--line);border-bottom:1px solid var(--line)}
.sv2-pg-kb .kb-chart-lat{font:14px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--muted)}
.sv2-pg-kb .kb-chart-ar{text-align:center}
.sv2-pg-kb .kb-chart-glyph{display:block;font-size:1.6rem;line-height:1.3;color:var(--ink)}
.sv2-pg-kb .kb-chart-name{display:block;font-size:11px;line-height:1.4;color:var(--soft)}
.sv2-pg-kb .kb-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;margin-top:36px;border-top:1px solid var(--line-strong)}
.sv2-pg-kb .kb-notes li{padding-block:16px;border-bottom:1px solid var(--line-strong);font-size:15px;line-height:1.6;color:var(--muted)}
.sv2-pg-kb .kb-notes-ex{display:flex;flex-wrap:wrap;gap:4px 16px;margin-bottom:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--ink)}
/* r2 fix (6 Oct 2026): the typed arrow became the house drawn arrow; the example line is always left to right, so the arrow never turns */
.sv2-pg-kb .kb-notes-ex>span{display:inline-flex;align-items:center;gap:6px}
.sv2-pg-kb .kb-notes-ex .sv2-arrow{width:16px;height:16px;color:var(--orange)}
[dir="rtl"] .sv2-pg-kb .kb-notes-ex .sv2-arrow{scale:1 1}
.sv2-pg-kb .kb-credits{margin-top:28px;font-size:13px;line-height:1.6;color:var(--soft);text-align:center}
.sv2-pg-kb .kb-credits a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.sv2-pg-kb .kb-credits a:hover{color:var(--ink)}

/* the shared "Need a certified translation?" block (partials.tool-certified-cta), restyled here only as a homepage callout */
.sv2-pg-kb .kb-cert>section{padding:0 0 96px;background:#fff}
.sv2-pg-kb .kb-cert>section>div{max-width:1440px;margin:0 auto;padding-inline:var(--page-pad)}
.sv2-pg-kb .kb-cert .max-w-4xl{max-width:none}
.sv2-pg-kb .kb-cert .bg-orange-50{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 48px;align-items:center;padding:34px 40px;border:0;border-inline-start:3px solid var(--accent);border-radius:14px;background:var(--paper);text-align:start}
.sv2-pg-kb .kb-cert .bg-orange-50>h2{grid-column:1;margin:0;font:600 clamp(24px,2.1vw,32px)/1.2 Poppins,"Poppins Fallback",Inter,sans-serif;letter-spacing:-.025em;color:var(--ink)}
.sv2-pg-kb .kb-cert .bg-orange-50>p{grid-column:1;margin:0;max-width:640px;font-size:17px;line-height:1.65;color:var(--muted)}
.sv2-pg-kb .kb-cert .bg-orange-50>div{grid-column:2;grid-row:1/span 2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px}
.sv2-pg-kb .kb-cert .bg-orange-50 a{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 0;border-bottom:1px solid rgba(199,66,13,.45);font:600 15px/1.35 Inter,sans-serif;color:var(--ink);text-decoration:none}
.sv2-pg-kb .kb-cert .bg-orange-50 a:hover{color:var(--orange);border-color:var(--orange)}
.sv2-pg-kb .kb-cert .bg-orange-50 a svg{color:var(--orange)}

/* FAQ: every answer open, as in the old pages, on the homepage answer cards */
.sv2-pg-kb .kb-faq-list>.kb-qa{margin-bottom:10px;padding:22px 26px;border:1px solid var(--line);border-radius:14px;background:#fff}
.sv2-pg-kb .kb-qa:last-child{margin-bottom:0}
.sv2-pg-kb .kb-qa h3{font:600 18px/1.45 Poppins,"Poppins Fallback",Inter,sans-serif;letter-spacing:-.01em;color:var(--ink)}
.sv2-pg-kb .kb-qa p{margin-top:8px;font-size:16px;line-height:1.75;color:var(--muted)}
.sv2-pg-kb .kb-faq.sv2-white .kb-qa{background:var(--paper);border-color:transparent}

/* "email me" box (components.tool-email-capture), restyled here only: one calm card, navy send button */
.sv2-pg-kb .kb-email-band{padding-block:64px;background:#fff}
.sv2-pg-kb .kb-email-band.is-paper{background:var(--paper)}
.sv2-pg-kb .kb-email{max-width:760px;margin:0 auto}
.sv2-pg-kb .kb-email>div{margin:0;padding:28px 30px;border:1px solid var(--line);border-radius:16px;background:#fff}
.sv2-pg-kb .kb-email>div>p:first-child{font:600 19px/1.35 Poppins,"Poppins Fallback",Inter,sans-serif;letter-spacing:-.01em;color:var(--ink)}
.sv2-pg-kb .kb-email input[type="email"]{min-height:52px;border:1px solid var(--line-strong);border-radius:12px;font-size:16px}
.sv2-pg-kb .kb-email input[type="email"]:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(199,66,13,.14);outline:none}
.sv2-pg-kb .kb-email button[type="submit"]{min-height:52px;border-radius:12px;background:var(--navy);background-image:none;box-shadow:none}
.sv2-pg-kb .kb-email button[type="submit"]:hover{background:#1b2d47;box-shadow:none}
.sv2-pg-kb .kb-email label{color:var(--muted)}

/* features without a heading: clean columns on white */
.sv2-pg-kb .kb-features .sv2-know-grid{border-top-color:var(--line-strong)}

/* wider screens */
@media(min-width:640px){
.sv2-pg-kb .kb-lbl{display:inline}
.sv2-pg-kb .kb-sugg-hint{display:inline}
.sv2-pg-kb .kb-count{font-size:14px}
.sv2-pg-kb .kb-extras{grid-template-columns:repeat(2,minmax(0,1fr))}
.sv2-pg-kb .kb-box{height:7rem}
.sv2-pg-kb .kb-ch{min-width:3.25rem;height:3.25rem}
.sv2-pg-kb .kb-sr-sm{display:none}
.sv2-pg-kb .kb-count-sm{display:inline}
.sv2-pg-kb .kb-count-xs{display:none}
.sv2-pg-iban .kb-iban-row{flex-direction:row}
.sv2-pg-iban .kb-examples{grid-template-columns:repeat(2,minmax(0,1fr))}
.sv2-pg-iban .kb-col-fmt{display:table-cell}
}
@media(min-width:768px){
.sv2-pg-kb .kb-desk{display:block}
.sv2-pg-kb .kb-phone{display:none}
.sv2-pg-kb .kb-select{display:none}
.sv2-pg-kb .kb-chips{display:flex}
}
@media(max-width:1100px){
.sv2-pg-kb .kb-chart{grid-template-columns:repeat(4,minmax(0,1fr))}
.sv2-pg-kb .kb-cert .bg-orange-50{grid-template-columns:minmax(0,1fr)}
.sv2-pg-kb .kb-cert .bg-orange-50>div{grid-column:1;grid-row:auto;flex-direction:row;flex-wrap:wrap;gap:4px 28px;margin-top:10px}
}
@media(max-width:850px){
.sv2-pg-kb .kb-faq-list{margin-top:30px}
.sv2-pg-kb .kb-notes{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:700px){
.sv2-pg-kb .kb-prompt{flex-direction:column;align-items:stretch;padding:20px}
.sv2-pg-kb .kb-prompt-actions{flex-direction:column;align-items:stretch}
.sv2-pg-kb .kb-prompt-actions .sv2-link{align-self:flex-start}
.sv2-pg-kb .kb-prompt-actions .sv2-btn{width:100%;white-space:normal;text-align:center}
}
@media(max-width:639px){
.sv2-pg-kb .kb-tool-wrap{padding-inline:12px}
.sv2-pg-kb .kb-tool{padding-block:12px 44px}
.sv2-pg-kb .kb-card{padding:12px}
.sv2-pg-iban .kb-card{padding:20px 16px}
.sv2-pg-kb .kb-bar{margin-inline:-12px;padding:12px;border-radius:16px 16px 0 0}
.sv2-pg-kb .kb-row{gap:6px}
.sv2-pg-kb .kb-tbtn{padding:0 12px}
.sv2-pg-kb .kb-bar-row .kb-tbtn:not(.kb-main){width:40px;padding:0}
.sv2-pg-iban .kb-validate{width:100%}
.sv2-pg-iban .kb-results{padding:20px 16px}
.sv2-pg-iban .kb-drow{align-items:flex-start}
.sv2-pg-iban .kb-iban-code{font-size:17px;letter-spacing:.06em}
.sv2-pg-iban .kb-empty{padding:28px 18px}
.sv2-pg-iban .kb-table th{padding:12px 10px;font-size:13px}
.sv2-pg-iban .kb-table td{padding:10px;font-size:13px}
}
@media(max-width:600px){
.sv2-pg-kb .sv2-kb-hero{min-height:0}
.sv2-pg-kb .sv2-kb-hero .sv2-hero-inner{padding:20px 24px 28px}
:is(.sv2-pg-arkb,.sv2-pg-mkb) .sv2-hero-media img{filter:saturate(.82) brightness(.55)}
.sv2-pg-kb .sv2-kb-hero h1{font-size:clamp(30px,8.4vw,38px)}
.sv2-pg-kb .kb-hero-context{font-size:14px}
.sv2-pg-kb .kb-chart{grid-template-columns:repeat(2,minmax(0,1fr))}
.sv2-pg-kb .kb-chart li{min-height:72px;padding:12px 14px}
.sv2-pg-kb .kb-share{padding-block:32px}
.sv2-pg-kb .kb-cert>section{padding-bottom:72px}
.sv2-pg-kb .kb-cert .bg-orange-50{padding:26px 20px}
.sv2-pg-kb .kb-cert .bg-orange-50>div{flex-direction:column;align-items:flex-start}
.sv2-pg-kb .kb-qa,.sv2-pg-kb .kb-faq-list>.kb-qa{padding:18px}
.sv2-pg-kb .kb-qa h3{font-size:16px}
.sv2-pg-kb .kb-email-band{padding-block:44px}
.sv2-pg-kb .kb-email>div{padding:22px 18px}
}
@media(max-width:374px){
.sv2-pg-kb .sv2-kb-hero h1{font-size:30px}
}
.sv2-pg-kb .kb-opt-center{align-items:center}