/* ============================================================
   msw.homes - mobile-first frame stylesheet
   Phone canvas: 320-430px, centered on wide screens
   Class prefix: view5c1e8-   (all variables share the prefix)
   Palette: #1A1A2E ink / #F8F8FF paper / #696969 mute
   Direction: humanist headings, low-radius sectioned zones,
   image cards with name bars, restrained glow micro-feedback
   ============================================================ */

:root{
  --view5c1e8-ink:#1A1A2E;
  --view5c1e8-ink-deep:#12121D;
  --view5c1e8-paper:#F8F8FF;
  --view5c1e8-mute:#696969;
  --view5c1e8-mute-lift:#9C9CA8;
  --view5c1e8-line:rgba(248,248,255,.14);
  --view5c1e8-line-soft:rgba(248,248,255,.08);
  --view5c1e8-panel:rgba(248,248,255,.045);
  --view5c1e8-panel-lift:rgba(248,248,255,.09);
  --view5c1e8-glow:rgba(248,248,255,.30);
  --view5c1e8-glow-soft:rgba(248,248,255,.16);
  --view5c1e8-radius:4px;
  --view5c1e8-radius-lg:8px;
  --view5c1e8-topbar-h:56px;
  --view5c1e8-dock-h:62px;
  --view5c1e8-font-head:Georgia,'Times New Roman','Noto Serif',serif;
  --view5c1e8-font-body:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  --view5c1e8-lead-step:12px;
}

/* ---------- base ---------- */

*,*::before,*::after{box-sizing:border-box;}

html{-webkit-text-size-adjust:100%;}

body{
  margin:0;
  background:var(--view5c1e8-ink-deep);
  color:var(--view5c1e8-paper);
  font-family:var(--view5c1e8-font-body);
  font-size:15px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}

img{max-width:100%;display:block;}

a{color:var(--view5c1e8-paper);}

button{font-family:inherit;}

h1,h2,h3{
  font-family:var(--view5c1e8-font-head);
  font-weight:600;
  line-height:1.3;
  margin:0 0 .5em;
  letter-spacing:.2px;
}

h1{font-size:25px;}
h2{font-size:20px;}
h3{font-size:15.5px;font-family:var(--view5c1e8-font-body);font-weight:700;letter-spacing:.3px;}

p{margin:0 0 12px;}

:focus-visible{
  outline:2px solid var(--view5c1e8-paper);
  outline-offset:2px;
  border-radius:var(--view5c1e8-radius);
}

.view5c1e8-visually-hidden{
  position:absolute;width:1px;height:1px;margin:-1px;
  padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}

/* centered phone shell - wide screens keep the phone canvas */
.view5c1e8-shell{
  position:relative;
  width:100%;
  max-width:430px;
  margin:0 auto;
  background:var(--view5c1e8-ink);
  min-height:100vh;
  overflow-x:clip;
}

@media (min-width:480px){
  .view5c1e8-shell{
    box-shadow:0 0 0 1px var(--view5c1e8-line-soft),0 0 44px rgba(0,0,0,.55);
  }
}

/* ---------- fixed top bar ---------- */

.view5c1e8-topbar{
  position:fixed;
  top:0;left:50%;transform:translateX(-50%);
  width:100%;max-width:430px;
  height:var(--view5c1e8-topbar-h);
  z-index:60;
  display:flex;align-items:center;gap:8px;
  padding:0 10px;
  background:rgba(26,26,46,.96);
  border-bottom:1px solid var(--view5c1e8-line);
  backdrop-filter:blur(8px);
}

.view5c1e8-brand{
  display:flex;align-items:center;gap:8px;
  min-height:44px;
  margin-right:auto;
  text-decoration:none;
  color:var(--view5c1e8-paper);
}

.view5c1e8-brand img{
  width:32px;height:32px;
  object-fit:contain;
  border:1px solid var(--view5c1e8-line);
  border-radius:var(--view5c1e8-radius);
  background:var(--view5c1e8-panel);
  padding:2px;
}

