/* ==========================================================================
   gk999.cfd — mobile-canvas stylesheet
   Prefix contract: every class and CSS variable starts with viewaa265-
   Palette anchors: #0D1117 ink / #F8F8FF paper / #E0E0E0 mist /
                    #FFDFBA amber / #ECF0F1 fog
   Shape language: stroke-dominant tiles, restrained radii, technical
   headings over an open reading body face, intro-per-section rhythm.
   ========================================================================== */

:root{
  --viewaa265-ink:#0D1117;
  --viewaa265-ink-2:#111823;
  --viewaa265-ink-3:#18202c;
  --viewaa265-paper:#F8F8FF;
  --viewaa265-mist:#E0E0E0;
  --viewaa265-amber:#FFDFBA;
  --viewaa265-amber-deep:#f0b566;
  --viewaa265-amber-ink:#3d2c12;
  --viewaa265-fog:#ECF0F1;
  --viewaa265-line:#2b3542;
  --viewaa265-line-soft:#212a36;
  --viewaa265-dim:#9aa7b5;
  --viewaa265-radius:6px;
  --viewaa265-radius-lg:10px;
  --viewaa265-font-head:"Chakra Petch","Hind Siliguri","Noto Sans Bengali",system-ui,sans-serif;
  --viewaa265-font-body:"Hind Siliguri","Noto Sans Bengali","Segoe UI",system-ui,sans-serif;
}

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

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

body{
  margin:0;
  background:#05070b;
  color:var(--viewaa265-mist);
  font-family:var(--viewaa265-font-body);
  font-size:15px;
  line-height:1.75;
  overflow-x:hidden;
}

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

a{color:var(--viewaa265-amber);text-decoration:none;border-bottom:1px dashed rgba(255,223,186,.45);}
a:hover{color:var(--viewaa265-paper);border-bottom-style:solid;}

button{font-family:inherit;}

:focus-visible{outline:2px solid var(--viewaa265-amber);outline-offset:2px;border-radius:3px;}

/* --------------------------------------------------------------------------
   Shell: phone canvas stays centred on wide screens, hairline framed.
   -------------------------------------------------------------------------- */
.viewaa265-shell{
  position:relative;
  width:100%;
  max-width:430px;
  margin:0 auto;
  min-height:100vh;
  background:var(--viewaa265-ink);
  border-left:1px solid var(--viewaa265-line-soft);
  border-right:1px solid var(--viewaa265-line-soft);
  overflow-x:hidden;
}

.viewaa265-main{
  padding:72px 12px calc(104px + env(safe-area-inset-bottom));
}

/* --------------------------------------------------------------------------
   Top bar — asymmetric brand head: fat brand cell left, tight action
   cluster right, hairline base. Fixed to the canvas top.
   -------------------------------------------------------------------------- */
.viewaa265-topbar{
  position:fixed;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:100%;
  max-width:430px;
  z-index:60;
  display:flex;
  align-items:center;
  gap:8px;
  min-height:62px;
  padding:8px 10px;
  background:linear-gradient(180deg,rgba(13,17,23,.98),rgba(13,17,23,.92));
  border-bottom:1px solid var(--viewaa265-line);
  backdrop-filter:blur(6px);
}

.viewaa265-brand{
  display:flex;
  align-items:center;
  gap:8px;
  margin-right:auto;
  min-width:0;
}

.viewaa265-brand img{
  width:34px;
  height:34px;
  border-radius:var(--viewaa265-radius);
  border:1px solid var(--viewaa265-line);
  background:var(--viewaa265-ink-3);
  flex:0 0 auto;
}

.viewaa265-brand b{
  font-family:var(--viewaa265-font-head);
  font-weight:700;
  font-size:19px;
  letter-spacing:.06em;
  color:var(--viewaa265-paper);
  line-height:1.1;
  white-space:nowrap;
}

/* Compact dual-button CTA cluster */
.viewaa265-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto;}

