/* ══════════════════════════════════════════════════════════════════════════════
   SERVICE PAGE — alternating full-width sections.

   Restructured on the layout the owner supplied as a reference (a fintech
   landing page): a two-column hero with a bordered callout, then sections that
   alternate panel-left/text-right and text-left/panel-right, then a four-up
   icon-card row, then a dark closing panel.

   WHAT WAS NOT CARRIED OVER, and why:
   · The reference is stat-driven — "180% GROW ROI", "5.00% DAILY", "150% ROI",
     "2820+ SATISFIED CLIENTS". This site publishes no fee, timeline, success
     rate or percentage anywhere, by a standing editorial rule the FAQ states
     outright. Those panels carry real content instead (the direct answer, the
     document list) rather than numbers nobody could stand behind.
   · Serif headings. The reference sets headings in a serif; this design system
     pairs a sans display face with a serif reading face, and every other
     template follows it. Changing that is a brand decision, not a layout one.
   · The illustration and the ring graphic — no licensed artwork, and the owner
     asked for the image sections to be skipped.

   The sidebar rail is gone: the reference has none, and with the page now split
   into visually distinct alternating bands the on-page nav it carried has
   nothing left to solve. Related links became their own section.
   ══════════════════════════════════════════════════════════════════════════════ */

/* ── the alternating two-column band ───────────────────────────────────────── */
.wk-sv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,72px);align-items:center}
.wk-sv--hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start}
.wk-sv__text{min-width:0}
.wk-sv__text .wk-h2{margin:0 0 12px}
.wk-sv__lede{font-family:var(--f-r);font-size:var(--fs-body-lg);line-height:1.7;color:var(--ink-2);margin:0;max-width:52ch}
/* Reverse order on the bands where the panel leads, without reordering the DOM:
   the text stays first in the source so it is read first. */
.wk-sv--flip .wk-sv__panel{order:-1}

/* ── the panel that sits opposite the text ────────────────────────────────── */
.wk-svpanel{background:var(--b-050);border:1px solid var(--b-100);border-radius:var(--r-panel);padding:clamp(24px,2.8vw,40px)}
.wk-svpanel--plain{background:var(--white);border-color:var(--line)}
.wk-svpanel__head{display:flex;align-items:center;gap:9px;font-family:var(--f-d);font-size:var(--fs-label);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--b-700);margin:0 0 14px}
.wk-svpanel__head svg{flex:none}
.wk-svpanel .wk-prose{max-width:46ch}

/* ── the guided check inside the hero column ──────────────────────────────────
   wk-assist.php's 'bare' variant drops its own section and heading column, so
   the card has to take the width of the hero column here rather than the width
   of a two-column section. The hero grid is aligned to the start, so the card
   also needs to not stretch to the height of the text beside it. */
.wk-assist--bare{width:100%;min-width:0}
.wk-assist--bare .wk-jcard{width:100%;max-width:none;margin:0}
/* On the hero band the text column is the taller one; keep the card at its own
   height at the top rather than centred against a long lede. */
.wk-sv--hero{align-items:start}

/* V2 hero evidence sheet. It provides a memorable paper-and-stamp moment without
   claiming external approval. The seal describes our own review process only. */