.view5c1e8-brand b{
  font-family:var(--view5c1e8-font-head);
  font-size:19px;font-weight:600;letter-spacing:1.5px;
}

.view5c1e8-actions{display:flex;align-items:center;gap:6px;}

.view5c1e8-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:44px;min-width:44px;
  padding:10px 14px;
  border-radius:var(--view5c1e8-radius);
  border:1px solid var(--view5c1e8-line);
  background:var(--view5c1e8-panel);
  color:var(--view5c1e8-paper);
  font-size:13px;font-weight:700;letter-spacing:.4px;
  cursor:pointer;
  text-decoration:none;
  transition:box-shadow .18s ease,transform .18s ease,background-color .18s ease;
}

.view5c1e8-btn:active{
  box-shadow:0 0 0 1px var(--view5c1e8-glow),0 0 14px var(--view5c1e8-glow-soft);
  transform:translateY(1px);
}

.view5c1e8-btn-solid{
  background:var(--view5c1e8-paper);
  color:var(--view5c1e8-ink);
  border-color:var(--view5c1e8-paper);
}

.view5c1e8-burger{
  width:44px;padding:0;
  flex:none;
}

.view5c1e8-burger svg{width:20px;height:20px;margin:auto;}

/* ---------- layered drop menu ---------- */

.view5c1e8-drawer{
  position:fixed;
  top:var(--view5c1e8-topbar-h);left:50%;
  transform:translateX(-50%) translateY(-8px);
  width:100%;max-width:430px;
  z-index:55;
  background:rgba(18,18,29,.98);
  border-bottom:1px solid var(--view5c1e8-line);
  padding:6px 12px 16px;
  opacity:0;visibility:hidden;
  transition:opacity .2s ease,transform .2s ease,visibility .2s;
  max-height:calc(100vh - var(--view5c1e8-topbar-h));
  overflow-y:auto;
}

.view5c1e8-drawer[data-open="true"]{
  opacity:1;visibility:visible;
  transform:translateX(-50%) translateY(0);
}

.view5c1e8-dgroup{
  border:1px solid var(--view5c1e8-line-soft);
  border-radius:var(--view5c1e8-radius);
  background:var(--view5c1e8-panel);
  padding:8px 10px 10px;
  margin-top:10px;
}

.view5c1e8-dlabel{
  margin:2px 0 6px;
  font-size:10.5px;font-weight:700;
  letter-spacing:1.6px;text-transform:uppercase;
  color:var(--view5c1e8-mute-lift);
}

.view5c1e8-dlink{
  display:flex;align-items:center;
  min-height:44px;
  padding:6px 8px;
  border-radius:var(--view5c1e8-radius);
  text-decoration:none;
  font-size:14px;font-weight:600;
  color:var(--view5c1e8-paper);
  border-bottom:1px solid var(--view5c1e8-line-soft);
  transition:background-color .16s ease,box-shadow .16s ease;
}

.view5c1e8-dgroup .view5c1e8-dlink:last-child{border-bottom:0;}

.view5c1e8-dlink:active{
  background:var(--view5c1e8-panel-lift);
  box-shadow:inset 0 0 0 1px var(--view5c1e8-glow-soft);
}

.view5c1e8-dlink[aria-current="page"]{
  background:var(--view5c1e8-panel-lift);
  box-shadow:inset 2px 0 0 var(--view5c1e8-paper);
}

.view5c1e8-dfoot{
  display:flex;gap:8px;margin-top:12px;
}

.view5c1e8-dfoot .view5c1e8-btn{flex:1;}

/* ---------- main sheet ---------- */

.view5c1e8-sheet{
  padding-top:var(--view5c1e8-topbar-h);
  /* keep clear space for the fixed dock */
  padding-bottom:calc(var(--view5c1e8-dock-h) + 34px + env(safe-area-inset-bottom));
}

.view5c1e8-section{
  padding:22px 14px 8px;
}

