/* Home fixes 2026-10-24 (Web Standard v2 review of the live Home).
   Audi: "แล้วหน้าhome ไม่ต้องแก้อะไรแล้วใช่ไหม ก่อนจะไปfinance" → fix the four defects found on audikung.com,
   and "เวลาทำคำนึงถึงทั้งthemeดำขาวด้วย อย่าให้สลับthemeแล้วสีกล่องหรือหนังสือกลืนกับพื้นหลัง" → every fix checked in both themes. */

/* 1 · Stock Hub CTA = ribbon bookmark (Audi 2026-10-24 picked E: "ลอง เอาเป็นE ก็ได้"). Was a 220px navy block on phones;
   a gold pill blended into the gold folio paper and a green pill read wrong ("สีมันไม่สวย ทั้งตอนhoverและยังไม่hover").
   The ribbon comes from the diary object Audi likes: deep red silk, swallow-tail end, slides out on hover. Same in both themes
   because it sits on the folio paper, which is the same in both themes. */
html[data-theme] body.home-astra .shelf-deepdives-grid .deepdive-primary-btn{
  height:44px!important;min-height:44px!important;width:auto!important;flex:0 0 auto!important;align-self:flex-start!important;
  display:inline-flex!important;align-items:center!important;gap:10px!important;padding:0 30px 0 16px!important;border:0!important;border-radius:0!important;
  background:linear-gradient(180deg,rgb(186,40,58) 0%,rgb(150,26,42) 55%,rgb(118,16,32) 100%)!important;color:rgb(255,241,220)!important;
  clip-path:polygon(0 0,100% 0,calc(100% - 15px) 50%,100% 100%,0 100%)!important;
  box-shadow:none!important;filter:drop-shadow(0 6px 8px rgba(80,10,20,.45))!important;
  font:650 .95rem/1 'AK Thai','Google Sans','Plus Jakarta Sans','Sarabun',sans-serif!important;white-space:nowrap!important;text-decoration:none!important;
  transition:translate 260ms cubic-bezier(.16,1,.3,1),padding 260ms cubic-bezier(.16,1,.3,1),filter 260ms!important}
html[data-theme] body.home-astra .shelf-deepdives-grid .deepdive-primary-btn::before{content:""!important;position:absolute;left:0;top:0;bottom:0;width:5px;background:rgba(255,255,255,.18);pointer-events:none}
html[data-theme] body.home-astra .shelf-deepdives-grid .deepdive-primary-btn .btn-arr{display:inline-block!important;width:auto!important;height:auto!important;background:none!important;border:0!important;color:rgb(255,226,200)!important;margin:0!important;transition:translate 260ms cubic-bezier(.16,1,.3,1)!important}
html[data-theme] body.home-astra .shelf-deepdives-grid .deepdive-primary-btn:hover,html[data-theme] body.home-astra .shelf-deepdives-grid .deepdive-primary-btn:focus-visible{translate:6px 0!important;padding-right:38px!important;background:linear-gradient(180deg,rgb(204,48,66) 0%,rgb(164,30,48) 55%,rgb(128,18,36) 100%)!important;color:white!important;filter:drop-shadow(0 8px 12px rgba(80,10,20,.55))!important}
html[data-theme] body.home-astra .shelf-deepdives-grid .deepdive-primary-btn:hover .btn-arr,html[data-theme] body.home-astra .shelf-deepdives-grid .deepdive-primary-btn:focus-visible .btn-arr{translate:4px 0!important;background:none!important;color:white!important}
html[data-theme] body.home-astra .shelf-deepdives-grid .deepdive-primary-btn:focus-visible{outline:3px solid rgb(229,197,134)!important;outline-offset:4px!important}
@media(max-width:520px){html[data-theme] body.home-astra .shelf-deepdives-grid .deepdive-primary-btn span:first-child{font-size:.86rem!important}}
@media(prefers-reduced-motion:reduce){html[data-theme] body.home-astra .shelf-deepdives-grid .deepdive-primary-btn{transition:none!important}}

/* 5 · Clip play = film strip (Audi 2026-10-24 picked D: "ปุ่ม play บนคลิป เอาD"). Sits along the bottom edge so it never covers the face,
   sprocket holes on top like the film-strip card, gold 16-bit play (the red one read as YouTube). */
html[data-theme] body.home-astra .shelf-video .play-strip{position:absolute;left:0;right:0;bottom:0;z-index:3;height:44px;display:flex;align-items:center;gap:10px;padding:0 14px;
  background:rgba(10,12,20,.9);border-top:4px dotted rgba(255,255,255,.4);color:rgb(246,227,180);font:650 .92rem/1 'AK Thai','Google Sans','Plus Jakarta Sans','Sarabun',sans-serif;pointer-events:none}