.viewaa265-btnreg,
.viewaa265-btnlog{
  min-height:44px;
  padding:0 12px;
  border-radius:var(--viewaa265-radius);
  font-size:12.5px;
  font-weight:600;
  cursor:pointer;
  transition:transform .15s ease,background-color .15s ease,color .15s ease;
}

.viewaa265-btnreg{
  background:var(--viewaa265-amber);
  color:var(--viewaa265-amber-ink);
  border:1px solid var(--viewaa265-amber-deep);
}

.viewaa265-btnreg:hover{background:var(--viewaa265-paper);color:var(--viewaa265-ink);}

.viewaa265-btnlog{
  background:transparent;
  color:var(--viewaa265-amber);
  border:1px solid var(--viewaa265-line);
}

.viewaa265-btnlog:hover{border-color:var(--viewaa265-amber);color:var(--viewaa265-paper);}

.viewaa265-burger{
  width:44px;
  height:44px;
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  background:transparent;
  border:1px solid var(--viewaa265-line);
  border-radius:var(--viewaa265-radius);
  cursor:pointer;
}

.viewaa265-burger span{
  width:16px;
  height:2px;
  background:var(--viewaa265-amber);
  transition:transform .2s ease,opacity .2s ease;
}

/* icon state morph: burger -> X */
.viewaa265-burger.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg);}
.viewaa265-burger.is-open span:nth-child(2){opacity:0;}
.viewaa265-burger.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}

/* --------------------------------------------------------------------------
   Stacked overlay menu
   -------------------------------------------------------------------------- */
.viewaa265-drawer{
  position:fixed;
  inset:0;
  z-index:80;
  display:none;
  flex-direction:column;
  background:rgba(5,7,11,.97);
  padding:78px 18px 40px;
  overflow-y:auto;
}

.viewaa265-drawer.is-open{display:flex;}

.viewaa265-drawer nav{display:flex;flex-direction:column;}

.viewaa265-drawer a{
  display:flex;
  align-items:baseline;
  gap:12px;
  min-height:52px;
  padding:10px 4px;
  border-bottom:1px solid var(--viewaa265-line-soft);
  color:var(--viewaa265-paper);
  font-size:16px;
  border-radius:0;
}

.viewaa265-drawer a i{
  font-family:var(--viewaa265-font-head);
  font-style:normal;
  font-size:11px;
  letter-spacing:.14em;
  color:var(--viewaa265-dim);
  min-width:26px;
}

.viewaa265-drawer a em{
  font-style:normal;
  font-size:11px;
  color:var(--viewaa265-dim);
  margin-left:auto;
  letter-spacing:.05em;
}

.viewaa265-drawer a:hover{color:var(--viewaa265-amber);}

.viewaa265-drawernote{
  margin:22px 0 0;
  padding:12px 14px;
  border:1px dashed var(--viewaa265-line);
  border-radius:var(--viewaa265-radius);
  font-size:12.5px;
  color:var(--viewaa265-dim);
}

/* --------------------------------------------------------------------------
   Hero carousel
   -------------------------------------------------------------------------- */
.viewaa265-hero{
  position:relative;
  margin:0 -12px 6px;
  border-bottom:1px solid var(--viewaa265-line-soft);
}

.viewaa265-track{position:relative;height:186px;background:var(--viewaa265-ink-2);}

.viewaa265-slide{
  position:absolute;
  inset:0;
  padding:0;
  border:0;
  background:var(--viewaa265-ink-2);
  cursor:pointer;
  opacity:0;
  transition:opacity .45s ease;
}

.viewaa265-slide.is-on{opacity:1;}

.viewaa265-slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.82;
}

.viewaa265-slidecap{
  position:absolute;
  left:12px;
  right:12px;
  bottom:12px;
  text-align:left;
  padding:8px 12px;
  background:rgba(13,17,23,.82);
  border-left:3px solid var(--viewaa265-amber);
  border-radius:var(--viewaa265-radius);
  display:flex;
  flex-direction:column;
  gap:1px;
}