/* ---------- hero ---------- */

.view5c1e8-hero{
  padding:20px 14px 6px;
  border-bottom:1px solid var(--view5c1e8-line-soft);
}

.view5c1e8-hero h1{
  margin-bottom:8px;
}

.view5c1e8-hero .view5c1e8-lede{
  color:var(--view5c1e8-mute-lift);
  font-size:14px;
  margin-bottom:14px;
}

.view5c1e8-chips{
  display:grid;grid-template-columns:repeat(2,1fr);
  gap:6px;margin:0 0 14px;padding:0;list-style:none;
}

.view5c1e8-chips li{
  display:flex;align-items:center;gap:8px;
  border:1px solid var(--view5c1e8-line-soft);
  border-radius:var(--view5c1e8-radius);
  background:var(--view5c1e8-panel);
  padding:8px 10px;
  font-size:12px;font-weight:600;color:var(--view5c1e8-mute-lift);
}

.view5c1e8-chips svg{width:15px;height:15px;flex:none;}

.view5c1e8-ctas{display:flex;gap:8px;flex-wrap:wrap;}

.view5c1e8-ctas .view5c1e8-btn{flex:1 1 140px;}

/* ---------- promo carousel ---------- */

.view5c1e8-cv{
  padding:18px 14px 4px;
}

.view5c1e8-cvclip{
  overflow:hidden;
  border:1px solid var(--view5c1e8-line);
  border-radius:var(--view5c1e8-radius-lg);
  background:var(--view5c1e8-panel);
}

.view5c1e8-cvtrack{
  display:flex;
  transition:transform .42s ease;
}

.view5c1e8-cvslide{
  position:relative;
  flex:0 0 100%;
  display:block;width:100%;
  padding:0;border:0;margin:0;
  background:none;
  cursor:pointer;
  text-align:left;
}

.view5c1e8-cvslide img{
  width:100%;
  aspect-ratio:640/280;
  object-fit:cover;
}

.view5c1e8-cvbar{
  position:absolute;left:0;right:0;bottom:0;
  display:flex;flex-direction:column;gap:1px;
  padding:7px 12px;
  background:linear-gradient(to top,rgba(18,18,29,.92),rgba(18,18,29,0));
}

.view5c1e8-cvbar b{
  font-family:var(--view5c1e8-font-head);
  font-size:14.5px;letter-spacing:.4px;
}

.view5c1e8-cvbar small{
  font-size:11px;color:var(--view5c1e8-mute-lift);
}

.view5c1e8-cvdots{
  display:flex;justify-content:center;gap:8px;
  margin-top:9px;
}

.view5c1e8-cvdot{
  width:26px;height:6px;min-height:6px;
  border-radius:3px;border:0;padding:0;
  background:var(--view5c1e8-panel-lift);
  cursor:pointer;
  transition:background-color .18s ease,box-shadow .18s ease;
}

.view5c1e8-cvdot[aria-selected="true"]{
  background:var(--view5c1e8-paper);
  box-shadow:0 0 8px var(--view5c1e8-glow-soft);
}

/* ---------- activity board (recent rounds) ---------- */

.view5c1e8-board{
  display:flex;gap:8px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  padding:4px 14px 10px;
  -webkit-overflow-scrolling:touch;
}

.view5c1e8-board::-webkit-scrollbar{display:none;}

.view5c1e8-bcard{
  flex:0 0 150px;
  scroll-snap-align:start;
  border:1px solid var(--view5c1e8-line-soft);
  border-radius:var(--view5c1e8-radius);
  background:var(--view5c1e8-panel);
  padding:9px 10px;
  font-size:11.5px;color:var(--view5c1e8-mute-lift);
}

.view5c1e8-bcard b{
  display:block;
  color:var(--view5c1e8-paper);
  font-size:14px;letter-spacing:.5px;
  margin-bottom:2px;
}

.view5c1e8-bcard .view5c1e8-bamt{
  color:var(--view5c1e8-paper);
  font-weight:700;font-size:12.5px;
}