.wk-v2paper{position:relative;background:#fff;border:1px solid var(--line);border-radius:6px;padding:clamp(26px,3.4vw,46px);box-shadow:0 28px 70px -42px rgba(8,13,36,.42);transform:none;overflow:hidden}
.wk-v2paper::before{content:"";position:absolute;inset:12px;border:1px solid rgba(42,63,189,.10);pointer-events:none}
.wk-v2paper__eyebrow{font-family:var(--f-m);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin:0 0 18px}
.wk-v2paper h2{font-family:var(--f-d);font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.16;color:var(--navy-900);margin:0 0 14px;max-width:14ch}
.wk-v2paper p{font-family:var(--f-r);font-size:var(--fs-body);line-height:1.7;color:var(--ink-2);margin:0;max-width:38ch}
.wk-v2paper__checks{list-style:none;margin:24px 0 0;padding:20px 0 0;border-top:1px solid var(--line);display:grid;gap:11px}
.wk-v2paper__checks li{display:flex;gap:10px;align-items:flex-start;font-size:var(--fs-body-sm);line-height:1.5;color:var(--ink-2)}
.wk-v2paper__checks svg{flex:none;margin-top:3px;color:var(--b-600)}
.wk-v2seal{position:absolute;right:22px;top:20px;width:108px;height:108px;border:2px solid rgba(42,63,189,.62);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:3px;transform:rotate(7deg);color:var(--b-700);font-family:var(--f-m);font-size:8px;font-weight:700;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;background:rgba(255,255,255,.86);filter:drop-shadow(0 3px 1px rgba(42,63,189,.08))}
.wk-v2seal::before,.wk-v2seal::after{content:"";position:absolute;border-radius:50%;inset:6px;border:1px solid rgba(42,63,189,.42)}
.wk-v2seal::after{inset:12px;border-style:dashed}
.wk-v2seal span{position:relative;z-index:1}.wk-v2seal__mark{position:relative;z-index:1;width:28px;height:22px;color:var(--b-600)}.wk-v2seal__copy{max-width:72px}
.wk-v2hero-note{display:flex;align-items:center;gap:9px;margin-top:18px;font-size:var(--fs-label);color:var(--ink-3)}
.wk-v2heroform{max-width:720px;margin:34px auto 0;padding:clamp(22px,3vw,32px);background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:var(--r-panel);box-shadow:var(--e1)}
.wk-v2heroform__intro{text-align:center;margin-bottom:18px}.wk-v2heroform__intro h2{font-size:var(--fs-h3);margin:0 0 6px;color:var(--b-900)}
.wk-v2heroform__intro p{margin:0;color:var(--ink-2);font-size:var(--fs-body-sm)}
.wk-v2heroform__fields{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.wk-v2heroform .wk-jfield{margin:0}.wk-v2heroform .btn{min-height:48px}
.wk-v2paper-wrap{max-width:850px;margin-inline:auto}.wk-v2paper{text-align:left}
.wk-v2seal{box-shadow:0 0 0 4px rgba(255,255,255,.8),0 0 0 5px rgba(42,63,189,.18)}
.wk-v2choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}
.wk-v2choice{display:flex;align-items:center;gap:12px;padding:18px 20px;background:var(--white);border:1px solid var(--line);border-radius:14px;color:var(--b-900);font-family:var(--f-d);font-weight:600}
.wk-v2choice i{width:11px;height:11px;border-radius:50%;border:2px solid var(--b-500);box-shadow:inset 0 0 0 2px white;background:var(--b-500);flex:none}
.wk-v2choice span{display:block}.wk-v2choice small{display:block;margin-top:3px;color:var(--ink-3);font-family:var(--f-r);font-weight:400;line-height:1.45}
.wk-v2choice-cta{text-align:center;margin-top:26px}

/* V2 reads as one calm column. Each idea gets its own band instead of sharing a
   row with a second section competing for attention. */
.wk-sv,.wk-sv--hero,.wk-sv--path{grid-template-columns:1fr;max-width:900px;margin-inline:auto;gap:30px}
.wk-sv--hero{text-align:center}.wk-sv--hero .wk-sv__lede{margin-inline:auto}.wk-sv--hero .wk-phero__actions{justify-content:center}.wk-v2hero-note{justify-content:center}
.wk-sv--flip .wk-sv__panel{order:0}.wk-sv__stick{position:static}.wk-sv--path .wk-sv__lede{max-width:52ch}
.wk-sv--path .wk-path{max-width:780px;width:100%;margin-inline:auto}
.wk-svhead{display:block;max-width:860px;margin-inline:auto;text-align:left}.wk-svgrid--wide{grid-template-columns:1fr;max-width:860px;margin-inline:auto}

/* ── hero callout: the bordered card under the lede ───────────────────────── */
.wk-svcall{display:flex;gap:15px;align-items:flex-start;margin:26px 0 24px;padding:18px 20px;background:var(--white);border:1px solid var(--line);border-radius:var(--r-panel-sm)}
.wk-svcall__ico{flex:none;width:42px;height:42px;border-radius:12px;background:var(--b-050);border:1px solid var(--b-100);display:grid;place-items:center;color:var(--b-600)}
.wk-svcall__t{font-family:var(--f-d);font-size:var(--fs-h4);font-weight:600;color:var(--b-900);margin:0 0 4px;line-height:1.3}
.wk-svcall__b{font-size:var(--fs-body-sm);line-height:1.6;color:var(--ink-2);margin:0}

/* ── accent-bar list — the reference's stat list, carrying situations ─────── */
.wk-svbars{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:18px}
.wk-svbars li{padding-left:18px;border-left:3px solid var(--b-500)}
.wk-svbars b{display:block;font-family:var(--f-d);font-size:var(--fs-h4);font-weight:600;color:var(--b-900);line-height:1.3;margin:0 0 3px}
.wk-svbars span{display:block;font-size:var(--fs-body-sm);line-height:1.6;color:var(--ink-2);max-width:46ch}

/* ── the process band ──
   The numbered <ol> that used to sit here became the shared scroll-inked path
   (.wk-path / .wk-node, in the design system). What is left is the band that
   holds it: a narrower left column, since the thread on the right is the tall
   side, and that column sticks so the progress readout stays with the reader. */
.wk-sv--path{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:start}
.wk-sv__stick{position:sticky;top:96px}
.wk-sv--path .wk-sv__lede{max-width:36ch}
.wk-sv--path .wk-svpanel{background:var(--white);border-color:var(--line)}
.wk-sv--path .wk-path{margin-top:6px}

/* ── document list inside a panel ─────────────────────────────────────────── */
.wk-svdocs{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.wk-svdocs li{display:flex;gap:11px;align-items:flex-start;font-size:var(--fs-body-sm);line-height:1.55;color:var(--ink-2)}
.wk-svdocs svg{flex:none;margin-top:3px;color:var(--b-500)}
.wk-svdocs b{font-weight:600;color:var(--b-900)}
.wk-svdocs em{font-style:normal;color:var(--ink-3)}

/* ── four-up icon cards — the reference's benefits row ────────────────────── */
.wk-svhead{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;flex-wrap:wrap;margin-bottom:34px}
.wk-svhead__t{min-width:0}
/* auto-FILL with a max track, not auto-fit with 1fr: watch-out counts vary from
   one to eight across the eleven services, and with 1fr two cards stretched to
   644px each to fill the row — a single line of text in a half-page box. Capped
   and left-aligned, a card is the same size whether there are two or eight. */
.wk-svgrid{display:grid;gap:clamp(14px,1.6vw,22px);grid-template-columns:repeat(auto-fill,minmax(238px,318px));justify-content:start}
.wk-svcard{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-panel-sm);padding:clamp(20px,2vw,28px);display:flex;flex-direction:column;gap:11px}
.wk-svcard__ico{width:40px;height:40px;border-radius:11px;background:var(--white);border:1px solid var(--line);display:grid;place-items:center;color:var(--b-600)}
.wk-svcard__t{font-family:var(--f-d);font-size:var(--fs-h4);font-weight:600;color:var(--b-900);margin:0;line-height:1.32}
.wk-svcard__b{font-size:var(--fs-body-sm);line-height:1.6;color:var(--ink-2);margin:0}

/* ── related links ──
   One vertical line. With Documents gone a single group remains, and a lone
   group card stretched across 1310px to hold three short links read as an empty
   box. The group chrome is dropped and each link becomes its own row instead,
   so the section is a list of destinations rather than a container holding a
   list. Groups still stack if an editor populates Situations or Guides. */
.wk-svrel{display:grid;gap:clamp(18px,2vw,28px);grid-template-columns:1fr;max-width:min(100%,640px)}
/* Capped at the width of a watch-out card above. Left to run the full 1310px
   a row holding one service name is a 21:1 bar with its arrow a screen away
   from its label; at 640px it reads as a box, and the two sections share a
   measure. */
.wk-svrel__col{min-width:0}
/* More than one relationship group: columns that wrap rather than a fixed count,
   so two groups sit side by side on a laptop and stack on a phone without a
   breakpoint per count. */
.wk-svrel--multi{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));max-width:100%}
.wk-svrel__h{display:flex;align-items:center;gap:8px;font-family:var(--f-d);font-size:var(--fs-label);font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--b-700);margin:0 0 14px}
.wk-svrel ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.wk-svrel a{display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--white);border:1px solid var(--line);border-radius:var(--r-panel-sm);padding:18px 24px;font-family:var(--f-d);font-size:var(--fs-h4);font-weight:600;line-height:1.35;color:var(--b-900);text-decoration:none;transition:border-color .22s var(--ease-ui),box-shadow .22s var(--ease-ui),transform .22s var(--ease-ui)}
.wk-svrel a::after{content:"→";flex:none;color:var(--b-500);font-weight:400;transition:transform .22s var(--ease-ui)}
.wk-svrel a:hover{border-color:var(--b-200);box-shadow:var(--e1);transform:translateY(-2px)}
.wk-svrel a:hover::after{transform:translateX(4px)}