.viewaa265-slidecap b{
  font-family:var(--viewaa265-font-head);
  font-size:14px;
  color:var(--viewaa265-paper);
  letter-spacing:.02em;
}

.viewaa265-slidecap span{font-size:11.5px;color:var(--viewaa265-amber);}

.viewaa265-dots{
  position:absolute;
  right:12px;
  top:10px;
  display:flex;
  gap:5px;
  z-index:2;
}

.viewaa265-dots button{
  width:8px;
  height:8px;
  padding:0;
  border-radius:50%;
  border:1px solid var(--viewaa265-amber);
  background:transparent;
  cursor:pointer;
}

.viewaa265-dots button.is-on{background:var(--viewaa265-amber);}

/* --------------------------------------------------------------------------
   Section scaffolding — lede-first rhythm
   -------------------------------------------------------------------------- */
.viewaa265-section{margin-top:26px;}

.viewaa265-kicker{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-family:var(--viewaa265-font-head);
  font-size:10px;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--viewaa265-amber-deep);
}

.viewaa265-kicker::before{
  content:"";
  width:8px;
  height:8px;
  border:1px solid var(--viewaa265-amber);
  transform:rotate(45deg);
}

.viewaa265-h2{
  display:flex;
  align-items:center;
  gap:8px;
  margin:6px 0 4px;
  font-family:var(--viewaa265-font-head);
  font-size:18.5px;
  line-height:1.35;
  color:var(--viewaa265-paper);
  font-weight:700;
}

.viewaa265-h2::before{
  content:"";
  flex:0 0 auto;
  width:5px;
  height:18px;
  background:var(--viewaa265-amber);
  border-radius:2px;
}

.viewaa265-lede{
  margin:2px 0 12px;
  font-size:13px;
  color:var(--viewaa265-dim);
  line-height:1.7;
}

.viewaa265-p{margin:0 0 12px;}

.viewaa265-h1{
  font-family:var(--viewaa265-font-head);
  font-size:22px;
  line-height:1.4;
  color:var(--viewaa265-paper);
  font-weight:700;
  margin:0 0 10px;
}

.viewaa265-h3{
  font-family:var(--viewaa265-font-head);
  font-size:14.5px;
  color:var(--viewaa265-amber);
  margin:16px 0 6px;
  font-weight:600;
}

/* --------------------------------------------------------------------------
   Game grid — outlined tile cards
   -------------------------------------------------------------------------- */
.viewaa265-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:7px;
}

.viewaa265-tile{
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:5px;
  background:rgba(236,240,241,.03);
  border:1px solid var(--viewaa265-line-soft);
  border-radius:var(--viewaa265-radius);
  cursor:pointer;
  text-align:center;
  transition:border-color .15s ease,transform .15s ease,background-color .15s ease;
}

.viewaa265-tile:hover{
  border-color:var(--viewaa265-amber-deep);
  background:rgba(255,223,186,.05);
  transform:translateY(-2px);
}

.viewaa265-tile img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  border-radius:4px;
  border:1px solid var(--viewaa265-line-soft);
  background:var(--viewaa265-ink-3);
}

.viewaa265-tile b{
  font-size:10.5px;
  font-weight:500;
  line-height:1.35;
  color:var(--viewaa265-mist);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:28px;
}

/* see-also chip rail with real internal routes */
.viewaa265-also{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:12px 0 0;
  padding-top:10px;
  border-top:1px dashed var(--viewaa265-line-soft);
}

.viewaa265-also span{
  font-family:var(--viewaa265-font-head);
  font-size:10px;
  letter-spacing:.18em;
  color:var(--viewaa265-dim);
  align-self:center;
  text-transform:uppercase;
}

.viewaa265-also a{
  font-size:12px;
  padding:6px 10px;
  min-height:32px;
  display:inline-flex;
  align-items:center;
  border:1px solid var(--viewaa265-line);
  border-radius:999px;
  background:var(--viewaa265-ink-2);
}