.view5c1e8-note{
  font-size:11px;color:var(--view5c1e8-mute);
  padding:0 14px;margin:2px 0 6px;
}

/* ---------- game zones ---------- */

.view5c1e8-zone{
  padding:22px 14px 6px;
  border-top:1px solid var(--view5c1e8-line-soft);
}

.view5c1e8-zhead{
  display:flex;align-items:baseline;gap:8px;
  margin-bottom:4px;
}

.view5c1e8-zhead h2{
  margin:0;font-size:17.5px;
}

.view5c1e8-zcount{
  flex:none;
  font-size:10.5px;font-weight:700;letter-spacing:1px;
  color:var(--view5c1e8-mute-lift);
  border:1px solid var(--view5c1e8-line-soft);
  border-radius:999px;
  padding:2px 8px;
}

.view5c1e8-zsub{
  font-size:12.5px;color:var(--view5c1e8-mute-lift);
  margin:0 0 12px;
}

.view5c1e8-ggrid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px 6px;
}

@media (min-width:380px){
  .view5c1e8-ggrid{grid-template-columns:repeat(5,1fr);}
}

.view5c1e8-gcard{
  display:flex;flex-direction:column;
  padding:0;border:0;margin:0;
  background:none;
  cursor:pointer;
  text-align:center;
  border-radius:var(--view5c1e8-radius);
  -webkit-tap-highlight-color:transparent;
  transition:transform .16s ease;
}

.view5c1e8-gcard:active{transform:scale(.96);}

.view5c1e8-gframe{
  display:block;
  border:1px solid var(--view5c1e8-line-soft);
  border-radius:var(--view5c1e8-radius);
  background:var(--view5c1e8-panel);
  padding:3px;
  overflow:hidden;
}

.view5c1e8-gframe img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  border-radius:2px;
}

.view5c1e8-gname{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  margin-top:4px;
  font-size:10.5px;line-height:1.3;font-weight:600;
  color:var(--view5c1e8-paper);
  letter-spacing:.2px;
}

/* ---------- editorial panels ---------- */

.view5c1e8-panel{
  border-top:1px solid var(--view5c1e8-line-soft);
  padding:24px 14px 10px;
}

.view5c1e8-lede{
  font-size:14px;color:var(--view5c1e8-mute-lift);
  border-left:2px solid var(--view5c1e8-line);
  padding-left:10px;
  margin-bottom:14px;
}

.view5c1e8-panel p{font-size:13.5px;color:var(--view5c1e8-mute-lift);}

.view5c1e8-panel p strong,.view5c1e8-panel li strong{color:var(--view5c1e8-paper);}

.view5c1e8-panel a{
  text-decoration:underline;
  text-underline-offset:3px;
  text-decoration-color:var(--view5c1e8-glow);
}

.view5c1e8-steps{
  margin:6px 0 12px;padding:0 0 0 20px;
  font-size:13.5px;color:var(--view5c1e8-mute-lift);
}

.view5c1e8-steps li{margin-bottom:10px;}

.view5c1e8-checklist{
  margin:6px 0 12px;padding:0;list-style:none;
}

.view5c1e8-checklist li{
  position:relative;
  padding:8px 10px 8px 30px;
  border:1px solid var(--view5c1e8-line-soft);
  border-radius:var(--view5c1e8-radius);
  background:var(--view5c1e8-panel);
  margin-bottom:8px;
  font-size:13px;color:var(--view5c1e8-mute-lift);
}

.view5c1e8-checklist li::before{
  content:"";
  position:absolute;left:10px;top:12px;
  width:9px;height:5px;
  border-left:2px solid var(--view5c1e8-paper);
  border-bottom:2px solid var(--view5c1e8-paper);
  transform:rotate(-45deg);
}

.view5c1e8-gloss{
  margin:8px 0 12px;
  border:1px solid var(--view5c1e8-line-soft);
  border-radius:var(--view5c1e8-radius);
  overflow:hidden;
}

