/* finance.html v5 (Audi 2026-10-16): one card per topic group (no box in a box), site heading pattern
   (emoji eyebrow + plain title, Design.md §16), "what matters today" highlighted in gold, previews + "ดูทั้งหมด →",
   stock logos, motion with a job. Animations start from a visible state and stop under pause / reduced motion. */
:root{
  --v5-pg:#081326; --v5-card:#0e1d3a; --v5-card2:#132650; --v5-ink:#eef2f8; --v5-ink2:#bdc7da; --v5-ink3:#93a0b8;
  --v5-line:rgba(255,255,255,.09); --v5-edge:rgba(229,197,134,.22); --v5-gold:#E5C586; --v5-gold-ink:#172b43;
  --v5-up:#3ddc97; --v5-down:#ff7a7a; --v5-grid:rgba(255,255,255,.07); --v5-fear:#7fb0ee; --v5-blue:#38bdf8;
  --v5-head:'Mitr','Outfit',sans-serif; --v5-body:'Sarabun','Plus Jakarta Sans',sans-serif; --v5-num:'Outfit','Mitr',sans-serif;
  --v5-ease:cubic-bezier(.16,1,.3,1);
}
html[data-theme=light]{--v5-pg:#eef2f8;--v5-card:#ffffff;--v5-card2:#eef3fa;--v5-ink:#13233a;--v5-ink2:#34465f;--v5-ink3:#55657d;--v5-line:rgba(19,35,58,.12);--v5-edge:#c9d3e2;--v5-gold:#8a6414;--v5-up:#0b7a4f;--v5-down:#b8321f;--v5-grid:rgba(19,35,58,.08);--v5-fear:#1f4f9e;--v5-blue:#1d6fa5}
body.v5-body[data-ak-shell]{background:var(--v5-pg);color:var(--v5-ink);font-family:var(--v5-body);overflow-x:clip;overflow-y:visible}
main.v5{max-width:none;margin:0;padding:64px 0 48px}
.v5-wrap{width:min(1280px,100% - 40px);margin:0 auto}
.v5 :where(h1,h2,h3){margin:0;font-family:var(--v5-head);letter-spacing:0}
.v5 p{margin:0}
.v5 a{color:inherit}
.num{font-family:var(--v5-num);font-variant-numeric:tabular-nums}
.up{color:var(--v5-up)} .down{color:var(--v5-down)} .flat{color:var(--v5-ink2)}
.v5 .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.v5 :focus-visible{outline:3px solid var(--v5-gold);outline-offset:2px}

/* heading pattern (same as Home: emoji eyebrow + plain heading) */
.v5-eb{display:inline-flex;align-items:center;gap:6px;font:600 .95rem/1.4 var(--v5-head);color:var(--v5-ink2)}
.v5-h{display:flex;justify-content:space-between;align-items:flex-end;gap:8px 18px;flex-wrap:wrap;margin-bottom:14px}
.v5-h h2{margin-top:2px;font-size:1.45rem;font-weight:600;line-height:1.35}
.v5-h p{margin-top:2px;font-size:.96rem;line-height:1.55;color:var(--v5-ink2)}
.v5-more{display:inline-flex;align-items:center;min-height:40px;color:var(--v5-gold);font:500 .98rem var(--v5-head);text-decoration:none;white-space:nowrap}
.v5-more:hover{text-decoration:underline;text-underline-offset:4px}

/* one card per group */
.v5-card{position:relative;padding:22px 24px;border-radius:18px;background:linear-gradient(180deg,var(--v5-card2),var(--v5-card));border:1px solid var(--v5-edge);box-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 16px 40px rgba(0,0,0,.25);transition:border-color .25s}
html[data-theme=light] .v5-card{background:var(--v5-card);box-shadow:0 1px 2px rgba(20,35,60,.06),0 10px 26px rgba(20,35,60,.08)}
.v5-card:hover{border-color:rgba(229,197,134,.45)}
.v5-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}
.v5-grid2.wide-left{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
.v5-row{margin-top:20px}

/* hero */
.v5-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 30px;align-items:end;padding:30px 0 6px}
.v5-hero h1{margin-top:8px;font:600 clamp(1.8rem,3.4vw,2.7rem)/1.35 var(--v5-head)}
.v5-hero h1 .z{color:var(--v5-fear)}
.v5-hero .sub{margin-top:6px;font-size:1.02rem;color:var(--v5-ink2)}
.v5-live{display:grid;gap:8px;justify-items:end}
.v5-pill{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:6px 14px;border-radius:999px;border:1px solid var(--v5-edge);background:var(--v5-card);font:500 .95rem/1.4 var(--v5-head);color:var(--v5-ink2)}
.v5-pill b{color:var(--v5-ink);font-weight:600}
.v5-pill .dot{width:9px;height:9px;border-radius:50%;background:var(--v5-ink3)}
.v5-pill .dot.live{background:var(--v5-up);box-shadow:0 0 0 0 rgba(61,220,151,.6);animation:v5pulse 1.8s infinite}
.v5-ring{--p:0;width:22px;height:22px;border-radius:50%;background:conic-gradient(var(--v5-gold) calc(var(--p)*360deg),var(--v5-line) 0);-webkit-mask:radial-gradient(circle,transparent 6px,#000 7px);mask:radial-gradient(circle,transparent 6px,#000 7px)}
#v5-cd-txt{min-width:3ch;color:var(--v5-ink);font-weight:600}

/* 📌 what matters today: the one gold emphasis */
.v5-key{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}
.v5-k{display:grid;align-content:start;gap:8px;padding:18px 20px;border-radius:16px;background:radial-gradient(22rem 10rem at 100% 0%,rgba(229,197,134,.18),transparent 70%),var(--v5-card);border:1px solid rgba(229,197,134,.45);box-shadow:0 0 0 1px rgba(229,197,134,.08),0 18px 40px rgba(0,0,0,.25)}
html[data-theme=light] .v5-k{background:radial-gradient(22rem 10rem at 100% 0%,rgba(229,197,134,.3),transparent 70%),#fff;border-color:#d8c08a}
.v5-k .lbl{font:600 .95rem var(--v5-head);color:var(--v5-gold)}
.v5-k .row{display:flex;align-items:center;gap:12px}
.v5-k .big{display:block;font:700 1.5rem/1.3 var(--v5-head)}
.v5-k small{display:block;margin-top:2px;font-size:.92rem;line-height:1.5;color:var(--v5-ink2)}
.v5-k a{justify-self:start;color:var(--v5-ink);font:500 .92rem var(--v5-head);text-decoration:none;border-bottom:1px solid var(--v5-edge)}
.v5-k a:hover{color:var(--v5-gold)}
.v5-k .ic-big{font-size:2.1rem}
.mini-g{--v:50;position:relative;width:48px;height:26px;border-radius:48px 48px 0 0;background:conic-gradient(from -90deg at 50% 100%,#3f7fd6 0 45deg,#7fb0ee 45deg 81deg,#8d97ab 81deg 99deg,#f2c46b 99deg 135deg,#e89a2c 135deg 180deg,transparent 0);flex:none}
.mini-g i{position:absolute;left:50%;bottom:0;width:2px;height:22px;background:var(--v5-ink);transform-origin:50% 100%;transform:rotate(calc(var(--v)*1.8deg - 90deg))}
.v5-k .ph{display:none}

/* 💹 asset strip: hairline cells inside one card (no boxes) */
.v5-strip{display:grid;grid-template-columns:repeat(8,minmax(0,1fr))}
.v5-q{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:'i n' 'p p' 'c c' 's s';gap:2px 6px;padding:8px 12px;border-left:1px solid var(--v5-line);border-radius:8px}
.v5-q:first-child{border-left:0}
.v5-q .ic{grid-area:i;font-size:1.05rem}
.v5-q .n{grid-area:n;font:500 .9rem/1.5 var(--v5-head);color:var(--v5-ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v5-q .p{grid-area:p;white-space:nowrap}.v5-q .p b{font:700 1.15rem var(--v5-num)}.v5-q .p small{font:500 .74rem var(--v5-body);color:var(--v5-ink3)}
.v5-q .c{grid-area:c;font:700 .92rem var(--v5-num);white-space:nowrap}.v5-q .c small{display:block;font:500 .74rem var(--v5-head);color:var(--v5-ink2)}
.v5-q .s{grid-area:s;height:26px}.v5-q .s svg{width:100%;height:26px;display:block}
.v5-flash-up{animation:v5flashU 1.2s ease-out}.v5-flash-down{animation:v5flashD 1.2s ease-out}
#v5-asof{margin-top:10px;font-size:.86rem;color:var(--v5-ink3)}

/* 🗺️ map */
.v5-map-bar{display:flex;align-items:center;gap:10px;min-height:36px;margin-bottom:6px}
.v5-back{min-height:36px;padding:0 12px;border-radius:8px;border:1px solid var(--v5-edge);background:transparent;color:var(--v5-ink);font:500 .92rem var(--v5-head);cursor:pointer}
#v5-map-title{font:500 .95rem var(--v5-head);color:var(--v5-ink2)}
.v5-map{position:relative;height:400px;border-radius:12px;overflow:hidden;background:#0b1730}
.v5-tile{position:absolute;box-sizing:border-box;border:1px solid var(--v5-pg);padding:5px 7px;overflow:hidden;color:#fff;text-decoration:none;animation:v5pop .5s var(--v5-ease) both;animation-delay:calc(var(--i)*14ms);transition:filter .2s}
.v5-tile b{display:block;font:700 .9rem/1.15 var(--v5-num);color:#fff;white-space:nowrap}
.v5-tile span{display:block;font:600 .78rem/1.2 var(--v5-num);color:#fff;white-space:nowrap}
.v5-tile.big b{font-size:1.15rem}.v5-tile.big span{font-size:.92rem}
.v5-tile .v5-logo{margin-bottom:4px}
.v5-tile:hover{filter:brightness(1.18);z-index:3;outline:2px solid #fff;outline-offset:-2px}
.v5-seclbl{position:absolute;z-index:2;height:20px;padding:0 8px;border:0;border-radius:0 0 6px 0;background:rgba(8,19,38,.72);color:#fff;font:600 .74rem/20px var(--v5-head);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v5-seclbl:hover,.v5-seclbl:focus-visible{background:#E5C586;color:#172b43}
.v5-legend{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;font-size:.84rem;color:var(--v5-ink3)}
.v5-legend i{display:block;width:150px;height:8px;border-radius:4px;background:linear-gradient(90deg,#b8323b,#5a2633,#2a3550,#1c6a4a,#118155)}

/* 📰 news */
.v5-nitem{display:grid;grid-template-columns:92px 1fr;gap:12px;padding:10px 0;border-top:1px solid var(--v5-line);text-decoration:none}
.v5-nitem:first-child{border-top:0;padding-top:0}
.v5-nitem img,.v5-nitem .ph{width:92px;height:62px;border-radius:8px;object-fit:cover;background:var(--v5-card2);display:grid;place-items:center;font-size:1.4rem}
.v5-nitem.lead{grid-template-columns:1fr;gap:10px}
.v5-nitem.lead img,.v5-nitem.lead .ph{width:100%;height:170px}
.v5-nitem b{display:block;font:500 1rem/1.5 var(--v5-body)}
.v5-nitem.lead b{font:600 1.12rem/1.45 var(--v5-head)}
.v5-nitem small{display:block;margin-top:3px;font-size:.84rem;color:var(--v5-ink3)}
.v5-nitem:hover b{color:var(--v5-gold)}

/* charts */
.v5-seg{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.v5-seg::-webkit-scrollbar{display:none}
.v5-seg button{min-height:36px;padding:4px 10px;border:0;border-bottom:2px solid transparent;background:none;color:var(--v5-ink2);font:500 .92rem var(--v5-head);cursor:pointer;white-space:nowrap}
.v5-seg button[aria-pressed=true]{color:var(--v5-ink);border-bottom-color:var(--v5-gold)}
.v5 svg text{font:600 11px var(--v5-num);fill:var(--v5-ink3)}
.v5 svg .grid{stroke:var(--v5-grid)} .v5 svg .zero{stroke:var(--v5-ink3);stroke-dasharray:3 4;opacity:.6}
#v5-rel svg,#v5-curve svg{width:100%;height:auto;display:block}
.v5-draw polyline:not(.nodraw){stroke-dasharray:100;animation:v5draw 1.3s var(--v5-ease) both}
.v5-draw .tip{animation:v5pop .4s .9s both}
.v5-chips{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:10px}
.v5-chips button{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0;border:0;background:none;color:var(--v5-ink);font:500 .92rem var(--v5-head);cursor:pointer}
.v5-chips button i{width:14px;height:4px;border-radius:2px}
.v5-chips button[aria-pressed=false]{color:var(--v5-ink3);text-decoration:line-through}
.v5-lane{display:grid;grid-template-columns:120px 1fr 70px;gap:12px;align-items:center;min-height:38px}
.v5-lane .nm{font:500 .96rem/1.4 var(--v5-head)}
.v5-lane .tr{position:relative;height:16px}
.v5-lane .tr::before{content:'';position:absolute;left:50%;top:-6px;bottom:-6px;width:1px;background:var(--v5-line)}
.v5-lane .bar{position:absolute;top:1px;height:14px;border-radius:4px;animation:v5grow .8s var(--v5-ease) both}
.v5-lane .v{text-align:right;font:700 .96rem var(--v5-num)}
.v5-gap{text-align:center;color:var(--v5-ink3);line-height:1.2}
.v5-note{margin-top:8px;font-size:.86rem;color:var(--v5-ink3)}
.v5 .cap{margin-top:8px;font-size:.88rem;line-height:1.6;color:var(--v5-ink2)}
.v5 .cap .key{display:inline-block;width:18px;margin:0 5px 3px 0;vertical-align:middle;border-top:3px solid var(--v5-gold)}
.v5 .cap .key.dash{border-top:2px dashed var(--v5-ink3)}
.v5-rate-key{display:flex;align-items:baseline;gap:6px 12px;flex-wrap:wrap;margin-bottom:6px}
.v5-rate-key .lbl{font:500 .95rem var(--v5-head);color:var(--v5-ink2);flex-basis:100%}
.v5-rate-key .big{font:700 1.9rem var(--v5-num)}
.v5-temp{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;align-items:center}
#v5-gauge svg{width:100%;max-width:300px;display:block;margin:0 auto}
#v5-gauge .gnum{font:700 32px var(--v5-num);fill:var(--v5-ink)}
#v5-gauge .glbl{font:500 12px var(--v5-head);fill:var(--v5-ink3)}
#v5-gauge .needle{transform-origin:160px 160px;transform:rotate(var(--a));animation:v5needle 1.4s var(--v5-ease) both}
#v5-gauge .word{text-align:center;font:600 1.4rem var(--v5-head);color:var(--v5-fear)}
#v5-gauge .ago{text-align:center;font-size:.88rem;color:var(--v5-ink2)}
.v5-meter{display:grid;gap:6px;margin-bottom:14px}
.v5-meter .nm{font:500 .96rem/1.45 var(--v5-head)}
.v5-meter .bar{display:flex;gap:4px}
.v5-meter .bar i{flex:1;height:12px;border-radius:3px;background:var(--v5-line);animation:v5pop .4s both;animation-delay:calc(var(--i)*60ms)}
.v5-meter .bar i.on{background:linear-gradient(90deg,#f08a4b,#ff6b4a)}
.v5-meter b{font:700 .95rem var(--v5-num)}.v5-meter b.hot{color:#ff9a6b}.v5-meter b.ok{color:var(--v5-up)}
html[data-theme=light] .v5-meter b.hot{color:#a24b06}
.v5-econ{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.v5-mini{display:grid;gap:2px}
.v5-mini .nm{font:500 .92rem/1.45 var(--v5-head);color:var(--v5-ink2)}
.v5-mini b{font:700 1.35rem var(--v5-num)}
.v5-mini .d{font:600 .86rem var(--v5-num)}
.v5-mini svg{width:100%;height:44px;margin-top:4px}
.v5-mini small{font-size:.78rem;color:var(--v5-ink3)}

/* ⭐ watchlist previews */
.v5-wl-head{display:flex;align-items:center;gap:14px;margin-bottom:8px}
.v5-kpi{display:flex;align-items:center;gap:10px}
.v5-kpi b{font:700 2rem var(--v5-num);color:var(--v5-up)}
.v5-kpi span{font-size:.88rem;line-height:1.35;color:var(--v5-ink2)}
.v5-mini-h{margin:4px 0 2px;font:500 .92rem var(--v5-head);color:var(--v5-ink2)}
.v5-logo{display:block;flex:none;border-radius:50%;background:#fff;object-fit:contain}
.v5-logo-fb{display:grid;place-items:center;background:#1b2a4a;color:#e7ebf3;font:700 .64rem var(--v5-num);width:28px;height:28px}
.v5-wl-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto auto;gap:4px 12px;align-items:center;min-height:56px;border-top:1px solid var(--v5-line)}
.v5-wl-row .tk{text-decoration:none;min-width:0}.v5-wl-row .tk b{display:block;font:700 1rem var(--v5-num)}.v5-wl-row .tk small{display:block;font-size:.82rem;color:var(--v5-ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v5-wl-row .tk:hover b{color:var(--v5-gold)}
.v5-wl-row .px{text-align:right;font:600 .96rem var(--v5-num);white-space:nowrap}.v5-wl-row .px small{display:block;font-size:.8rem}
.v5-wl-row .tag{justify-self:end;padding:4px 10px;border-radius:999px;background:var(--v5-card2);font:500 .84rem var(--v5-head);color:var(--v5-ink2);white-space:nowrap}
.v5-wl-row .tag.hit{background:rgba(61,220,151,.15);color:var(--v5-up)}
.v5-wl-row .tag.set{border:1px dashed var(--v5-edge);background:none;cursor:pointer}
.v5-wl-row .acts{display:flex;gap:2px}
.v5-wl-row .acts button{width:34px;height:34px;border-radius:8px;border:1px solid transparent;background:none;color:var(--v5-ink2);cursor:pointer}
.v5-wl-row .acts button:hover{border-color:var(--v5-edge);color:var(--v5-ink)}.v5-wl-row .acts [data-del]:hover{color:var(--v5-down);border-color:var(--v5-down)}
.v5-mine-tools .v5-wl-row{grid-template-columns:34px minmax(0,1fr) auto auto}
.v5-edit{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;padding:4px 0 12px}
.v5-edit label{display:grid;gap:4px;font-size:.9rem;color:var(--v5-ink2)}
.v5-edit input,.v5-add input{min-height:42px;padding:0 10px;border-radius:8px;border:1px solid var(--v5-edge);background:var(--v5-pg);color:var(--v5-ink);font:600 1rem var(--v5-num)}
.v5-edit input{width:9.5rem}.v5-edit .err{flex-basis:100%;color:var(--v5-down);font-size:.9rem}
.v5-add{display:flex;gap:8px;margin:6px 0 4px}.v5-add input{flex:1;min-width:0;text-transform:uppercase}
.v5 input::placeholder{color:var(--v5-ink3);text-transform:none;font-weight:400}
.v5-btn{min-height:42px;padding:0 16px;border-radius:8px;border:1px solid #a58b52;border-bottom-width:3px;background:#E5C586;color:#172b43;font:500 1rem var(--v5-head);cursor:pointer}
.v5-btn:active{transform:translateY(2px)}
.v5-btn.ghost{background:transparent;color:var(--v5-ink);border:1px solid var(--v5-edge)}
.v5-empty{display:grid;place-items:center;gap:10px;min-height:220px;text-align:center;border:1.5px dashed var(--v5-edge);border-radius:12px;padding:18px}
.v5-empty p{color:var(--v5-ink2);line-height:1.6}

/* 🔒 members */
.v5-members{display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:center;background:radial-gradient(30rem 12rem at 0% 50%,rgba(229,197,134,.12),transparent 70%),linear-gradient(180deg,var(--v5-card2),var(--v5-card))}
.v5-members img{width:150px;height:150px;object-fit:contain;animation:v5float 4.8s ease-in-out infinite}
.v5-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:12px}
.v5-tools div{padding-top:10px;border-top:2px solid rgba(229,197,134,.45)}
.v5-tools b{display:block;font:600 1.02rem var(--v5-head)}.v5-tools small{display:block;margin-top:2px;font-size:.9rem;color:var(--v5-ink2)}
.v5-tools em{display:inline-block;margin-top:6px;font:500 .84rem var(--v5-head);font-style:normal;color:var(--v5-gold)}

/* 🔬 deep dives */
.v5-dd-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.v5-dd{display:grid;grid-template-rows:auto 1fr auto auto;gap:10px;padding:16px;border-radius:14px;background:var(--v5-pg);border:1px solid var(--v5-line);text-decoration:none;transition:transform .25s var(--v5-ease),border-color .25s}
html[data-theme=light] .v5-dd{background:#f6f8fc}
.v5-dd:hover{transform:translateY(-4px);border-color:var(--v5-gold)}
.v5-dd .top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.v5-dd .top b{display:block;font:800 1.3rem var(--v5-num)}.v5-dd .top small{display:block;font-size:.84rem;color:var(--v5-ink3)}
.v5-dd .chip{margin-left:auto;padding:3px 10px;border-radius:999px;background:rgba(229,197,134,.16);color:var(--v5-gold);font:500 .8rem/1.4 var(--v5-head)}
.v5-dd p{font-size:.96rem;line-height:1.55;color:var(--v5-ink2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.v5-dd .since{display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:center;padding:10px 12px;border-radius:10px;background:var(--v5-card2)}
.v5-dd .since .lbl{font-size:.8rem;color:var(--v5-ink2)}.v5-dd .since b{grid-row:span 2;font:700 1.25rem var(--v5-num)}.v5-dd .since svg{width:100%;height:30px}
.v5-dd .since small{grid-column:1/-1;font-size:.84rem;color:var(--v5-ink3)}
.v5-dd .foot{display:flex;justify-content:space-between;gap:8px;font-size:.86rem;color:var(--v5-ink3)}.v5-dd .foot em{font-style:normal;color:var(--v5-gold);font-family:var(--v5-head)}
.v5-clips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.v5-clip{text-decoration:none}
.v5-clip .cv{position:relative;display:block;aspect-ratio:4/5;border-radius:12px;overflow:hidden;background:var(--v5-card2)}
.v5-clip img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--v5-ease)}
.v5-clip .ph{position:absolute;inset:0;display:grid;place-items:center;font-size:2rem}
.v5-clip .play{position:absolute;z-index:2;right:10px;bottom:10px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(8,19,38,.75);color:#fff;font-size:.9rem;transition:transform .25s var(--v5-ease)}
.v5-clip:hover img{transform:scale(1.05)}.v5-clip:hover .play{transform:scale(1.12);background:#E5C586;color:#172b43}
.v5-clip b{display:block;margin-top:8px;font:500 .98rem/1.45 var(--v5-head)}.v5-clip small{font-size:.84rem;color:var(--v5-ink3)}
.v5-fail{padding:14px 0;color:var(--v5-ink2)}.v5-fail a{color:var(--v5-gold)}
.v5-foot{margin-top:28px;font-size:.88rem;color:var(--v5-ink3)}
.v5-toast{position:fixed;left:50%;bottom:88px;translate:-50% 0;z-index:95;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 24px);padding:10px 10px 10px 16px;border-radius:12px;background:#fffdfa;color:#1b2d44;border:1px solid #cfbf9f;border-bottom-width:3px;box-shadow:0 14px 36px rgba(0,0,0,.35);font:500 1rem var(--v5-head)}
.v5-toast[hidden]{display:none}
.v5-toast button{min-height:40px;padding:0 14px;border-radius:8px;border:1px solid #1f3d66;background:#fff;color:#1f3d66;font:600 .96rem var(--v5-head);cursor:pointer}

/* motion */
@keyframes v5draw{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes v5grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes v5pop{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
@keyframes v5needle{from{transform:rotate(-90deg)}to{transform:rotate(var(--a))}}
@keyframes v5pulse{0%{box-shadow:0 0 0 0 rgba(61,220,151,.6)}70%{box-shadow:0 0 0 8px rgba(61,220,151,0)}100%{box-shadow:0 0 0 0 rgba(61,220,151,0)}}
@keyframes v5flashU{0%{background:rgba(61,220,151,.28)}100%{background:transparent}}
@keyframes v5flashD{0%{background:rgba(255,122,122,.28)}100%{background:transparent}}
@keyframes v5float{0%,100%{translate:0 0}50%{translate:0 -6px}}
@media (prefers-reduced-motion:reduce){.v5 *,.v5 *::before{animation:none!important;transition:none!important}}
html[data-motion=paused] .v5 *,body.paused .v5 *{animation:none!important;transition:none!important}

/* wide screens + responsive */
@media (min-width:1900px){main.v5{zoom:1.15}} @media (min-width:2300px){main.v5{zoom:1.3}}
@media (max-width:1180px){.v5-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.v5-q:nth-child(5){border-left:0}.v5-dd-grid,.v5-clips{grid-template-columns:repeat(2,minmax(0,1fr))}.v5-econ{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.v5-grid2,.v5-grid2.wide-left{grid-template-columns:1fr}.v5-key{grid-template-columns:1fr}.v5-hero{grid-template-columns:1fr}.v5-live{justify-items:start}.v5-temp{grid-template-columns:1fr}}
@media (max-width:640px){
  .v5-wrap{width:calc(100% - 28px)}
  .v5-card{padding:16px}
  .v5-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.v5-q{border-left:0;border-top:1px solid var(--v5-line)}.v5-q:nth-child(-n+2){border-top:0}
  .v5-map{height:320px}
  .v5-members{grid-template-columns:1fr}.v5-members img{width:110px;height:110px}.v5-tools{grid-template-columns:1fr}
  .v5-dd-grid{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:82%;overflow-x:auto;scroll-snap-type:x mandatory}.v5-dd{scroll-snap-align:start}
  .v5-clips{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:58%;overflow-x:auto;scroll-snap-type:x mandatory}
  .v5 svg text{font-size:18px}
  .v5-lane{grid-template-columns:96px 1fr 60px}
}

.v5 [hidden]{display:none!important}
@media (max-width:640px){.v5-wl-row{grid-template-columns:30px minmax(0,1fr) auto auto}.v5-wl-row .acts{grid-column:1/-1;justify-content:flex-end;margin:-8px 0 4px}}
html[data-theme=light]{--v5-edge:#a9b8cc;--v5-line:rgba(19,35,58,.16)} html[data-theme=light] .v5-dd{border-color:#b9c6d8}
.v5-pill{line-height:1.6;flex-wrap:wrap}.v5-h h2{line-height:1.45}.v5-mini .nm{line-height:1.5}
.v5-zone{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 10px}.v5-zone a{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:999px;background:rgba(61,220,151,.12);border:1px solid rgba(61,220,151,.35);text-decoration:none;font:700 .86rem var(--v5-num)}.v5-zone a:hover{border-color:var(--v5-up)}
.v5-hero h1{line-height:1.45}.v5-rate-key .lbl,.v5-k .lbl,#v5-map-title{line-height:1.55}html[data-theme=light] .v5-card{border-color:#a3b2c8}

/* ═════════════ v6: Home language (Audi 2026-10-16: "ลองดูหน้าเว็ปที่คุณทำมากับ audikung-site.vercel.app") ═════════════ */
:root{--fg-xf:#ff6b6b;--fg-f:#ff9f5a;--fg-n:#e9c46a;--fg-g:#7ad99a;--fg-xg:#3ddc97;--vx-calm:#3ddc97;--vx-norm:#c3cbdd;--vx-warn:#ff9f5a;--vx-fear:#ff6b6b;--v6-blob:rgba(16,185,129,.16);--v6-chip:#10213f}
html[data-theme=light]{--fg-xf:#c0352b;--fg-f:#b5561b;--fg-n:#8a6414;--fg-g:#2f8a4f;--fg-xg:#0b7a4f;--vx-calm:#0b7a4f;--vx-norm:#4d5d75;--vx-warn:#b5561b;--vx-fear:#c0352b;--v6-blob:#dcf1e5;--v6-chip:#ffffff}
.fg-xf{color:var(--fg-xf)!important}.fg-f{color:var(--fg-f)!important}.fg-n{color:var(--fg-n)!important}.fg-g{color:var(--fg-g)!important}.fg-xg{color:var(--fg-xg)!important}
.vx-calm{color:var(--vx-calm)!important}.vx-norm{color:var(--vx-norm)!important}.vx-warn{color:var(--vx-warn)!important}.vx-fear{color:var(--vx-fear)!important}
.mini-g{background:conic-gradient(from -90deg at 50% 100%,var(--fg-xf) 0 45deg,var(--fg-f) 45deg 81deg,var(--fg-n) 81deg 99deg,var(--fg-g) 99deg 135deg,var(--fg-xg) 135deg 180deg,transparent 0)}
body.v5-body[data-ak-shell]{background:radial-gradient(1px 1px at 12% 18%,rgba(255,255,255,.55) 50%,transparent 51%) 0 0/340px 340px,radial-gradient(1px 1px at 72% 64%,rgba(255,255,255,.4) 50%,transparent 51%) 0 0/420px 420px,radial-gradient(60rem 30rem at 85% -5%,rgba(229,197,134,.10),transparent 70%),var(--v5-pg)}
html[data-theme=light] body.v5-body[data-ak-shell]{background:radial-gradient(60rem 30rem at 85% -5%,rgba(229,197,134,.22),transparent 70%),radial-gradient(50rem 30rem at 0% 30%,rgba(59,130,246,.08),transparent 70%),var(--v5-pg)}

/* hero */
.v6-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:24px;align-items:center;min-height:520px;padding:36px 0 10px}
.v6-title{margin:10px 0 14px;font:800 clamp(3.4rem,7.4vw,6rem)/.95 'Outfit','Mitr',sans-serif;letter-spacing:-.03em;color:var(--v5-ink)}
.v6-title span{color:var(--v5-gold)}
.v6-lede{max-width:34ch;font-size:1.15rem;line-height:1.65;color:var(--v5-ink2)}
.v6-live{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.v6-stage{position:relative;height:460px}
.v6-blob{position:absolute;left:50%;top:52%;width:76%;height:46%;translate:-50% -50%;rotate:-14deg;border-radius:50%;background:var(--v6-blob)}
.v6-orbit{position:absolute;inset:0;margin:auto;width:100%;height:100%;fill:none;stroke:var(--v5-line);stroke-width:1;animation:v6spin 80s linear infinite}
.v6-mascot{position:absolute;left:50%;top:50%;width:230px;height:230px;translate:-50% -50%;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.25));animation:v5float 4.8s ease-in-out infinite}
.v6-chip{position:absolute;display:grid;gap:2px;min-width:170px;padding:12px 16px;border-radius:14px;background:var(--v6-chip);border:1px solid var(--v5-edge);box-shadow:0 14px 34px rgba(0,0,0,.22);animation:v5float 5.6s ease-in-out infinite}
html[data-theme=light] .v6-chip{box-shadow:0 10px 26px rgba(20,35,60,.12)}
.v6-chip .t{font:500 .86rem var(--v5-head);color:var(--v5-ink2)}
.v6-chip b{font:700 1.35rem/1.25 var(--v5-head)}
.v6-chip.c1{left:2%;top:8%}.v6-chip.c2{right:0;top:30%;animation-delay:-1.8s}.v6-chip.c3{left:8%;bottom:6%;animation-delay:-3.2s}

/* sticky zone nav */
.v6-zones{position:sticky;top:64px;z-index:20;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:10px 0;margin-top:8px;background:color-mix(in srgb,var(--v5-pg) 88%,transparent);backdrop-filter:blur(10px)}
.v6-zones::-webkit-scrollbar{display:none}
.v6-zones a{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:6px 16px;border-radius:999px;border:1px solid var(--v5-edge);background:var(--v6-chip);color:var(--v5-ink);font:500 .98rem var(--v5-head);text-decoration:none;transition:border-color .2s,translate .2s var(--v5-ease)}
.v6-zones a:hover{border-color:var(--v5-gold);translate:0 -2px}
.v6-zones a[aria-current=true]{background:#E5C586;color:#172b43;border-color:#a58b52}

/* zones with big Home-style headings */
.v6-zone{padding-top:64px;scroll-margin-top:120px}
.v6-zh{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid var(--v5-line)}
.v6-zh h2{margin:8px 0 8px;font:700 clamp(2.2rem,4.4vw,3.4rem)/1.15 'Mitr',sans-serif;color:var(--v5-ink)}
.v6-zh p{font-size:1.05rem;color:var(--v5-ink2)}
.v6-sticker{width:150px;height:150px;object-fit:contain;flex:none;filter:drop-shadow(0 6px 0 rgba(7,21,43,.12));animation:v5float 5.2s ease-in-out infinite}
.v5-h h3{margin-top:2px;font-size:1.3rem;font-weight:600;line-height:1.45}
.v5-h #v5-asof{margin:0}

/* movers */
.v5-movers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.v5-mv{display:grid;grid-template-columns:30px minmax(0,1fr) 54px auto;gap:10px;align-items:center;min-height:50px;border-top:1px solid var(--v5-line);text-decoration:none}
.v5-mv .tk{min-width:0}.v5-mv .tk b{display:block;font:700 .96rem var(--v5-num)}.v5-mv .tk small{display:block;font-size:.78rem;color:var(--v5-ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v5-mv .bar{height:6px;border-radius:3px;background:var(--v5-line);overflow:hidden}.v5-mv .bar i{display:block;height:100%;border-radius:3px;animation:v5grow .8s var(--v5-ease) both;transform-origin:left}
.v5-mv .bar i.up{background:var(--v5-up)}.v5-mv .bar i.down{background:var(--v5-down)}
.v5-mv .v{text-align:right;font:700 .92rem var(--v5-num);white-space:nowrap}.v5-mv .v small{display:block;font:500 .76rem var(--v5-num);color:var(--v5-ink3)}
.v5-mv:hover .tk b{color:var(--v5-gold)}

/* calendar */
.v5-day{display:grid;place-items:center;width:52px;height:56px;border-radius:12px;background:var(--v5-card2);border:1px solid var(--v5-edge);flex:none}
.v5-day b{font:700 1.3rem/1 var(--v5-num)}.v5-day small{font:500 .74rem var(--v5-head);color:var(--v5-ink2)}
.v5-ev{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--v5-line)}
.v5-ev:first-child{border-top:0}
.v5-ev .nm b{display:block;font:500 1rem/1.45 var(--v5-head)}.v5-ev .nm small{font-size:.86rem;color:var(--v5-ink2)}
.v5-ev .cd{padding:4px 10px;border-radius:999px;background:var(--v5-card2);font:600 .84rem var(--v5-head);color:var(--v5-ink2);white-space:nowrap}
.v5-ev .cd.soon{background:rgba(255,159,90,.16);color:var(--fg-f)}
.v5-eday{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:start;padding:10px 0;border-top:1px solid var(--v5-line)}
.v5-eday:first-child{border-top:0}
.v5-elogos{display:flex;flex-wrap:wrap;gap:10px}
.v5-elogos a{display:grid;justify-items:center;gap:2px;width:68px;text-decoration:none;text-align:center}
.v5-elogos a b{font:700 .84rem var(--v5-num)}.v5-elogos a small{font-size:.72rem;color:var(--v5-ink3)}
.v5-elogos a:hover b{color:var(--v5-gold)}
.v5-hols{display:flex;flex-wrap:wrap;gap:8px}
.v5-hol{padding:8px 14px;border-radius:999px;background:var(--v6-chip);border:1px solid var(--v5-edge);font:500 .92rem var(--v5-head)}
.v5-hol small{color:var(--v5-ink3)}

/* tools as Home-style doors */
.v6-doors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.v6-door{display:grid;grid-template-columns:52px minmax(0,1fr) 40px;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;background:var(--v6-chip);border:1px solid var(--v5-edge);border-bottom-width:4px;text-decoration:none;transition:translate .25s var(--v5-ease),border-color .25s}
.v6-door .ic{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:var(--v6-blob);font-size:1.6rem}
.v6-door b{display:block;font:600 1.1rem var(--v5-head)}.v6-door small{display:block;font-size:.92rem;line-height:1.5;color:var(--v5-ink2)}
.v6-door .go{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--v5-edge);transition:background .2s,color .2s}
.v6-door:hover{translate:0 -4px;border-color:var(--v5-gold)}.v6-door:hover .go{background:#E5C586;color:#172b43;border-color:#a58b52}

/* clips tilted like Home (decorative covers only; text stays upright) */
.v6-clips-head{display:flex;justify-content:space-between;align-items:center;margin:30px 0 12px}
.v6-clips .v5-clip:nth-child(odd) .cv{rotate:-2deg}.v6-clips .v5-clip:nth-child(even) .cv{rotate:1.6deg}
.v6-clips .v5-clip .cv{border:6px solid #fff;box-shadow:0 14px 30px rgba(0,0,0,.25);transition:rotate .3s var(--v5-ease),translate .3s var(--v5-ease)}
.v6-clips .v5-clip:hover .cv{rotate:0deg;translate:0 -6px}

@keyframes v6spin{to{rotate:360deg}}
@media (max-width:1180px){.v5-movers{grid-template-columns:repeat(2,minmax(0,1fr))}.v6-doors{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.v6-hero{grid-template-columns:1fr;min-height:0}.v6-stage{height:380px}}
@media (max-width:640px){.v6-title{font-size:3.2rem}.v6-stage{height:340px}.v6-mascot{width:170px;height:170px}.v6-chip{min-width:0;padding:9px 12px}.v6-chip b{font-size:1.1rem}.v6-chip.c2{right:-2px}.v6-zh h2{font-size:2rem}.v6-sticker{width:96px;height:96px}.v5-movers{grid-template-columns:1fr}.v6-doors{grid-template-columns:1fr}.v6-zh{align-items:center}}

.v5-map[data-drawn] .v5-tile{animation:none}
.v6-stage{overflow:hidden;border-radius:24px}.v6-orbit{pointer-events:none}
.v6-zh h2{line-height:1.35}.v5-lane .nm{line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:640px){.v5-lane{grid-template-columns:118px 1fr 58px}}

/* ═════════════ v7 (Audi 2026-10-16): deep-dive card look, proximity colours, notable assets, face ═════════════ */
/* cards = the deep-dive research card (145° glass gradient, 20px radius, soft border, gold corner light) */
.v5-card{border-radius:20px;background:radial-gradient(26rem 12rem at 0% 0%,rgba(229,197,134,.10),transparent 60%),linear-gradient(145deg,rgba(25,34,55,.96),rgba(8,12,24,.99));border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 44px rgba(0,0,0,.28)}
.v5-card:hover{border-color:rgba(229,197,134,.4)}
html[data-theme=light] .v5-card{background:radial-gradient(26rem 12rem at 0% 0%,rgba(229,197,134,.18),transparent 60%),#ffffff;border:1px solid #c9d3e2;border-bottom:4px solid #c9d3e2;box-shadow:0 10px 26px rgba(20,35,60,.08)}
.v5-k{border-radius:20px}
.v5-more{padding:0 14px;border-radius:10px;background:#E5C586;color:#111620;border:1px solid #E5C586;box-shadow:0 8px 22px rgba(201,168,76,.16);min-height:38px}
.v5-more:hover{text-decoration:none;background:#efd59a}

/* proximity: dates and distance to a buy price */
:root{--near-1:#ff6b6b;--near-2:#ff9f5a;--near-3:#e9c46a;--near-g:#7ad99a;--near-y:#e9c46a}
html[data-theme=light]{--near-1:#c0352b;--near-2:#b5561b;--near-3:#8a6414;--near-g:#2f8a4f;--near-y:#8a6414}
.v5-ev .cd.near-1{background:rgba(255,107,107,.16);color:var(--near-1)}
.v5-ev .cd.near-2{background:rgba(255,159,90,.16);color:var(--near-2)}
.v5-ev .cd.near-3{background:rgba(233,196,106,.16);color:var(--near-3)}
.v5-eday.near-1 .v5-day{border-color:var(--near-1);background:rgba(255,107,107,.14)}
.v5-eday.near-2 .v5-day{border-color:var(--near-2);background:rgba(255,159,90,.14)}
.v5-eday.near-3 .v5-day{border-color:var(--near-3)}
.v5-wl-row .tag.near-g{background:rgba(122,217,154,.16);color:var(--near-g)}
.v5-wl-row .tag.near-y{background:rgba(233,196,106,.16);color:var(--near-y)}

/* ⭐ notable asset tile in the price strip */
.v5-q{position:relative}
.v5-q.notable{background:radial-gradient(14rem 6rem at 50% 0%,rgba(229,197,134,.18),transparent 70%);box-shadow:inset 0 0 0 1px rgba(229,197,134,.55)}
.v5-q .nb{grid-column:1/-1;font:600 .76rem/1.4 var(--v5-head);color:var(--v5-gold)}
.v5-q .nb:empty{display:none}
.v5-q .n{white-space:normal}

/* face on Audi's watchlist card */
.v6-audi-h{justify-content:flex-start;align-items:center;gap:14px}
.v6-face{width:56px;height:56px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px #E5C586;flex:none}

/* research card: Audi's buy price */
.v5-dd .buy{padding:6px 10px;border-radius:10px;background:var(--v5-card2);font:500 .86rem var(--v5-head);color:var(--v5-ink2)}
.v5-dd .buy b{color:var(--v5-ink)}
.v5-dd .buy.hit{background:rgba(61,220,151,.15);color:var(--v5-up)}
.v5-dd .buy.near-g{background:rgba(122,217,154,.16);color:var(--near-g)}
.v5-dd .buy.near-y{background:rgba(233,196,106,.16);color:var(--near-y)}
.v5-dd{grid-template-rows:auto 1fr auto auto auto}

.v5 .v5-more{color:#111620}.v5 .v5-more:hover{color:#111620}
html[data-theme=light]{--near-g:#23703f}
html[data-theme=light] .v5-card{border-color:#a9b8cc}
.v5-q .nb{line-height:1.6}

/* ═════════════ v8 (Audi 2026-10-16): ticker tape, beginner rates, Thai news, next release dates, bigger map ═════════════ */
.v5-tape{position:relative;overflow:hidden;border-block:1px solid var(--v5-line);background:color-mix(in srgb,var(--v5-pg) 80%,#000 20%);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
html[data-theme=light] .v5-tape{background:#ffffff}
.v5-tape .track{display:inline-flex;gap:28px;padding:9px 0;white-space:nowrap;animation:v8tape 80s linear infinite}
.v5-tape:hover .track{animation-play-state:paused}
.v5-tape .ti{display:inline-flex;align-items:center;gap:7px;font-size:.92rem}
.v5-tape .ti b{font:600 .92rem var(--v5-head)}
.v5-tape .v5-logo{width:18px;height:18px}
@keyframes v8tape{to{transform:translateX(-50%)}}
.v5-rr{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--v5-line)}
.v5-rr:first-child{border-top:0}
.v5-rr .ic{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--v5-card2);font-size:1.2rem}
.v5-rr .nm b{display:block;font:600 1rem/1.45 var(--v5-head)}.v5-rr .nm small{display:block;font-size:.88rem;line-height:1.5;color:var(--v5-ink2)}
.v5-rr .val{text-align:right;font:700 1.45rem var(--v5-num)}.v5-rr .val small{display:block;font:600 .8rem var(--v5-num)}
.v5-rate-key{display:block;margin-bottom:0}
.v5-rate-say{margin-top:10px;padding:10px 14px;border-radius:12px;background:rgba(229,197,134,.12);font-size:.95rem;line-height:1.6;color:var(--v5-ink)}
.v5-curve-more{margin-top:12px}
.v5-curve-more summary{cursor:pointer;min-height:40px;display:flex;align-items:center;font:500 .95rem var(--v5-head);color:var(--v5-gold)}
.v5-nitem small.en{font-size:.78rem;line-height:1.45;color:var(--v5-ink3);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.v5-mini .nx{display:block;margin-top:2px;font:500 .8rem/1.5 var(--v5-head);color:var(--v5-ink2)}
.v5-mini .nx.near-1{color:var(--near-1)}.v5-mini .nx.near-2{color:var(--near-2)}.v5-mini .nx.near-3{color:var(--near-3)}
@media (max-width:640px){.v5-rr .val{font-size:1.2rem}}
@media (prefers-reduced-motion:reduce){.v5-tape .track{animation:none}}
html[data-motion=paused] .v5-tape .track,body.paused .v5-tape .track{animation:none}

/* ═════════════ v9 (Audi 2026-10-16): 16-bit pixel mood sprites on the hero chips ═════════════ */
.v6-chip.v9-has{display:flex;align-items:center;gap:12px}
.v6-chip.v9-has .tx{display:grid;gap:2px}
.v9-px{flex:none;width:44px;height:44px;image-rendering:pixelated;filter:drop-shadow(0 3px 0 rgba(0,0,0,.25));overflow:visible}
.v9-px.shake{animation:v9shake .36s steps(2) infinite}
.v9-px.bounce{animation:v9bounce .9s steps(2) infinite}
.v9-px.rise{animation:v9rise 1.2s steps(3) infinite}
.v9-px.sink{animation:v9sink 1.2s steps(3) infinite}
.v9-px.blink .e{animation:v9blink 3.4s steps(1) infinite}
.v9-px .drip{animation:v9drip 1.4s steps(4) infinite}
.v9-px .tw{animation:v9tw .8s steps(2) infinite}
@keyframes v9shake{0%{transform:translateX(-1.5px)}100%{transform:translateX(1.5px)}}
@keyframes v9bounce{0%{transform:translateY(0)}100%{transform:translateY(-3px)}}
@keyframes v9rise{0%{transform:translateY(2px)}100%{transform:translateY(-4px)}}
@keyframes v9sink{0%{transform:translateY(-2px)}100%{transform:translateY(4px)}}
@keyframes v9blink{0%,90%{opacity:1}92%,100%{opacity:0}}
@keyframes v9drip{0%{transform:translateY(0);opacity:1}75%{transform:translateY(3px);opacity:1}100%{transform:translateY(4px);opacity:0}}
@keyframes v9tw{0%{opacity:1}100%{opacity:.15}}
@media (max-width:640px){.v9-px{width:34px;height:34px}.v6-chip.v9-has{gap:9px}}
@media (prefers-reduced-motion:reduce){.v9-px,.v9-px *{animation:none!important}}
html[data-motion=paused] .v9-px,html[data-motion=paused] .v9-px *,body.paused .v9-px,body.paused .v9-px *{animation:none!important}

/* ═════════════ v10 (Audi 2026-10-16): mascot centred, item boxes with the deep-dive card edge ═════════════ */
.v6-mascot{inset:0;margin:auto;translate:none}
/* item box = deep-dive stock card: soft gradient, 1px edge, 3px coloured left stripe (blue / gold / purple) */
.v5-q,.v5-mini,.v5-rr,.v5-dd,.v6-door{--acc:#7ab7f0;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:linear-gradient(145deg,rgba(25,34,55,.9),rgba(8,12,24,.96))}
.v5-q::before,.v5-mini::before,.v5-rr::before,.v5-dd::before,.v6-door::before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:var(--acc)}
.v5-q:nth-child(3n+2),.v5-mini:nth-child(3n+2),.v5-rr:nth-child(3n+2),.v5-dd:nth-child(3n+2),.v6-door:nth-child(3n+2){--acc:#e5c586}
.v5-q:nth-child(3n),.v5-mini:nth-child(3n),.v5-rr:nth-child(3n),.v5-dd:nth-child(3n),.v6-door:nth-child(3n){--acc:#a99ae8}
html[data-theme=light] :is(.v5-q,.v5-mini,.v5-rr,.v5-dd,.v6-door){background:#ffffff;border-color:#c9d3e2}
html[data-theme=light] :is(.v5-q,.v5-mini,.v5-rr,.v5-dd,.v6-door):nth-child(3n+2){--acc:#b08a3a}
html[data-theme=light] :is(.v5-q,.v5-mini,.v5-rr,.v5-dd,.v6-door):nth-child(3n){--acc:#7a68c9}
.v5-strip{gap:10px}
.v5-q,.v5-q:first-child,.v5-q:nth-child(5){border-left:1px solid rgba(255,255,255,.10);padding:10px 12px 10px 15px}
html[data-theme=light] .v5-q{border-left-color:#c9d3e2!important}
.v5-q.notable{border-color:rgba(229,197,134,.55)}
.v5-mini{padding:14px 14px 12px 17px}
.v5-rate-key{display:grid;gap:10px}
.v5-rr,.v5-rr:first-child{border-top:1px solid rgba(255,255,255,.10);padding:12px 14px 12px 17px}
html[data-theme=light] .v5-rr{border-top-color:#c9d3e2}
.v6-door{border-bottom-width:1px}
.v6-door:hover,.v5-dd:hover{border-color:rgba(229,197,134,.55)}
@media (max-width:640px){.v5-q,.v5-q:nth-child(-n+2){border-top:1px solid rgba(255,255,255,.10)}}
/* the shell's night sky is built at load; after switching to light it stayed dark behind dark-ink text. Light finance = its own pale page. */
html[data-theme=light] body.v5-body .ak-sky{display:none}
html[data-theme=light][data-ak-sky] body.v5-body{background:var(--v5-pg)!important}
/* v11 (Audi 2026-10-16 "ตอนเลื่อน มันยังเห็นขอบอยู่ ไม่ smooth"): no band behind the sticky zone nav; the pills float on their own */
.v6-zones{background:none;backdrop-filter:none;padding:10px 2px 12px}
@media (max-width:900px){.v6-zones{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}}
.v6-zones a{backdrop-filter:blur(8px);box-shadow:0 8px 22px rgba(0,0,0,.28)}
html[data-theme=light] .v6-zones a{box-shadow:0 6px 16px rgba(20,35,60,.12)}

/* ═════════════ v12 (Audi 2026-10-16): 💼 funds left · investors right (13F) · 🤝 partner tools ═════════════ */
.v12-gurus{margin-top:28px}
.v12-gu-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.v12-g{--acc:#7ab7f0;position:relative;margin-top:10px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:linear-gradient(145deg,rgba(25,34,55,.9),rgba(8,12,24,.96));overflow:hidden}
.v12-g::before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:var(--acc)}
.v12-g:nth-child(3n+2){--acc:#e5c586}.v12-g:nth-child(3n){--acc:#a99ae8}
.v12-g[open]{border-color:rgba(229,197,134,.45)}
.v12-g.is-stale{border-style:dashed}
.v12-sum{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) auto;grid-template-areas:"av nm tot" "av t3 t3";gap:6px 12px;align-items:center;padding:12px 30px 12px 17px;cursor:pointer;list-style:none}
.v12-sum::-webkit-details-marker{display:none}
.v12-sum .av{grid-area:av;width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:50% 25%;box-shadow:0 0 0 2px rgba(229,197,134,.6)}
.v12-sum .av.ini{display:grid;place-items:center;background:#132650;color:#E5C586;font:700 1.05rem 'Outfit','Mitr',sans-serif}
.v12-sum .nm{grid-area:nm;min-width:0}
.v12-sum .nm b{display:block;font:600 1.05rem/1.4 var(--v5-head)}
.v12-sum .nm small{display:block;font-size:.86rem;line-height:1.45;color:var(--v5-ink2)}
.v12-sum .sty{display:inline-block;margin-top:3px;padding:2px 8px;border-radius:999px;background:rgba(229,197,134,.10);font:500 .8rem/1.5 var(--v5-head);color:var(--v5-ink2)}
.v12-top3{grid-area:t3;display:flex;flex-wrap:wrap;gap:6px 12px}
.v12-top3 .t3{display:inline-flex;align-items:center;gap:5px;font-size:.88rem}
.v12-top3 .t3 b{font:600 .88rem var(--v5-num)}.v12-top3 .t3 i{font-style:normal;color:var(--v5-ink2)}
.v12-tot{grid-area:tot;text-align:right;display:grid}
.v12-tot b{font:700 1.05rem var(--v5-num);color:var(--v5-gold)}.v12-tot small{font-size:.76rem;color:var(--v5-ink3)}
.v12-open{position:absolute;right:12px;bottom:12px;color:var(--v5-gold);transition:rotate .25s}
.v12-g[open] .v12-open{rotate:180deg}
.v12-body{padding:0 14px 14px 17px}
.v12-when{display:block;font:500 .84rem/1.6 var(--v5-head);color:var(--v5-ink2)}
.v12-when .near-1{color:var(--near-1)}.v12-when .near-2{color:var(--near-2)}.v12-when .near-3{color:var(--near-3)}
.v12-when.stale{color:var(--near-2)}
.v12-chg{margin:6px 0 4px!important;font-size:.84rem;color:var(--v5-ink2)}
.cg{display:inline-flex;align-items:center;gap:3px;padding:1px 7px;border-radius:999px;font:600 .76rem/1.6 var(--v5-head);white-space:nowrap}
.cg.new{background:rgba(61,220,151,.16);color:var(--v5-up)}.cg.add{background:rgba(122,217,154,.12);color:var(--v5-up)}
.cg.cut{background:rgba(255,159,90,.14);color:var(--near-2)}.cg.sold{background:rgba(255,107,107,.14);color:var(--near-1)}.cg.same{background:rgba(255,255,255,.06);color:var(--v5-ink2)}
.v12-rows{list-style:none;margin:8px 0 0;padding:0}
.v12-rows li{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(40px,1fr) 52px auto;gap:10px;align-items:center;padding:7px 0;border-top:1px solid var(--v5-line)}
.v12-rows .tk{display:flex;align-items:center;gap:8px;min-width:0}
.v12-rows .tk b{display:block;font:600 .92rem/1.4 var(--v5-num)}
.v12-rows .tk small{display:block;font-size:.76rem;line-height:1.4;color:var(--v5-ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:22ch}
.v12-rows .mine{font-style:normal;font:500 .72rem var(--v5-head);color:var(--v5-gold)}
.v12-rows .bar{height:6px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}
.v12-rows .bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a58b52,#E5C586)}
.v12-rows .pc{text-align:right;font:600 .9rem var(--v5-num)}
.v12-note{margin-top:8px!important;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.04);font-size:.84rem;line-height:1.55;color:var(--v5-ink2)}
.v12-note.warn{background:rgba(255,159,90,.10);color:var(--v5-ink)}
.v12-src{margin-top:8px!important;font-size:.76rem;color:var(--v5-ink3)}.v12-src a{color:var(--v5-gold)}
.v12-tier{margin-top:14px;border-top:1px dashed var(--v5-line);padding-top:6px}
.v12-tier>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font:600 1rem var(--v5-head);color:var(--v5-gold)}
.v12-tier>summary small{font:400 .84rem var(--v5-body);color:var(--v5-ink2)}
.v12-lynch .v12-sum{cursor:default;grid-template-areas:"av nm nm"}
html[data-theme=light] .v12-g{background:#ffffff;border-color:#c9d3e2}
html[data-theme=light] .v12-g:nth-child(3n+2){--acc:#b08a3a}
html[data-theme=light] .v12-g:nth-child(3n){--acc:#7a68c9}
html[data-theme=light] .v12-sum .av.ini{background:#eef3fa;color:#8a6414}
html[data-theme=light] .v12-rows .bar{background:rgba(19,35,58,.08)}
html[data-theme=light] .v12-note{background:#f3f6fb}
@media (max-width:900px){.v12-gu-cols{grid-template-columns:1fr}}
@media (max-width:640px){
  .v12-sum{grid-template-columns:44px minmax(0,1fr);grid-template-areas:"av nm" "tot tot" "t3 t3"}
  .v12-tot{text-align:left;display:flex;gap:6px;align-items:baseline}
  .v12-rows li{grid-template-columns:minmax(0,1fr) 48px;grid-template-areas:"tk pc" "ch ch"}
  .v12-rows .tk{grid-area:tk}.v12-rows .pc{grid-area:pc}.v12-rows .ch{grid-area:ch}.v12-rows .bar{display:none}
}

/* 🤝 partner tools */
.v12-partners{margin-top:36px}
.v12-pt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.v12-pt{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);gap:8px 14px;align-items:center;padding:16px 18px 16px 21px;border-radius:18px;border:1px solid rgba(229,197,134,.35);background:radial-gradient(22rem 10rem at 0% 0%,rgba(229,197,134,.12),transparent 60%),linear-gradient(145deg,rgba(25,34,55,.96),rgba(8,12,24,.99));overflow:hidden}
.v12-pt::before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:#e5c586}
.v12-pt img{width:56px;height:56px;border-radius:14px;object-fit:contain;background:#fff;padding:4px}
.v12-pt .tx b{display:block;font:600 1.15rem var(--v5-head)}
.v12-pt .tx small{display:block;font-size:.92rem;line-height:1.5;color:var(--v5-ink2)}
.v12-pt .perk{display:inline-block;margin-top:4px;font:500 .86rem var(--v5-head);color:var(--v5-up)}
.v12-pt .act{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.v12-code{min-height:42px;padding:0 14px;border-radius:12px;border:1px dashed rgba(229,197,134,.6);background:rgba(229,197,134,.08);color:var(--v5-ink);font:500 .95rem var(--v5-head);cursor:pointer}
.v12-code b{font-family:var(--v5-num);color:var(--v5-gold)}
.v12-go{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:12px;background:#E5C586;color:#172b43!important;font:600 .95rem var(--v5-head);text-decoration:none;box-shadow:0 8px 22px rgba(201,168,76,.18)}
.v12-go:hover{background:#efd59a}
html[data-theme=light] .v12-pt{background:#ffffff;border-color:#c9d3e2}
html[data-theme=light] .v12-code{color:#13233a}
@media (max-width:760px){.v12-pt-grid{grid-template-columns:1fr}}
.v12-partners{margin-bottom:22px}
.v12-top3 .t3.lbl{font:400 .78rem var(--v5-body);color:var(--v5-ink3)}
.v12-rows .etf{font-style:normal;font:500 .72rem var(--v5-head);color:#7ab7f0}
html[data-theme=light] .v12-rows .etf{color:#1d5fa8}
.v12-tot small:first-child{font-size:.74rem}
.v12-sum .av.logo{object-fit:contain;background:#fff;padding:4px;border-radius:12px}

/* v14 (Audi 2026-10-16): members zone moved up as its own zone + ProPicks box */
.v14-mem{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.v14-tool{--acc:#7ab7f0;position:relative;display:grid;align-content:start;gap:4px;padding:16px 16px 16px 19px;border-radius:16px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(145deg,rgba(25,34,55,.92),rgba(8,12,24,.98));overflow:hidden}
.v14-tool::before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:var(--acc)}
.v14-tool:nth-child(2){--acc:#e5c586}.v14-tool:nth-child(3){--acc:#a99ae8}
.v14-tool .ic{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:rgba(229,197,134,.12);font-size:1.4rem;margin-bottom:6px}
.v14-tool .ic img{width:36px;height:36px;border-radius:8px;background:#fff;padding:2px;object-fit:contain}
.v14-tool b{font:600 1.08rem/1.4 var(--v5-head)}
.v14-tool small{font-size:.92rem;line-height:1.5;color:var(--v5-ink2)}
.v14-tool em{font:500 .86rem/1.5 var(--v5-head);font-style:normal;color:var(--v5-gold)}
.v14-tool em.up{color:var(--v5-up)}
.v14-tool.pro{--acc:#E5C586;border-color:rgba(229,197,134,.45);background:radial-gradient(18rem 9rem at 100% 0%,rgba(229,197,134,.16),transparent 65%),linear-gradient(145deg,rgba(25,34,55,.92),rgba(8,12,24,.98))}
.v14-tool .v12-go{justify-self:start;margin-top:8px}
.v14-disc{margin-top:10px!important;font-size:.84rem;color:var(--v5-ink3)}
html[data-theme=light] .v14-tool{background:#ffffff;border-color:#c9d3e2}
html[data-theme=light] .v14-tool:nth-child(2){--acc:#b08a3a}html[data-theme=light] .v14-tool:nth-child(3){--acc:#7a68c9}
html[data-theme=light] .v14-tool.pro{background:radial-gradient(18rem 9rem at 100% 0%,rgba(229,197,134,.22),transparent 65%),#ffffff;border-color:#c9a94f}
@media (max-width:1100px){.v14-mem{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.v14-mem{grid-template-columns:1fr}}

/* v15 (Audi 2026-10-16): 🧾 insider trades + buybacks */
.v15-read{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}
.v15-read .r{padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(145deg,rgba(25,34,55,.9),rgba(8,12,24,.96));font-size:.92rem;line-height:1.55;color:var(--v5-ink2)}
.v15-read .r b{display:block;font:600 1rem var(--v5-head);color:var(--v5-ink)}
.v15-read .buy{border-left:3px solid var(--v5-up)}.v15-read .plan{border-left:3px solid #9aa6bd}.v15-read .sell{border-left:3px solid var(--near-1)}
.v15-sum{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) auto;grid-template-areas:"lg nm tot" "lg sp sp";gap:4px 12px;align-items:center;padding:12px 30px 12px 17px;cursor:pointer;list-style:none}
.v15-sum::-webkit-details-marker{display:none}
.v15-sum>.v5-logo,.v15-sum>.v5-logo-fb{grid-area:lg}
.v15-sum .nm{grid-area:nm;min-width:0}.v15-sum .nm b{font:600 1rem var(--v5-num);margin-right:6px}.v15-sum .nm small{display:block;font-size:.84rem;color:var(--v5-ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v15-sum .tot{grid-area:tot;text-align:right;display:grid}.v15-sum .tot b{font:700 1.05rem var(--v5-num)}.v15-sum .tot small{font-size:.76rem;color:var(--v5-ink3)}
.v15-split{grid-area:sp;display:flex;height:6px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.06)}
.v15-split .p{background:#9aa6bd}.v15-split .o{background:var(--near-1)}
.v15-sum .sp{grid-column:2/-1;font-size:.78rem;color:var(--v5-ink3)}
.v15-row.buy{--acc:var(--v5-up)}.v15-row.sell{--acc:var(--near-1)}
.v15-mo{display:flex;gap:8px;align-items:flex-end;height:64px;margin:4px 0 10px}
.v15-mo span{flex:1;display:flex;gap:2px;align-items:flex-end;height:48px;position:relative}
.v15-mo i{flex:1;border-radius:3px 3px 0 0;min-height:2px}.v15-mo .b{background:var(--v5-up)}.v15-mo .s{background:var(--near-1)}
.v15-mo em{position:absolute;bottom:-17px;left:0;right:0;text-align:center;font:400 .72rem var(--v5-body);font-style:normal;color:var(--v5-ink3)}
.v15-tx{list-style:none;margin:18px 0 0;padding:0}
.v15-tx li{display:grid;grid-template-columns:72px minmax(0,1.2fr) minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 0;border-top:1px solid var(--v5-line);font-size:.86rem}
.v15-tx .dd{color:var(--v5-ink2)}.v15-tx .who b{display:block;font:600 .88rem/1.4 var(--v5-head)}.v15-tx .who small{display:block;font-size:.76rem;color:var(--v5-ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v15-tx .what small{display:block;font-size:.76rem;color:var(--v5-ink3);margin-top:2px}.v15-tx .vv{text-align:right;font:600 .9rem var(--v5-num)}
.v15-empty{padding:14px;border-radius:12px;background:rgba(255,255,255,.04);color:var(--v5-ink2);font-size:.92rem;line-height:1.6}
.v15-more>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font:500 .95rem var(--v5-head);color:var(--v5-gold)}
.v15-bb-card{margin-top:20px}
.v15-bb{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.v15-bb li{display:grid;grid-template-columns:28px 64px minmax(40px,1fr) auto;grid-template-areas:"lg tk bar v" "lg tk sm sm";gap:2px 10px;align-items:center;padding:8px 0;border-top:1px solid var(--v5-line)}
.v15-bb li>.v5-logo,.v15-bb li>.v5-logo-fb{grid-area:lg}.v15-bb b{grid-area:tk;font:600 .95rem var(--v5-num)}
.v15-bb .bar{grid-area:bar;height:8px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}.v15-bb .bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3c6fb0,#7ab7f0)}
.v15-bb .num{grid-area:v;font:600 .92rem var(--v5-num);text-align:right}.v15-bb small{grid-area:sm;font-size:.74rem;color:var(--v5-ink3)}
html[data-theme=light] .v15-read .r{background:#ffffff;border-color:#c9d3e2}
html[data-theme=light] .v15-split,html[data-theme=light] .v15-bb .bar{background:rgba(19,35,58,.08)}
html[data-theme=light] .v15-empty{background:#f3f6fb}
@media (max-width:900px){.v15-read{grid-template-columns:1fr}.v15-bb{grid-template-columns:1fr}}
@media (max-width:640px){.v15-tx li{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"who vv" "dd what"}.v15-tx .who{grid-area:who}.v15-tx .vv{grid-area:vv}.v15-tx .dd{grid-area:dd}.v15-tx .what{grid-area:what;text-align:right}}

/* v16 (Audi 2026-10-16): compact fund / investor tiles, details in a centre peek */
.v16-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:10px}
.v16-tile{position:relative;display:grid;justify-items:center;gap:6px;padding:14px 8px 12px;border-radius:16px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(145deg,rgba(25,34,55,.9),rgba(8,12,24,.96));color:var(--v5-ink);cursor:pointer;transition:translate .2s var(--v5-ease),border-color .2s}
.v16-tile:hover,.v16-tile:focus-visible{translate:0 -3px;border-color:rgba(229,197,134,.55)}
.v16-tile .av{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:50% 25%;box-shadow:0 0 0 2px rgba(229,197,134,.6)}
.v16-tile .av.logo{object-fit:contain;background:#fff;padding:4px;border-radius:14px}
.v16-tile .av.ini{display:grid;place-items:center;background:#132650;color:#E5C586;font:700 1.1rem 'Outfit','Mitr',sans-serif}
.v16-tile b{font:600 .86rem/1.35 var(--v5-head);text-align:center}
.v16-tile .lg{display:flex;gap:4px;justify-content:center}
.v16-tile em{font:500 .72rem var(--v5-head);font-style:normal;color:var(--near-2)}
.v16-tile.is-stale{border-style:dashed}
.v16-tier{margin:16px 0 8px!important;font:600 .98rem var(--v5-head);color:var(--v5-gold)}
.v16-tier small{display:block;font:400 .84rem var(--v5-body);color:var(--v5-ink2)}
.v16-grid.trader .v16-tile{background:rgba(255,255,255,.03)}
html[data-theme=light] .v16-tile{background:#ffffff;border-color:#c9d3e2}
html[data-theme=light] .v16-tile .av.ini{background:#eef3fa;color:#8a6414}
.v16-peek{width:min(640px,calc(100% - 24px));max-height:min(86vh,900px);padding:0;border:1px solid rgba(229,197,134,.45);border-radius:20px;background:linear-gradient(145deg,#19223a,#080c18);color:var(--v5-ink);box-shadow:0 30px 80px rgba(0,0,0,.5);overflow:auto}
.v16-peek::backdrop{background:rgba(3,7,18,.62);backdrop-filter:blur(4px)}
.v16-peek[open]{animation:v16in .25s var(--v5-ease)}
@keyframes v16in{from{opacity:0;scale:.96}to{opacity:1;scale:1}}
.v16-peek .v16-x{position:sticky;top:10px;float:right;margin:10px 10px 0 0;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(16,33,63,.95);color:var(--v5-ink);font-size:1.05rem;cursor:pointer;z-index:2}
.v16-peek .v16-in{padding:8px 6px 14px}
.v16-head{cursor:default;grid-template-areas:"av nm tot";padding-right:56px}
html[data-theme=light] .v16-peek{background:#ffffff;border-color:#c9d3e2}
html[data-theme=light] .v16-peek .v16-x{background:#eef3fa;color:#13233a;border-color:#c9d3e2}
@media (max-width:640px){.v16-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v16-head{grid-template-areas:"av nm" "tot tot"}}
@media (prefers-reduced-motion:reduce){.v16-peek[open]{animation:none}}
.v16-tile{min-width:0}.v16-tile b{max-width:100%;overflow-wrap:anywhere}@media (max-width:640px){.v16-tile b{font-size:.78rem}}
.v16-peek{position:fixed;inset:0;margin:auto;height:fit-content}
.v16-head .v12-tot b{white-space:nowrap}@media (max-width:640px){.v16-head .v12-tot{display:flex;flex-wrap:wrap;gap:4px 6px;align-items:baseline}}

/* 💛 link to community.html from the stocks zone */
.v16-comm{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:20px;padding:16px 18px 16px 21px;border-radius:18px;border:1px solid rgba(229,197,134,.35);background:radial-gradient(22rem 10rem at 0% 50%,rgba(255,143,166,.12),transparent 65%),linear-gradient(145deg,rgba(25,34,55,.96),rgba(8,12,24,.99));text-decoration:none;color:var(--v5-ink);overflow:hidden;transition:translate .25s var(--v5-ease),border-color .25s}
.v16-comm::before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:#ff8fa6}
.v16-comm:hover{translate:0 -3px;border-color:var(--v5-gold)}
.v16-comm .ic{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:rgba(255,143,166,.14);font-size:1.6rem}
.v16-comm b{display:block;font:600 1.1rem var(--v5-head)}.v16-comm small{display:block;font-size:.92rem;line-height:1.5;color:var(--v5-ink2)}
.v16-comm .go{padding:0 16px;min-height:42px;display:inline-flex;align-items:center;border-radius:12px;background:#E5C586;color:#172b43;font:600 .95rem var(--v5-head);white-space:nowrap}
html[data-theme=light] .v16-comm{background:#ffffff;border-color:#c9d3e2}
@media (max-width:640px){.v16-comm{grid-template-columns:44px minmax(0,1fr)}.v16-comm .go{grid-column:1/-1;justify-content:center}}

/* v17 (Audi 2026-10-16): 💛 community link beside the stocks-zone sticker · 🎁 partner chip in the hero */
.v17-zr{display:flex;align-items:center;gap:14px;flex:none}
.v17-heart{display:flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;border-radius:16px;border:1px solid rgba(255,143,166,.45);background:radial-gradient(12rem 6rem at 0% 50%,rgba(255,143,166,.18),transparent 70%),rgba(16,33,63,.92);color:var(--v5-ink);text-decoration:none;box-shadow:0 10px 26px rgba(0,0,0,.25);transition:translate .2s var(--v5-ease),border-color .2s}
.v17-heart:hover{translate:0 -3px;border-color:#ff8fa6}
.v17-heart .ic{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(255,143,166,.16);font-size:1.4rem}
.v17-heart b{display:block;font:600 1.02rem var(--v5-head)}.v17-heart small{display:block;font-size:.84rem;color:var(--v5-ink2)}
html[data-theme=light] .v17-heart{background:#ffffff;border-color:#f2b8c6}
.v6-chip.c4{right:2%;bottom:4%;animation-delay:-2.4s}
.v17-deal{min-width:0;gap:4px;justify-items:start}
.v17-deal .lg{display:flex;gap:8px}
.v17-deal .lg a{display:block;border-radius:10px;transition:translate .2s}
.v17-deal .lg a:hover{translate:0 -2px}
.v17-deal img{width:36px;height:36px;border-radius:10px;background:#fff;padding:2px;object-fit:contain;display:block}
.v17-deal small{font-size:.72rem;color:var(--v5-ink3)}
@media (max-width:640px){.v17-zr{flex-direction:column-reverse;align-items:flex-end;gap:6px}.v17-heart{padding:8px 10px 8px 8px}.v17-heart .ic{width:34px;height:34px;font-size:1.1rem}.v17-heart small{display:none}.v6-chip.c4{right:0;bottom:2%}.v17-deal img{width:30px;height:30px}}
/* light theme: boxes on the pale page need a visible edge (surface audit 1.34:1 → darker border) */
html[data-theme=light] :is(.v14-tool,.v15-read .r,.v6-door,.v12-pt,.v12-g,.v16-tile,.v5-q,.v5-mini,.v5-rr,.v5-dd){border-color:#a9b8cc}
.v14-tool em.pp{display:grid;gap:2px;margin-top:4px}.v14-tool em.pp b{font:700 1.6rem var(--v5-num)}.v14-tool em.pp span{font:500 .86rem/1.45 var(--v5-head);color:var(--v5-ink)}.v14-tool em.pp small{font:400 .76rem/1.45 var(--v5-body);color:var(--v5-ink3)}

/* v21 (Audi 2026-10-17): 💛 community button with a heartbeat · 👀 Watchlist shortcuts · ProPicks holdings on the card */
.v17-heart{background:linear-gradient(135deg,rgba(255,143,166,.22),rgba(255,143,166,.06) 60%),rgba(16,33,63,.92);border-color:rgba(255,143,166,.6);box-shadow:0 10px 26px rgba(0,0,0,.25),0 0 0 0 rgba(255,143,166,.45);animation:v21glow 3.2s ease-in-out infinite}
.v17-heart .ic{background:linear-gradient(145deg,#ff8fa6,#ff5c8a);box-shadow:0 6px 16px rgba(255,92,138,.35)}
.v17-heart .ic{animation:v21beat 3.2s ease-in-out infinite}
.v17-heart small{color:#ffc2cf}
@keyframes v21beat{0%,60%,100%{scale:1}66%{scale:1.18}72%{scale:.96}78%{scale:1.12}84%{scale:1}}
@keyframes v21glow{0%,60%,100%{box-shadow:0 10px 26px rgba(0,0,0,.25),0 0 0 0 rgba(255,143,166,0)}70%{box-shadow:0 10px 26px rgba(0,0,0,.25),0 0 0 6px rgba(255,143,166,.22)}84%{box-shadow:0 10px 26px rgba(0,0,0,.25),0 0 0 12px rgba(255,143,166,0)}}
.v17-heart:hover .ic{animation:v21beat .9s ease-in-out infinite}
html[data-theme=light] .v17-heart{background:linear-gradient(135deg,#ffe4ea,#fff 70%);border-color:#f2a7b8}
html[data-theme=light] .v17-heart small{color:#a2304e}
.v21-wl{display:inline-flex;align-items:center;gap:12px;margin:2px 0 14px;padding:10px 18px 10px 10px;border-radius:16px;background:#E5C586;color:#172b43;text-decoration:none;box-shadow:0 10px 26px rgba(201,168,76,.28);transition:translate .2s var(--v5-ease)}
.v21-wl:hover{translate:0 -3px}
.v21-wl .ic{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(23,43,67,.12);font-size:1.4rem}
.v21-wl b{display:block;font:700 1.05rem var(--v5-head)}.v21-wl small{display:block;font-size:.86rem;color:#3b4a5e}
.v21-full{display:flex;align-items:center;justify-content:center;gap:6px;min-height:46px;margin-top:12px;padding:0 16px;border-radius:12px;background:#E5C586;color:#172b43!important;font:600 .95rem var(--v5-head);text-decoration:none;text-align:center}
.v21-full:hover{background:#efd59a}
.v14-tool.pro{grid-column:1/-1}
.v21-picks .hd{margin:8px 0 6px!important;font:600 .92rem var(--v5-head);color:var(--v5-ink)}
.v21-picks .g{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}
.v21-picks .pk{display:grid;grid-template-columns:26px minmax(0,1fr);grid-template-areas:"lg tk" "lg nm";gap:0 8px;align-items:center;padding:6px 8px;border-radius:10px;background:rgba(255,255,255,.05);text-decoration:none;color:var(--v5-ink)}
.v21-picks .pk:hover{background:rgba(229,197,134,.14)}
.v21-picks .pk>img,.v21-picks .pk>span{grid-area:lg}.v21-picks .pk b{grid-area:tk;font:700 .9rem var(--v5-num)}.v21-picks .pk small{grid-area:nm;font-size:.74rem;color:var(--v5-ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-theme=light] .v21-picks .pk{background:#f3f6fb}
@media (prefers-reduced-motion:reduce){.v17-heart,.v17-heart .ic{animation:none!important}}
html[data-motion=paused] .v17-heart,html[data-motion=paused] .v17-heart .ic,body.paused .v17-heart,body.paused .v17-heart .ic{animation:none!important}

/* v22 (Audi 2026-10-17): watchlist rows line up (fixed columns, every tag the same width) · box shakes with the heartbeat */
.v5-wl-row{grid-template-columns:34px minmax(0,1fr) 104px 168px}
.v5-wl-row:has(.acts){grid-template-columns:34px minmax(0,1fr) 104px 168px auto}
.v5-wl-row .tag{justify-self:stretch;text-align:center}
.v21-sort{margin:6px 0 2px!important;font-size:.8rem;color:var(--v5-ink3)}
@media (max-width:640px){.v5-wl-row,.v5-wl-row:has(.acts){grid-template-columns:30px minmax(0,1fr) 84px 118px}.v5-wl-row .tag{white-space:normal;line-height:1.35;font-size:.78rem;padding:4px 6px}}
.v17-heart{animation:v21glow 3.2s ease-in-out infinite,v22shake 3.2s ease-in-out infinite}
@keyframes v22shake{0%,62%,100%{rotate:0deg}66%{rotate:-3deg}70%{rotate:3deg}74%{rotate:-2deg}78%{rotate:2deg}82%{rotate:0deg}}
@media (max-width:640px){.v5-wl-row .tag .w{display:none}.v5-wl-row .tag{white-space:nowrap}}

/* v23 (Audi 2026-10-17): hero Watchlist button text readable · ProPicks back to a small cell with big returns, details in a centre peek */
.v5 .v21-wl,.v5 .v21-wl b{color:#172b43}.v5 .v21-wl small{color:#3b4a5e}
.v14-tool.pro{grid-column:auto}
.v23-pp{display:grid;gap:8px;margin-top:8px}
.v23-tile{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"code name" "ret ret" "sub sub" "go go";gap:2px 8px;align-items:center;text-align:left;padding:10px 12px;border-radius:12px;border:1px solid rgba(229,197,134,.35);background:rgba(229,197,134,.08);color:var(--v5-ink);cursor:pointer;transition:translate .2s var(--v5-ease),border-color .2s}
.v23-tile:hover,.v23-tile:focus-visible{translate:0 -2px;border-color:#E5C586}
.v23-tile .code,.v23-ph .code{grid-area:code;padding:1px 7px;border-radius:6px;background:#E5C586;color:#172b43;font:700 .74rem var(--v5-num)}
.v23-tile b{grid-area:name;font:600 .95rem var(--v5-head)}
.v23-tile .ret{grid-area:ret;font:800 1.5rem var(--v5-num)}
.v23-tile small{grid-area:sub;font-size:.8rem;color:var(--v5-ink2)}
.v23-tile .go{grid-area:go;font:500 .82rem var(--v5-head);color:var(--v5-gold)}
.v23-ph{padding:4px 12px 0}.v23-ph h3{margin:8px 0 2px;font:700 1.4rem var(--v5-head)}.v23-ph p{color:var(--v5-ink2)}
.v23-stats{display:flex;flex-wrap:wrap;gap:10px 22px;margin:12px 0}
.v23-stats span{display:grid}.v23-stats b{font:800 1.5rem var(--v5-num)}.v23-stats small{font-size:.8rem;color:var(--v5-ink3)}
.v23-cv{font-size:.8rem!important;color:var(--v5-ink3)!important;margin:6px 12px!important}
.v23-h{margin:12px 12px 6px!important;font:600 .92rem var(--v5-head)}
#v23-peek .v21-picks{padding:0 12px}
.v23-cta{margin:14px 12px 0}
html[data-theme=light] .v23-tile{background:#fff8e8;border-color:#d9c08a}

/* v24: 7 ProPicks portfolios → the ProPicks card spans the row, tiles sit side by side */
.v14-tool.pro{grid-column:1/-1}
.v23-pp{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.v23-tile .plan{grid-area:name;justify-self:end;font:700 .66rem var(--v5-num);font-style:normal;padding:1px 6px;border-radius:6px;background:rgba(169,154,232,.2);color:#c3b8f2}
.v23-tile b{padding-right:42px}
.v23-pp{grid-template-columns:repeat(4,minmax(0,1fr))}
.v23-tile{grid-template-columns:auto 1fr;grid-template-areas:"code plan" "name name" "ret ret" "sub sub" "go go"}
.v23-tile b{padding-right:0;font-size:1rem}
.v23-tile .plan{grid-area:plan;justify-self:start}
@media (max-width:1100px){.v23-pp{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.v23-pp{grid-template-columns:1fr}}
@media (max-width:420px){.v23-pp{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.v23-tile{padding:8px}.v23-tile .ret{font-size:1.15rem}.v23-tile b{font-size:.86rem}.v23-tile small{font-size:.72rem}}

/* v25 (Audi 2026-10-17): clickable vs status look different · outbound link in the zone nav stands out */
.v6-zones a.out{background:#E5C586;color:#172b43;border-color:#a58b52;font-weight:600;box-shadow:0 8px 22px rgba(201,168,76,.32)}
.v6-zones a.out .arr{font-size:.9em}
.v6-zones a.out:hover{background:#efd59a}
/* status lines: plain information, not buttons (no pill, no border, smaller) */
.v6-live{display:grid;gap:4px;margin-top:6px}
.v6-live .v5-pill{min-height:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font-size:.9rem;color:var(--v5-ink3)}
.v6-live .v5-pill b{color:var(--v5-ink2)}
/* the zone you are reading = gold outline; the solid gold pill is kept for the one link that leaves the page */
.v6-zones a[aria-current=true]:not(.out){background:rgba(229,197,134,.16);color:#E5C586;border-color:#E5C586}
html[data-theme=light] .v6-zones a[aria-current=true]:not(.out){background:#fff8e8;color:#8a6414;border-color:#b08a3a}
/* v12 (Audi 2026-10-17 "มันยังเห็นพื้นหลังที่มีขอบอยู่ป่ะ" then "ยังเห็นขอบระหว่างพื้นหลังกับ [แถบ] อยู่เลย"): once the zone nav sticks, cards scrolled under the floating pills
   showed their borders, and a solid page-colour band hid the stars and left its own edge. Now: a fixed frosted layer (blur + light tint, masked to fade out, no colour block, no line)
   sits under the pills only while stuck; at rest it is invisible. */
.v6-zfade{position:fixed;left:0;right:0;top:0;z-index:19;pointer-events:none;opacity:0;transition:opacity .25s ease;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb,var(--v5-pg) 38%,transparent);
  -webkit-mask-image:linear-gradient(180deg,#000 0,#000 72%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 72%,transparent 100%)}
.v6-zfade.on{opacity:1}
@media (prefers-reduced-motion:reduce){.v6-zfade{transition:none}}

/* v26 (Audi 2026-10-17): the hero offer is back, without a box (only logos + one line) */
.v26-deal{position:absolute;right:2%;bottom:5%;z-index:2;display:grid;justify-items:end;gap:5px;text-align:right}
.v26-deal .t{font:500 .86rem var(--v5-head);color:var(--v5-ink2)}.v26-deal .t b{color:var(--v5-gold)}
.v26-deal .lg{display:flex;gap:8px}
.v26-deal .lg a{display:block;border-radius:10px;transition:translate .2s}
.v26-deal .lg a:hover{translate:0 -2px}
.v26-deal img{width:36px;height:36px;border-radius:10px;background:#fff;padding:2px;object-fit:contain;display:block;box-shadow:0 6px 16px rgba(0,0,0,.3)}
.v26-deal small{font-size:.7rem;color:var(--v5-ink3)}
@media (max-width:640px){.v26-deal{right:0;bottom:1%}.v26-deal .t{font-size:.76rem}.v26-deal img{width:30px;height:30px}}
@media (max-width:640px){.v26-deal .w{display:none}.v26-deal small{display:none}.v26-deal{bottom:2%}}

/* v28 (Audi 2026-10-17): locked tools wear crossed chains and a gold padlock */
.v14-tool.locked{isolation:isolate}
.v14-tool.locked>:not(.v27-chains){position:relative;z-index:1}
.v14-tool.locked>.ic,.v14-tool.locked>b,.v14-tool.locked>small{opacity:.78}
.v27-chains{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;opacity:.5;filter:drop-shadow(0 2px 2px rgba(0,0,0,.45))}
.v27-chains .pl{transform-box:fill-box;transform-origin:50% 0;animation:v28swing 4s ease-in-out infinite}
.v14-tool.locked:hover .v27-chains{opacity:.8}
.v14-tool.locked em{position:relative;z-index:3}
@keyframes v28swing{0%,70%,100%{rotate:0deg}76%{rotate:-7deg}82%{rotate:5deg}88%{rotate:-2deg}}
@media (prefers-reduced-motion:reduce){.v27-chains .pl{animation:none}}
html[data-motion=paused] .v27-chains .pl,body.paused .v27-chains .pl{animation:none}
html[data-theme=light] .v27-chains{opacity:.5}

/* v29 (Audi 2026-10-17): ProPicks peek shows Fair Value / analyst target / health per stock, no screener link */
.v29-sum{margin:4px 12px 8px!important;font-size:.92rem;color:var(--v5-ink2)}
.v29-sum b.up{color:#4fd39a}
.v29-leg{margin:0 12px 10px;font-size:.86rem;color:var(--v5-ink2)}
.v29-leg summary{cursor:pointer;color:var(--v5-gold);font-weight:600}
.v29-leg p{margin:6px 0 0;line-height:1.6}
.v29-list{display:grid;gap:6px;padding:0 12px}
.v29-r{display:grid;grid-template-columns:28px minmax(120px,1.3fr) 84px minmax(0,1fr) minmax(0,1fr) 92px;gap:6px 12px;align-items:center;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(229,197,134,.14)}
.v29-r .nm{display:grid;min-width:0}.v29-r .nm b{font:700 .95rem var(--v5-num)}
.v29-r .nm small{font-size:.78rem;color:var(--v5-ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v29-r .nm a{color:var(--v5-gold)}
.v29-r .px{font:700 1rem var(--v5-num);text-align:right}
.v29-r .fv,.v29-r .tg{display:grid;line-height:1.3}
.v29-r .fv small,.v29-r .tg small{font-size:.72rem;color:var(--v5-ink3)}
.v29-r .fv b,.v29-r .tg b{font:700 .92rem var(--v5-num)}
.v29-r em{font-style:normal;font-size:.8rem;font-weight:600}
.v29-r .g em{color:#4fd39a}.v29-r .r em{color:#f0776b}.v29-r .n em{color:var(--v5-ink2)}
.v29-r .hl{justify-self:end;padding:3px 9px;border-radius:999px;font-size:.8rem;font-weight:600;white-space:nowrap}
.v29-r .hl.g{background:rgba(79,211,154,.18);color:#7fe6b6}.v29-r .hl.l{background:rgba(169,220,124,.16);color:#c3e89f}
.v29-r .hl.a{background:rgba(232,198,106,.18);color:#f0d68a}.v29-r .hl.r{background:rgba(240,119,107,.18);color:#ff9d93}.v29-r .hl.n{color:var(--v5-ink3)}
.v29-r .na{grid-column:3/-1;font-size:.82rem;color:var(--v5-ink3)}
@media (max-width:700px){.v29-r{grid-template-columns:28px minmax(0,1fr) auto;grid-template-areas:"lg nm px" "fv fv tg" "hl hl hl"}
.v29-r>img,.v29-r>span.v5-logo{grid-area:lg}.v29-r .nm{grid-area:nm}.v29-r .px{grid-area:px}.v29-r .fv{grid-area:fv}.v29-r .tg{grid-area:tg;text-align:right}.v29-r .hl{grid-area:hl;justify-self:start}.v29-r .na{grid-column:1/-1}}
html[data-theme=light] .v29-r{background:#f6f8fc;border-color:#dfe5ef}
html[data-theme=light] .v29-sum b.up,html[data-theme=light] .v29-r .g em{color:#13804f}html[data-theme=light] .v29-r .r em{color:#b3261e}
html[data-theme=light] .v29-r .hl.g{background:#dcf5e8;color:#0f6b41}html[data-theme=light] .v29-r .hl.l{background:#eaf6d9;color:#3f6b12}
html[data-theme=light] .v29-r .hl.a{background:#fef3c7;color:#92400e}html[data-theme=light] .v29-r .hl.r{background:#fde4e1;color:#a3261c}
html[data-theme=light] .v29-leg summary,html[data-theme=light] .v29-r .nm a{color:#8a6414}
#v23-peek{width:min(880px,calc(100% - 24px))}
.v29-hd{display:none}
.v29-r em{white-space:nowrap}
@media (min-width:701px){
.v29-hd,.v29-r{grid-template-columns:28px minmax(0,1fr) 84px 150px 150px 96px}
.v29-hd{display:grid;gap:0 12px;padding:0 12px 2px;font-size:.78rem;color:var(--v5-ink3)}
.v29-hd span:nth-child(3){text-align:right}.v29-hd span:last-child{text-align:right}
.v29-r .fv small,.v29-r .tg small{display:none}}

/* v30 (Audi 2026-10-17: "sort ตามความสำคัญและ filter"): filter chips with counts + a sort switch on long lists (ProPicks peek, insider buys/sells) */
.v30-fb{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 8px}
#v30-pp .v30-fb,#v30-pp .v30-sort{padding:0 12px}
.v30-fb .ch{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(229,197,134,.32);background:rgba(255,255,255,.04);color:var(--v5-ink);font:500 .86rem var(--v5-head);cursor:pointer}
.v30-fb .ch b{min-width:22px;padding:0 6px;border-radius:999px;background:rgba(229,197,134,.16);font:700 .76rem var(--v5-num);text-align:center}
.v30-fb .ch:hover{border-color:#E5C586}
.v30-fb .ch.on{background:#E5C586;border-color:#E5C586;color:#172b43}.v30-fb .ch.on b{background:rgba(23,43,67,.16)}
.v30-sort{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin:0 0 10px;font-size:.84rem;color:var(--v5-ink3)}
.v30-sort button{min-height:32px;padding:0 2px;border:0;border-bottom:2px solid transparent;background:none;color:var(--v5-ink2);font:500 .86rem var(--v5-head);cursor:pointer}
.v30-sort button.on{color:var(--v5-gold);border-bottom-color:var(--v5-gold);font-weight:700}
.v30-none{margin:8px 12px;padding:14px;border:1px dashed rgba(229,197,134,.3);border-radius:12px;color:var(--v5-ink2)}
.v30-reset{margin-left:8px;padding:4px 12px;border-radius:999px;border:1px solid #E5C586;background:none;color:var(--v5-gold);cursor:pointer;font:600 .84rem var(--v5-head)}
html[data-theme=light] .v30-fb .ch{background:#fff;border-color:#c9d3e2;color:#172b43}
html[data-theme=light] .v30-fb .ch b{background:#eef2f8}
html[data-theme=light] .v30-fb .ch.on{background:#172b43;border-color:#172b43;color:#fff}html[data-theme=light] .v30-fb .ch.on b{background:rgba(255,255,255,.2)}
html[data-theme=light] .v30-sort button{color:#3b4a5e}html[data-theme=light] .v30-sort button.on,html[data-theme=light] .v30-reset{color:#8a6414;border-color:#8a6414}

/* v31 (Audi 2026-10-17): 👀 Watchlist chip = card like 💛 that shakes · zone pills hop in 16-bit on hover · stock peek */
.v6-zones{align-items:center}
.v6-zones a.v31-wl{gap:10px;min-height:52px;padding:6px 16px 6px 6px;border-radius:16px;background:linear-gradient(135deg,#f6e0aa,#E5C586 55%,#c9a24c);border-color:#a58b52;animation:v31shake 4s steps(1) infinite}
.v6-zones a.v31-wl .ic{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(23,43,67,.14);font-size:1.3rem}
.v6-zones a.v31-wl .tx{display:grid;line-height:1.2;text-align:left}
.v6-zones a.v31-wl b{font:700 .98rem var(--v5-head);color:#172b43}.v6-zones a.v31-wl small{font-size:.8rem;color:#3b4a5e}
.v6-zones a.v31-wl:hover{animation:v31shake .5s steps(1) infinite}
@keyframes v31shake{0%,84%,100%{transform:translate(0,0) rotate(0)}86%{transform:translate(-2px,0) rotate(-2deg)}88%{transform:translate(2px,0) rotate(2deg)}90%{transform:translate(-2px,0) rotate(-1deg)}92%{transform:translate(2px,0) rotate(1deg)}94%{transform:translate(0,0) rotate(0)}}
/* 16-bit hop: the icon jumps in two frames and a pixel star blinks at the corner */
.v6-zones a{position:relative}
.v6-zones a>span[aria-hidden=true]:first-child,.v6-zones a .ic{display:inline-block}
.v6-zones a:hover>span[aria-hidden=true]:first-child,.v6-zones a:focus-visible>span[aria-hidden=true]:first-child,.v6-zones a:hover .ic{animation:v31hop .42s steps(2) infinite;image-rendering:pixelated}
@keyframes v31hop{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.15)}100%{transform:translateY(0) scale(1)}}
.v6-zones a::after{content:'';position:absolute;top:3px;right:6px;width:2px;height:2px;opacity:0;pointer-events:none;
  box-shadow:2px 0 #fff3a0,0 2px #fff3a0,2px 2px #fff,4px 2px #fff3a0,2px 4px #fff3a0}
.v6-zones a:hover::after,.v6-zones a:focus-visible::after{animation:v31blink .5s steps(1) infinite}
@keyframes v31blink{0%{opacity:1}50%{opacity:0}}
@media (prefers-reduced-motion:reduce){.v6-zones a,.v6-zones a *,.v6-zones a::after{animation:none!important}}
html[data-motion=paused] .v6-zones a,html[data-motion=paused] .v6-zones a *,html[data-motion=paused] .v6-zones a::after,body.paused .v6-zones a,body.paused .v6-zones a *,body.paused .v6-zones a::after{animation:none!important}
@media (max-width:640px){.v6-zones a.v31-wl small{display:none}.v6-zones a.v31-wl{min-height:44px;padding:4px 12px 4px 4px}.v6-zones a.v31-wl .ic{width:34px;height:34px;font-size:1.1rem}}
html[data-theme=light] .v6-zones a::after{box-shadow:2px 0 #c9a24c,0 2px #c9a24c,2px 2px #8a6414,4px 2px #c9a24c,2px 4px #c9a24c}
.v31-peek{width:min(720px,calc(100% - 24px));max-height:86vh;overflow:auto}
.v31-hd{display:flex;align-items:center;gap:14px;padding:6px 12px 0}
.v31-hd h3{margin:0;font:700 1.5rem var(--v5-head)}
.v31-px{margin:4px 0 0;color:var(--v5-ink2)}
.v31-acts{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:14px 12px 0}
.v31-add{min-height:42px;padding:0 16px;border-radius:12px;border:0;background:#E5C586;color:#172b43;font:600 .92rem var(--v5-head);cursor:pointer}
.v31-in{color:#4fd39a;font-weight:600}
.v31-more{color:var(--v5-gold);font-size:.9rem}
.v31-peek .akd{padding:0 12px 12px}

@media (max-width:560px){.v15-sum{grid-template-columns:34px minmax(0,1fr);grid-template-areas:"lg nm" "lg tot" "lg sp";padding-right:28px}.v15-sum .tot{text-align:left;justify-items:start}}

/* v34 🔭 Observatory (Audi 2026-10-17 picked it from 3 concepts: "🔭 หอดูดาว แล้วกัน").
   Every box is an eyepiece onto the night sky: smoked glass, gold viewfinder corners, a few stars, a live dot on the eyebrow.
   Light theme is its own design (dawn ivory + brass corners), not the dark one recoloured. Pseudo-elements sit at z-index -1
   inside an isolated box so no child positioning is touched. */
:is(.v5-card,.v5-k,.v6-door,.v12-pt){isolation:isolate}
:is(.v5-card,.v5-k,.v6-door,.v12-pt)::before,:is(.v5-card,.v5-k,.v6-door,.v12-pt)::after{content:'';display:block!important;position:absolute;pointer-events:none;z-index:-1;border-radius:inherit}
:is(.v5-card,.v5-k,.v6-door,.v12-pt)::before{inset:10px;border-radius:0;--s:22px;background:linear-gradient(var(--g),var(--g)) 0 0/var(--s) 2px,linear-gradient(var(--g),var(--g)) 0 0/2px var(--s),linear-gradient(var(--g),var(--g)) 100% 0/var(--s) 2px,linear-gradient(var(--g),var(--g)) 100% 0/2px var(--s),linear-gradient(var(--g),var(--g)) 0 100%/var(--s) 2px,linear-gradient(var(--g),var(--g)) 0 100%/2px var(--s),linear-gradient(var(--g),var(--g)) 100% 100%/var(--s) 2px,linear-gradient(var(--g),var(--g)) 100% 100%/2px var(--s);background-repeat:no-repeat}
/* small cards: the gold ring + stars carry the look; viewfinder corners only on the big section boxes */
.v5-k::before,.v6-door::before,.v12-pt::before{display:none!important}
:is(.v5-card,.v5-k,.v6-door,.v12-pt)::after{inset:0}
html:not([data-theme=light]){--v5-ink2:#d9dbe6;--v5-ink3:#b4b9cb}
html:not([data-theme=light]) :is(.v5-card,.v5-k,.v6-door,.v12-pt){background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02) 40%),rgba(9,10,16,.6)!important;backdrop-filter:blur(14px) saturate(1.2);border:1px solid transparent!important;
  box-shadow:0 0 0 1px rgba(229,197,134,.38),inset 0 1px 0 rgba(255,255,255,.14),0 24px 50px -24px rgba(0,0,0,.8),0 0 40px -10px rgba(229,197,134,.18)!important}
html:not([data-theme=light]) :is(.v5-card,.v5-k,.v6-door,.v12-pt)::before{--g:rgba(240,210,140,.95);filter:drop-shadow(0 0 6px rgba(240,210,140,.55))}
html:not([data-theme=light]) :is(.v5-card,.v5-k,.v6-door,.v12-pt)::after{background:radial-gradient(1.2px 1.2px at 82% 18%,#fff,transparent),radial-gradient(1px 1px at 90% 42%,#ffe9b0,transparent),radial-gradient(1.4px 1.4px at 74% 30%,#fff,transparent),radial-gradient(1px 1px at 95% 12%,#fff,transparent),radial-gradient(1px 1px at 66% 10%,#ffe9b0,transparent),radial-gradient(60% 50% at 50% -10%,rgba(240,210,140,.2),transparent 70%)}
html:not([data-theme=light]) :is(.v5-card,.v5-k,.v6-door,.v12-pt) :is(.v5-q,.v5-mini,.v5-rr,.v5-dd,.v12-g,.v16-tile,.v16-comm){background:rgba(255,255,255,.04)!important;border-color:rgba(255,255,255,.09)!important}
html:not([data-theme=light]) :is(.v5-card,.v5-k,.v6-door,.v12-pt):is(.v6-door,.v12-pt):hover{box-shadow:0 0 0 1px #f0d28c,0 0 34px -6px rgba(240,210,140,.5),0 24px 50px -24px rgba(0,0,0,.8)!important}
.v5-card .v5-eb{display:inline-flex;align-items:center;gap:7px;padding:4px 11px 4px 9px;border-radius:999px}
.v5-card .v5-eb::after{content:'';width:6px;height:6px;border-radius:50%;background:#2fbf77;box-shadow:0 0 8px #2fbf77;animation:v34blink 1.6s steps(2) infinite}
@keyframes v34blink{50%{opacity:.25}}
.v5-card > .v5-h{border-bottom:1px solid transparent;padding-bottom:12px;margin-bottom:14px}
html:not([data-theme=light]) .v5-card .v5-eb{background:rgba(240,210,140,.12);box-shadow:inset 0 0 0 1px rgba(240,210,140,.45);color:#f3dca3}
html:not([data-theme=light]) .v5-card h3{background:linear-gradient(180deg,#fff8e6,#e5c586);-webkit-background-clip:text;background-clip:text;color:transparent}
html:not([data-theme=light]) .v5-card > .v5-h{border-image:linear-gradient(90deg,rgba(240,210,140,.6),transparent 70%) 1}
html[data-theme=light] :is(.v5-card,.v5-k,.v6-door,.v12-pt){background:radial-gradient(70% 60% at 50% -15%,rgba(255,214,150,.42),transparent 70%),linear-gradient(180deg,#fffdf8,#fbf5ea)!important;border:1px solid #e6d3a8!important;
  box-shadow:0 16px 34px -22px rgba(90,60,25,.38),inset 0 1px 0 #fff!important}
html[data-theme=light] :is(.v5-card,.v5-k,.v6-door,.v12-pt)::before{--g:#b8893a}
html[data-theme=light] :is(.v5-card,.v5-k,.v6-door,.v12-pt) :is(.v5-q,.v5-mini,.v5-rr,.v5-dd,.v12-g,.v16-tile,.v16-comm){background:#fffdf9!important;border-color:#eadfc6!important}
html[data-theme=light] .v5-card .v5-eb{background:#fbefd6;box-shadow:inset 0 0 0 1px #e2c58a;color:#7a5418}
html[data-theme=light] .v5-card > .v5-h{border-image:linear-gradient(90deg,#d9b56a,transparent 70%) 1}

/* 🔭 the peek opens like an eyepiece: a circular iris widens from the centre, gold reticle corners, stars in dark / dawn glow in light */
.v16-peek{isolation:isolate;position:fixed}
.v16-peek::before{content:'';position:absolute;inset:12px;pointer-events:none;z-index:-1;--s:26px;background:linear-gradient(var(--g),var(--g)) 0 0/var(--s) 2px,linear-gradient(var(--g),var(--g)) 0 0/2px var(--s),linear-gradient(var(--g),var(--g)) 100% 0/var(--s) 2px,linear-gradient(var(--g),var(--g)) 100% 0/2px var(--s),linear-gradient(var(--g),var(--g)) 0 100%/var(--s) 2px,linear-gradient(var(--g),var(--g)) 0 100%/2px var(--s),linear-gradient(var(--g),var(--g)) 100% 100%/var(--s) 2px,linear-gradient(var(--g),var(--g)) 100% 100%/2px var(--s);background-repeat:no-repeat}
html:not([data-theme=light]) .v16-peek{background:radial-gradient(1.2px 1.2px at 82% 18%,#fff,transparent),radial-gradient(1px 1px at 90% 42%,#ffe9b0,transparent),radial-gradient(1.4px 1.4px at 74% 30%,#fff,transparent),radial-gradient(1px 1px at 95% 12%,#fff,transparent),radial-gradient(1px 1px at 66% 10%,#ffe9b0,transparent),radial-gradient(70% 40% at 50% 0%,rgba(240,210,140,.16),transparent 70%),linear-gradient(160deg,#141623,#07080d)!important;border-color:rgba(240,210,140,.55)!important;
  box-shadow:0 0 0 1px rgba(240,210,140,.25),0 0 60px -10px rgba(240,210,140,.25),0 30px 80px rgba(0,0,0,.6)!important}
html:not([data-theme=light]) .v16-peek::before{--g:rgba(240,210,140,.9)}
html[data-theme=light] .v16-peek{background:radial-gradient(70% 40% at 50% 0%,rgba(255,214,150,.45),transparent 70%),linear-gradient(180deg,#fffdf8,#fbf5ea)!important;border-color:#d9b56a!important}
html[data-theme=light] .v16-peek::before{--g:#b8893a}
.v16-peek[open]{animation:v34iris .45s cubic-bezier(.2,.8,.2,1)}
@keyframes v34iris{from{clip-path:circle(0% at 50% 50%);opacity:.4}to{clip-path:circle(150% at 50% 50%);opacity:1}}
@media (prefers-reduced-motion:reduce){.v16-peek[open]{animation:none}.v5-card .v5-eb::after{animation:none}}
html[data-motion=paused] .v16-peek[open],html[data-motion=paused] .v5-card .v5-eb::after{animation:none}

/* v35 zone rail (Audi 2026-10-17: "พื้นหลังยังเห็นขอบอยู่เลย … ทำให้สวยขึ้นไหม ทำเป็นกล่องเหลี่ยมหมดเลยดีไหม"):
   the rail scrolls (overflow-x:auto), which cut the gold card's big shadow into a visible rectangle → shadows stay inside
   the rail's padding. Pills stay rounded (square rails were rejected before) and join the 🔭 observatory look:
   smoked glass + gold hairline at night, ivory + brass by day; the active zone gets the twinkling 8-bit star like the top nav;
   the Watchlist card (goes to another page) sits apart behind a thin divider. */
.v6-zones{padding:12px 6px 16px!important;gap:10px}
.v6-zones a{box-shadow:none!important}
.v6-zones a.v31-wl{box-shadow:0 4px 12px -6px rgba(201,168,76,.7)!important;margin-right:6px}
.v6-zones a.v31-wl::before{content:'';position:absolute;right:-11px;top:8px;bottom:8px;width:1px;background:linear-gradient(180deg,transparent,rgba(229,197,134,.55),transparent);pointer-events:none}
html:not([data-theme=light]) .v6-zones a:not(.out){background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02) 50%),rgba(9,10,16,.55);border-color:transparent;box-shadow:inset 0 0 0 1px rgba(229,197,134,.32),inset 0 1px 0 rgba(255,255,255,.1)!important}
html:not([data-theme=light]) .v6-zones a:not(.out):hover{box-shadow:inset 0 0 0 1px #f0d28c,0 0 16px -6px rgba(240,210,140,.6)!important}
html[data-theme=light] .v6-zones a:not(.out){background:linear-gradient(180deg,#fffdf8,#fbf5ea);border-color:#e6d3a8;color:#2a2118}
html[data-theme=light] .v6-zones a:not(.out):hover{border-color:#b8893a}
.v6-zones a[aria-current=true]:not(.out){padding-right:26px}
.v6-zones a[aria-current=true]:not(.out)::after{content:'';position:absolute;right:11px;top:50%;width:2px;height:2px;translate:0 -50%;background:currentColor;
  box-shadow:0 -2px currentColor,0 2px currentColor,-2px 0 currentColor,2px 0 currentColor,0 -4px currentColor,0 4px currentColor,-4px 0 currentColor,4px 0 currentColor;animation:v35star 1.8s steps(2) infinite}
@keyframes v35star{50%{opacity:.35}}
html[data-motion=paused] .v6-zones a::after{animation:none}

/* v36 ProPicks tiles (Audi 2026-10-17: emoji looked cheap; Tech Titans should lead): flagship tile spans two columns and
   two rows with a gold rim; every tile = code + plan, big total return, yearly average as one bar vs the best portfolio,
   real logos of the first holdings. */
.v23-pp{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.v23-tile{grid-template-columns:auto auto 1fr;grid-template-areas:"code plan ." "name name name" "ret ret ret" "sub sub sub" "ann ann ann" "annl annl annl" "lg lg lg" "go go go";gap:4px 8px;padding:14px 14px 12px;border-radius:16px;position:relative;overflow:hidden;isolation:isolate}
.v23-tile .plan{grid-area:plan;justify-self:start;font:700 .66rem var(--v5-num);font-style:normal;padding:2px 7px;border-radius:999px;background:rgba(255,255,255,.08);color:var(--v5-ink2)}
.v23-tile .plan.plus{background:rgba(167,139,250,.22);color:#d6c8ff}
html[data-theme=light] .v23-tile .plan{background:#eef0f5;color:#4a5568}html[data-theme=light] .v23-tile .plan.plus{background:#ede7ff;color:#5b3fb0}
.v23-tile b{font-size:1rem}
.v23-tile .ret{font-size:1.55rem;line-height:1.1;margin-top:2px}
.v23-tile .ann{grid-area:ann;height:6px;border-radius:999px;margin-top:4px;overflow:hidden}
html:not([data-theme=light]) .v23-tile .ann{background:rgba(255,255,255,.12)}html[data-theme=light] .v23-tile .ann{background:#e6e9f0}
.v23-tile .ann i{display:block;height:100%;border-radius:inherit;background:var(--v5-up,#4ade80)}
.v23-tile .annl{grid-area:annl;font-size:.8rem}
.v23-tile .lg{grid-area:lg;display:flex;align-items:center;margin-top:6px}
.v23-tile .lg:not(.big) .v5-logo,.v23-tile .lg:not(.big)>span{border-radius:50%;box-shadow:0 0 0 2px var(--lgr,#121220);background:#fff;margin-right:-6px;object-fit:contain}
html[data-theme=light] .v23-tile .lg{--lgr:#fff}
.v23-tile .lg em{margin-left:12px;font:600 .78rem var(--v5-num);font-style:normal;color:var(--v5-ink2)}
.v23-tile .go{margin-top:4px}
/* 🏆 flagship */
.v23-tile.hero{grid-column:span 2;grid-row:span 2;padding:20px 22px 18px;align-content:start;
  grid-template-areas:"flag flag flag" "code plan ." "name name name" "ret ret ret" "sub sub sub" "ann ann ann" "annl annl annl" "lg lg lg" "go go go"}
.v23-tile.hero .flag{grid-area:flag;justify-self:start;font:700 .8rem var(--v5-head);padding:3px 10px;border-radius:999px;background:linear-gradient(135deg,#f6e0aa,#E5C586 55%,#c9a24c);color:#172b43}
.v23-tile.hero b{font-size:1.4rem}
.v23-tile.hero .ret{font-size:2.6rem}
.v23-tile.hero .ann{height:9px}
.v23-tile.hero::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 70% at 100% 0%,rgba(229,197,134,.22),transparent 70%)}
html:not([data-theme=light]) .v23-tile.hero{border:1px solid #E5C586;box-shadow:0 0 0 1px rgba(229,197,134,.35),0 0 30px -10px rgba(229,197,134,.55)}
html[data-theme=light] .v23-tile.hero{border:1px solid #c9a14e;box-shadow:0 10px 24px -14px rgba(160,120,40,.55);background:linear-gradient(160deg,#fffaf0,#fff)}
.v23-tile.hero .ann i{background:linear-gradient(90deg,#4ade80,#E5C586)}
@media (max-width:900px){.v23-pp{grid-template-columns:repeat(2,minmax(0,1fr))}.v23-tile.hero{grid-row:auto}}
@media (max-width:560px){.v23-pp{grid-template-columns:1fr}.v23-tile.hero{grid-column:auto}.v23-tile.hero .ret{font-size:2.1rem}}

/* hero fills its space: portfolio vs S&P 500 over the same years, then 8 holdings with tickers */
.v23-tile.hero{grid-row:span 3;grid-template-areas:"flag flag flag" "code plan ." "name name name" "ret ret ret" "sub sub sub" "ann ann ann" "annl annl annl" "duel duel duel" "lg lg lg" "go go go"}
.v23-tile .duel{grid-area:duel;display:grid;gap:8px;margin-top:12px;padding:12px 14px;border-radius:12px}
html:not([data-theme=light]) .v23-tile .duel{background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
html[data-theme=light] .v23-tile .duel{background:#fff;box-shadow:inset 0 0 0 1px #ece3cf}
.v23-tile .dr{display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:10px;font-size:.85rem}
.v23-tile .dr i{display:block;height:12px;border-radius:999px;background:linear-gradient(90deg,#4ade80,#E5C586)}
.v23-tile .dr.bm i{background:#8a94a8}
html[data-theme=light] .v23-tile .dr.bm i{background:#a3acbd}
.v23-tile .dr b{font:700 .9rem var(--v5-num)}
.v23-tile .duel small{font-size:.76rem;opacity:.85}
.v23-tile .lg.big{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 8px;margin-top:12px}
.v23-tile .lg.big .pk{display:grid;justify-items:center;gap:4px}
.v23-tile .lg.big .v5-logo,.v23-tile .lg.big .pk>span{margin:0;width:34px;height:34px}
.v23-tile .lg.big small{font:600 .74rem var(--v5-num);color:var(--v5-ink2)}
@media (max-width:900px){.v23-tile.hero{grid-row:auto}}
.v23-tile .duel{grid-template-columns:minmax(0,1fr)!important}
.v23-tile .dr{grid-column:1/-1;grid-template-columns:96px minmax(0,1fr) 84px!important}
.v23-tile .dr b{text-align:right}
.v23-tile .lg.big .pk{background:none;box-shadow:none;border-radius:0;width:auto;height:auto}
.v23-tile .lg.big .v5-logo{border-radius:10px;background:#fff;object-fit:contain;padding:3px;box-sizing:border-box}
@media (max-width:560px){.v23-tile .dr{grid-template-columns:76px minmax(0,1fr) 72px!important;font-size:.78rem}}
.v23-tile :is(.duel,.lg,.dr) :is(small,b,span,i){grid-area:auto}
.v23-tile.hero{align-content:space-between}
.v23-tile.hero .lg.big{gap:16px 10px}
.v23-tile.hero .lg.big .v5-logo,.v23-tile.hero .lg.big .pk>span{width:46px!important;height:46px!important}
.v23-tile.hero .lg.big small{font-size:.8rem}
.v23-tile.hero .duel{padding:16px 16px}
.v23-tile.hero .dr i{height:14px}
.v23-tile.hero{align-content:stretch;grid-template-rows:repeat(8,auto) 1fr auto}
.v23-tile.hero .lg.big{align-self:center}
.v23-tile.hero .lg.big::before{content:'📋 หุ้นในพอร์ตตอนนี้ (8 จาก 15 ตัว)';grid-column:1/-1;justify-self:start;font:600 .85rem var(--v5-head);color:var(--v5-ink2);margin-bottom:2px}
.v5-tile b,.v5-tile span{color:inherit!important}
/* ProPicks tile meta (Audi 2026-10-17): start year, rebalance, size, risk + 1Y / 5Y returns as on InvestingPro */
.v23-tile{grid-template-areas:"code plan ." "name name name" "ret ret ret" "sub sub sub" "meta meta meta" "yr yr yr" "ann ann ann" "annl annl annl" "lg lg lg" "go go go"}
.v23-tile.hero{grid-template-areas:"flag flag flag" "code plan ." "name name name" "ret ret ret" "sub sub sub" "meta meta meta" "yr yr yr" "ann ann ann" "annl annl annl" "duel duel duel" "lg lg lg" "go go go"}
.v23-tile .meta{grid-area:meta;display:flex;flex-wrap:wrap;gap:4px 6px;margin-top:4px}
.v23-tile .meta em{font-style:normal;font-size:.74rem;font-weight:600;padding:2px 8px;border-radius:999px}
html:not([data-theme=light]) .v23-tile .meta em{background:rgba(255,255,255,.07);color:var(--v5-ink2)}html[data-theme=light] .v23-tile .meta em{background:#f1ede3;color:#5a4a36}
.v23-tile .meta em.rk{background:rgba(251,191,36,.15);color:#fbbf24}html[data-theme=light] .v23-tile .meta em.rk{background:#fff4dc;color:#a15c07}
.v23-tile .yr{grid-area:yr;display:flex;gap:14px;font-size:.8rem;margin-top:2px}
.v23-tile .yr b{font:700 .9rem var(--v5-num)}.v23-tile .yr b.down{color:var(--v5-down,#f87171)}
.v23-tile .meta,.v23-tile .yr{grid-column:1/-1}
.v23-tile :is(.meta,.yr) :is(em,span,b){grid-area:auto}
.v23-tile.hero{grid-template-rows:repeat(10,auto) 1fr auto!important}

/* v39 ProPicks: flagship left, others in a 2-row side-scrolling rail on the right */
.v23-pp{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:stretch}
.v23-pp .v23-tile.hero{grid-column:1;grid-row:1}
.v23-side{display:grid;grid-template-rows:1fr auto;gap:10px;min-width:0}
.v23-rail{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-columns:calc(50% - 6px);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:4px;
  -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent)}
.v23-rail .v23-tile{scroll-snap-align:start}
.v23-nav{display:flex;align-items:center;justify-content:flex-end;gap:10px;font-size:.82rem;color:var(--v5-ink2)}
.v23-nav button{width:36px;height:36px;border-radius:50%;font-size:1.2rem;line-height:1;cursor:pointer;border:1px solid rgba(229,197,134,.5);background:rgba(229,197,134,.1);color:#E5C586}
html[data-theme=light] .v23-nav button{border-color:#c9a14e;background:#fff8e8;color:#8a5a12}
.v23-nav button:hover{background:#E5C586;color:#172b43}
@media (max-width:900px){.v23-pp{grid-template-columns:1fr!important}.v23-rail{grid-template-rows:auto;grid-auto-columns:78%}}
@media (max-width:900px){.v23-rail{grid-template-rows:none!important;grid-auto-rows:auto}}
/* rail without a visible scrollbar; arrows + wheel-down + swipe move it */
.v23-rail{scrollbar-width:none;scroll-snap-type:none}.v23-rail::-webkit-scrollbar{display:none}
.v23-nav button:disabled{opacity:.35;cursor:default;background:transparent!important;color:inherit!important}

/* v40 (Audi 2026-10-17): other apps Audi uses = a quiet logo row under the two partner cards; logo + name only, opens the site */
.v40-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(229,197,134,.18)}
html[data-theme=light] .v40-tools{border-top-color:#e6d3a8}
.v40-lab{font:600 .86rem var(--v5-head);color:var(--v5-ink2)}
.v40-row{display:flex;flex-wrap:wrap;gap:8px 14px}
.v40-row a{display:grid;justify-items:center;gap:4px;width:68px;text-decoration:none;color:var(--v5-ink2);opacity:.85;transition:opacity .2s,translate .2s}
.v40-row a:hover,.v40-row a:focus-visible{opacity:1;translate:0 -2px}
.v40-row img{width:40px;height:40px;border-radius:10px;object-fit:cover;background:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
html[data-theme=light] .v40-row img{box-shadow:0 0 0 1px #e3e6ee}
.v40-row small{font-size:.7rem;white-space:nowrap}
#z-apps{scroll-margin-top:140px}
.v40-row img[src*="fred.png"],.v40-row img[src*="dataroma.png"]{image-rendering:pixelated}

/* v41 🧭 start strip: a path of 4 stops per level (map, not boxes); hideable */
.v41-start{margin:18px 0 6px;padding:16px 18px 14px;border-radius:18px;position:relative}
html:not([data-theme=light]) .v41-start{background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02) 50%),rgba(9,10,16,.5);box-shadow:inset 0 0 0 1px rgba(134,239,172,.3)}
html[data-theme=light] .v41-start{background:linear-gradient(180deg,#f3fbf6,#fffdf8);box-shadow:inset 0 0 0 1px #b9e2c8}
.v41-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding-right:40px}
.v41-top h2{margin:0;font:700 1.15rem var(--v5-head)}
.v41-lv{display:flex;flex-wrap:wrap;gap:6px}
.v41-lv button{min-height:36px;padding:0 14px;border-radius:999px;font:600 .88rem var(--v5-head);cursor:pointer;border:1px solid rgba(134,239,172,.35);background:transparent;color:inherit}
.v41-lv button[aria-selected=true]{background:linear-gradient(135deg,#86efac,#4ade80);color:#0b2a17;border-color:#4ade80}
html[data-theme=light] .v41-lv button{border-color:#9fd8b8}html[data-theme=light] .v41-lv button[aria-selected=true]{background:#0b7a4f;color:#fff;border-color:#0b7a4f}
.v41-x{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;cursor:pointer;border:1px solid rgba(255,255,255,.18);background:transparent;color:inherit}
html[data-theme=light] .v41-x{border-color:#d5d8e3}
.v41-path{list-style:none;margin:14px 0 4px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;position:relative}
.v41-path::before{content:'';position:absolute;left:6%;right:6%;top:26px;border-top:2px dashed rgba(134,239,172,.45);z-index:0}
html[data-theme=light] .v41-path::before{border-top-color:#9fd8b8}
.v41-path li{position:relative;z-index:1}
.v41-path a{display:grid;justify-items:center;text-align:center;gap:4px;text-decoration:none;color:inherit;padding:4px 6px 8px;border-radius:14px;transition:translate .2s}
.v41-path a:hover,.v41-path a:focus-visible{translate:0 -3px}
.v41-path a:hover .ic{animation:v31hop .42s steps(2) infinite}
.v41-path b{position:absolute;top:0;left:calc(50% + 18px);font:700 .72rem var(--v5-num);color:#86efac}
html[data-theme=light] .v41-path b{color:#0b7a4f}
.v41-path .ic{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;font-size:1.35rem;background:#0f2a1c;box-shadow:0 0 0 2px #4ade80,0 0 16px -4px rgba(74,222,128,.7)}
html[data-theme=light] .v41-path .ic{background:#fff;box-shadow:0 0 0 2px #0b7a4f}
.v41-path strong{font:700 .95rem var(--v5-head)}
.v41-path small{font-size:.8rem;line-height:1.35;color:var(--v5-ink2)}
.v41-soon{margin:6px 0 0;padding:6px 10px;border:1px dashed rgba(255,255,255,.18);border-radius:10px;font-size:.8rem;color:var(--v5-ink2);width:fit-content}
html[data-theme=light] .v41-soon{border-color:#d5d8e3}
@media (max-width:760px){.v41-path{grid-template-columns:repeat(2,minmax(0,1fr))}.v41-path::before{display:none}}
html[data-motion=paused] .v41-path a .ic{animation:none!important}
/* 🔒 members card sits next to the Watchlist card on the left of the zone nav (Audi: "เอาของที่ดูสำคัญๆ มาไว้ฝั่งซ้าย") */
.v6-zones a.v41-mem{gap:10px;min-height:52px;padding:6px 16px 6px 6px;border-radius:16px;background:linear-gradient(135deg,#d8c8ff,#a78bfa 60%,#7c5ce0)!important;border-color:#6d4fc2!important;color:#1b1030!important}
.v6-zones a.v41-mem .ic{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(27,16,48,.14);font-size:1.3rem}
.v6-zones a.v41-mem .tx{display:grid;line-height:1.2;text-align:left}
.v6-zones a.v41-mem b{font:700 .98rem var(--v5-head);color:#1b1030}
.v6-zones a.v41-mem small{font-size:.8rem;color:#3b2a5e}
.v6-zones a.v31-wl::before{display:none}
.v6-zones a.v41-mem{margin-right:6px}
.v6-zones a.v41-mem::before{content:'';position:absolute;right:-11px;top:8px;bottom:8px;width:1px;background:linear-gradient(180deg,transparent,rgba(229,197,134,.55),transparent);pointer-events:none}
@media (max-width:640px){.v6-zones a.v41-mem small{display:none}.v6-zones a.v41-mem{min-height:44px;padding:4px 12px 4px 4px}.v6-zones a.v41-mem .ic{width:34px;height:34px;font-size:1.1rem}}
/* v41b (Audi 2026-10-18: "บทวิเคราะห์ & คลิป · เครื่องมือ · แอปที่ผมใช้ โดนบังหายไป"): the rail was 1,550px in a 1,280px column.
   Compact pills on desktop and, if it still does not fit, wrap to a second row instead of hiding items off the edge. */
@media (min-width:901px){
  .v6-zones{flex-wrap:wrap;overflow:visible!important;-webkit-mask-image:none!important;mask-image:none!important;gap:8px!important;row-gap:8px}
  .v6-zones a:not(.out){padding:6px 13px;font-size:.93rem;min-height:40px}
  .v6-zones a.out{min-height:48px}
  .v6-zones a.out small{font-size:.74rem}
}
@media (min-width:901px){.v6-zones{flex-wrap:nowrap}.v6-zones a.out{padding-right:12px}}
@media (min-width:901px) and (max-width:1320px){.v6-zones{flex-wrap:wrap}}

/* 12d: emoji sit bare, no box behind them on any page (Audi 2026-10-18: "จำไว้ใช้กับทุกหน้าด้วย ไม่มีกล่องหลัง emoji") */
.v6-door .ic{background:none!important;border-color:transparent!important;box-shadow:none!important;outline:0;font-size:32px!important;line-height:1}
.v5-rr .ic{background:none!important;border-color:transparent!important;box-shadow:none!important;outline:0;font-size:26px!important;line-height:1}
.v6-zones a .ic{background:none!important;border-color:transparent!important;box-shadow:none!important;font-size:26px!important;line-height:1}
.v14-tool .ic{background:none!important;border-color:transparent!important;box-shadow:none!important;font-size:28px!important;line-height:1}