.viewaa265-also a:hover{border-color:var(--viewaa265-amber);}

/* --------------------------------------------------------------------------
   Category highlight rows — numbered lede blocks
   -------------------------------------------------------------------------- */
.viewaa265-rows{display:flex;flex-direction:column;gap:10px;}

.viewaa265-row{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:10px;
  padding:11px 12px;
  border:1px solid var(--viewaa265-line-soft);
  border-left:3px solid var(--viewaa265-amber-deep);
  border-radius:var(--viewaa265-radius);
  background:var(--viewaa265-ink-2);
}

.viewaa265-row i{
  font-family:var(--viewaa265-font-head);
  font-style:normal;
  font-size:15px;
  color:var(--viewaa265-amber);
  border-right:1px solid var(--viewaa265-line-soft);
  display:flex;
  align-items:center;
  justify-content:center;
}

.viewaa265-row b{color:var(--viewaa265-paper);font-size:13.5px;}

.viewaa265-row p{margin:3px 0 0;font-size:12.5px;color:var(--viewaa265-dim);line-height:1.65;}

/* --------------------------------------------------------------------------
   Promotions strip
   -------------------------------------------------------------------------- */
.viewaa265-promos{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

.viewaa265-promo{
  padding:12px;
  border:1px solid var(--viewaa265-line);
  border-radius:var(--viewaa265-radius-lg);
  background:linear-gradient(160deg,var(--viewaa265-ink-2),var(--viewaa265-ink-3));
  display:flex;
  flex-direction:column;
  gap:6px;
}

.viewaa265-promo b{
  font-family:var(--viewaa265-font-head);
  font-size:13.5px;
  color:var(--viewaa265-amber);
}

.viewaa265-promo p{margin:0;font-size:12px;color:var(--viewaa265-mist);line-height:1.6;}

.viewaa265-promo button{
  margin-top:auto;
  min-height:40px;
  border-radius:var(--viewaa265-radius);
  border:1px solid var(--viewaa265-amber-deep);
  background:var(--viewaa265-amber);
  color:var(--viewaa265-amber-ink);
  font-size:12.5px;
  font-weight:700;
  cursor:pointer;
  transition:background-color .15s ease,color .15s ease;
}

.viewaa265-promo button:hover{background:var(--viewaa265-paper);color:var(--viewaa265-ink);}

.viewaa265-term{
  margin:10px 0 0;
  font-size:11.5px;
  color:var(--viewaa265-dim);
  border-left:2px solid var(--viewaa265-line);
  padding-left:10px;
}

/* --------------------------------------------------------------------------
   Info duo (wallet / security) — stroked mini cards
   -------------------------------------------------------------------------- */
.viewaa265-duo{display:grid;grid-template-columns:1fr;gap:9px;}

.viewaa265-card{
  padding:12px 13px;
  border:1px solid var(--viewaa265-line-soft);
  border-radius:var(--viewaa265-radius-lg);
  background:var(--viewaa265-ink-2);
}

.viewaa265-card h3{margin:0 0 6px;}

.viewaa265-card p{margin:0;font-size:12.8px;color:var(--viewaa265-mist);line-height:1.7;}

.viewaa265-card ul{margin:8px 0 0;padding-left:18px;font-size:12.5px;color:var(--viewaa265-dim);}
.viewaa265-card li{margin:3px 0;}

/* --------------------------------------------------------------------------
   FAQ — native disclosure
   -------------------------------------------------------------------------- */
.viewaa265-faq{display:flex;flex-direction:column;gap:8px;}

.viewaa265-faq details{
  border:1px solid var(--viewaa265-line-soft);
  border-radius:var(--viewaa265-radius);
  background:var(--viewaa265-ink-2);
  overflow:hidden;
}

.viewaa265-faq summary{
  list-style:none;
  cursor:pointer;
  padding:11px 38px 11px 12px;
  font-size:13.5px;
  font-weight:600;
  color:var(--viewaa265-paper);
  min-height:44px;
  display:flex;
  align-items:center;
  position:relative;
}

.viewaa265-faq summary::-webkit-details-marker{display:none;}

.viewaa265-faq summary::after{
  content:"+";
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  font-family:var(--viewaa265-font-head);
  color:var(--viewaa265-amber);
  font-size:17px;
  transition:transform .2s ease;
}

.viewaa265-faq details[open] summary::after{transform:translateY(-50%) rotate(45deg);}

.viewaa265-faq details p{
  margin:0;
  padding:0 12px 12px;
  font-size:12.8px;
  color:var(--viewaa265-mist);
  line-height:1.7;
}

/* --------------------------------------------------------------------------
   Fact summary
   -------------------------------------------------------------------------- */
.viewaa265-facts{margin:0;padding:0;list-style:none;}

.viewaa265-facts li{
  display:grid;
  grid-template-columns:14px 1fr;
  gap:9px;
  padding:8px 2px;
  border-bottom:1px dashed var(--viewaa265-line-soft);
  font-size:12.8px;
}

.viewaa265-facts li::before{
  content:"";
  width:7px;
  height:7px;
  margin-top:8px;
  border:1px solid var(--viewaa265-amber);
  transform:rotate(45deg);
}

/* --------------------------------------------------------------------------
   Extended footer — page directory > brand > promotions > disclaimer
   -------------------------------------------------------------------------- */
.viewaa265-xfoot{
  margin:30px -12px 0;
  padding:20px 14px 16px;
  border-top:1px solid var(--viewaa265-line);
  background:var(--viewaa265-ink-2);
}

.viewaa265-xfoot h2{
  font-family:var(--viewaa265-font-head);
  font-size:13px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--viewaa265-amber-deep);
  margin:0 0 10px;
}