.view5c1e8-gloss div{
  padding:10px 12px;
  background:var(--view5c1e8-panel);
  border-bottom:1px solid var(--view5c1e8-line-soft);
}

.view5c1e8-gloss div:last-child{border-bottom:0;}

.view5c1e8-gloss dt{
  font-weight:700;font-size:13px;color:var(--view5c1e8-paper);
  letter-spacing:.3px;
}

.view5c1e8-gloss dd{
  margin:2px 0 0;
  font-size:12.5px;color:var(--view5c1e8-mute-lift);
}

/* ---------- extended footer ---------- */

.view5c1e8-xfoot{
  border-top:1px solid var(--view5c1e8-line);
  margin-top:18px;
  background:var(--view5c1e8-ink-deep);
}

.view5c1e8-xblock{
  padding:18px 14px 14px;
  border-bottom:1px solid var(--view5c1e8-line-soft);
}

.view5c1e8-xblock h2{font-size:16.5px;margin-bottom:10px;}

.view5c1e8-xblock h3{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--view5c1e8-mute-lift);}

.view5c1e8-promos{
  display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none;
}

.view5c1e8-promo{
  display:flex;align-items:center;gap:9px;
  min-height:52px;
  padding:9px 10px;
  border:1px solid var(--view5c1e8-line-soft);
  border-radius:var(--view5c1e8-radius);
  background:var(--view5c1e8-panel);
  color:var(--view5c1e8-paper);
  font-size:12px;font-weight:600;text-align:left;
  cursor:pointer;
  transition:box-shadow .18s ease,transform .18s ease;
}

.view5c1e8-promo:active{
  box-shadow:0 0 0 1px var(--view5c1e8-glow),0 0 12px var(--view5c1e8-glow-soft);
  transform:translateY(1px);
}

.view5c1e8-promo svg{width:17px;height:17px;flex:none;}

.view5c1e8-brandnote{
  display:flex;gap:10px;align-items:flex-start;
}

.view5c1e8-brandnote img{
  width:34px;height:34px;flex:none;
  object-fit:contain;
  border:1px solid var(--view5c1e8-line);
  border-radius:var(--view5c1e8-radius);
  padding:2px;background:var(--view5c1e8-panel);
}

.view5c1e8-brandnote p{font-size:12.5px;color:var(--view5c1e8-mute-lift);margin:0;}

.view5c1e8-directory{
  margin:8px 0 0;padding:0;list-style:none;
}

.view5c1e8-directory li{
  border-bottom:1px solid var(--view5c1e8-line-soft);
}

.view5c1e8-directory li:last-child{border-bottom:0;}

.view5c1e8-directory a{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  min-height:44px;
  padding:8px 2px;
  text-decoration:none;
  font-size:13px;font-weight:600;
  color:var(--view5c1e8-paper);
}

.view5c1e8-directory a small{
  font-size:11px;font-weight:400;color:var(--view5c1e8-mute);
}

.view5c1e8-disclaimer{
  font-size:11.5px;color:var(--view5c1e8-mute);
  line-height:1.55;
}

/* ---------- common footer ---------- */

.view5c1e8-foot{
  padding:16px 14px 10px;
  text-align:center;
  font-size:11.5px;color:var(--view5c1e8-mute);
  letter-spacing:.4px;
}

/* ---------- fixed bottom dock ---------- */

.view5c1e8-dock{
  position:fixed;
  bottom:0;left:50%;transform:translateX(-50%);
  width:100%;max-width:430px;
  z-index:70;
  display:grid;grid-template-columns:repeat(5,1fr);
  background:rgba(18,18,29,.97);
  border-top:1px solid var(--view5c1e8-line);
  padding:5px 4px calc(5px + env(safe-area-inset-bottom));
  backdrop-filter:blur(8px);
}