/* ── watch-outs, full width ──
   The default card grid caps a card at 318px, which is right where five or six
   of them wrap into rows. A service carries two to four watch-outs, so here the
   cards share the row instead: two become a row of two, not two cards adrift in
   1310px. The text inside them gets the extra width, so nothing is stretched. */
.wk-svgrid--wide{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-content:stretch}

/* ── the seam between a section and the one it belongs with ──
   A full section break above AND below reads as two unrelated bands. Where the
   second section is the continuation of the first — "where this gets stuck",
   then where to read about it — the two facing edges are pulled in, and the
   pair keeps a normal break to whatever sits either side of it. */
.wk-section--seam{padding-top:var(--section-pad-tight)}
.wk-section--seam-above{padding-bottom:var(--section-pad-tight)}

/* ── FAQ accordion ────────────────────────────────────────────────────────── */
.wk-sfaq{display:grid;gap:10px;max-width:860px;margin-inline:auto}
/* The accordion is capped at 860px and centred in a 1310px container, so a
   head flush to the container's left edge sat well adrift of the questions
   it introduces. The head takes the same measure and centres over it — icon
   above the title rather than beside it, which is the only way a flex row
   with a leading icon centres without the text reading off-axis. */
#faq .wk-block__head{max-width:860px;margin-inline:auto;align-items:flex-start;text-align:left;gap:14px}
#faq .wk-block__head > div{padding-top:0}
#faq .wk-block__sub{max-width:56ch}
.wk-sfaq details{background:var(--white);border:1px solid var(--line);border-radius:var(--r-panel-sm);overflow:hidden}
.wk-sfaq summary{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 22px;cursor:pointer;font-family:var(--f-d);font-size:var(--fs-h4);font-weight:600;color:var(--b-900);line-height:1.4;list-style:none}
.wk-sfaq summary::-webkit-details-marker{display:none}
.wk-sfaq .chev{flex:none;color:var(--b-500);transition:transform var(--dur) var(--ease-ui)}
.wk-sfaq details[open] .chev{transform:rotate(180deg)}
.wk-sfaq .a{padding:0 22px 20px;font-size:var(--fs-body-sm);line-height:1.7;color:var(--ink-2);max-width:72ch}
.wk-sfaq .a p{margin:0 0 10px}
.wk-sfaq .a p:last-child{margin-bottom:0}