.viewaa265-dir{
  margin:0 0 18px;
  padding:0;
  list-style:none;
  columns:2;
  column-gap:14px;
}

.viewaa265-dir li{
  break-inside:avoid;
  margin:0 0 7px;
  font-size:12.5px;
}

.viewaa265-dir a{border-bottom:0;}

.viewaa265-dir a:hover{color:var(--viewaa265-paper);}

.viewaa265-xbrand{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:12px;
  border:1px dashed var(--viewaa265-line);
  border-radius:var(--viewaa265-radius);
  margin-bottom:16px;
}

.viewaa265-xbrand img{
  width:38px;
  height:38px;
  border-radius:var(--viewaa265-radius);
  border:1px solid var(--viewaa265-line);
  flex:0 0 auto;
}

.viewaa265-xbrand p{margin:0;font-size:12.3px;color:var(--viewaa265-dim);line-height:1.65;}

.viewaa265-xpromo{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-bottom:16px;
}

.viewaa265-xpromo button{
  min-height:44px;
  border-radius:var(--viewaa265-radius);
  font-size:12.5px;
  font-weight:600;
  cursor:pointer;
  transition:border-color .15s ease,color .15s ease;
}

.viewaa265-xpromo .viewaa265-xprimary{
  background:var(--viewaa265-amber);
  border:1px solid var(--viewaa265-amber-deep);
  color:var(--viewaa265-amber-ink);
}

.viewaa265-xpromo .viewaa265-xghost{
  background:transparent;
  border:1px solid var(--viewaa265-line);
  color:var(--viewaa265-amber);
}

.viewaa265-xpromo button:hover{color:var(--viewaa265-paper);border-color:var(--viewaa265-amber);}

.viewaa265-note{
  font-size:11.3px;
  color:var(--viewaa265-dim);
  line-height:1.65;
  border-left:2px solid var(--viewaa265-amber-deep);
  padding-left:10px;
}

.viewaa265-copy{
  margin:22px -12px 0;
  padding:12px 14px calc(10px + env(safe-area-inset-bottom));
  border-top:1px solid var(--viewaa265-line-soft);
  text-align:center;
  font-size:11.5px;
  color:var(--viewaa265-dim);
}