.view5c1e8-dockbtn{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  min-height:52px;
  padding:4px 2px;
  border:0;background:none;
  border-radius:var(--view5c1e8-radius);
  color:var(--view5c1e8-mute-lift);
  font-size:10px;font-weight:700;letter-spacing:.4px;
  text-decoration:none;
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,color .18s ease;
}

.view5c1e8-dockbtn svg{width:21px;height:21px;}

.view5c1e8-dockbtn:active{color:var(--view5c1e8-paper);}

.view5c1e8-dockbtn[aria-current="page"],.view5c1e8-dockbtn[data-active="true"]{
  color:var(--view5c1e8-paper);
  transform:translateY(-2px);
  box-shadow:0 -6px 14px -8px var(--view5c1e8-glow);
}

/* ---------- reveal motion (short section transitions) ---------- */

.view5c1e8-rise{
  opacity:0;
  transform:translateY(var(--view5c1e8-lead-step));
  transition:opacity .4s ease,transform .4s ease;
}

.view5c1e8-rise.view5c1e8-in{
  opacity:1;transform:translateY(0);
}

@media (prefers-reduced-motion:reduce){
  .view5c1e8-rise{opacity:1;transform:none;transition:none;}
  .view5c1e8-cvtrack{transition:none;}
  .view5c1e8-drawer{transition:none;}
}

/* ---------- help pages: editorial route and answer patterns ---------- */

.view5c1e8-eyebrow,.view5c1e8-faq-label{
  margin:0 0 8px;
  color:var(--view5c1e8-mute-lift);
  font-size:10px;
  font-weight:700;
  letter-spacing:1.6px;
  text-transform:uppercase;
}

.view5c1e8-help-hero,.view5c1e8-faq-intro{
  padding:24px 14px 18px;
  border-bottom:1px solid var(--view5c1e8-line);
  background:linear-gradient(145deg,rgba(248,248,255,.08),rgba(248,248,255,.015) 58%,transparent);
}

.view5c1e8-help-hero h1,.view5c1e8-faq-intro h1{margin-bottom:10px;}
.view5c1e8-help-actions{display:flex;gap:8px;flex-wrap:wrap;}
.view5c1e8-help-actions .view5c1e8-btn{flex:1 1 145px;}
.view5c1e8-help-actions-stack{margin-top:14px;}

.view5c1e8-helpband,.view5c1e8-faq-route,.view5c1e8-faq-answers,.view5c1e8-faq-split,.view5c1e8-faq-compare,.view5c1e8-faq-choice,.view5c1e8-faq-final{
  position:relative;
  padding:24px 14px 18px;
  border-top:1px solid var(--view5c1e8-line-soft);
}

.view5c1e8-help-stamp{
  display:flex;align-items:center;gap:8px;
  margin-bottom:10px;
  color:var(--view5c1e8-mute-lift);
  font-size:10.5px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;
}
.view5c1e8-help-stamp strong,.view5c1e8-route-line span{
  display:inline-flex;align-items:center;justify-content:center;
  width:28px;height:28px;
  border:1px solid var(--view5c1e8-line);
  border-radius:var(--view5c1e8-radius);
  color:var(--view5c1e8-paper);
  font-family:var(--view5c1e8-font-head);font-size:14px;
}
.view5c1e8-helpband h2,.view5c1e8-faq-route h2,.view5c1e8-faq-answers h2,.view5c1e8-faq-split h2,.view5c1e8-faq-compare h2,.view5c1e8-faq-choice h2,.view5c1e8-faq-final h2{margin-bottom:10px;}
.view5c1e8-helpband p,.view5c1e8-faq-route p,.view5c1e8-faq-answers p,.view5c1e8-faq-split p,.view5c1e8-faq-compare p,.view5c1e8-faq-choice p,.view5c1e8-faq-final p{font-size:13.5px;color:var(--view5c1e8-mute-lift);}