html[data-theme] body.home-astra .shelf-video .play-strip-px{display:grid;place-items:center;width:26px;height:26px;line-height:0;transition:scale 220ms cubic-bezier(.16,1,.3,1)}
html[data-theme] body.home-astra .shelf-video:is(:hover,:focus-within) .play-strip-px{scale:1.22}
html[data-theme] body.home-astra .shelf-video:is(:hover,:focus-within) .play-strip{color:white;background:rgba(10,12,20,.96)}
html[data-theme] body.home-astra .shelf-video .play-dot{display:none!important}

/* 2 · "เข้าใจเงินให้มากขึ้น" on phones: the title wraps and the fixed-top glow line (top:66px) cut through it. Pin the line under the whole row. */
@media(max-width:720px){
  .home-orbit .route-path:first-child::after{top:auto!important;bottom:2px!important}
  .home-orbit .route-path h3{text-wrap:balance}
}

/* 3 · Hero wordmark K: green K on the green aura almost vanished in dark. Keep the colour, add a dark rim so it reads. */
html[data-theme=dark] body.home-astra .wordmark .letter-k,html:not([data-theme=light]) body.home-astra .wordmark .letter-k{
  -webkit-text-stroke:2px rgba(6,18,36,.9);paint-order:stroke fill;text-shadow:0 2px 14px rgba(3,10,22,.75)}

/* 4 · "รู้จักออดี้" card on small screens (Audi 2026-10-24: "พอresolution น้อยทำไมหนังสือมันใหญ่กว่าฉัน … ทำauraให้ฟุ้งสวยขึ้น").
   At <=720px the card became a 104px strip, so the portrait shrank and the title dominated. The portrait now stays big and steps
   out of the card top; the title gets smaller; a soft, breathing aura sits behind the figure in both themes. */
.chrollo-card .ticket-visual{position:relative;isolation:isolate}
.chrollo-card .ticket-visual::before{content:"";position:absolute;inset:-18% -30% -10% -30%;z-index:-1;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(206,160,255,.8),rgba(130,96,255,.45) 42%,rgba(80,170,255,.2) 68%,transparent 100%);
  filter:blur(18px);animation:chAura 5.5s ease-in-out infinite}
@keyframes chAura{0%,100%{opacity:.75;scale:.94}50%{opacity:1;scale:1.06}}
html[data-theme=light] .chrollo-card .ticket-visual::before{background:radial-gradient(closest-side,rgba(168,112,255,.4),rgba(120,150,255,.2) 50%,transparent 100%)}
@media(max-width:720px){
  html[data-theme] body.home-astra .chrollo-card{min-height:132px!important;overflow:visible!important}
  html[data-theme] body.home-astra .chrollo-card .ticket-visual{width:132px!important;min-width:132px!important;height:150px!important;margin-top:-34px!important;overflow:visible!important}
  html[data-theme] body.home-astra .chrollo-card .ticket-portrait-frame{width:126px!important;height:162px!important;bottom:0!important;left:0!important}
  html[data-theme] body.home-astra .chrollo-card .ticket-portrait{width:126px!important;height:162px!important;max-height:none!important;object-fit:contain!important;object-position:bottom!important}
  html[data-theme] body.home-astra .chrollo-card strong{font-size:1.15rem!important}
}
@media(prefers-reduced-motion:reduce){.chrollo-card .ticket-visual::before{animation:none}}

/* Selected V11 button jobs, applied without replacing Home's authored objects. */
body.home-astra .guide-style.aku-control{height:2.5rem;min-height:2.5rem;font-family:var(--aku-font-body)}
body.home-astra .jp-tab.aku-control{height:2.5rem;min-height:2.5rem;display:inline-flex;justify-content:center;gap:6px;padding:0 8px;font-family:var(--aku-font-body)}
body.home-astra .jp-tab.aku-control .jp-n{flex:none}
body.home-astra .jp-prev.aku-control,body.home-astra .jp-next.aku-control{height:2.5rem;min-height:2.5rem}
body.home-astra .shelf-deepdives-grid .deepdive-primary-btn{height:40px!important;min-height:40px!important;font-family:var(--aku-font-body)!important}
body.home-astra section[id],body.home-astra #idea-box,body.home-astra .lab-tool[id]{scroll-margin-top:var(--home-anchor-offset,96px)}

/* Source specimens keep their entire supplied image; the action no longer covers its last rows. */
html[data-theme] body.home-astra #members .lab-tool .tool-shot{height:auto;max-height:none;padding-bottom:0}
html[data-theme] body.home-astra #members .lab-tool .tool-shot>img{width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
html[data-theme] body.home-astra #members .lab-tool .ts-cta{position:static;display:flex;justify-content:center;align-items:center;gap:8px;min-height:32px;margin:0;padding:5px 10px;background:var(--aku-paper);color:var(--aku-ink);border-top:1px solid var(--aku-ink-2);font:600 .875rem/1.4 var(--aku-font-body)}