/* --------------------------------------------------------------------------
   Floating dock bar — 5 semantic roles
   -------------------------------------------------------------------------- */
.viewaa265-dock{
  position:fixed;
  bottom:calc(9px + env(safe-area-inset-bottom));
  left:50%;
  transform:translateX(-50%);
  width:calc(100% - 20px);
  max-width:410px;
  z-index:70;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  background:rgba(17,24,35,.96);
  border:1px solid var(--viewaa265-line);
  border-radius:14px;
  padding:6px 4px;
  backdrop-filter:blur(8px);
  box-shadow:0 10px 26px rgba(0,0,0,.5);
}

.viewaa265-dock a,
.viewaa265-dock button{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  min-height:48px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:var(--viewaa265-dim);
  font-size:9.8px;
  font-family:var(--viewaa265-font-head);
  letter-spacing:.03em;
  cursor:pointer;
  text-decoration:none;
  border-bottom:0;
  transition:transform .16s ease,color .16s ease;
}

.viewaa265-dock svg{
  width:20px;
  height:20px;
  stroke:currentColor;
  fill:none;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .18s ease;
}

.viewaa265-dock a:hover,
.viewaa265-dock button:hover{color:var(--viewaa265-paper);}

.viewaa265-dock .is-here{
  color:var(--viewaa265-amber);
  transform:translateY(-3px);
}

.viewaa265-dock .is-here svg{transform:scale(1.08);}

.viewaa265-dock .is-here::after{
  content:"";
  width:4px;
  height:4px;
  border-radius:50%;
  background:var(--viewaa265-amber);
  margin-top:1px;
}

/* --------------------------------------------------------------------------
   Breakpoints
   -------------------------------------------------------------------------- */

/* Phone canvas tuning at the 430 top edge of the canvas */
@media (max-width: 430px){
  .viewaa265-main{padding-left:11px;padding-right:11px;}
  .viewaa265-track{height:178px;}
  .viewaa265-dock{grid-template-columns:repeat(5,1fr);}
  .viewaa265-dock a,
  .viewaa265-dock button{font-size:9.4px;}
}

/* Slightly wider phones earn a fifth game column */
@media (min-width:375px){
  .viewaa265-grid{grid-template-columns:repeat(5,1fr);gap:8px;}
  .viewaa265-h1{font-size:23px;}
}

/* Very narrow phones keep four columns and tighten chrome */
@media (max-width:359px){
  .viewaa265-grid{grid-template-columns:repeat(4,1fr);gap:6px;}
  .viewaa265-brand b{font-size:17px;}
  .viewaa265-btnreg,.viewaa265-btnlog{padding:0 9px;font-size:11.5px;}
  .viewaa265-promos,.viewaa265-xpromo{grid-template-columns:1fr;}
}