.view5c1e8-help-callout{
  display:grid;gap:3px;
  margin:14px 0;
  padding:11px 12px;
  border-left:2px solid var(--view5c1e8-paper);
  background:var(--view5c1e8-panel);
}
.view5c1e8-help-callout b{font-size:12px;color:var(--view5c1e8-paper);letter-spacing:.5px;}
.view5c1e8-help-callout span{font-size:12.5px;color:var(--view5c1e8-mute-lift);}
.view5c1e8-help-action,.view5c1e8-faq-mini{
  min-height:44px;padding:8px 12px;
  border:1px solid var(--view5c1e8-line);
  border-radius:var(--view5c1e8-radius);
  background:var(--view5c1e8-panel);
  color:var(--view5c1e8-paper);
  font-size:12px;font-weight:700;cursor:pointer;
  text-align:left;
}
.view5c1e8-help-action:active,.view5c1e8-faq-mini:active{box-shadow:0 0 0 1px var(--view5c1e8-glow),0 0 12px var(--view5c1e8-glow-soft);}
.view5c1e8-help-action-wide{width:100%;}

.view5c1e8-help-grid{display:grid;gap:8px;margin:12px 0 14px;}
.view5c1e8-help-tile{padding:12px;border:1px solid var(--view5c1e8-line-soft);background:var(--view5c1e8-panel);}
.view5c1e8-help-tile h3{margin:5px 0 4px;}
.view5c1e8-help-tile p{margin-bottom:10px;font-size:12.5px;}
.view5c1e8-help-number,.view5c1e8-branch-mark{
  display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;
  border:1px solid var(--view5c1e8-line);color:var(--view5c1e8-paper);font-weight:700;font-size:11px;
}
.view5c1e8-help-list{margin:12px 0 14px;border-top:1px solid var(--view5c1e8-line-soft);}
.view5c1e8-help-list div{display:grid;gap:3px;padding:11px 0;border-bottom:1px solid var(--view5c1e8-line-soft);}
.view5c1e8-help-list b{font-size:13px;color:var(--view5c1e8-paper);}
.view5c1e8-help-list span{font-size:12.5px;color:var(--view5c1e8-mute-lift);}
.view5c1e8-fact-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0 14px;}
.view5c1e8-fact-row div,.view5c1e8-choice-grid div{display:grid;gap:3px;padding:10px;border:1px solid var(--view5c1e8-line-soft);background:var(--view5c1e8-panel);}
.view5c1e8-fact-row strong,.view5c1e8-choice-grid strong{font-size:12px;color:var(--view5c1e8-paper);}
.view5c1e8-fact-row span,.view5c1e8-choice-grid span{font-size:11.5px;line-height:1.45;color:var(--view5c1e8-mute-lift);}