/* ── editor-only note ─────────────────────────────────────────────────────── */
.wk-editnote__box{background:var(--warn-soft);border:1px solid var(--warn-line);border-left:4px solid #C8890F;border-radius:var(--r-panel-sm);padding:18px 20px}
.wk-editnote__t{display:flex;align-items:center;gap:9px;font-family:var(--f-d);font-weight:700;color:var(--warn);margin:0 0 6px}

/* ── responsive: one column, panel after text, everything full width ─────── */
@media(max-width:900px){
  .wk-sv,.wk-sv--hero{grid-template-columns:1fr;gap:28px;align-items:start}
  .wk-sv--path{grid-template-columns:1fr}
  .wk-sv__stick{position:static}
  .wk-sv--flip .wk-sv__panel{order:0}
  .wk-svhead{align-items:flex-start}
}
@media(max-width:560px){
  .wk-v2paper{transform:none;padding:26px 22px 24px}
  .wk-v2seal{position:relative;right:auto;top:auto;margin:0 0 22px;width:82px;height:82px}
  .wk-v2paper h2{max-width:18ch}
  .wk-v2heroform__fields,.wk-v2choices{grid-template-columns:1fr}
  .wk-v2heroform .btn{width:100%}
}

/* Conversion area: same shared digital-card language as the homepage. */
.wk-v2conversion{max-width:1000px}
.wk-v2conversion .wk-v2heroform{max-width:860px;margin:0 auto 56px;background:linear-gradient(135deg,#edf1ff,#fff);border-color:#cfd9ff}
.wk-v2screen-intro{max-width:860px;margin:0 auto 24px;text-align:left}
.wk-v2screen-intro .wk-h2{margin:16px 0 10px}
.wk-v2screen-intro p{color:var(--ink-2)}
.wk-sv,.wk-sv--path{max-width:860px}.wk-v2paper-wrap{max-width:860px}.wk-v2paper h2{max-width:100%;padding-right:120px}.wk-svhead .wk-h2{margin-bottom:12px}.wk-sv--path .wk-path{max-width:none}.wk-svrel{max-width:860px;margin-inline:auto}.wk-svrel--multi{max-width:100%}
#related .wk-block__head{max-width:860px;margin-inline:auto}
.wk-v2paper h2{max-width:24ch;padding-right:100px}.wk-v2paper__eyebrow{padding-right:100px}
.wk-v2heroform__fields .wk-jfield{text-align:left;min-width:0}
@media(max-width:760px){.wk-v2heroform__fields{grid-template-columns:1fr}.wk-v2heroform .btn{width:100%}.wk-screen-body .wk-jopts{grid-template-columns:1fr}.wk-screen-chrome{padding:16px;font-size:9px}.wk-phero__actions{flex-direction:column}.wk-phero__actions .btn{width:100%;white-space:normal;text-align:center}}
@media(max-width:560px){.wk-v2paper h2,.wk-v2paper__eyebrow{padding-right:0}.wk-screen-actions .btn{width:100%;white-space:normal;text-align:center}}
@media(prefers-reduced-motion:reduce){.wk-screen-body .wk-jopt{transition:none}}


/* Scoped section fit: desktop landscape device, natural stacked mobile flow. */
.wk-v2conversion{max-width:1200px}
.wk-service-situation{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(26px,4vw,56px);align-items:center;max-width:1100px;margin:0 auto;scroll-margin-top:90px}
.wk-service-situation .wk-v2screen-intro{margin:0;max-width:360px}
.wk-service-situation .wk-h2{font-size:clamp(27px,3vw,40px);line-height:1.18;margin:18px 0;max-width:17ch}
.wk-service-situation .wk-v2screen-intro p{font-size:17px;line-height:1.65}
.wk-service-situation .wk-v2screen-intro .wk-situation-note{font-size:13px;margin-top:22px;color:#61708c}
.wk-service-situation .wk-service-device{width:100%;min-width:0;margin:0}
.wk-service-situation .wk-service-device .wkp-phone{max-width:550px;margin:auto;width:100%}
.wk-service-situation .wk-service-device .wkp-screen{min-height:0}
.wk-service-situation .wk-service-device .wkp-shead{padding:9px 16px}
.wk-service-situation .wk-service-device .wkp-brandrow{margin-top:8px}
.wk-service-situation .wk-service-device .wkp-guide{padding:10px 18px 0;gap:10px}
.wk-service-situation .wk-service-device .wkp-avatar{width:38px;height:38px}
.wk-service-situation .wk-service-device .wkp-bubble{padding:9px 12px;font-size:12px;line-height:1.4}
.wk-service-situation .wk-service-device .wk-screen-body{padding:14px 18px 18px}
.wk-service-situation .wk-service-device .wk-screen-progress{font-size:10px;margin-bottom:8px}
.wk-service-situation .wk-service-device h3{font-size:21px;line-height:1.25;margin-bottom:8px}
.wk-service-situation .wk-service-device .sub{font-size:12px;line-height:1.4;margin-bottom:12px}
.wk-service-situation .wk-service-device .wkp-opts{gap:8px;grid-template-columns:1fr 1fr}
.wk-service-situation .wk-service-device .wkp-opt{min-height:54px;padding:10px;font-size:13px;line-height:1.35}
.wk-service-situation .wk-service-device .wk-screen-actions{margin-top:16px}
.wk-service-situation .wk-service-device .wk-screen-expert{font-size:13px;margin-top:16px}
.wk-service-situation .wk-service-device .wk-screen-recap{padding:14px;font-size:13px}
.wk-service-situation .wk-service-device .wk-screen-actions .btn{font-size:13px;padding:12px 16px}
/* Keep the approved paper; give the existing stamp a deliberate inset. */
.wk-v2paper .wk-v2seal{right:40px;top:40px}
.wk-v2paper .wk-v2paper__eyebrow{padding-right:150px;max-width:none;font-family:var(--f-d);font-size:12px;line-height:1.5}
.wk-v2paper h2{padding-right:145px;max-width:28ch}
@media(max-width:760px){.wk-service-situation{grid-template-columns:1fr;gap:24px;max-width:550px}.wk-service-situation .wk-v2screen-intro{max-width:none}.wk-service-situation .wk-h2{max-width:24ch}.wk-v2conversion .wk-v2heroform{margin-bottom:40px}}
@media(max-width:560px){.wk-v2paper .wk-v2seal{position:relative;top:auto;right:auto;margin:8px 0 24px 8px}.wk-v2paper h2,.wk-v2paper .wk-v2paper__eyebrow{padding-right:0}.wk-service-situation .wk-service-device .wkp-opts{grid-template-columns:1fr}.wk-service-situation .wk-service-device .wkp-opt{min-height:48px}.wk-service-situation .wk-service-device .wkp-guide{padding:12px 14px 0}.wk-service-situation .wk-service-device .wk-screen-body{padding:14px}}


/* Consistent section rhythm; form, cases and guided screen are separate bands. */
#wk-main>.wk-section,#wk-main>.wk-faqband>.wk-section{padding-block:40px}
#start-review .wk-v2heroform{margin:0 auto;width:100%;max-width:860px}
#stuck .wk-svhead{margin-bottom:24px}
#recovery-route .wk-service-situation{max-width:860px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px}
#recovery-route .wk-service-device .wkp-phone{max-width:480px}
#recovery-route .wk-v2screen-intro{max-width:320px}
#recovery-route .wk-h2{font-size:clamp(28px,2.7vw,36px)}
#recovery-route .wk-v2screen-intro p{font-size:16px;line-height:1.6}
#recovery-route .wk-service-device .wkp-opt{min-height:50px;padding:8px 10px;font-size:13px}
#recovery-route .wk-service-device .wk-screen-body{padding:12px 16px 16px}
#recovery-route .wk-service-device .wkp-guide{padding:10px 16px 0}
#recovery-route .wk-service-device .wk-screen-actions:has([data-back][hidden]):has([data-finish][hidden]){margin-top:0}
@media(max-width:760px){#wk-main>.wk-section,#wk-main>.wk-faqband>.wk-section{padding-block:28px}#recovery-route .wk-service-situation{grid-template-columns:1fr;max-width:480px;gap:24px}#recovery-route .wk-v2screen-intro{max-width:none}#recovery-route .wk-h2{max-width:23ch}#start-review .wk-v2heroform{margin-bottom:0}}

/* Calm device header and a single footer row; no repeated question guidance. */
#recovery-route .wk-service-device .wkp-brandrow{display:none}
#recovery-route .wk-service-device .wkp-shead{padding:14px 18px 12px}
#recovery-route .wk-service-device .wkp-guide{padding:16px 18px 4px}
#recovery-route .wk-service-device .wkp-bubble{background:transparent;border:0;box-shadow:none;padding:6px 0;font-size:13px}
#recovery-route .wk-service-device h3{margin-bottom:20px}
#recovery-route .wk-service-device .wk-screen-progress{margin-bottom:12px}
#recovery-route .wk-screen-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px}
#recovery-route .wk-service-device .wk-screen-footer .wk-screen-expert{margin:0;font-size:12px}
#recovery-route .wk-screen-footer [data-back]{margin:0 0 0 auto;flex:none;min-height:44px;padding:8px 10px;font-size:13px}
#wk-main>.wk-section,#wk-main>.wk-faqband>.wk-section{padding-block:clamp(48px,5.6vw,80px)}
@media(max-width:760px){#wk-main>.wk-section,#wk-main>.wk-faqband>.wk-section{padding-block:44px}}
/* Stable device footprint across questions, Back and the answer summary. */
#recovery-route .wk-service-device .wkp-screen{height:420px;min-height:0}
#recovery-route .wk-service-device .wkp-viewport{flex:1;min-height:0;overflow:hidden}
#recovery-route .wk-service-device .wkp-track{height:100%}
#recovery-route .wk-service-device .wk-screen-body{height:100%;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
#recovery-route .wk-screen-body>*{flex-shrink:0}
#recovery-route .wk-service-device .wk-screen-footer{margin-top:auto;padding-top:18px}
@media(max-width:560px){#recovery-route .wk-service-device .wkp-screen{height:590px}}
@media(max-width:360px){#recovery-route .wk-service-device .wkp-screen{height:630px}}
/* Three supporting sections: shared alignment, distinct restrained surfaces. */
#stuck,#related{position:relative;isolation:isolate}
#stuck::before,#related::before{content:"";position:absolute;inset:20px 0;background:linear-gradient(135deg,#eaf0ff,#f4f7ff);border:1px solid #dfe6fa;border-radius:28px;z-index:-1;pointer-events:none}
#stuck .wk-h2,#faq .wk-h2,#related .wk-h2{font-size:clamp(26px,2.7vw,36px);line-height:1.22;letter-spacing:-.025em;margin:0}
#stuck .wk-svhead,#faq .wk-block__head,#related .wk-block__head{max-width:860px;width:100%;margin:0 auto 30px;display:block;text-align:left}
#faq .wk-block__head>div,#related .wk-block__head>div{padding:0}
#stuck .wk-sv__lede,#related .wk-block__sub{font-family:var(--f-d);font-size:16px;line-height:1.65;max-width:62ch;margin:12px 0 0;color:#53617d}
#stuck .wk-svgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#stuck .wk-svcard{background:#fff;border:1px solid #dce4f6;padding:24px;border-radius:18px;gap:12px;box-shadow:0 7px 22px -15px #183a7933;transition:transform .18s,border-color .18s,box-shadow .18s}
#stuck .wk-svcard:hover{transform:translateY(-3px);border-color:#91a8ed;box-shadow:0 12px 26px -16px #284dbd55}
#stuck .wk-svcard__ico{background:#edf2ff;color:#3a56cc;border-color:#dce5ff}
#stuck .wk-svcard__t{font-size:18px;line-height:1.35}
#stuck .wk-svcard__b{font-size:14px;line-height:1.65}
.wk-faqband{background:#fff}
#faq .wk-sfaq details{border:1px solid #e0e6f1;border-left:3px solid #e0e6f1;transition:border-color .18s,background .18s}
#faq .wk-sfaq details[open]{background:#f0f4ff;border-left-color:#4565de}
#faq .wk-sfaq summary{font-size:17px;padding:20px 22px}
#faq .wk-sfaq summary:hover{color:#304cbe;background:#f5f7ff}
#faq .wk-sfaq summary:focus-visible,#related a:focus-visible{outline:3px solid #7691ef;outline-offset:4px}
#faq .wk-sfaq .chev{background:#e9efff;border-radius:50%;padding:3px;display:flex}
#faq .wk-sfaq .a{font-size:15px;max-width:78ch}
#related .wk-svrel{max-width:860px;width:100%;margin:auto}#related .wk-svrel--multi{max-width:1100px}
#related .wk-svrel ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
/* With more than one group, the groups themselves are the columns, so each
   group's list runs down rather than across — three cards squeezed into a
   half-width column wrapped every title onto three lines. */
#related .wk-svrel--multi ul{grid-template-columns:minmax(0,1fr)}
#related .wk-svrel li{display:flex;min-width:0}
#related .wk-svrel a{width:100%;font-size:16px;line-height:1.4;padding:22px 20px;border-radius:16px;border-color:#d9e3f7;gap:12px}
#related .wk-svrel a:hover{border-color:#8ba3ed;box-shadow:0 10px 22px -15px #314bb977}
@media(max-width:760px){#stuck .wk-svgrid,#related .wk-svrel ul{grid-template-columns:1fr}#stuck::before,#related::before{inset:8px 0;border-radius:20px}#stuck .wk-svhead,#faq .wk-block__head,#related .wk-block__head{margin-bottom:24px}#faq .wk-sfaq summary{font-size:16px;padding:18px}#stuck .wk-svcard{padding:22px}}
@media(prefers-reduced-motion:reduce){#stuck .wk-svcard,#faq .wk-sfaq details,#related a{transition:none}#stuck .wk-svcard:hover,#related a:hover{transform:none}}