/* Beyond the canvas: ambient page frame */
@media (min-width:431px){
  body{background:radial-gradient(1200px 500px at 50% -120px,#101722,#05070b);}
  .viewaa265-shell{box-shadow:0 0 60px rgba(0,0,0,.55);}
}

@media (prefers-reduced-motion:reduce){
  *{transition:none !important;}
  .viewaa265-slide{transition:none;}
}

/* Help pages: field notes and comparison panels share the phone canvas, not the homepage grid. */
.viewaa265-help-main{padding-top:78px;}
.viewaa265-helphead{
  padding:14px 12px 16px;
  border:1px solid var(--viewaa265-line);
  border-left:4px solid var(--viewaa265-amber);
  background:linear-gradient(145deg,var(--viewaa265-ink-2),var(--viewaa265-ink));
  border-radius:var(--viewaa265-radius-lg);
}
.viewaa265-helphead .viewaa265-kicker{margin-bottom:4px;}
.viewaa265-helphead .viewaa265-lede{margin-bottom:0;}
.viewaa265-signalrail{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px;}
.viewaa265-signal{
  min-height:68px;
  padding:8px 7px;
  border:1px solid var(--viewaa265-line-soft);
  border-radius:var(--viewaa265-radius);
  background:rgba(236,240,241,.035);
}
.viewaa265-signal b{display:block;font-family:var(--viewaa265-font-head);font-size:12px;color:var(--viewaa265-amber);line-height:1.3;}
.viewaa265-signal span{display:block;margin-top:4px;color:var(--viewaa265-dim);font-size:10.8px;line-height:1.4;}
.viewaa265-casebook{display:flex;flex-direction:column;gap:9px;}
.viewaa265-case{
  display:grid;
  grid-template-columns:58px 1fr;
  gap:10px;
  padding:11px 10px;
  border:1px solid var(--viewaa265-line-soft);
  border-radius:var(--viewaa265-radius);
  background:var(--viewaa265-ink-2);
}
.viewaa265-casecode{font-family:var(--viewaa265-font-head);font-size:11px;letter-spacing:.12em;color:var(--viewaa265-amber-deep);padding-top:2px;}
.viewaa265-case h3{margin:0;color:var(--viewaa265-paper);font-size:14px;line-height:1.45;}
.viewaa265-case p{margin:4px 0 0;color:var(--viewaa265-mist);font-size:12.5px;line-height:1.68;}
.viewaa265-actionline{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px;}
.viewaa265-actionline button,.viewaa265-cta button{
  min-height:44px;padding:0 12px;border:1px solid var(--viewaa265-amber-deep);
  border-radius:var(--viewaa265-radius);background:var(--viewaa265-amber);
  color:var(--viewaa265-amber-ink);font-size:12px;font-weight:700;cursor:pointer;
}
.viewaa265-actionline button:hover,.viewaa265-cta button:hover{background:var(--viewaa265-paper);color:var(--viewaa265-ink);}
.viewaa265-intake{
  margin:0;padding:0;list-style:none;counter-reset:viewaa265-intake;
  display:flex;flex-direction:column;gap:7px;
}
.viewaa265-intake li{counter-increment:viewaa265-intake;display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:start;padding:9px 10px;border-bottom:1px dashed var(--viewaa265-line-soft);font-size:12.7px;color:var(--viewaa265-mist);}
.viewaa265-intake li::before{content:counter(viewaa265-intake,'decimal-leading-zero');font-family:var(--viewaa265-font-head);color:var(--viewaa265-amber);font-size:12px;}
.viewaa265-intake b{color:var(--viewaa265-paper);font-size:13px;}
.viewaa265-intake span{display:block;margin-top:2px;color:var(--viewaa265-dim);line-height:1.62;}
.viewaa265-questionstack{display:flex;flex-direction:column;gap:8px;}
.viewaa265-question{
  padding:11px 12px 12px;border-left:3px solid var(--viewaa265-amber-deep);
  background:var(--viewaa265-ink-2);border-top:1px solid var(--viewaa265-line-soft);
  border-right:1px solid var(--viewaa265-line-soft);border-bottom:1px solid var(--viewaa265-line-soft);
}
.viewaa265-question h3{margin:0;color:var(--viewaa265-paper);font-size:13.5px;line-height:1.5;}
.viewaa265-question p{margin:4px 0 0;color:var(--viewaa265-mist);font-size:12.5px;line-height:1.68;}
.viewaa265-routegrid{display:grid;grid-template-columns:1fr 1fr;gap:7px;}
.viewaa265-routegrid a{display:flex;align-items:center;min-height:54px;padding:8px 10px;border:1px solid var(--viewaa265-line);border-radius:var(--viewaa265-radius);background:var(--viewaa265-ink-2);font-size:12.5px;line-height:1.45;}
.viewaa265-routegrid a:hover{border-color:var(--viewaa265-amber);}
.viewaa265-cta{padding:13px;border:1px solid var(--viewaa265-amber-deep);border-radius:var(--viewaa265-radius-lg);background:linear-gradient(135deg,rgba(255,223,186,.13),var(--viewaa265-ink-2));}
.viewaa265-cta h3{margin:0 0 5px;color:var(--viewaa265-paper);font-family:var(--viewaa265-font-head);font-size:15px;}
.viewaa265-cta p{margin:0;color:var(--viewaa265-mist);font-size:12.5px;line-height:1.65;}
.viewaa265-cta button{margin-top:10px;}
.viewaa265-contrast{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.viewaa265-contrast article{padding:11px 10px;border:1px solid var(--viewaa265-line-soft);border-radius:var(--viewaa265-radius);background:var(--viewaa265-ink-2);}
.viewaa265-contrast article:first-child{border-top:3px solid var(--viewaa265-amber);}
.viewaa265-contrast article:last-child{border-top:3px solid var(--viewaa265-dim);}
.viewaa265-contrast h3{margin:0 0 5px;font-family:var(--viewaa265-font-head);font-size:13px;color:var(--viewaa265-paper);}
.viewaa265-contrast p{margin:0;color:var(--viewaa265-dim);font-size:12px;line-height:1.65;}
.viewaa265-notegrid{display:grid;grid-template-columns:1fr 1fr;gap:7px;}
.viewaa265-notegrid article{padding:10px;border:1px dashed var(--viewaa265-line);border-radius:var(--viewaa265-radius);}
.viewaa265-notegrid b{display:block;color:var(--viewaa265-amber);font-size:12.5px;}
.viewaa265-notegrid p{margin:3px 0 0;color:var(--viewaa265-mist);font-size:12px;line-height:1.6;}
.viewaa265-comparison{overflow:hidden;border:1px solid var(--viewaa265-line);border-radius:var(--viewaa265-radius-lg);}
.viewaa265-comparison div{display:grid;grid-template-columns:84px 1fr 1fr;min-width:0;border-bottom:1px solid var(--viewaa265-line-soft);}
.viewaa265-comparison div:last-child{border-bottom:0;}
.viewaa265-comparison span{padding:9px 7px;font-size:11.5px;line-height:1.55;color:var(--viewaa265-mist);overflow-wrap:anywhere;}
.viewaa265-comparison span:first-child{font-family:var(--viewaa265-font-head);color:var(--viewaa265-amber);background:rgba(255,223,186,.04);}
.viewaa265-comparison span+span{border-left:1px solid var(--viewaa265-line-soft);}
.viewaa265-ladder{display:flex;flex-direction:column;gap:6px;}
.viewaa265-ladder div{display:flex;gap:9px;align-items:flex-start;padding:9px 10px;border-left:2px solid var(--viewaa265-amber-deep);background:rgba(236,240,241,.03);}
.viewaa265-ladder strong{font-family:var(--viewaa265-font-head);color:var(--viewaa265-amber);font-size:12px;min-width:42px;}
.viewaa265-ladder span{color:var(--viewaa265-mist);font-size:12.5px;line-height:1.62;}
.viewaa265-rulelist{margin:0;padding-left:18px;color:var(--viewaa265-mist);font-size:12.7px;}
.viewaa265-rulelist li{margin:5px 0;line-height:1.6;}
.viewaa265-rulelist li::marker{color:var(--viewaa265-amber);}
.viewaa265-minihead{margin:0 0 7px;color:var(--viewaa265-amber-deep);font-family:var(--viewaa265-font-head);font-size:11px;letter-spacing:.14em;text-transform:uppercase;}
@media (max-width:359px){
  .viewaa265-signalrail,.viewaa265-contrast,.viewaa265-notegrid{grid-template-columns:1fr;}
  .viewaa265-routegrid{grid-template-columns:1fr;}
  .viewaa265-case{grid-template-columns:45px 1fr;}
  .viewaa265-comparison div{grid-template-columns:70px 1fr 1fr;}
  .viewaa265-comparison span{font-size:10.8px;padding-left:5px;padding-right:5px;}
}