.view5c1e8-faq-quick{display:flex;gap:6px;overflow-x:auto;padding:2px 0 3px;scrollbar-width:none;}
.view5c1e8-faq-quick::-webkit-scrollbar{display:none;}
.view5c1e8-faq-quick a{flex:none;min-height:44px;display:flex;align-items:center;padding:7px 11px;border:1px solid var(--view5c1e8-line-soft);border-radius:var(--view5c1e8-radius);text-decoration:none;font-size:12px;font-weight:700;}
.view5c1e8-route-line{display:flex;align-items:center;gap:8px;margin-bottom:11px;color:var(--view5c1e8-mute-lift);font-size:10px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;}
.view5c1e8-route-line i{height:1px;flex:1;background:var(--view5c1e8-line-soft);}
.view5c1e8-faq-steps{counter-reset:faqstep;margin:10px 0 14px;padding:0;list-style:none;}
.view5c1e8-faq-steps li{display:grid;grid-template-columns:28px 1fr;gap:9px;padding:10px 0;border-bottom:1px solid var(--view5c1e8-line-soft);counter-increment:faqstep;}
.view5c1e8-faq-steps li::before{content:counter(faqstep,decimal-leading-zero);color:var(--view5c1e8-paper);font-family:var(--view5c1e8-font-head);font-size:15px;}
.view5c1e8-faq-steps strong{font-size:13px;color:var(--view5c1e8-paper);}
.view5c1e8-faq-steps span{font-size:12.5px;color:var(--view5c1e8-mute-lift);}
.view5c1e8-faq-cta{display:block;width:100%;min-height:46px;padding:10px 13px;border:1px solid var(--view5c1e8-paper);border-radius:var(--view5c1e8-radius);background:var(--view5c1e8-paper);color:var(--view5c1e8-ink);font-size:12.5px;font-weight:700;cursor:pointer;text-align:left;}
.view5c1e8-faq-cta-quiet{margin-top:8px;background:transparent;color:var(--view5c1e8-paper);border-color:var(--view5c1e8-line);}
.view5c1e8-answer-stack{display:grid;gap:7px;margin-top:12px;}
.view5c1e8-answer-stack details{border:1px solid var(--view5c1e8-line-soft);background:var(--view5c1e8-panel);padding:0 11px;}
.view5c1e8-answer-stack summary{min-height:48px;display:flex;align-items:center;padding:8px 19px 8px 0;color:var(--view5c1e8-paper);font-size:13px;font-weight:700;cursor:pointer;list-style:none;position:relative;}
.view5c1e8-answer-stack summary::-webkit-details-marker{display:none;}
.view5c1e8-answer-stack summary::after{content:'+';position:absolute;right:0;font-size:18px;font-weight:400;color:var(--view5c1e8-mute-lift);}
.view5c1e8-answer-stack details[open] summary::after{content:'-';}
.view5c1e8-answer-stack details p{margin:0 0 9px;font-size:12.5px;}
.view5c1e8-answer-stack details .view5c1e8-help-action{margin-bottom:11px;}
.view5c1e8-faq-branches{display:grid;gap:8px;margin-top:12px;}
.view5c1e8-faq-branches article{padding:12px;border-top:2px solid var(--view5c1e8-line);background:var(--view5c1e8-panel);}
.view5c1e8-faq-branches h3{margin:8px 0 4px;font-size:15px;}
.view5c1e8-faq-branches p{font-size:12.5px;margin-bottom:10px;}
.view5c1e8-faq-mini{display:inline-flex;align-items:center;min-height:42px;padding:7px 10px;font-size:11.5px;}
.view5c1e8-plusminus{display:grid;gap:8px;margin-top:12px;}
.view5c1e8-plusminus>div{padding:13px;border:1px solid var(--view5c1e8-line-soft);}
.view5c1e8-plus{background:rgba(248,248,255,.07);}
.view5c1e8-minus{background:rgba(0,0,0,.12);}
.view5c1e8-plusminus h3{margin-bottom:8px;}
.view5c1e8-plusminus ul{margin:0 0 11px;padding-left:17px;color:var(--view5c1e8-mute-lift);font-size:12.5px;}
.view5c1e8-plusminus li{margin-bottom:6px;}
.view5c1e8-faq-note{margin-top:12px;font-size:11.5px!important;color:var(--view5c1e8-mute)!important;}
.view5c1e8-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0 14px;}
.view5c1e8-faq-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;}
.view5c1e8-faq-actions .view5c1e8-btn{flex:1 1 145px;}
.view5c1e8-faq-final{background:linear-gradient(145deg,rgba(248,248,255,.07),transparent);}

@media (min-width:380px){
  .view5c1e8-help-grid{grid-template-columns:repeat(3,1fr);}
  .view5c1e8-help-tile{padding:10px;}
  .view5c1e8-help-tile p{font-size:12px;}
  .view5c1e8-faq-branches{grid-template-columns:1fr 1fr;}
  .view5c1e8-plusminus{grid-template-columns:1fr 1fr;}
}

@media (max-width:350px){
  .view5c1e8-topbar .view5c1e8-btn{padding-left:9px;padding-right:9px;}
  .view5c1e8-brand b{font-size:17px;}
  .view5c1e8-fact-row,.view5c1e8-choice-grid{grid-template-columns:1fr;}
}