/*!
 * Safee Tools Design System v1.0
 * Every rule is scoped under .sft so it can live inside any WordPress theme.
 * Direction-aware: uses logical properties; works for dir="rtl" and dir="ltr".
 */
.sft{
  /* Brand */
  --sft-brand:#249461;          /* Safee dark green */
  --sft-brand-ink:#1b7a4e;      /* AA-safe green for text/links on white */
  --sft-accent:#3FBD61;         /* Safee light green: primary buttons, highlights */
  --sft-accent-hover:#36ad56;
  --sft-grey:#40403F;           /* Safee grey: body text */
  --sft-beige:#FBF0DF;          /* Safee beige: notes, warm callouts */
  /* Neutrals derived from brand */
  --sft-ink:#16241c;            /* headings */
  --sft-muted:#5d6b62;          /* secondary text */
  --sft-faint:#647068;          /* AA on white and sage */
  --sft-bg:#ffffff;
  --sft-surface:#f3f7f1;        /* sage section background */
  --sft-surface-2:#e9f2e9;
  --sft-line:#dfe7dc;
  --sft-line-strong:#c9d6c6;
  /* Dark panel (instrument cluster) */
  --sft-panel:#13281d;
  --sft-panel-2:#1b3727;
  --sft-panel-3:#244632;
  --sft-panel-line:rgba(255,255,255,.12);
  --sft-panel-text:#eef5ef;
  --sft-panel-muted:#a9bfae;
  /* Status (always paired with icon/text, never colour alone) */
  --sft-ok:#1b7a4e;  --sft-ok-bg:#e6f4ea;
  --sft-warn:#9a5b00; --sft-warn-bg:#fff4dc;
  --sft-bad:#b42318; --sft-bad-bg:#fdecea;
  /* Type */
  --sft-font:"Inter","IBM Plex Sans Arabic",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --sft-font-num:"Inter",system-ui,sans-serif;
  /* Shape */
  --sft-r-sm:6px; --sft-r:10px; --sft-r-lg:16px;
  --sft-shadow:0 1px 2px rgba(19,40,29,.06),0 8px 24px -12px rgba(19,40,29,.16);
  --sft-shadow-lg:0 24px 60px -28px rgba(19,40,29,.45);
  --sft-max:1240px;
  --sft-gutter:clamp(16px,4vw,32px);
  --sft-focus:0 0 0 3px #fff,0 0 0 5px var(--sft-brand);

  font-family:var(--sft-font);
  color:var(--sft-grey);
  background:var(--sft-bg);
  font-size:16px; line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.sft[dir="rtl"]{ --sft-font:"IBM Plex Sans Arabic","Inter",system-ui,"Segoe UI",Tahoma,Arial,sans-serif; line-height:1.75; }
.sft *,.sft *::before,.sft *::after{box-sizing:border-box}
.sft [hidden]{display:none!important}
.sft img,.sft svg{max-width:100%;display:block}
.sft a{color:var(--sft-brand-ink);text-decoration:none}
.sft .sft-prose p a,.sft .sft-prose li a,.sft .sft-lead a,.sft .sft-faq a,.sft .sft-hint a,.sft .sft-note a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.sft .sft-tcard__go{margin-top:auto}
.sft a:hover{text-decoration:underline;text-underline-offset:3px}
.sft :focus-visible{outline:none;box-shadow:var(--sft-focus);border-radius:4px}
.sft h1,.sft h2,.sft h3,.sft h4{color:var(--sft-ink);margin:0;font-weight:700;letter-spacing:-.02em;line-height:1.15}
.sft[dir="rtl"] h1,.sft[dir="rtl"] h2,.sft[dir="rtl"] h3,.sft[dir="rtl"] h4{letter-spacing:0;line-height:1.35}
.sft p{margin:0}
.sft .sft-num{font-family:var(--sft-font-num);font-variant-numeric:tabular-nums;unicode-bidi:isolate}
.sft .sft-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sft .sft-wrap{max-width:var(--sft-max);margin-inline:auto;padding-inline:var(--sft-gutter)}
.sft .sft-section{padding-block:clamp(56px,8vw,96px)}
.sft .sft-section--tint{background:var(--sft-surface)}
.sft .sft-section--line{border-top:1px solid var(--sft-line)}

/* ---------- Type scale ---------- */
.sft .sft-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sft-brand-ink)}
.sft[dir="rtl"] .sft-eyebrow{letter-spacing:0;font-size:13px}
.sft .sft-eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--sft-accent);box-shadow:0 0 0 4px rgba(63,189,97,.18)}
.sft .sft-eyebrow--plain::before{display:none}
.sft .sft-h1{font-size:clamp(34px,5vw,56px)}
.sft .sft-h1 em{font-style:normal;color:var(--sft-brand)}
.sft .sft-h2{font-size:clamp(26px,3.4vw,38px)}
.sft .sft-h3{font-size:clamp(19px,2vw,22px);letter-spacing:-.01em}
.sft .sft-lead{font-size:clamp(17px,1.6vw,19px);color:var(--sft-muted);max-width:60ch}
.sft .sft-small{font-size:13px;color:var(--sft-muted)}
.sft .sft-head{display:grid;gap:14px;margin-bottom:clamp(28px,4vw,44px)}
.sft .sft-head--split{grid-template-columns:1.2fr 1fr;align-items:end;gap:32px}
@media (max-width:860px){.sft .sft-head--split{grid-template-columns:minmax(0,1fr)}}

/* ---------- Breadcrumb ---------- */
.sft .sft-crumbs{font-size:13px;color:var(--sft-muted);padding-block:18px}
.sft .sft-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 10px}
.sft .sft-crumbs li{display:flex;align-items:center;gap:10px}
.sft .sft-crumbs li+li::before{content:"/";color:var(--sft-line-strong)}
.sft .sft-crumbs a{color:var(--sft-muted)}
.sft .sft-crumbs [aria-current]{color:var(--sft-ink)}