/* Illustrated qualitative steps: real order, without invented funnel values. */
html[data-theme] #public-home #tool-stock-screener .ti-workflow{display:grid;gap:14px;margin:14px 0 4px;padding:0;list-style:none;counter-reset:screen-step}
html[data-theme] #public-home #tool-stock-screener .ti-workflow li{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:12px;min-width:0;padding:14px 28px 14px 12px;border:1px solid var(--aku-ink-2);border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--aku-paper) 88%,var(--aku-accent)),var(--aku-paper));color:var(--aku-ink);box-shadow:inset 0 1px 0 var(--aku-paper),0 5px 0 color-mix(in srgb,var(--aku-ink) 18%,transparent),0 12px 20px -12px var(--aku-sky-3);counter-increment:screen-step}
html[data-theme] #public-home #tool-stock-screener .ti-workflow li::before{content:counter(screen-step,decimal-leading-zero);position:static;grid-column:1;grid-row:2;align-self:start;justify-self:center;width:auto;height:auto;display:block;border:0;border-radius:0;background:none;color:var(--aku-ink-2);font:500 .875rem/1.4 var(--aku-font-mono)}
html[data-theme] #public-home #tool-stock-screener .ti-workflow li:not(:last-child)::after{content:'';position:absolute;inset:auto auto -15px 29px;width:2px;height:14px;background:var(--aku-accent)}
html[data-theme] #public-home #tool-stock-screener .ti-step-art{display:grid;place-items:center;grid-column:1;grid-row:1;align-self:end;width:36px;height:36px}
html[data-theme] #public-home #tool-stock-screener .ti-step-copy{display:grid;gap:4px;grid-column:2;grid-row:1/3;min-width:0}
html[data-theme] #public-home #tool-stock-screener .ti-step-copy b{color:var(--aku-ink)!important;font:600 .9375rem/1.5 var(--aku-font-body)}
html[data-theme] #public-home #tool-stock-screener .ti-step-copy>span{color:var(--aku-ink-2);font:400 .875rem/1.6 var(--aku-font-body)}
html[data-theme] #public-home :is(#tool-stock-screener,#tool-0dte) .ti-head{font:600 .875rem/1.6 var(--aku-font-body);gap:8px}
html[data-theme] #public-home #tool-stock-screener .ti-head b{font:500 .875rem/1.6 var(--aku-font-body)}
/* Personal purpose replaces the technical wall diagram; the folder stays intact. */
html[data-theme] #public-home #tool-0dte .dte-purpose{gap:12px!important}
html[data-theme] #public-home #tool-0dte .dte-purpose-item{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:12px;padding:14px 12px;border:1px solid var(--aku-ink-2);border-radius:20px;background:linear-gradient(145deg,var(--aku-paper),color-mix(in srgb,var(--aku-paper) 86%,var(--aku-primary)));color:var(--aku-ink);box-shadow:inset 0 1px 0 var(--aku-paper),0 5px 0 color-mix(in srgb,var(--aku-ink) 18%,transparent),0 12px 20px -12px var(--aku-sky-3)}
html[data-theme] #public-home #tool-0dte .dte-purpose-item:nth-of-type(3){background:linear-gradient(145deg,var(--aku-paper),color-mix(in srgb,var(--aku-paper) 86%,var(--aku-accent)))}
html[data-theme] #public-home #tool-0dte .dte-purpose-art{display:grid;place-items:center;min-width:0}
html[data-theme] #public-home #tool-0dte .dte-purpose-item strong{display:block;color:var(--aku-ink)!important;font:600 1rem/1.5 var(--aku-font-body)}
html[data-theme] #public-home #tool-0dte .dte-purpose-item small{display:block;margin-top:4px;color:var(--aku-ink-2)!important;font:400 .875rem/1.6 var(--aku-font-body)}
html[data-theme] #public-home #tool-0dte .tool-detail .dte-basics{margin:4px 0 0;font:400 .875rem/1.6 var(--aku-font-body);color:var(--aku-copy)!important}
html[data-theme] #public-home #tool-0dte .dte-basics a{color:inherit;text-underline-offset:3px}
@keyframes home-detail-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
html[data-theme] #public-home #tool-stock-screener[open] .ti-workflow li,html[data-theme] #public-home #tool-0dte[open] .dte-purpose-item{animation:home-detail-in 360ms ease-out both}
html[data-theme] #public-home #tool-stock-screener .ti-workflow li:nth-child(2){animation-delay:60ms}
html[data-theme] #public-home #tool-stock-screener .ti-workflow li:nth-child(3){animation-delay:120ms}
html[data-theme] #public-home #tool-stock-screener .ti-workflow li:nth-child(4){animation-delay:180ms}
html[data-motion=paused] #public-home :is(.ti-workflow li,.dte-purpose-item),html #public-home.paused :is(.ti-workflow li,.dte-purpose-item){animation:none!important}
@media(prefers-reduced-motion:reduce){html #public-home :is(.ti-workflow li,.dte-purpose-item){animation:none!important}}
html[data-motion=paused] .chrollo-card .ticket-visual::before{animation-play-state:paused}
/* the film strip already says "ดูคลิป", so the duplicate pill under the title goes (one control per job) */
html[data-theme] body.home-astra .shelf-video .shelf-play{display:none!important}

/* 6 · Light theme = the same world in daytime (Audi 2026-10-24: "แต่lightล่ะ เช่น พวกแสง ตัวหนังสือ 📈 การเงิน · ลงทุน ... มันสวยจริงหรอ").
   The active Finance world had a brown title and an amber glow over a green pond (muddy). In daylight every world keeps its own hue:
   deep world-colour title, a sunlit pastel pond with a white rim, and a glow in the world's own colour. */
html[data-theme=light] body.home-astra .worlds .world .world-title{color:rgb(20,47,73)!important}
html[data-theme=light] body.home-astra .worlds .world.world-finance .world-title{color:rgb(4,96,63)!important;text-shadow:0 1px 0 rgba(255,255,255,.8)!important}
html[data-theme=light] body.home-astra .worlds .world.world-finance .portal-visual::before{background:radial-gradient(ellipse,rgba(52,211,153,.55) 0%,rgba(16,185,129,.28) 45%,transparent 74%)!important}
html[data-theme=light] body.home-astra .worlds .world.world-finance:not([data-preview-state]) .portal-visual::after{background:radial-gradient(ellipse,rgba(209,250,229,.75) 0%,rgba(110,231,183,.35) 50%,transparent 75%)!important}
html[data-theme=light] body.home-astra .world .portal-visual{filter:drop-shadow(0 10px 14px rgba(20,47,73,.14))}
html[data-theme=light] body.home-astra .world .world-sub{color:rgb(51,72,96)!important}
html[data-theme=light] body.home-astra .chrollo-card strong{color:rgb(59,29,99)!important}
/* light: finance portal rim follows its green world instead of the gold highlight; "ลอง 16-bit" pill gets a solid paper face; About card lifts off the sky */
html[data-theme=light] body.home-astra .worlds .world.world-finance:not(:hover):not(:focus-visible):not([data-preview-state]) .portal-window,html[data-theme=light] body.home-astra .worlds .world.world-finance .portal-window{border-color:rgb(16,150,100)!important;box-shadow:0 0 0 2.5px rgba(52,211,153,.32),0 14px 28px -8px rgba(6,78,59,.28),0 0 26px 0 rgba(16,185,129,.38)!important}
html[data-theme=light] body.home-astra .guide-style:not(.aku-control){background:rgba(255,255,255,.88)!important;border-color:rgba(20,47,73,.38)!important;box-shadow:0 4px 12px -6px rgba(20,47,73,.35)!important}
html[data-theme=light] body.home-astra .guide-style:not(.aku-control):hover{border-color:rgb(20,47,73)!important;background:rgb(255,255,255)!important}
html[data-theme=light] body.home-astra .chrollo-card{box-shadow:0 14px 30px -14px rgba(59,29,99,.45),0 0 0 1px rgba(91,52,150,.22)!important}
/* light theme: the whole page is the day sky, not a gradient that fades to flat cream under the hero (Audi 2026-10-24 "ทำเลย").
   The fixed .ak-sky turns to day (blue sky + drifting clouds); its sun stays off because the hero already draws one. */
html[data-theme=light] body#public-home{background:transparent!important}
html[data-theme=light] body#public-home .ak-sky{background:radial-gradient(ellipse 40% 30% at 92% 12%,color-mix(in srgb,var(--aku-sun) 30%,transparent),transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--aku-sky-1) 70%,rgb(130,185,240)) 0,var(--aku-sky-1) 30%,var(--aku-sky-3) 62%,var(--aku-sky-2) 100%)!important}
html[data-theme=light] body#public-home .ak-sky :is(.ak-star,.ak-dot,.ak-comet,.ak-north,.ak-sun){display:none!important}
html[data-theme=light] body#public-home .ak-sky .ak-cloud{background:rgba(255,255,255,.92);box-shadow:inset 0 -6px 10px rgba(150,190,230,.35);filter:blur(.6px)}
/* "ความตั้งใจของเว็บนี้": a shelf of routes instead of two paragraphs (Audi 2026-10-24 "ทำเลย"; visual over long text) */
body#public-home .bn-point .bn-short{margin:6px 0 10px;font-size:.95rem;line-height:1.55}
body#public-home .bn-shelf{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px}
body#public-home .bn-shelf a,body#public-home .bn-bug{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:.92rem;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:rgba(230,191,111,.55);color:rgb(243,215,154)}
body#public-home .bn-shelf a span,body#public-home .bn-bug span{font-size:1.05rem;text-decoration:none}
body#public-home :is(.bn-shelf a,.bn-bug):hover{text-decoration-color:currentColor;color:rgb(255,236,190)}
html[data-theme=light] body#public-home :is(.bn-shelf a,.bn-bug){color:rgb(20,47,73);text-decoration-color:rgba(20,47,73,.4)}
html[data-theme=light] body#public-home :is(.bn-shelf a,.bn-bug):hover{color:rgb(122,76,10);text-decoration-color:currentColor}
/* ballot slot: a slim recessed groove in the brass lid, not a heavy black bar (reviewer + Audi 2026-10-24 "ทำเลย") */
html[data-theme] body#public-home :is(#home-poll-form,.poll-more-form)::before{background:linear-gradient(180deg,rgba(60,38,10,.85),rgba(110,78,30,.55)) center 17px/34% 5px no-repeat,linear-gradient(180deg,var(--mat-brass-a),var(--mat-brass-b))!important}
/* contrast_pixels 2026-10-24 before deploy: two small labels sat at 3.9-4.4:1 */
html[data-theme] body#public-home .lab-join-tx small{color:rgb(46,28,4)!important}
html[data-theme=light] body#public-home #start-here .route-tele-chip{color:color-mix(in srgb,var(--route-ink-l,var(--aku-text)) 70%,black)!important}
@media(max-width:640px){html:not([data-theme=light]) body#public-home .guide-caption{color:var(--aku-on-night)!important;background:rgba(8,19,38,.78);padding:2px 10px;border-radius:999px;width:max-content;max-width:100%;margin-inline:auto}}
@media(max-width:640px){html[data-theme=light] body#public-home .guide-caption{color:var(--aku-text)!important;background:rgba(255,255,255,.85);padding:2px 10px;border-radius:999px;width:max-content;max-width:100%;margin-inline:auto}}

/* Companion controls own their selected finish; retired recipes exclude this opt-in.
   Quiet links inherit the actual Home surface, while navigation keeps its B face. */
body.home-astra .aku-control--quiet{--control-ink:var(--a-ink);--control-copy:var(--a-copy)}
body.home-astra :is(.idea-letter,.owner-poll-editor,#home-poll-form,.poll-more-form) .aku-control--quiet{--control-ink:var(--aku-ink);--control-copy:var(--aku-ink-2)}
html[data-theme] body.home-astra .guide-style.aku-control{position:relative;pointer-events:auto;z-index:4;margin:6px 0 0;height:2.5rem;min-height:2.5rem;font-size:.875rem;padding-inline:14px}
body.home-astra .join-peek .jp-tabs{grid-template-columns:repeat(auto-fit,minmax(min(100%,7.5rem),1fr));gap:10px;border-bottom:0;margin-bottom:8px}
body.home-astra .join-peek .jp-tab.aku-control{flex-direction:row;width:100%;margin:0}
body.home-astra .join-peek .jp-tab.aku-control .jp-n{display:grid;place-items:center;flex:none;width:1.25rem;height:1.25rem;border:1px solid currentColor;border-radius:50%;font:600 .75rem/1 var(--aku-font-body)}
body.home-astra .join-peek .jp-tab.aku-control .jp-tl{display:inline-flex;flex-direction:row;gap:5px;align-items:center}
body.home-astra .join-peek .jp-act.aku-cta{width:fit-content}
body.home-astra .deepdive-all-btn.aku-control .deepdive-all-logos img{max-height:24px;width:auto}
body.home-astra #members .lab-tool[open] .ts-cta{opacity:1}
body.home-astra #members .lab-tool .tool-shot img{transform:none}
@media(max-width:640px){
 body.home-astra .join-peek .jp-act.aku-cta{width:100%}
}

/* The hydrated 48px sprite must reserve its width before the mobile caption. */
html[data-theme] body.home-astra #community-poll .poll-kicker{display:flex;align-items:center;gap:12px}
html[data-theme] body.home-astra #community-poll .poll-kicker>[data-ak-px]{flex:0 0 48px;width:48px;min-width:48px;height:48px}
body.home-astra #community-poll .poll-kicker-label{min-width:0;line-height:1.5}

/* Preserve A+ at ordinary size and let enlarged Thai labels determine their height. */
html #public-home .aku-cta.aku-cta--take:not(#aku1):not(#aku2):not(#aku3){height:auto!important;min-height:2.5rem!important;padding-block:4px!important}
body.home-astra .aku-cta :is(.aku-cta-ic,.aku-cta-ar){flex:none}
body.home-astra .aku-cta-tx{min-width:0;white-space:normal}

/* Home joint review: named 40px utilities inside the existing glass dock. */
html[data-theme] #public-home #ak-global-header .ak-controls :is(.ak-theme,.ak-motion,.ak-sound,.aknav-burger){flex:0 0 2.5rem!important;width:2.5rem!important;min-width:2.5rem!important;height:2.5rem!important;min-height:2.5rem!important;padding:.125rem!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:.125rem!important}
html[data-theme] #public-home #ak-global-header .ak-controls :is(.theme-text,.home-control-label){position:static!important;display:block!important;width:auto!important;height:auto!important;clip:auto!important;overflow:visible!important;margin:0!important;font:600 .875rem/1rem var(--aku-font-body)!important;white-space:nowrap!important;color:inherit!important;background:none!important;border:0!important;box-shadow:none!important;transform:none!important;letter-spacing:0!important}
html[data-theme] #public-home #ak-global-header .ak-controls .theme-track{flex:none!important;width:2.125rem!important;height:1.125rem!important}
html[data-theme] #public-home #ak-global-header .ak-controls .theme-knob{width:.75rem!important;height:.75rem!important;top:.125rem!important;left:.125rem!important;transform:translateX(0)!important}
html[data-theme=dark] #public-home #ak-global-header .ak-controls .theme-knob{transform:translateX(1.125rem)!important}
html[data-theme] #public-home #ak-global-header .ak-controls :is(.motion-icon,.ak-sound-ico){display:grid!important;place-items:center;flex:none!important;width:1rem!important;height:1rem!important;line-height:1rem!important}
html[data-theme] #public-home #ak-global-header .ak-controls .aknav-burger>svg{width:1rem!important;height:1rem!important}
html[data-theme] #public-home #ak-global-header .ak-controls .ak-motion:disabled{opacity:1!important;color:var(--shell-muted)!important}
@media(max-width:520px){
 html[data-theme] #public-home #ak-global-header{padding-inline:8px!important;gap:6px!important}
 html[data-theme] #public-home #ak-global-header .aknav-logo{font-size:13px!important;gap:6px!important;letter-spacing:.15px!important}
 html[data-theme] #public-home #ak-global-header .ak-brand-face{width:32px!important;height:32px!important}
 html[data-theme] #public-home #ak-global-header .ak-controls{gap:2px!important;padding:3px!important}
 html[data-theme] #public-home #ak-global-header .ak-join{gap:3px!important;padding-inline:6px!important}
 html[data-theme] #public-home #ak-global-header .ak-join-ico{width:22px!important;height:24px!important}
}
@media(max-width:360px){html[data-theme] #public-home #ak-global-header .ak-brand-name{display:none!important}}

/* Restore the short purpose cue and reserve separate space for art, controls and About. */
@media(max-width:984px){html[data-theme] #public-home .stage-caption .caption-right{display:block!important}}
@media(max-width:700px){
 html[data-theme] #public-home .stage-caption{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:3px!important}
 html[data-theme] #public-home .stage-caption .caption-right{font-size:13px!important;line-height:1.5!important;max-width:100%;white-space:normal}
 html[data-theme] #public-home :is(.hero-track,.stage){height:calc(644px + 2.5rem)!important}
 html[data-theme] #public-home .wordmark{top:66px!important}
 html[data-theme] #public-home .portrait-wrap{bottom:calc(336px + 2.5rem)!important}
 html[data-theme] #public-home .disc{bottom:calc(343px + 2.5rem)!important}
 html[data-theme] #public-home .astra-guides{bottom:193px!important}
 html[data-theme] #public-home .astra-guides .guide-style{top:auto!important;margin-top:20px!important}
 html[data-theme] #public-home .preview-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,8.5rem),1fr));gap:10px;padding-top:18px}
 html[data-theme] #public-home .preview-controls>span{grid-column:1/-1;padding:0;font:600 .875rem/1.5 var(--aku-font-body)}
 html[data-theme] #public-home .preview-controls .aku-control{justify-content:center;min-width:0}
}
#public-home .home-preview-mark{flex:none;margin-left:2px;font:600 1rem/1 var(--aku-font-body)}

html[data-theme] #public-home #ak-shell{height:auto!important}
html[data-theme] #public-home #ak-global-header{display:flex!important;grid-template:none!important;height:auto!important;min-height:max(var(--ak-global-height,70px),calc(2.5rem + 12px))!important;flex-wrap:wrap!important}
html[data-theme] #public-home #ak-global-header .ak-controls{height:auto!important;min-height:0!important;flex:0 1 auto!important;flex-wrap:wrap!important;max-width:100%!important;box-sizing:border-box}
html[data-theme] #public-home #ak-global-header .ak-sound-ico{font-size:.875rem!important}

html[data-theme] #public-home>.ak-shell-spacer{height:max(var(--ak-shell-height,70px),var(--home-header-height,70px))!important}

/* Guest login needs its real label width; a 44px account shell let it paint over Join. */
html[data-theme] #public-home #ak-global-header #auth-nav-btn:has(.auth-nav-login){width:auto!important;min-width:0!important;max-width:none!important;height:2.5rem!important;min-height:2.5rem!important;flex:0 0 auto!important;margin-inline:4px!important}
html[data-theme] #public-home #ak-global-header #auth-nav-btn .auth-nav-login{display:inline-flex!important;width:auto!important;min-width:0!important;height:2.5rem!important;min-height:2.5rem!important;padding-inline:8px!important;font-size:.875rem!important;white-space:nowrap!important}
html[data-theme] #public-home #ak-global-header .ak-join{height:2.5rem!important;min-height:2.5rem!important;font-size:.8125rem!important}

/* Brand context and the archive action have separate layout owners. */
html[data-theme] #public-home .deepdive-archive{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px 10px;max-width:100%}
html[data-theme] #public-home .deepdive-archive .deepdive-all-logos{display:inline-flex;align-items:center;gap:4px;flex:none}
html[data-theme] #public-home .deepdive-archive .deepdive-all-logos img{display:block;flex:none;width:24px;height:24px;object-fit:contain;box-sizing:border-box;padding:2px;border:1px solid var(--aku-paper-line);border-radius:50%;background:var(--aku-paper)}
html[data-theme] #public-home .deepdive-archive .deepdive-all-logos img[src$="/pltr.svg"]{background:var(--aku-night)}
@media(max-width:700px){html[data-theme] #public-home .deepdive-archive{justify-content:flex-start}}
html[data-theme] #public-home .deepdive-all-btn.aku-control{gap:6px;height:auto;min-height:2.5rem;white-space:normal}
html[data-theme] #public-home .deepdive-all-btn.aku-control .deepdive-all-label{min-width:0;white-space:normal;line-height:1.5}
html[data-theme] #public-home .deepdive-all-btn.aku-control .all-btn-arr{flex:none}

/* These are community topics, not disabled buttons or interactive chips. */
html[data-theme] #public-home .community-chips{display:grid;justify-items:start;gap:8px!important}
html[data-theme] #public-home .community-chip{padding:0!important;background:none!important;border:0!important;border-radius:0!important;color:var(--aku-copy)!important;line-height:1.6;cursor:default;transform:none!important;translate:none!important;rotate:none!important;box-shadow:none!important;animation:none!important;transition:none!important}

/* Pixel poses share visible height and a foot line, independent of canvas padding.
   The phone's featured Finance portal retains its existing larger role. */
#public-home[data-mascot-style=pixel] .worlds{--home-pixel-height:160px;--home-pixel-floor:12px}
#public-home .astra-guides[data-style=pixel]{--home-pixel-height:124px;--home-pixel-floor:0px}
html[data-theme] #public-home .astra-guides[data-style=pixel] .guide-character{position:relative!important}
html[data-theme] #public-home[data-mascot-style=pixel] :is(.portal-art,.guide-character img)[data-pixel-art]{position:absolute!important;top:auto!important;right:auto!important;left:50%!important;transform:translateX(-50%)!important;width:auto!important;max-width:none!important;height:calc(var(--home-pixel-height) / var(--home-art-ink))!important;bottom:calc(var(--home-pixel-floor) - var(--home-pixel-height) * var(--home-art-below) / var(--home-art-ink))!important;object-fit:contain!important;image-rendering:pixelated}
@media(max-width:984px){#public-home[data-mascot-style=pixel] .worlds{--home-pixel-height:130px}#public-home .astra-guides[data-style=pixel]{--home-pixel-height:86px}}
@media(max-width:700px){#public-home[data-mascot-style=pixel] .worlds{--home-pixel-height:92px;--home-pixel-floor:4px}#public-home[data-mascot-style=pixel] .world-finance{--home-pixel-height:120px;--home-pixel-floor:6px}#public-home .astra-guides[data-style=pixel]{--home-pixel-height:66px}}
/* V16: the purpose comes before supporting crew artwork on narrow screens. */
@media(max-width:920px){
 html[data-theme] body.home-astra .bn-copy{order:-1}
 html[data-theme] body.home-astra #builder-note-title{font-size:20px;font-weight:600}
 html[data-theme] body.home-astra .bn-art-stage{border-bottom:0;padding-bottom:0;padding-top:22px;border-top:1px solid var(--aku-line)}
}

/* Home whole-page standards repair · 2026-10-29. */

html[data-theme] #public-home #ak-global-header .ak-controls{gap:6px!important;margin-left:auto!important}
html[data-theme] #public-home .stage-caption .caption-right{padding:0 8px;border-radius:999px;background:var(--aku-sky-1);color:var(--aku-copy)!important;box-sizing:border-box}
html[data-theme] #public-home .ak-shell .aknav-mobile{top:var(--home-header-height,var(--ak-global-height))!important;height:calc(100dvh - var(--home-header-height,var(--ak-global-height)))!important;max-height:calc(100dvh - var(--home-header-height,var(--ak-global-height)))!important}
@media(max-width:700px){
 html[data-theme] #public-home #ak-global-header .aknav-logo{gap:6px!important}
 html[data-theme] #public-home #ak-global-header .ak-brand-name{font-size:.875rem!important}
 html[data-theme] #public-home :is(.hero-track,.stage){height:calc(568px + 2.5rem + var(--home-guide-reserve,0px) + var(--home-caption-reserve,0px))!important}
 html[data-theme] #public-home .wordmark{top:calc(66px + var(--home-caption-reserve,0px))!important}
 html[data-theme] #public-home .portrait-wrap{bottom:calc(260px + 2.5rem + var(--home-guide-reserve,0px))!important}
 html[data-theme] #public-home .disc{bottom:calc(267px + 2.5rem + var(--home-guide-reserve,0px))!important}
 html[data-theme] #public-home .astra-guides{inset:auto 0 181px 0!important;width:auto!important;transform:none!important;display:grid!important;grid-template-columns:max-content max-content!important;grid-template-areas:"caption caption" "cast style";justify-content:center!important;align-items:center!important;column-gap:8px!important;row-gap:6px!important}
 html[data-theme] #public-home .astra-guides .guide-caption{grid-area:caption;justify-self:center;margin:0!important}
 html[data-theme] #public-home .astra-guides .guide-cast{grid-area:cast;width:196px!important}
 html[data-theme] #public-home .astra-guides .guide-style{grid-area:style;inset:auto!important;width:max-content!important;margin:0!important;padding-inline:8px!important}
 html[data-theme] #public-home[data-home-guide-stack=true] .astra-guides{grid-template-columns:max-content!important;grid-template-areas:"caption" "cast" "style";justify-items:center}
}
@media(min-width:701px) and (max-width:984px){
 html[data-theme] #public-home .stage-caption>span:first-child{max-width:calc(50% - var(--home-mark-half,180px) - 12px)!important}
 html[data-theme] #public-home .stage-caption .caption-right{position:absolute!important;inset:0 0 auto auto!important;width:calc(50% - var(--home-mark-half,180px) - 12px)!important;max-width:none!important;text-align:right!important;font-size:.875rem!important;line-height:1.5!important;white-space:normal!important}
}

/* One selected-navigation material at rest, hover and keyboard focus. */
html[data-theme] #public-home .jp-tab.aku-control--nav[aria-selected=true]{background:var(--aku-nav-selected-bg)!important;color:var(--aku-nav-selected-ink)!important;border-color:var(--aku-nav-selected-ink)!important}
html[data-theme] #public-home .jp-tab.aku-control--nav::after{display:none!important}
/* Close belongs to the bounded dialog, outside its scrolling reading card. */
html[data-theme] #public-home .join-peek{position:fixed;inset:calc(var(--home-header-height,70px) + 12px) 0 auto;max-height:min(760px,calc(100dvh - var(--home-header-height,70px) - 24px));margin:0 auto}
html[data-theme] #public-home .join-peek>.jp-close{z-index:5;top:8px;right:8px;background:var(--aku-paper)!important;color:var(--aku-ink)!important;border-color:var(--aku-paper-line)!important}
/* Home contact cards keep their original brand backings and dark TikTok mark. */
html[data-theme] #public-home .home-connect .connect-icon-box img{object-fit:contain;width:28px;height:28px}
/* Preserve real brand colours on their own small, opaque badge. */
html[data-theme] #public-home .jp-tab .jp-logo{box-sizing:content-box;padding:3px;border-radius:50%;background:var(--aku-brand-badge-bg);object-fit:contain;filter:none}
html[data-theme] #public-home .aku-cta-ic:has(img[src*="/assets/social-"],img[src*="/assets/brand/google-"]){background:var(--aku-brand-badge-bg)!important}
html[data-theme] #public-home .aku-cta-ic img{object-fit:contain;filter:none}
/* Secondary help stays after the reading content, clear of the primary routes. */
html body#public-home #ak-quick-dock{position:relative!important;inset:auto!important;width:max-content;max-width:calc(100% - 24px);margin:20px auto;transform:none!important}
html body#public-home #slime-mate{position:relative!important;inset:auto!important;display:block!important;margin:12px auto 20px!important;transform:none!important}

/* Selected Home Dark inner material; paired Light paper stays in the base rules. */
html[data-theme=dark] body#public-home {
 --home-member-panel-top:color-mix(in srgb,var(--aku-copy) 80%,var(--aku-accent));
 --home-member-panel-bottom:color-mix(in srgb,var(--aku-copy) 52%,var(--aku-accent));
 --home-member-panel-copy:color-mix(in srgb,var(--aku-ink) 82%,var(--aku-ink-2));
 --home-member-panel-edge:color-mix(in srgb,var(--aku-copy) 70%,var(--aku-sky-2));
 --home-member-panel-shadow:inset 0 1px 0 color-mix(in srgb,var(--aku-paper) 40%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--aku-sky-3) 20%,transparent),0 7px 18px -9px var(--aku-sky-3);
}
html[data-theme=dark] body#public-home #tool-stock-screener .ti-workflow li,
html[data-theme=dark] body#public-home #tool-0dte .dte-purpose-item {
 background:linear-gradient(150deg,var(--home-member-panel-top),var(--home-member-panel-bottom))!important;
 border-color:var(--home-member-panel-edge)!important;
 box-shadow:var(--home-member-panel-shadow)!important;
}
html[data-theme=dark] body#public-home #tool-stock-screener .ti-step-copy>span,
html[data-theme=dark] body#public-home #tool-stock-screener .ti-workflow li::before,
html[data-theme=dark] body#public-home #tool-0dte .dte-purpose-item small {
 color:var(--home-member-panel-copy)!important;
}
/* Reserve the pixel art's real size, including the mobile poll heading. */
html[data-theme] body#public-home .poll-kicker{height:auto!important;min-height:48px;align-items:center}
html[data-theme] body#public-home .poll-kicker>[data-ak-px]{flex:0 0 48px;width:48px!important;height:48px!important}