/* ---------- Buttons ---------- */
.sft .sft-btn{--b:var(--sft-accent);display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;border-radius:var(--sft-r-sm);border:1px solid transparent;font:inherit;font-weight:600;font-size:15px;cursor:pointer;text-decoration:none!important;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}
.sft .sft-btn svg{width:18px;height:18px;flex:none}
.sft[dir="rtl"] svg.sft-flip{transform:scaleX(-1)}
.sft .sft-btn--primary{background:var(--sft-accent);color:#0b2814}
.sft .sft-btn--primary:hover{background:var(--sft-accent-hover)}
.sft .sft-btn--dark{background:var(--sft-panel);color:#fff}
.sft .sft-btn--dark:hover{background:var(--sft-panel-3)}
.sft .sft-btn--outline{background:#fff;border-color:var(--sft-line-strong);color:var(--sft-ink)}
.sft .sft-btn--outline:hover{border-color:var(--sft-brand);color:var(--sft-brand-ink)}
.sft .sft-btn--ghost{background:transparent;color:var(--sft-brand-ink);padding-inline:6px;min-height:40px}
.sft .sft-btn--sm{min-height:38px;padding:8px 14px;font-size:14px}
.sft .sft-btn[disabled]{opacity:.5;cursor:not-allowed}
.sft .sft-link-arrow{display:inline-flex;align-items:center;gap:8px;font-weight:600}
.sft .sft-link-arrow svg{width:16px;height:16px;transition:transform .15s}
.sft .sft-link-arrow:hover svg{transform:translateX(3px)}
.sft[dir="rtl"] .sft-link-arrow svg{transform:scaleX(-1)}
.sft[dir="rtl"] .sft-link-arrow:hover svg{transform:scaleX(-1) translateX(3px)}

/* ---------- Chips / tags ---------- */
.sft .sft-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--sft-surface-2);color:var(--sft-brand-ink);white-space:nowrap}
.sft .sft-chip--soon{background:var(--sft-beige);color:#7a5418}
.sft .sft-chip--region{background:#fff;border:1px solid var(--sft-line);color:var(--sft-muted)}
.sft .sft-chip--region svg{width:13px;height:13px}
.sft .sft-fmt{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;font-weight:600;color:var(--sft-muted);letter-spacing:.02em}
.sft .sft-chip--dark{background:rgba(255,255,255,.08);color:var(--sft-panel-text);border:1px solid var(--sft-panel-line)}
.sft .sft-chip svg{width:14px;height:14px}
.sft .sft-trust{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:14px;color:var(--sft-muted);list-style:none;margin:0;padding:0}
.sft .sft-trust li{display:flex;align-items:center;gap:8px}
.sft .sft-trust svg{width:18px;height:18px;color:var(--sft-brand);flex:none}

/* ---------- Cards ---------- */
.sft .sft-card{background:#fff;border:1px solid var(--sft-line);border-radius:var(--sft-r-lg);padding:clamp(20px,2.4vw,28px)}
.sft .sft-card--flat{border-radius:var(--sft-r)}
.sft .sft-grid{display:grid;gap:clamp(16px,2vw,24px)}
.sft .sft-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sft .sft-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.sft .sft-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1024px){.sft .sft-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.sft .sft-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:680px){.sft .sft-grid--2,.sft .sft-grid--3,.sft .sft-grid--4{grid-template-columns:minmax(0,1fr)}}
.sft .sft-icon{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;background:var(--sft-surface-2);color:var(--sft-brand)}
.sft .sft-icon svg{width:22px;height:22px}
.sft .sft-step-n{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--sft-brand-ink)}

/* ---------- Tool card (hub) ---------- */
.sft .sft-tcard{position:relative;display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid var(--sft-line);border-radius:var(--sft-r-lg);padding:22px;transition:border-color .15s,box-shadow .15s,transform .15s;min-height:100%}
.sft .sft-tcard:hover{border-color:var(--sft-line-strong);box-shadow:var(--sft-shadow)}
.sft .sft-tcard[data-status="live"]:hover{transform:translateY(-2px)}
.sft .sft-tcard__top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sft .sft-tcard__art{height:96px;border-radius:var(--sft-r);background:var(--sft-surface);border:1px solid var(--sft-line);display:grid;place-items:center;overflow:hidden;color:var(--sft-brand)}
.sft .sft-tcard__art svg{width:100%;height:100%}
.sft .sft-tcard h3{font-size:19px}
.sft .sft-tcard h3 a{color:inherit}
.sft .sft-tcard h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.sft .sft-tcard h3 a:hover{text-decoration:none}
.sft .sft-tcard h3 a:focus-visible{box-shadow:none}
.sft .sft-tcard:has(a:focus-visible){box-shadow:var(--sft-focus)}
.sft .sft-tcard__q{font-size:15px;color:var(--sft-muted)}
.sft .sft-tcard__meta{margin-top:auto;display:grid;gap:10px;padding-top:14px;border-top:1px solid var(--sft-line);font-size:13px}
.sft .sft-tcard__meta dt{color:var(--sft-faint);font-weight:600;font-size:12px}
.sft .sft-tcard__meta dd{margin:2px 0 0;color:var(--sft-ink)}
.sft .sft-tcard__go svg{width:18px;height:18px}
.sft .sft-tcard__go{display:flex;align-items:center;justify-content:space-between;font-weight:600;color:var(--sft-brand-ink);font-size:14px}
.sft .sft-tcard[data-status="soon"] .sft-tcard__go{color:var(--sft-faint)}
.sft .sft-tcard--feature{display:grid;grid-template-columns:1.05fr 1fr;gap:0;padding:0;overflow:hidden;background:var(--sft-panel);border-color:var(--sft-panel);color:var(--sft-panel-text)}
.sft .sft-tcard--feature h3,.sft .sft-tcard--feature h3 a{color:#fff;font-size:clamp(22px,2.6vw,30px)}
.sft .sft-tcard--feature .sft-tcard__q{color:var(--sft-panel-muted);font-size:16px}
.sft .sft-tcard--feature .sft-tcard__body{padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;gap:16px}
.sft .sft-tcard--feature .sft-tcard__art{height:auto;min-height:280px;border:0;border-radius:0;background:var(--sft-panel-2)}
.sft .sft-tcard--feature .sft-tcard__meta{border-color:var(--sft-panel-line)}
.sft .sft-tcard--feature .sft-tcard__meta dt{color:var(--sft-panel-muted)}
.sft .sft-tcard--feature .sft-tcard__meta dd{color:#fff}
.sft .sft-tcard--feature .sft-tcard__go{color:var(--sft-accent)}
@media (max-width:860px){.sft .sft-tcard--feature{grid-template-columns:minmax(0,1fr)}.sft .sft-tcard--feature .sft-tcard__art{min-height:200px;order:-1}}

/* ---------- Filters ---------- */
.sft .sft-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:24px}
.sft .sft-search{position:relative;flex:1 1 280px;max-width:420px}
.sft .sft-search svg{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--sft-faint);pointer-events:none}
.sft .sft-search input{width:100%;min-height:48px;padding-block:10px;padding-inline:44px 14px;border:1px solid var(--sft-line-strong);border-radius:var(--sft-r-sm);font:inherit;font-size:15px;color:var(--sft-ink);background:#fff}
.sft .sft-search input:focus{outline:none;border-color:var(--sft-brand);box-shadow:0 0 0 3px rgba(36,148,97,.18)}
.sft .sft-pills{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px;margin:-2px;-webkit-overflow-scrolling:touch}
.sft .sft-pills::-webkit-scrollbar{display:none}
.sft .sft-pill{flex:none;min-height:40px;padding:8px 16px;border-radius:999px;border:1px solid var(--sft-line-strong);background:#fff;color:var(--sft-ink);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.sft .sft-pill[aria-pressed="true"]{background:var(--sft-panel);border-color:var(--sft-panel);color:#fff}
.sft .sft-pill .sft-count{font-weight:500;opacity:.65;margin-inline-start:4px}
.sft .sft-empty{padding:40px;text-align:center;border:1px dashed var(--sft-line-strong);border-radius:var(--sft-r-lg);color:var(--sft-muted)}

/* ---------- Form controls ---------- */
.sft .sft-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 18px}
.sft .sft-fields--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.sft .sft-fields .sft-span{grid-column:1/-1}
@media (max-width:600px){.sft .sft-fields,.sft .sft-fields--3{grid-template-columns:minmax(0,1fr)}}
.sft .sft-field{display:grid;gap:6px;align-content:start;min-width:0}
.sft .sft-label{font-size:14px;font-weight:600;color:var(--sft-ink);display:flex;align-items:center;gap:6px;justify-content:space-between}
.sft .sft-label .sft-opt{font-weight:500;color:var(--sft-faint);font-size:12px}
.sft .sft-input{position:relative;display:flex;align-items:stretch;border:1px solid var(--sft-line-strong);border-radius:var(--sft-r-sm);background:#fff;transition:border-color .15s,box-shadow .15s}
.sft .sft-input:focus-within{border-color:var(--sft-brand);box-shadow:0 0 0 3px rgba(36,148,97,.18)}
.sft .sft-input input,.sft .sft-input select,.sft select.sft-select,.sft input.sft-text{flex:1;min-width:0;width:100%;min-height:48px;padding:10px 14px;border:0;background:transparent;font:inherit;font-size:16px;color:var(--sft-ink);font-family:var(--sft-font-num);font-variant-numeric:tabular-nums}
.sft .sft-input input:focus,.sft .sft-input select:focus{outline:none}
.sft .sft-input select,.sft select.sft-select{font-family:var(--sft-font);appearance:none;-webkit-appearance:none;cursor:pointer;padding-inline-end:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235d6b62' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:18px;background-position:right 12px center}
.sft[dir="rtl"] .sft-input select,.sft[dir="rtl"] select.sft-select{background-position:left 12px center}
.sft select.sft-select,.sft input.sft-text{border:1px solid var(--sft-line-strong);border-radius:var(--sft-r-sm);background-color:#fff}
.sft select.sft-select:focus,.sft input.sft-text:focus{outline:none;border-color:var(--sft-brand);box-shadow:0 0 0 3px rgba(36,148,97,.18)}
.sft .sft-unit{display:flex;align-items:center;padding-inline:12px;font-size:13px;font-weight:600;color:var(--sft-muted);background:var(--sft-surface);border-inline-start:1px solid var(--sft-line);border-start-end-radius:var(--sft-r-sm);border-end-end-radius:var(--sft-r-sm);white-space:nowrap}
.sft .sft-hint{font-size:13px;color:var(--sft-muted);line-height:1.5}
.sft .sft-err{display:none;font-size:13px;font-weight:600;color:var(--sft-bad);align-items:center;gap:6px}
.sft .sft-err::before{content:"!";display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--sft-bad);color:#fff;font-size:11px;flex:none}
.sft .sft-field.is-invalid .sft-input{border-color:var(--sft-bad);box-shadow:0 0 0 3px rgba(180,35,24,.12)}
.sft .sft-field.is-invalid .sft-err{display:flex}
.sft .sft-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;cursor:pointer}
.sft .sft-check input{width:18px;height:18px;margin-top:3px;accent-color:var(--sft-brand);flex:none}

/* Segmented control */
.sft .sft-seg{display:inline-flex;padding:4px;gap:4px;border-radius:var(--sft-r);background:var(--sft-surface);border:1px solid var(--sft-line);flex-wrap:wrap}
.sft .sft-seg button{min-height:38px;padding:6px 14px;border-radius:7px;border:0;background:transparent;font:inherit;font-size:14px;font-weight:600;color:var(--sft-muted);cursor:pointer}
.sft .sft-seg button[aria-pressed="true"]{background:#fff;color:var(--sft-ink);box-shadow:0 1px 3px rgba(19,40,29,.14)}

/* Tabs */
.sft .sft-tabs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--sft-line);margin-inline:calc(-1 * clamp(20px,2.4vw,28px));padding-inline:clamp(20px,2.4vw,28px);-webkit-overflow-scrolling:touch}
.sft .sft-tabs::-webkit-scrollbar{display:none}
.sft .sft-tab{flex:none;display:flex;align-items:center;gap:8px;min-height:50px;padding:10px 14px;border:0;background:none;font:inherit;font-size:14px;font-weight:600;color:var(--sft-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.sft .sft-tab svg{width:18px;height:18px}
.sft .sft-tab[aria-selected="true"]{color:var(--sft-ink);border-bottom-color:var(--sft-brand)}
.sft .sft-tab .sft-tab-tag{font-size:11px;padding:2px 7px;border-radius:999px;background:var(--sft-surface-2);color:var(--sft-brand-ink)}
.sft .sft-tabpanel[hidden]{display:none}

/* ---------- Tool layout ---------- */
.sft .sft-hero{background:linear-gradient(180deg,var(--sft-surface) 0,#fff 100%);border-bottom:1px solid var(--sft-line)}
.sft .sft-hero__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:center;padding-block:clamp(24px,4vw,48px) clamp(40px,6vw,72px)}
.sft .sft-hero__copy{display:grid;gap:20px}
@media (max-width:960px){.sft .sft-hero__grid{grid-template-columns:minmax(0,1fr)}}
.sft .sft-tool{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(16px,2.4vw,28px);align-items:start}
@media (max-width:1024px){.sft .sft-tool{grid-template-columns:minmax(0,1fr)}}
.sft .sft-tool__inputs{display:block}
.sft .sft-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px 14px;border-radius:var(--sft-r);background:var(--sft-surface);border:1px solid var(--sft-line)}
.sft .sft-toolbar .sft-label{font-size:12px;color:var(--sft-muted)}
.sft .sft-toolbar select.sft-select{min-height:42px;padding-block:6px;font-size:14px}
.sft .sft-tool-card .sft-tabs{margin-bottom:20px}
.sft .sft-tool-card .sft-toolbar{margin-bottom:22px}
.sft .sft-subhead{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px;font-weight:700;color:var(--sft-ink)}
.sft .sft-divider{height:1px;background:var(--sft-line);border:0;margin:0}
.sft .sft-tool__out{position:sticky;top:20px;display:grid;gap:16px}
@media (max-width:1024px){.sft .sft-tool__out{position:static}}

/* Dark instrument panel */
.sft .sft-panel{background:var(--sft-panel);color:var(--sft-panel-text);border-radius:var(--sft-r-lg);padding:clamp(20px,2.4vw,28px);box-shadow:var(--sft-shadow-lg);display:grid;gap:18px;overflow:hidden}
.sft .sft-panel__head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--sft-panel-line)}
.sft .sft-panel__title{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sft-panel-muted)}
.sft[dir="rtl"] .sft-panel__title{letter-spacing:0;font-size:13px}
.sft .sft-panel h2,.sft .sft-panel h3{color:#fff}
.sft .sft-big{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.sft .sft-big__v{font-family:var(--sft-font-num);font-size:clamp(36px,4.6vw,52px);font-weight:700;letter-spacing:-.03em;line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.sft .sft-big__u{font-size:15px;color:var(--sft-panel-muted)}
.sft .sft-big__l{font-size:14px;color:var(--sft-panel-muted);width:100%}
.sft .sft-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--sft-panel-line);border:1px solid var(--sft-panel-line);border-radius:var(--sft-r);overflow:hidden}
.sft .sft-kpi{background:var(--sft-panel);padding:14px 16px;display:grid;gap:4px;min-width:0}
.sft .sft-kpi__l{font-size:12px;color:var(--sft-panel-muted);line-height:1.4}
.sft .sft-kpi__v{font-family:var(--sft-font-num);font-size:clamp(16px,4.6vw,20px);font-weight:700;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.sft .sft-kpi__s{font-size:12px;color:var(--sft-panel-muted)}
.sft .sft-panel__art{border-radius:var(--sft-r);background:var(--sft-panel-2);border:1px solid var(--sft-panel-line);padding:12px;color:var(--sft-panel-muted)}
.sft .sft-panel__art svg{width:100%;height:auto}
.sft .sft-panel__note{font-size:12px;color:var(--sft-panel-muted);line-height:1.5}
.sft .sft-panel .sft-empty-state{padding:28px 8px;text-align:center;color:var(--sft-panel-muted);font-size:15px}

/* Light result blocks */
.sft .sft-result{display:grid;gap:14px}
.sft .sft-rcard{border:1px solid var(--sft-line);border-radius:var(--sft-r);padding:18px;background:#fff;display:grid;gap:12px}
.sft .sft-rcard h3,.sft .sft-rcard__t{font-size:16px}
.sft .sft-rcard__t{margin:0;font-weight:700;color:inherit}
.sft .sft-interpret{background:var(--sft-beige);border-radius:var(--sft-r);padding:16px 18px;font-size:15px;color:#4a3a1f;display:grid;gap:6px}
.sft .sft-interpret strong{color:#3b2c12}
.sft .sft-alert{display:flex;gap:10px;align-items:flex-start;border-radius:var(--sft-r-sm);padding:12px 14px;font-size:14px}
.sft .sft-alert svg{width:18px;height:18px;flex:none;margin-top:2px}
.sft .sft-alert--warn{background:var(--sft-warn-bg);color:var(--sft-warn)}
.sft .sft-alert--ok{background:var(--sft-ok-bg);color:var(--sft-ok)}
.sft .sft-alert--bad{background:var(--sft-bad-bg);color:var(--sft-bad)}

/* Bars (HTML-based so they mirror in RTL automatically) */
.sft .sft-bars{display:grid;gap:12px}
.sft .sft-bar{display:grid;grid-template-columns:minmax(90px,30%) 1fr auto;gap:12px;align-items:center;font-size:13px}
.sft .sft-bar__l{color:inherit;line-height:1.3}
.sft .sft-bar__t{height:12px;border-radius:999px;background:rgba(127,150,135,.18);overflow:hidden;position:relative}
.sft .sft-bar__f{position:absolute;inset-block:0;inset-inline-start:0;border-radius:999px;background:var(--sft-accent);transition:width .35s ease}
.sft .sft-bar__f--muted{background:#8fa497}
.sft .sft-bar__f--warn{background:#e0a33a}
.sft .sft-bar__f--dark{background:var(--sft-brand)}
.sft .sft-bar__v{font-family:var(--sft-font-num);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
@media (max-width:520px){.sft .sft-bar{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}.sft .sft-bar__t{grid-column:1/-1;grid-row:2}}
.sft .sft-stack{display:flex;height:16px;border-radius:999px;overflow:hidden;background:rgba(127,150,135,.18)}
.sft .sft-stack>span{height:100%;transition:width .35s ease}
.sft .sft-legend{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12px;list-style:none;margin:0;padding:0}
.sft .sft-legend li{display:flex;align-items:center;gap:6px}
.sft .sft-legend i{width:10px;height:10px;border-radius:3px;display:inline-block}

/* Waterfall / bridge */
.sft .sft-bridge{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:end;height:220px;padding-top:24px;position:relative}
.sft .sft-bridge__c{position:relative;height:100%}
.sft .sft-bridge__b{position:absolute;inset-inline:12%;border-radius:4px;min-height:2px;transition:all .35s ease}
.sft .sft-bridge__v{position:absolute;inset-inline:-6px;text-align:center;font-family:var(--sft-font-num);font-size:12px;font-weight:700;white-space:nowrap}
.sft .sft-bridge__labels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;font-size:12px;text-align:center;margin-top:8px;line-height:1.3}

/* Tables */
.sft .sft-table-wrap{position:relative;overflow-x:auto;border:1px solid var(--sft-line);border-radius:var(--sft-r);-webkit-overflow-scrolling:touch}
.sft table.sft-table{width:100%;border-collapse:collapse;font-size:14px;min-width:520px}
.sft .sft-table th,.sft .sft-table td{padding:10px 12px;text-align:start;border-bottom:1px solid var(--sft-line);vertical-align:middle}
.sft .sft-table thead th{background:var(--sft-surface);font-size:12px;font-weight:700;color:var(--sft-muted);white-space:nowrap}
.sft .sft-table td.n,.sft .sft-table th.n{text-align:end;font-family:var(--sft-font-num);font-variant-numeric:tabular-nums;white-space:nowrap}
.sft .sft-table tr:last-child td{border-bottom:0}
.sft .sft-table input{width:100%;min-width:80px;min-height:40px;padding:6px 10px;border:1px solid var(--sft-line-strong);border-radius:6px;font:inherit;font-family:var(--sft-font-num);font-size:15px}
.sft .sft-table input:focus{outline:none;border-color:var(--sft-brand);box-shadow:0 0 0 3px rgba(36,148,97,.18)}
.sft .sft-table input[aria-invalid="true"]{border-color:var(--sft-bad)}
.sft .sft-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}
.sft .sft-status--ok{background:var(--sft-ok-bg);color:var(--sft-ok)}
.sft .sft-status--warn{background:var(--sft-warn-bg);color:var(--sft-warn)}
.sft .sft-status--info{background:var(--sft-surface-2);color:var(--sft-muted)}
.sft .sft-icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:8px;border:1px solid var(--sft-line);background:#fff;color:var(--sft-muted);cursor:pointer}
.sft .sft-icon-btn:hover{color:var(--sft-bad);border-color:var(--sft-bad)}
.sft .sft-icon-btn svg{width:16px;height:16px}

/* Route cards */
.sft .sft-routes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (max-width:600px){.sft .sft-routes{grid-template-columns:minmax(0,1fr)}}
.sft .sft-route{border:1px solid var(--sft-line);border-radius:var(--sft-r);padding:16px;display:grid;gap:14px;background:#fff}
.sft .sft-route__h{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--sft-ink)}
.sft .sft-route__badge{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;color:#fff;background:var(--sft-brand)}
.sft .sft-route--b .sft-route__badge{background:#c48a2c}
.sft .sft-route .sft-fields{grid-template-columns:1fr 1fr;gap:12px}

/* Details / methodology */
.sft details.sft-more{border:1px solid var(--sft-line);border-radius:var(--sft-r);background:#fff}
.sft details.sft-more>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;font-weight:600;color:var(--sft-ink);font-size:15px;min-height:48px}
.sft details.sft-more>summary::-webkit-details-marker{display:none}
.sft details.sft-more>summary::after{content:"+";font-size:20px;font-weight:400;color:var(--sft-brand)}
.sft details.sft-more[open]>summary::after{content:"\2212"}
.sft details.sft-more>div{padding:0 16px 16px;font-size:14px;display:grid;gap:10px}
.sft .sft-formula{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13.5px;background:var(--sft-surface);border:1px solid var(--sft-line);border-radius:8px;padding:12px 14px;color:var(--sft-ink);text-align:start;overflow-x:auto;white-space:pre;line-height:1.7}
.sft[dir="rtl"] .sft-formula{font-family:var(--sft-font);font-size:14.5px;line-height:1.9;white-space:pre-wrap}

/* ---------- Lead / report ---------- */
.sft .sft-report{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;border-radius:var(--sft-r-lg);border:1px solid var(--sft-line);background:linear-gradient(135deg,#fff 0,var(--sft-surface) 100%);padding:clamp(20px,3vw,32px)}
.sft .sft-report ul{margin:10px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px;color:var(--sft-muted)}
.sft .sft-report li{display:flex;gap:6px;align-items:center}
.sft .sft-report li svg{width:16px;height:16px;color:var(--sft-brand)}
@media (max-width:720px){.sft .sft-report{grid-template-columns:minmax(0,1fr)}.sft .sft-report .sft-btn{width:100%}}
.sft dialog.sft-modal{border:0;padding:0;border-radius:var(--sft-r-lg);width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 24px);box-shadow:var(--sft-shadow-lg);color:var(--sft-grey);font-family:var(--sft-font)}
.sft dialog.sft-modal::backdrop{background:rgba(10,22,15,.55)}
.sft .sft-modal__in{padding:clamp(20px,3vw,32px);display:grid;gap:18px}
.sft .sft-modal__head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.sft .sft-modal__x{background:none;border:0;width:40px;height:40px;border-radius:8px;cursor:pointer;color:var(--sft-muted);display:grid;place-items:center;flex:none}
.sft .sft-modal__x svg{width:20px;height:20px}

/* ---------- Long-form SEO content ---------- */
.sft .sft-article{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:start}
@media (max-width:960px){.sft .sft-article{grid-template-columns:minmax(0,1fr)}}
.sft .sft-toc{position:sticky;top:24px;font-size:14px;display:grid;gap:10px}
.sft .sft-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:2px;border-inline-start:2px solid var(--sft-line)}
.sft .sft-toc a{display:block;padding:6px 14px;color:var(--sft-muted);margin-inline-start:-2px;border-inline-start:2px solid transparent}
.sft .sft-toc a:hover,.sft .sft-toc a[aria-current="true"]{color:var(--sft-ink);border-inline-start-color:var(--sft-brand);text-decoration:none}
@media (max-width:960px){.sft .sft-toc{position:static}.sft .sft-toc ol{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.sft .sft-toc ol{grid-template-columns:minmax(0,1fr)}}
.sft .sft-prose{max-width:760px;font-size:17px;color:var(--sft-grey)}
.sft .sft-prose>*+*{margin-top:1.05em}
.sft .sft-prose h2{font-size:clamp(24px,2.8vw,30px);margin-top:2.2em;scroll-margin-top:24px}
.sft .sft-prose h2:first-child{margin-top:0}
.sft .sft-prose h3{font-size:20px;margin-top:1.8em}
.sft .sft-prose ul,.sft .sft-prose ol{padding-inline-start:1.3em}
.sft .sft-prose li+li{margin-top:.45em}
.sft .sft-prose strong{color:var(--sft-ink)}
.sft .sft-prose .sft-formula{font-size:14px}
.sft .sft-prose table{width:100%;border-collapse:collapse;font-size:15px}
.sft .sft-prose th,.sft .sft-prose td{border-bottom:1px solid var(--sft-line);padding:10px 8px;text-align:start;vertical-align:top}
.sft .sft-prose th{font-size:13px;color:var(--sft-muted)}
.sft .sft-callout{border-inline-start:3px solid var(--sft-accent);background:var(--sft-surface);padding:16px 18px;border-radius:0 var(--sft-r) var(--sft-r) 0;font-size:16px}
.sft[dir="rtl"] .sft-callout{border-radius:var(--sft-r) 0 0 var(--sft-r)}

/* FAQ */
.sft .sft-faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:clamp(24px,5vw,72px)}
@media (max-width:860px){.sft .sft-faq{grid-template-columns:minmax(0,1fr)}}
.sft .sft-faq__list{border-top:1px solid var(--sft-line)}
.sft .sft-faq details{border-bottom:1px solid var(--sft-line)}
.sft .sft-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 4px;font-weight:600;font-size:17px;color:var(--sft-ink)}
.sft .sft-faq summary::-webkit-details-marker{display:none}
.sft .sft-faq summary::after{content:"+";font-size:22px;font-weight:400;color:var(--sft-brand);flex:none}
.sft .sft-faq details[open] summary::after{content:"\2212"}
.sft .sft-faq details>div{padding:0 4px 22px;color:var(--sft-muted);font-size:16px;display:grid;gap:10px;max-width:68ch}

/* Related solution */
.sft .sft-solution{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;border:1px solid var(--sft-line);border-radius:var(--sft-r-lg);padding:clamp(24px,4vw,44px);background:#fff}
@media (max-width:860px){.sft .sft-solution{grid-template-columns:minmax(0,1fr)}}
.sft .sft-solution ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.sft .sft-solution li{display:flex;gap:12px;align-items:flex-start;font-size:15px}
.sft .sft-solution li svg{width:20px;height:20px;color:var(--sft-brand);flex:none;margin-top:3px}

/* Final CTA */
.sft .sft-cta{background:var(--sft-panel);color:var(--sft-panel-text);border-radius:var(--sft-r-lg);padding:clamp(28px,5vw,56px);display:grid;grid-template-columns:minmax(0,1.4fr) auto;gap:28px;align-items:center}
.sft .sft-cta h2{color:#fff}
.sft .sft-cta p{color:var(--sft-panel-muted);margin-top:14px;max-width:56ch}
.sft .sft-cta .sft-eyebrow{color:var(--sft-accent)}
.sft .sft-cta__actions{display:grid;gap:12px;justify-items:center}
.sft .sft-cta__actions a.sft-link-arrow{color:var(--sft-panel-text)}
@media (max-width:760px){.sft .sft-cta{grid-template-columns:minmax(0,1fr)}.sft .sft-cta__actions{justify-items:stretch}.sft .sft-cta__actions .sft-link-arrow{justify-content:center}}

/* Related list */
.sft .sft-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:860px){.sft .sft-related{grid-template-columns:minmax(0,1fr)}}

/* Question finder (hub) */
.sft .sft-qlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;border-top:1px solid var(--sft-line)}
@media (max-width:760px){.sft .sft-qlist{grid-template-columns:minmax(0,1fr)}}
.sft .sft-qlist a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 2px;border-bottom:1px solid var(--sft-line);color:var(--sft-ink);font-weight:600}
.sft .sft-qlist a:hover{color:var(--sft-brand-ink);text-decoration:none}
.sft .sft-qlist a span{display:inline-flex;align-items:center;gap:8px;font-weight:500;font-size:13px;color:var(--sft-muted);white-space:nowrap;flex:none}
.sft .sft-qlist a span svg{width:16px;height:16px}
.sft .sft-qlist a[aria-disabled="true"]{color:var(--sft-muted);pointer-events:none}

/* Mobile result bar */
.sft .sft-mbar{display:none}
@media (max-width:1024px){
.sft .sft-mbar{display:flex;position:fixed;inset-inline:12px;bottom:12px;z-index:50;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 16px;border-radius:12px;background:var(--sft-panel);color:#fff;box-shadow:var(--sft-shadow-lg);transform:translateY(140%);transition:transform .25s ease}
.sft[dir="rtl"] .sft-mbar{padding:10px 16px 10px 10px}
.sft .sft-mbar.is-on{transform:none}
.sft .sft-mbar div{display:grid;min-width:0}
.sft .sft-mbar small{font-size:12px;color:var(--sft-panel-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sft .sft-mbar b{font-family:var(--sft-font-num);font-size:18px;font-variant-numeric:tabular-nums}
.sft .sft-mbar .sft-btn{min-height:40px;padding:8px 14px;font-size:14px}}

/* Motion */
@media (prefers-reduced-motion:reduce){.sft *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Print (report window uses its own sheet; this keeps the page print sane) */

/* ---------- Spreadsheet preview, downloads, sheet list (templates) ---------- */
.sft .sft-sheet{background:#fff;border:1px solid var(--sft-line);border-radius:var(--sft-r-lg);box-shadow:0 18px 40px -24px rgba(19,40,29,.35);overflow:hidden;display:grid}
.sft .sft-sheet__bar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--sft-line);font-size:13px;font-weight:600}
.sft .sft-sheet__bar .sft-icon{width:30px;height:30px}
.sft .sft-sheet__bar small{margin-inline-start:auto;font-weight:500;color:var(--sft-faint)}
.sft .sft-sheet__scroll{overflow-x:auto}
.sft .sft-sheet__scroll:focus-visible,.sft .sft-formula:focus-visible{outline:2px solid var(--sft-accent);outline-offset:2px}
.sft .sft-sheet table{border-collapse:collapse;width:100%;min-width:520px;font-family:var(--sft-font-num);font-size:12.5px;font-variant-numeric:tabular-nums}
.sft .sft-sheet th{background:var(--sft-brand-ink);color:#fff;font-weight:600;text-align:start;padding:8px 10px;white-space:nowrap;font-family:var(--sft-font)}
.sft .sft-sheet td{padding:8px 10px;border-bottom:1px solid #e7ede8;white-space:nowrap;color:var(--sft-ink)}
.sft .sft-sheet td.c{background:#f1f5f2}
.sft .sft-sheet td:first-child,.sft .sft-sheet th:first-child{border-inline-end:1px solid #e7ede8}
.sft .sft-sheet tr.is-flag td{background:#fbf0df}
.sft .sft-sheet .sft-flag{display:inline-flex;margin-inline-start:6px;font-size:11px;font-weight:700;color:#7a5418;background:#f4dfba;border-radius:999px;padding:2px 8px;font-family:var(--sft-font)}
.sft .sft-sheet__tabs{display:flex;gap:2px;padding:0 10px;background:var(--sft-surface);border-top:1px solid var(--sft-line);font-size:12px;overflow-x:auto}
.sft .sft-sheet__tabs span{padding:9px 12px;color:var(--sft-muted);white-space:nowrap}
.sft .sft-sheet__tabs span.is-on{background:#fff;color:var(--sft-brand-ink);font-weight:600;border-inline:1px solid var(--sft-line);margin-top:-1px}
.sft .sft-sheet__note{padding:10px 16px;font-size:12.5px;color:var(--sft-muted);background:var(--sft-surface);border-top:1px solid var(--sft-line)}
.sft .sft-dl{display:grid;gap:12px;background:#fff;border:1px solid var(--sft-line);border-radius:var(--sft-r-lg);padding:20px}
.sft .sft-dl__row{display:flex;flex-wrap:wrap;gap:10px}
.sft .sft-dl small{color:var(--sft-faint);font-size:12.5px}
.sft .sft-sheets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;padding:0}
@media (max-width:1024px){.sft .sft-sheets{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.sft .sft-sheets{grid-template-columns:minmax(0,1fr)}}
.sft .sft-sheets>li{list-style:none;background:#fff;border:1px solid var(--sft-line);border-radius:var(--sft-r);padding:18px;display:grid;gap:8px;align-content:start}
.sft .sft-sheets>li b{font-size:15px}
.sft .sft-sheets>li p{font-size:14px;color:var(--sft-muted);margin:0}
.sft .sft-sheets>li .sft-step-n{margin:0}
.sft .sft-prose .sft-flags,.sft .sft-flags{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:16px 0 0;padding:0;list-style:none}
.sft .sft-prose .sft-flags li,.sft .sft-flags li{list-style:none;margin:0;background:var(--sft-beige);border-radius:8px;padding:12px 14px;font-size:14px}
.sft .sft-flags b{display:block;color:#7a5418;font-size:13px;margin-bottom:4px}
@media print{.sft .sft-tool__out{position:static}.sft .sft-btn,.sft .sft-tabs,.sft .sft-filters,.sft dialog{display:none!important}}
/* share link */
.sft .sft-rcard__acts{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}
.sft .sft-input-plain{display:block;width:100%;margin-top:8px;padding:8px 10px;border:1px solid var(--sft-line-strong);border-radius:8px;font:inherit;font-size:13px;direction:ltr;background:#fff;color:var(--sft-ink)}
/* engine: editable cells, output tables, questions, option cards */
.sft .sft-table--edit td{padding:8px 6px}
.sft .sft-table--edit input.sft-cell,.sft .sft-table--edit select.sft-select--cell{width:100%;min-width:72px;min-height:40px;padding:6px 10px;border:1px solid var(--sft-line-strong);border-radius:6px;font:inherit;font-size:15px;background:#fff;color:var(--sft-ink)}
.sft .sft-table--edit td:first-child input.sft-cell{min-width:150px}
.sft .sft-table--edit input.sft-cell.is-invalid{border-color:var(--sft-bad);background:var(--sft-bad-bg)}
.sft .sft-table--edit select.sft-select--cell{padding-inline-end:30px}
.sft .sft-rcard .sft-table-wrap{border-color:var(--sft-line)}
.sft table.sft-table--out{min-width:480px;font-size:13.5px}
.sft table.sft-table--out tbody th{font-weight:600;color:var(--sft-ink)}
.sft table.sft-table--out td{font-variant-numeric:tabular-nums;white-space:nowrap}
.sft .sft-q{border:1px solid var(--sft-line);border-radius:var(--sft-r);padding:16px;margin:0;display:grid;gap:10px;background:#fff}
.sft .sft-q legend{font-weight:600;font-size:15px;color:var(--sft-ink);padding:0 4px;float:left;width:100%;margin-bottom:6px}
.sft[dir="rtl"] .sft-q legend{float:right}
.sft .sft-q__opts{display:grid;gap:6px;clear:both}
.sft .sft-opt-row{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:14px;line-height:1.45}
.sft .sft-opt-row:hover{background:var(--sft-surface)}
.sft .sft-opt-row input{width:18px;height:18px;margin-top:2px;accent-color:var(--sft-brand);flex:none}
.sft .sft-opt-row:has(input:checked){background:var(--sft-surface-2)}
.sft .sft-check--card{border:1px solid var(--sft-line);border-radius:var(--sft-r);padding:12px 14px;background:#fff}
.sft .sft-check--card:has(input:checked){border-color:var(--sft-brand);background:var(--sft-surface)}
.sft .sft-check--card b{display:block;font-size:14px;color:var(--sft-ink)}
.sft .sft-check--card small{display:block;font-size:13px;color:var(--sft-muted);margin-top:2px}
.sft .sft-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (max-width:600px){.sft .sft-checks{grid-template-columns:minmax(0,1fr)}}
.sft .sft-shared{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--sft-muted);background:var(--sft-surface);border-radius:8px;padding:10px 12px;margin:0}
.sft .sft-shared svg{width:16px;height:16px;flex:none;margin-top:3px;color:var(--sft-brand)}
.sft .sft-inside{display:grid;gap:10px;list-style:none;margin:0;padding:0}
.sft .sft-inside a{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--sft-line);border-radius:var(--sft-r);background:#fff;color:var(--sft-ink);text-decoration:none}
.sft .sft-inside a:hover{border-color:var(--sft-brand)}
.sft .sft-inside .sft-icon{width:38px;height:38px}
.sft .sft-inside b{font-size:15px;display:block}
.sft .sft-inside small{font-size:13px;color:var(--sft-muted);display:block;line-height:1.4}
.sft .sft-inside svg.sft-flip{width:16px;height:16px;color:var(--sft-faint)}
.sft .sft-related .sft-tcard__art{height:80px}
.sft .sft-table--out th[scope=row]{white-space:nowrap}
.sft .sft-table--edit input.sft-cell[type=date]{min-width:150px}
.sft .sft-alert--info{background:var(--sft-surface-2);color:var(--sft-ink-2,var(--sft-ink))}
.sft .sft-status--bad{background:var(--sft-bad-bg);color:var(--sft-bad)}
.sft .sft-bar__f--bad{background:var(--sft-bad)}
.sft .sft-reqs{margin:0;padding-inline-start:20px;display:grid;gap:14px}
.sft .sft-reqs>li>p{margin:0 0 6px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sft .sft-reqs ul{margin:0;padding-inline-start:18px;display:grid;gap:4px;color:var(--sft-muted);font-size:14px}
.sft .sft-reqs--flat{gap:8px;font-size:15px}

/* Phones: keep "coming soon" cards short so available items stay within reach */
@media (max-width:600px){
  .sft [data-item][data-status=soon] .sft-tcard__art,.sft [data-item][data-status=soon] .sft-tcard__meta{display:none}
  .sft [data-item][data-status=soon]{padding:16px 18px;gap:10px}
  .sft [data-item] .sft-tcard__art{height:80px}
}

.pv-head{background:#fff;border-bottom:1px solid #e4eadd;font-family:Inter,"IBM Plex Sans Arabic",system-ui,sans-serif}
.pv-in{max-width:1240px;margin:auto;padding:0 clamp(16px,4vw,32px);display:flex;align-items:center;gap:36px;min-height:76px}
.pv-logo img{width:104px;height:auto;display:block}
.pv-head nav{display:flex;gap:24px}
.pv-head nav a,.pv-lang{font-size:13px;font-weight:600;color:#4f6656;text-decoration:none}
.pv-act{margin-inline-start:auto;display:flex;gap:20px;align-items:center}
.pv-cta{background:#3FBD61;color:#0b2814;font-size:13px;font-weight:600;padding:11px 16px;border-radius:6px;text-decoration:none}
.pv-foot{border-top:1px solid #e4eadd;font-family:Inter,"IBM Plex Sans Arabic",system-ui,sans-serif;font-size:13px;color:#5e7856;margin-top:0}
.pv-foot .pv-in{min-height:96px;gap:24px;flex-wrap:wrap}.pv-foot img{width:90px;height:auto}.pv-copy{margin-inline-start:auto}
@media(max-width:860px){.pv-head nav{display:none}}
@media(max-width:520px){.pv-lang{display:none}.pv-cta{padding:9px 12px;font-size:12px}}
body{margin:0;background:#fff}