:root{color-scheme:light;--navy:#081B4E;--yellow:#F6CE4C;--paper:#FAFAF6;--muted:#596985;--line:#e6e9ed;font-family:Athiti,system-ui,sans-serif;color:var(--navy);background:var(--paper)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}img,svg{display:block;max-width:100%}[hidden]{display:none!important}:focus-visible{outline:3px solid #bc8000;outline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wrap{width:min(calc(100% - 56px),1190px);margin-inline:auto}b,strong,h1,h2,h3,h4,h5,h6,th{font-weight:600}p,h1,h2,h3{overflow-wrap:anywhere}
.site-header{height:104px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;position:relative;z-index:3}.brand{width:96px;display:block}.brand img{width:100%;height:auto}.top-nav{display:flex;align-items:center;gap:4px;padding:5px;background:#fff;border:1px solid #efefec;border-radius:99px;box-shadow:0 10px 28px #081b4e0a}.nav-type{border:0;background:none;color:var(--navy);border-radius:99px;padding:8px 17px;font-size:.93rem;font-weight:500;white-space:nowrap;transition:background .2s}.nav-type:hover{background:#f5f5ef}.nav-type.is-active{background:var(--yellow);font-weight:600}.header-social{justify-self:end;color:var(--navy);font-weight:600;font-size:.88rem;text-decoration:none;border-bottom:1px solid #adb5c7}.header-social:hover{border-color:var(--navy)}
.hero{position:relative;isolation:isolate;overflow:hidden;padding:66px 0 90px}.hero-art{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.orb,.ghost-digit{position:absolute;display:block}.orb{border-radius:50%;filter:blur(.2px)}.orb-navy{width:450px;height:450px;left:-260px;top:230px;background:radial-gradient(circle at 58% 45%,#e4eaf2,#f2f4f5 65%,transparent 70%);opacity:.85}.orb-yellow{width:430px;height:430px;right:-210px;top:270px;background:radial-gradient(circle,#fff1ba,#fff7db 61%,transparent 72%);opacity:.72}.orb-grey{width:185px;height:185px;right:11%;top:15px;background:radial-gradient(circle,#e5e7e9,transparent 73%);opacity:.5}.orb-small{width:105px;height:105px;left:17%;top:12px;background:radial-gradient(circle,#fff2bd,transparent 72%);opacity:.65}.ghost-digit{font-size:clamp(9rem,24vw,22rem);font-weight:600;line-height:1;color:#081b4e;opacity:.018;letter-spacing:-.09em}.ghost-left{left:-35px;top:200px;transform:rotate(-17deg)}.ghost-right{right:-30px;top:225px;transform:rotate(14deg)}.hero-copy{position:relative;text-align:center}.hero-kicker{display:inline-flex;align-items:center;gap:9px;margin:0 0 24px;color:#52668a;font-size:.85rem;font-weight:600;letter-spacing:.06em}.kicker-dot{width:9px;height:9px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 5px #f6ce4c3d}.hero h1{margin:0;font-size:clamp(4rem,8.8vw,8.1rem);line-height:.99;letter-spacing:-.052em;font-weight:600}.title-second{display:block;white-space:nowrap}.title-ticket{display:inline-flex;align-items:center;gap:9px;vertical-align:middle;margin-right:18px;padding:8px 14px 8px 17px;border-radius:999px;background:var(--navy);color:#fff;font-size:clamp(.8rem,1.45vw,1.15rem);font-weight:500;letter-spacing:0;line-height:1;transform:rotate(-7deg) translateY(-9px);box-shadow:0 8px 18px #081b4e24}.title-ticket i{width:4px;height:4px;border-radius:50%;background:var(--yellow)}.question-mark{color:#d6b43e}.hero-stat{position:absolute;right:0;top:100px;display:grid;grid-template-columns:39px auto;column-gap:10px;align-items:center;text-align:left;line-height:1.05}.hero-stat strong{font-size:1.35rem}.hero-stat>span:last-child{grid-column:2;font-size:.76rem;color:var(--muted)}.stat-orbs{position:relative;grid-row:1/3;width:37px;height:37px;border-radius:50%;background:#e1e5eb;overflow:hidden}.stat-orbs i{position:absolute;border-radius:50%;background:var(--navy);width:25px;height:25px;left:-7px;top:8px}.stat-orbs i:nth-child(2){background:var(--yellow);left:18px;top:-6px}.stat-orbs i:nth-child(3){background:#b7c0cf;left:18px;top:20px}.hero-description{max-width:520px;margin:27px auto 0;color:var(--muted);font-size:1.05rem;line-height:1.7}
.search-section{position:relative;margin-top:87px;z-index:1}.search-tabs{display:flex;align-items:stretch;width:max-content;max-width:100%;margin:auto;overflow-x:auto;scrollbar-width:none;background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -9px 30px #081b4e0b}.search-tabs::-webkit-scrollbar{display:none}.search-tab{min-width:135px;padding:12px 21px;border:0;background:#fff;color:var(--navy);font-weight:500;white-space:nowrap}.search-tab[aria-selected="true"]{background:var(--navy);color:#fff;font-weight:600}.search-tab:hover:not([aria-selected="true"]){background:#f0f2f4}.search-card{padding:17px 18px 17px 31px;border-radius:19px;background:#fff;box-shadow:0 25px 70px #081b4e20,0 4px 18px #081b4e0b}.form-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(230px,.85fr) 70px;align-items:center;gap:0}.field{min-width:0}.field-number{padding-right:20px;border-right:1px solid #e5e7eb}.field-day{padding-inline:24px}.field label{display:block;margin-bottom:2px;font-size:.76rem;font-weight:600;color:#596985}.optional{font-weight:500}.field input,.field select{width:100%;min-height:38px;padding:0;border:0;outline:none;background:transparent;color:var(--navy);font-size:1.08rem;font-weight:500}.field input::placeholder{color:#8b96aa;opacity:1}.field select{cursor:pointer}.field small{display:block;min-height:18px;color:#8994a7;font-size:.68rem;line-height:1.2}.field input[aria-invalid="true"]{box-shadow:0 2px #ad3035}.field input:focus-visible,.field select:focus-visible{outline:2px solid #bc8000;outline-offset:3px;border-radius:3px}.primary-button{display:grid;place-items:center;width:66px;height:66px;border:0;border-radius:50%;box-shadow:0 10px 24px #f6ce4c66;background:var(--yellow);color:var(--navy);transition:transform .2s,background .2s}.primary-button:hover{background:#f1c333;transform:translateY(-2px)}.primary-button svg{width:25px;height:25px}.button-mobile-label{display:none}.form-error{margin:11px 10px 2px 0;color:#9d2731;font-size:.86rem;font-weight:600}
.section-number{color:#56698e;font-size:.73rem;font-weight:600;letter-spacing:.08em}.discover{padding-block:76px 78px}.discover-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:27px}.discover-heading .section-number{margin:0 0 3px}.discover h2,.method h2{margin:0;font-size:clamp(2.3rem,4.4vw,4.1rem);line-height:1.14;letter-spacing:-.04em}.title-dot{color:#e2bb36}.discover-heading>p{margin:0 0 5px;color:var(--muted);font-size:.88rem}.featured-pairs{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:5px 3px 25px;scrollbar-color:#aab6c9 transparent}.featured-pair{flex:0 0 215px;min-height:185px;padding:21px;text-align:left;border:1px solid #e7eaf0;border-radius:19px;background:#fff;color:var(--navy);box-shadow:0 12px 26px #081b4e0a;scroll-snap-align:start;transition:transform .2s,box-shadow .2s}.featured-pair:hover{transform:translateY(-3px);box-shadow:0 18px 32px #081b4e17}.featured-pair:nth-child(3n+2){background:#edf1f6}.featured-pair:nth-child(3n+3){background:#fff9e6}.featured-pair .pair-number{display:block;font-size:3.55rem;line-height:1;letter-spacing:-.05em;font-weight:600}.featured-pair .pair-grade{display:inline-block;margin-top:14px;padding:1px 9px;border-radius:99px;background:var(--navy);color:#fff;font-size:.7rem;font-weight:600}.featured-pair .pair-theme{display:block;margin-top:9px;font-size:.83rem;line-height:1.4}.pair-detail{margin-top:10px;padding:17px 22px;border-radius:14px;background:#fff;box-shadow:0 10px 26px #081b4e0c;font-size:.92rem;line-height:1.6}.pair-detail strong{margin-right:10px}
.result{padding-top:30px;padding-bottom:72px;scroll-margin-top:24px}.result-topline{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:17px;border-bottom:1px solid #dce3e9}.result-input{color:var(--muted);font-size:.82rem;text-align:right;word-break:break-all}.result-summary{display:grid;grid-template-columns:145px 1fr;align-items:center;gap:38px;margin:24px 0 18px;padding:35px 40px;border-radius:24px;background:#fff;box-shadow:0 18px 42px #081b4e0b}.grade-badge{width:145px;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:25px;background:var(--yellow)}.grade-badge span{font-size:.7rem;letter-spacing:.1em}.grade-badge strong{font-size:4.5rem;line-height:1}.summary-copy .eyebrow{margin:0 0 7px;color:#596985;font-size:.78rem;font-weight:600}.summary-copy h2{margin:0;font-size:clamp(1.7rem,3.5vw,3.1rem);line-height:1.2;letter-spacing:-.025em}.score-line{margin:17px 0 0;color:var(--muted)}.score-line strong{color:var(--navy);font-size:1.25rem}.read-line{margin:7px 0 0;color:var(--muted);font-size:.82rem;line-height:1.7}.read-line strong{color:var(--navy);letter-spacing:.04em}.read-line span::before{content:' — '}.sigma{display:flex;align-items:flex-start;gap:17px;margin-bottom:18px;padding:22px 25px;border-radius:22px;background:var(--navy);color:#fff}.sigma-mark{flex:none;position:relative;width:96px;height:76px;margin:20px 4px 12px 0;border-radius:24px;background:#f8ebbd}.sigma-mark::after{content:'';position:absolute;right:16px;bottom:-13px;width:24px;height:16px;background:#f8ebbd;clip-path:polygon(0 0,100% 0,82% 100%)}.sigma-mark img{position:absolute;left:50%;bottom:0;z-index:1;width:150%;height:auto;transform:translateX(-50%);transform-origin:50% 100%;animation:sigma-in .45s cubic-bezier(.2,.9,.3,1.3),sigma-idle 5s ease-in-out 1.5s infinite}@keyframes sigma-in{from{opacity:0;transform:translateX(-50%) translateY(8px) scale(.92)}}@keyframes sigma-idle{0%,64%,100%{transform:translateX(-50%)}70%{transform:translateX(-50%) translateY(-5px) rotate(-4deg)}76%{transform:translateX(-50%) translateY(0) rotate(3deg)}82%{transform:translateX(-50%) translateY(-2px) rotate(-1.5deg)}88%{transform:translateX(-50%) rotate(0)}}@media(prefers-reduced-motion:reduce){.sigma-mark img{animation:none}}.sigma-name{margin:0 0 5px;font-size:.94rem}.sigma-name strong{color:var(--yellow)}.sigma-name span{color:#c8d2e5;font-size:.76rem}.sigma-text{margin:0;font-size:.9rem;line-height:1.75}.result-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.85fr);gap:18px}.panel{padding:28px;border-radius:22px;background:#fff;box-shadow:0 12px 32px #081b4e0a}.panel-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:23px}.panel h3{margin:4px 0 0;font-size:1.55rem;line-height:1.3}.panel-heading p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.5;text-align:right}.pair-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.pair-card{min-width:0;min-height:114px;padding:13px;border:1px solid transparent;border-radius:13px}.pair-card-top{display:flex;justify-content:space-between;align-items:start;gap:6px}.pair-card-top strong{font-size:1.45rem;line-height:1}.pair-card-top span{font-size:.66rem;font-weight:600;text-align:right;line-height:1.4}.pair-card p{margin:11px 0 2px;font-size:.77rem;font-weight:600;line-height:1.45}.pair-card small{color:#455777;font-size:.65rem;line-height:1.35}.grade-2{background:var(--yellow)}.grade-1{background:#fff5cf;border-color:#f0dfa3}.grade-0{background:#eff2f5;border-color:#dfe4ea}.grade-minus1{background:#fff0ee;border-color:#f1d5d1;color:#711e26}.grade-minus2{background:#a42c34;color:#fff}.grade-minus2 small{color:#fff0f0}.side-stack{display:grid;gap:18px;align-content:start}.sum-value{margin-top:13px;font-size:4.1rem;font-weight:600;line-height:1.1;letter-spacing:-.06em}.sum-verdict{margin:8px 0;font-size:.84rem;font-weight:600}.sum-verdict.is-good{color:#1b6549}.muted{margin:0;color:var(--muted);font-size:.78rem;line-height:1.7}.kalakini-panel{background:#fffaf0}.kalakini-panel p{margin:12px 0 0;font-size:.84rem;line-height:1.7}.kalakini-panel .kalakini-warning{padding:9px 11px;border-radius:8px;background:#fce9dc;color:#812d1b;font-weight:600}.chart-panel{margin-top:18px}.chart{width:100%}.chart svg{width:100%;height:auto}.chart-grid{stroke:#dfe5ee;stroke-width:1}.chart-bar{fill:#8192b0}.chart-bar.current{fill:var(--yellow);stroke:#ad7913;stroke-width:1}.chart-axis,.chart-axis-title{fill:#5b6883;font:20px Athiti,sans-serif}.chart-axis.current-label{fill:var(--navy);font-weight:600}.chart-note{display:flex;align-items:center;gap:8px;margin:4px 0 0;color:var(--muted);font-size:.75rem}.legend-swatch{width:12px;height:12px;border-radius:3px;background:var(--yellow);border:1px solid #ad7913}
.method{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;padding-block:90px 105px;border-top:1px solid #e2e5e6}.method-heading p{margin:15px 0 0;color:var(--muted)}.method-list{margin:0;padding:0;list-style:none;border-top:1px solid #d9dee6}.method-list li{display:grid;grid-template-columns:45px 1fr;gap:13px;padding:20px 0;border-bottom:1px solid #d9dee6}.method-list span{color:#6d7d99;font-size:.78rem;font-weight:600}.method-list p{margin:0;font-size:.92rem;line-height:1.65}.disclaimer{margin:23px 0 0;padding:16px 19px;border-left:4px solid var(--yellow);border-radius:0 11px 11px 0;background:#f1f3f3;color:#455777;font-size:.8rem;line-height:1.7}.site-footer{background:var(--navy);color:#fff}.footer-inner{display:flex;align-items:center;gap:22px;min-height:125px}.footer-inner img{width:62px;height:auto}.footer-inner p{margin:0;color:#d0d9e9;font-size:.82rem}.footer-inner a{margin-left:auto;color:#fff;font-size:.82rem;text-underline-offset:4px}.footer-inner a:hover{color:var(--yellow)}
@media(max-width:900px){.site-header{grid-template-columns:auto 1fr;min-height:93px;height:auto;padding-block:12px}.brand{width:79px}.top-nav{order:3;grid-column:1/-1;justify-self:center;max-width:100%;overflow-x:auto}.header-social{grid-column:2;grid-row:1}.hero{padding-top:46px}.hero-stat{position:static;width:max-content;margin:17px auto 0}.hero-description{margin-top:17px}.search-section{margin-top:58px}.result-grid{grid-template-columns:1fr}.pair-list{grid-template-columns:repeat(3,minmax(0,1fr))}.method{gap:35px}}
@media(max-width:650px){.wrap{width:min(calc(100% - 32px),1190px)}.site-header{gap:5px}.top-nav{width:100%;justify-content:space-between;padding:4px}.nav-type{padding:7px 8px;font-size:.74rem}.hero{padding:45px 0 57px}.hero-kicker{margin-bottom:20px}.hero h1{font-size:clamp(3.15rem,13vw,5rem)}.title-ticket{margin-right:7px;padding:7px 9px;font-size:.62rem;gap:5px;transform:rotate(-7deg) translateY(-4px)}.hero-stat{margin-top:18px}.hero-description{max-width:345px;font-size:.89rem;line-height:1.55}.orb-navy{left:-310px}.orb-yellow{right:-320px}.search-section{margin-top:42px}.search-tabs{width:100%;margin:0;justify-content:flex-start}.search-tab{min-width:max-content;flex:1;padding:10px 11px;font-size:.75rem}.search-card{padding:19px;border-radius:0 0 20px 20px}.form-grid{grid-template-columns:1fr;gap:0}.field-number{padding:0 0 12px;border:0;border-bottom:1px solid #e5e7eb}.field-day{padding:12px 0}.field label{font-size:.78rem}.field input,.field select{font-size:1.04rem}.field small{font-size:.68rem}.primary-button{display:flex;justify-content:center;gap:11px;width:100%;height:55px;border-radius:12px;margin-top:5px;font-weight:600}.button-mobile-label{display:inline}.primary-button svg{width:21px;height:21px}.discover{padding-block:58px}.discover-heading{display:block}.discover-heading>p{margin:10px 0 0}.featured-pair{flex-basis:175px;min-height:166px;padding:18px}.featured-pair .pair-number{font-size:3rem}.result{padding-top:12px;padding-bottom:50px}.result-summary{grid-template-columns:80px 1fr;gap:15px;padding:22px 17px}.grade-badge{width:80px;border-radius:16px}.grade-badge strong{font-size:2.65rem}.summary-copy h2{font-size:1.45rem}.score-line{margin-top:10px;font-size:.82rem}.read-line{font-size:.74rem}.sigma{padding:18px;gap:12px}.sigma{align-items:flex-start}.sigma-mark{width:68px;height:54px;margin:14px 2px 10px 0;border-radius:17px}.sigma-mark::after{right:11px;bottom:-10px;width:18px;height:12px}.panel{padding:20px}.panel-heading{display:block}.panel-heading p{text-align:left;margin-top:6px}.pair-list{grid-template-columns:repeat(2,minmax(0,1fr))}.method{grid-template-columns:1fr;gap:25px;padding-block:66px}.footer-inner{gap:10px;min-height:110px}.footer-inner img{width:55px}.footer-inner p{font-size:.73rem}.footer-inner a{font-size:.73rem}}
@media(max-width:380px){.search-tab{padding-inline:8px;font-size:.69rem}.nav-type{padding-inline:6px;font-size:.69rem}.hero h1{font-size:3rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary-button,.featured-pair{transition:none}}

/* Medium by default (Naris, 2026-10-02: thin weights read as invisible). */
body { font-weight: 500; }

/* ── Hero v2 (2026-10-02, Naris): shorter, so the search sits in the first
   screen, and alive — rotating words, a cycling pair ticket, moving bars. ── */
.hero{padding:30px 0 34px}
.hero h1{font-size:clamp(3rem,6.2vw,5.6rem);line-height:1.02}
.hero-kicker{margin-bottom:14px}
.hero-description{margin-top:14px}
.search-section{margin-top:34px}
.hero-stat{top:70px}
.rotator{display:inline-block;position:relative;vertical-align:bottom;overflow:hidden;padding:.28em 0 .1em;margin:-.28em 0 -.1em}
.rotator-word{display:inline-block;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .45s}
.rotator-word.out{transform:translateY(-60%);opacity:0}
.rotator-word.in{transform:translateY(60%);opacity:0;transition:none}
.title-ticket{transition:background .4s,color .4s,transform .4s}
.title-ticket.bad{background:#D2464C}
.title-ticket.pop{transform:rotate(-7deg) translateY(-9px) scale(1.12)}
.orb{animation:drift 14s ease-in-out infinite alternate}
.orb-yellow{animation-duration:18s}.orb-grey{animation-duration:11s}.orb-small{animation-duration:9s}
@keyframes drift{from{translate:0 0}to{translate:26px -22px}}
.ghost-digit{transition:opacity .6s}
.ghost-digit.fade{opacity:0!important}
.live-bars{position:absolute;left:7%;top:150px;display:flex;align-items:flex-end;gap:7px;height:120px;opacity:.55}
.live-bars i{display:block;width:14px;border-radius:7px 7px 3px 3px;background:#c9d1e3;transition:height 1.2s cubic-bezier(.4,0,.2,1)}
.live-bars i.hot{background:var(--yellow)}
@media (max-width:760px){.hero{padding:22px 0 26px}.hero h1{font-size:clamp(2.6rem,11vw,3.8rem)}.search-section{margin-top:26px}.live-bars{display:none}}
@media (prefers-reduced-motion:reduce){.orb{animation:none}.rotator-word,.title-ticket,.live-bars i{transition:none}}

/* The type tabs above the search bar were removed (they repeated the top nav); the bar keeps full corners. */
.search-card{border-radius:20px!important}

/* เลขคู่น่ารู้: daily set, shuffle button, a statistic on each card. */
.discover-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.discover-actions p{margin:0}
.shuffle-button{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:10px 18px;background:var(--navy);color:#fff;font:600 .9rem Athiti,sans-serif;cursor:pointer;transition:transform .2s}
.shuffle-button:hover{transform:translateY(-2px)}
.pair-stat{display:block;margin-top:10px;font-size:.8rem;color:var(--muted)}
.featured-pair.grade-bad .pair-grade{background:#D2464C}
.featured-pair.grade-mid .pair-grade{background:#8792AE}
.featured-pair{animation:pairIn .45s both}
.featured-pair:nth-child(2){animation-delay:.05s}.featured-pair:nth-child(3){animation-delay:.1s}.featured-pair:nth-child(4){animation-delay:.15s}.featured-pair:nth-child(5){animation-delay:.2s}.featured-pair:nth-child(6){animation-delay:.25s}.featured-pair:nth-child(7){animation-delay:.3s}
@keyframes pairIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (max-width:760px){.discover-actions{align-items:flex-start}}
@media (prefers-reduced-motion:reduce){.featured-pair{animation:none}}

/* Focus inside the field, not a ring around it: the ring sat on the hint
   line below (Naris, 2026-10-02). */
.field input:focus-visible,.field select:focus-visible{outline:none;border-radius:6px;box-shadow:inset 0 -3px 0 var(--yellow);background:#fffbea}
.field-number input{padding-left:10px;padding-right:10px;margin-left:-10px;width:calc(100% + 10px)}

/* The method, folded to one line (Naris, 2026-10-02); the disclaimer stays visible. */
.method-compact{padding:28px 0 46px}
.method-details{border:1px solid #e3e7ef;border-radius:18px;background:#fff;overflow:hidden}
.method-details summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 26px;cursor:pointer;list-style:none;font-weight:600;font-size:1.05rem;color:var(--navy)}
.method-details summary::-webkit-details-marker{display:none}
.method-toggle{flex:none;width:30px;height:30px;border-radius:50%;background:var(--yellow);position:relative;transition:transform .25s}
.method-toggle::before,.method-toggle::after{content:'';position:absolute;left:50%;top:50%;width:12px;height:2.5px;margin:-1.25px 0 0 -6px;background:var(--navy);border-radius:2px}
.method-toggle::after{transform:rotate(90deg);transition:transform .25s}
.method-details[open] .method-toggle::after{transform:rotate(0)}
.method-details .method-list{margin:0;padding:0 26px 14px}
.method-compact .disclaimer{margin:12px 4px 0;font-size:.8rem;color:var(--muted);border:0;background:none;padding:0}
/* Room between the field and its hint line (Naris, 2026-10-02). */
.field-number small{margin-top:10px}

#number-help.is-warning{color:#C0392B}

/* Facebook lives in the footer only (Naris, 2026-10-02), with its icon. */
.footer-fb{display:inline-flex;align-items:center;gap:10px;text-decoration:none!important;border:0!important}
.footer-fb .fb-icon{flex:none}
.footer-fb span{border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:2px}

/* ── Result v2 (2026-10-02, Naris: too small, no order, wants stars) ──
   Read in this order: the number → stars → the big percentage → grade. */
.scoreboard{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;padding:34px 38px;border-radius:28px;background:#fff;box-shadow:0 20px 60px #081b4e14;margin:18px 0}
.score-kind{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;font-size:1.05rem;font-weight:600;color:var(--muted)}
.score-number{font-size:clamp(1.6rem,3.4vw,2.4rem);color:var(--navy);letter-spacing:.02em}
.stars{display:flex;align-items:center;gap:6px;margin:14px 0 6px}
.stars svg{width:clamp(34px,4.4vw,48px);height:auto}
.star-empty{fill:#E3E7EF}.star-full{fill:var(--yellow)}
.stars-text{margin-left:10px;font-size:1.25rem;font-weight:600;color:var(--navy)}
#result-title{margin:6px 0 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;line-height:1}
.percent-pre{flex-basis:100%;font-size:1.15rem;font-weight:600;color:var(--muted)}
.big-percent{font-size:clamp(3.6rem,9vw,6.4rem);font-weight:600;color:var(--navy);letter-spacing:-.03em}
.percent-of{font-size:clamp(1.15rem,2.2vw,1.6rem);font-weight:600;color:var(--navy)}
.scoreboard .score-line{margin:18px 0 0;font-size:1rem;color:var(--muted)}
.grade-block{display:grid;place-items:center;align-content:center;width:clamp(150px,18vw,220px);aspect-ratio:1;border-radius:28px;background:var(--yellow);color:var(--navy)}
.grade-block span{font-size:clamp(1.2rem,2vw,1.6rem);font-weight:600;line-height:1}
.grade-block strong{font-size:clamp(4.4rem,9vw,7rem);font-weight:600;line-height:1}
.sigma-list{margin:6px 0 0;padding:0 0 0 1.1em;display:grid;gap:8px;font-size:1.08rem;line-height:1.6}
.sigma-list li::marker{color:var(--yellow)}
.sigma-list b{color:var(--yellow);font-weight:600}
.pair-card-top strong{font-size:2.6rem!important}
.pair-card-top span{font-size:.95rem!important;font-weight:600;padding:4px 12px;border-radius:999px;background:#081b4e14}
.pair-card p{font-size:1.12rem!important;font-weight:600}
.pair-card small{font-size:.9rem!important}
.pair-counts{font-size:1rem!important}
@media (max-width:760px){
  .scoreboard{grid-template-columns:1fr;padding:24px 22px;gap:18px}
  .grade-block{order:-1;width:100%;aspect-ratio:auto;padding:18px;grid-template-columns:auto auto;gap:14px;justify-content:start}
  .grade-block strong{font-size:4rem}
}
.grade-block[data-level=mid]{background:#DCE2EE}
.grade-block[data-level=low]{background:#D2464C;color:#fff}

/* Result top line a step larger (Naris, 2026-10-02). */
.result-topline .section-number{font-size:1.05rem;letter-spacing:.04em}
.result-input{font-size:1.05rem!important;font-weight:600;color:var(--navy)!important}

/* Chart v2: pin, beaten bars, bad→good axis. */
.chart-bar{fill:#DCE2EE}
.chart-bar.beaten{fill:#081B4E}
.chart-bar.current{fill:var(--yellow);stroke:none}
.chart-pin{fill:#081B4E}
.chart-pin-text{fill:#fff;font:600 17px Athiti,sans-serif}
.chart-pin-line{stroke:#081B4E;stroke-width:2;stroke-dasharray:3 4}
.chart-pin-dot{fill:var(--yellow);stroke:#081B4E;stroke-width:2.5}
.chart-axis{font:600 17px Athiti,sans-serif;fill:#3D4866}
.chart-note-text{font:500 14px Athiti,sans-serif;fill:#5B6883}
.win-word{font-size:.55em;margin-right:.08em}
.chart-axis{font-size:13px}
.chart-note-text{font-size:11px}
@media (max-width:760px){.chart-axis{font-size:24px}.chart-note-text{font-size:19px}.chart-pin-text{font-size:24px}}
.footer-links{display:flex;gap:18px}.footer-links a{color:#fff;opacity:.85;text-decoration:none}.footer-links a:hover{opacity:1;text-decoration:underline}

/* Tagline beside the logo, led by a slash like the logo's own (Naris: the
   dot-and-text kicker looked AI-made). */
.brand-lockup{display:flex;align-items:center;gap:18px;justify-self:start}

/* ID card and house number: a reading only — no grade, stars, percentage, chart or warnings (Naris). */
.is-reading .grade-block,.is-reading .stars,.is-reading #result-title,.is-reading .score-line,.is-reading .pair-counts,.is-reading .chart-panel,.is-reading .sum-share{display:none}
.is-reading .scoreboard{grid-template-columns:1fr}
.reading-head{display:none}
.is-reading .reading-head{display:block;margin-top:6px}
.reading-intro{margin:0;color:var(--muted);font-size:.95rem;font-weight:600}
.reading-title{margin:6px 0 4px;font-size:clamp(2rem,5vw,3.4rem);line-height:1.15;color:var(--navy)}
.reading-trait{margin:0;display:inline-block;padding:6px 14px;border-radius:999px;background:var(--yellow);color:var(--navy);font-weight:600}
.fill-panel{background:var(--navy);color:#fff}
.fill-panel .section-number{color:var(--yellow)}
.fill-panel h3{color:#fff}
.fill-panel p{margin:10px 0 14px;color:#d6dcea;font-size:.92rem;line-height:1.6}
.fill-pairs{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:8px}
.fill-pairs li{display:flex;align-items:baseline;gap:12px;padding:10px 14px;border-radius:12px;background:#ffffff14}
.fill-pairs strong{font-size:1.5rem;color:var(--yellow);line-height:1}
.fill-pairs span{font-size:.9rem}
.fill-link{display:inline-block;padding:10px 18px;border-radius:999px;background:var(--yellow);color:var(--navy);font-weight:600;text-decoration:none}
.reading-title span{display:inline-block;white-space:nowrap}
.planet-mix{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none}
.planet-mix li{padding:6px 14px;border-radius:999px;background:#EEF1F7;color:var(--navy);font-size:.92rem;font-weight:600}
.planet-mix b{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:4px;border-radius:50%;background:var(--navy);color:var(--yellow);font-size:.82rem}
.planet-mix em{font-style:normal;color:var(--muted)}
.grade-blend{background:#F3F5FA;border-color:#E1E6F0}
.pair-card-top .pair-star{padding:2px 8px;border-radius:999px;background:var(--navy);color:var(--yellow)}
.is-reading .sum-verdict{color:var(--navy)}
.reading-head[data-tone=bad] .reading-trait{background:#A42C34;color:#fff}
.reading-head[data-tone=mid] .reading-trait,.reading-head[data-tone=split] .reading-trait{background:#DDE3EE}
.pair-card-top .pair-star{white-space:nowrap}

/* ── Mode tabs: ทำนายเบอร์ | ออกแบบเบอร์ (2026-10-02) ── */
.mode-tabs{display:flex;width:max-content;max-width:100%;margin:0 auto 16px;padding:5px;gap:4px;background:#fff;border:1px solid #efefec;border-radius:99px;box-shadow:0 10px 28px #081b4e0f}
.mode-tab{border:0;background:none;color:var(--navy);border-radius:99px;padding:10px 22px;font:inherit;font-size:.98rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:background .2s}
.mode-tab:hover{background:#f5f5ef}
.mode-tab[aria-selected="true"]{background:var(--navy);color:#fff;font-weight:600}
.mode-tab:focus-visible{outline:2px solid #bc8000;outline-offset:2px}

/* ── Design card ── */
.design-card{padding:24px 28px}
.design-top{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,.8fr);gap:24px;align-items:start;padding-bottom:18px;border-bottom:1px solid #e5e7eb}
.design-areas{margin:0;padding:0;border:0;min-width:0}
.design-areas legend,.design-label{padding:0;margin-bottom:10px;font-size:.82rem;font-weight:600;color:#596985}
.area-chips{display:flex;flex-wrap:wrap;gap:8px}
.area-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1.5px solid #dfe3ea;border-radius:99px;background:#fff;color:var(--navy);font:inherit;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}
.area-chip svg{width:19px;height:19px;flex:none}
.area-chip:hover{border-color:#b9c2d1}
.area-chip[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.area-chip[aria-pressed="true"] svg{color:var(--yellow)}
.area-chip:disabled{opacity:.4;cursor:not-allowed}
.design-day select{width:100%;min-height:38px;border:0;border-bottom:1px solid #e5e7eb;background:transparent;color:var(--navy);font:inherit;font-size:1.02rem;font-weight:500;cursor:pointer}
.design-build{padding:18px 0;border-bottom:1px solid #e5e7eb}
.slots{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}
.slot-prefix{font-size:1.5rem;font-weight:600;color:#9aa3b5;margin-right:4px;letter-spacing:.02em}
.slot-dash{font-size:1.4rem;color:#9aa3b5}
.slot{width:48px;height:58px;border:1.5px solid #dfe3ea;border-radius:12px;background:#fafbfc;color:var(--navy);font:inherit;font-size:1.7rem;font-weight:600;cursor:pointer;display:grid;place-items:center;padding:0;transition:border-color .15s,box-shadow .15s}
.slot.is-active{border-color:var(--navy);box-shadow:0 0 0 3px #f6ce4c88;background:#fff}
.slot.is-kala{color:#ad3035}
.slot:empty::after{content:"";width:14px;height:2px;background:#c3cad6;border-radius:2px}
.keypad{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:6px;margin-top:14px;max-width:620px}
.key{position:relative;height:48px;border:0;border-radius:11px;font:inherit;font-size:1.25rem;font-weight:600;cursor:pointer;color:var(--navy);background:#eef0f3;transition:transform .1s}
.key:active{transform:scale(.96)}
.key.k-area{background:var(--yellow)}
.key.k-good{background:#dbe6f6}
.key.k-mid{background:#eef0f3;color:#6b7690}
.key.k-bad{background:#f8dfe0;color:#ad3035}
.key.k-kala::after{content:"กาลกิณี";position:absolute;left:0;right:0;bottom:2px;font-size:.52rem;font-weight:600;color:#ad3035}
.key-back{background:#fff;border:1.5px solid #dfe3ea;font-size:1rem}
.key-legend{display:flex;flex-wrap:wrap;gap:4px 14px;margin:10px 0 0;font-size:.74rem;color:#6b7690}
.key-legend span{display:inline-flex;align-items:center;gap:6px}.key-legend .dot{display:block;width:10px;height:10px;border-radius:3px}
.dot-area{background:var(--yellow)}.dot-good{background:#dbe6f6}.dot-mid{background:#eef0f3;border:1px solid #d5dae2}.dot-bad{background:#f8dfe0}
.design-actions{display:flex;gap:10px;margin-top:16px}
.fill-button,.clear-button{border-radius:99px;padding:11px 22px;font:inherit;font-size:.95rem;font-weight:600;cursor:pointer}
.fill-button{border:0;background:var(--yellow);color:var(--navy);box-shadow:0 8px 18px #f6ce4c55}
.fill-button:hover{background:#f1c333}
.clear-button{border:1.5px solid #dfe3ea;background:#fff;color:var(--navy)}
.design-live{padding:16px 0;border-bottom:1px solid #e5e7eb}
.design-live:empty{display:none}
.live-head{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px}
.live-number{font-size:1.45rem;font-weight:600;letter-spacing:.02em}
.live-grade{padding:3px 12px;border-radius:9px;background:var(--navy);color:var(--yellow);font-weight:600;font-size:1.1rem}
.live-meta{color:#596985;font-size:.88rem}
.live-pairs{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.lp{display:inline-flex;flex-direction:column;gap:1px;padding:6px 10px;border-radius:10px;background:#f2f4f7;font-size:.78rem;line-height:1.25;color:#596985}
.lp b{font-size:1.05rem;color:var(--navy)}
.lp.lp-good{background:#e7eef9}.lp.lp-bad{background:#fbe9ea}.lp.lp-bad b{color:#ad3035}
.lp em{font-style:normal;font-weight:600;color:#8a6a00}
.live-warn{margin:8px 0 0;color:#9d2731;font-size:.84rem;font-weight:600}
.design-picks h3{margin:18px 0 4px;font-size:1.05rem}
.design-share{margin:0 0 12px;color:#596985;font-size:.86rem;line-height:1.5}
.design-share strong{color:var(--navy)}
.pick-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pick{display:grid;gap:4px;text-align:left;padding:13px 15px;border:1.5px solid #e3e6ec;border-radius:14px;background:#fff;color:var(--navy);font:inherit;cursor:pointer;transition:border-color .15s,transform .15s}
.pick:hover{border-color:var(--navy);transform:translateY(-2px)}
.pick-number{font-size:1.2rem;font-weight:600;letter-spacing:.02em;white-space:nowrap}
.pick-meta{font-size:.78rem;color:#596985}
.pick-meta b{color:var(--navy)}
.pick-tags{font-size:.74rem;color:#8a6a00;font-weight:600}
.design-note{margin:16px 0 0;font-size:.72rem;color:#8994a7;line-height:1.5}
@media(max-width:650px){
  .mode-tabs{width:100%;margin-bottom:12px}
  .mode-tab{flex:1;padding:9px 8px;font-size:.84rem;white-space:normal;line-height:1.2}
  .design-card{padding:18px 16px;border-radius:20px}
  .design-top{grid-template-columns:1fr;gap:14px}
  .area-chip{padding:8px 12px;font-size:.88rem}
  .slots{gap:4px}
  .slot-prefix{font-size:1.05rem;margin-right:2px}
  .slot-dash{font-size:1rem}
  .slot{width:auto;flex:1;min-width:0;height:50px;font-size:1.4rem;border-radius:10px}
  .keypad{grid-template-columns:repeat(6,minmax(0,1fr))}
  .key{height:46px}
  .pick-list{grid-template-columns:1fr 1fr;gap:8px}
  .pick{padding:11px 12px}
  .pick-number{font-size:1rem;letter-spacing:0}
  .pick-meta{font-size:.72rem}
}

/* ── Numbers on sale now (AIS stock) ── */
.shop-match{margin-top:22px;padding:20px;border-radius:16px;background:#f6f7f9}
.shop-head h3{margin:0;font-size:1.05rem;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.shop-tag{padding:2px 10px;border-radius:99px;background:#fff;border:1px solid #dfe3ea;font-size:.74rem;font-weight:600;color:#596985}
.shop-summary{margin:6px 0 12px;color:#596985;font-size:.84rem;line-height:1.5}
.shop-summary strong{color:var(--navy)}
.shop-list .pick{cursor:default}
.shop-list .pick:hover{transform:none;border-color:#e3e6ec}
.pick-plan{font-size:.74rem;color:#596985}
.shop-cta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;padding:16px 18px;border-radius:14px;background:var(--navy);color:#fff}
.shop-cta strong{font-size:1.02rem}
.shop-cta p{margin:3px 0 0;font-size:.8rem;color:#cdd4e3;line-height:1.5}
.shop-cta .fill-button{text-decoration:none;white-space:nowrap}
@media(max-width:650px){.shop-match{padding:14px}.shop-cta{flex-direction:column;align-items:stretch;text-align:left}.shop-cta .fill-button{text-align:center}}

/* ── Design form v2: five questions, one button (2026-10-02) ── */
.design-form{display:grid;gap:18px}
.design-q{margin:0;padding:0;border:0;min-width:0}
.design-q legend,.q-label{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:0;margin-bottom:10px;font-size:.92rem;font-weight:600;color:var(--navy)}
.design-q .optional{font-weight:500;color:#8994a7;font-size:.8rem}
.q-no{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--yellow);color:var(--navy);font-size:.78rem;font-weight:700;flex:none}
.birth-row{display:grid;grid-template-columns:80px 1fr 110px;gap:8px;max-width:440px}
.birth-row select,.design-q select,.design-q input{width:100%;min-height:44px;padding:0 12px;border:1.5px solid #dfe3ea;border-radius:11px;background:#fff;color:var(--navy);font:inherit;font-size:1rem;font-weight:500}
.birth-row select:focus-visible,.design-q select:focus-visible,.design-q input:focus-visible{outline:2px solid #bc8000;outline-offset:2px}
.wed-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:10px;font-size:.88rem;color:#596985}
.wed-row label{display:inline-flex;align-items:center;gap:6px;color:var(--navy);font-weight:500;cursor:pointer}
.birth-note{margin:8px 0 0;font-size:.78rem;color:#8994a7;line-height:1.5}
.birth-note b{color:var(--navy)}
.fav-chips{display:flex;flex-wrap:wrap;gap:6px}
.fav-chip{width:44px;height:44px;border:1.5px solid #dfe3ea;border-radius:11px;background:#fff;color:var(--navy);font:inherit;font-size:1.15rem;font-weight:600;cursor:pointer}
.fav-chip[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:var(--yellow)}
.fav-chip.is-kala{border-color:#e9b9bc;color:#ad3035}
.fav-chip.is-kala[aria-pressed="true"]{background:#ad3035;border-color:#ad3035;color:#fff}
.design-q-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.design-q small{display:block;min-height:16px;margin-top:6px;font-size:.76rem;color:#9d2731;line-height:1.4}
.weave-button{justify-self:start;padding:14px 34px;border:0;border-radius:99px;background:var(--yellow);color:var(--navy);font:inherit;font-size:1.08rem;font-weight:700;cursor:pointer;box-shadow:0 10px 24px #f6ce4c66;transition:transform .2s,background .2s}
.weave-button:hover{background:#f1c333;transform:translateY(-2px)}
.design-results{margin-top:22px;scroll-margin-top:18px}
.shop-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.shop-item,.ideal{display:grid;align-content:start;gap:8px;padding:14px 16px;border:1.5px solid #e3e6ec;border-radius:14px;background:#fff}
.shop-item.is-top{border-color:var(--navy);box-shadow:0 8px 22px #081b4e14}
.shop-item-head{display:grid;gap:2px}
.weave{margin:0;padding:0;list-style:none;display:grid;gap:4px;font-size:.8rem;line-height:1.45;color:#3c4a66}
.weave li{position:relative;padding-left:16px}
.weave li::before{content:"";position:absolute;left:2px;top:.55em;width:7px;height:7px;border-radius:50%;background:var(--yellow)}
.weave b{color:var(--navy)}
.design-picks h3{margin:24px 0 4px}
.ideal-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ideal-tweak{justify-self:start;padding:7px 14px;font-size:.82rem}
.design-tweak{margin-top:20px;border-top:1px solid #e5e7eb;padding-top:14px}
.design-tweak summary{cursor:pointer;font-weight:600;font-size:.95rem;color:var(--navy);list-style:none;display:flex;align-items:center;gap:8px}
.design-tweak summary::-webkit-details-marker{display:none}
.design-tweak summary::before{content:"+";display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#eef0f3;font-weight:700}
.design-tweak[open] summary::before{content:"−"}
.design-tweak .design-label{margin-top:12px}
.key{display:grid;place-items:center;align-content:center;gap:0;line-height:1.05}
.key small{font-size:.58rem;font-weight:600;opacity:.8}
.key.k-kala::after{content:none}
.design-live{border-bottom:0}
.design-live .weave{margin-top:10px}
@media(max-width:900px){.shop-list,.ideal-list{grid-template-columns:1fr 1fr}}
@media(max-width:650px){
  .birth-row{grid-template-columns:70px 1fr 96px}
  .design-q-row{grid-template-columns:1fr;gap:18px}
  .weave-button{justify-self:stretch}
  .fav-chips{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
  .fav-chip{width:auto}
  .shop-list,.ideal-list{grid-template-columns:1fr}
}

.wed-row select{width:auto;min-height:38px;padding:0 10px;border:1.5px solid #dfe3ea;border-radius:10px;background:#fff;color:var(--navy);font:inherit;font-size:.92rem}

/* Design-form dropdowns: our own chevron with room from the border (Naris). */
.birth-row select,.design-q select,.wed-row select{-webkit-appearance:none;appearance:none;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23081B4E' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px 8px;cursor:pointer}

/* The fold's +/− drawn with two bars, so the font's baseline can't push it off-centre (Naris). */
.design-tweak summary::before{content:"";flex:none;background:linear-gradient(var(--navy),var(--navy)) center/10px 2px no-repeat,linear-gradient(var(--navy),var(--navy)) center/2px 10px no-repeat,#eef0f3}
.design-tweak[open] summary::before{content:"";background:linear-gradient(var(--navy),var(--navy)) center/10px 2px no-repeat,#eef0f3}

/* "ปรับเองทีละหลัก" reads as a button, not a heading (Naris). */
.design-tweak summary{display:inline-flex;width:max-content;max-width:100%;padding:10px 20px 10px 12px;border:1.5px solid #cfd5df;border-radius:99px;background:#fff;box-shadow:0 4px 12px #081b4e0d;transition:border-color .15s,background .15s,box-shadow .15s}
.design-tweak summary:hover{border-color:var(--navy);background:#fafbfc;box-shadow:0 6px 16px #081b4e17}
.design-tweak summary:focus-visible{outline:2px solid #bc8000;outline-offset:3px}
.design-tweak summary::after{content:"ต่อเลขเองทีละหลัก";font-weight:500;font-size:.8rem;color:#8994a7}
.design-tweak[open] summary::after{content:"ซ่อน"}
.design-tweak[open] summary{background:#f3f5f8}
.design-tweak summary::after,.design-tweak[open] summary::after{content:none}
.design-tweak summary::before{background:linear-gradient(#fff,#fff) center/10px 2px no-repeat,linear-gradient(#fff,#fff) center/2px 10px no-repeat,var(--navy)}
.design-tweak[open] summary::before{background:linear-gradient(#fff,#fff) center/10px 2px no-repeat,var(--navy)}

.pair-sex-note{display:block;margin-top:6px;padding-top:6px;border-top:1px dashed #d5dae2;color:#8a6a00!important;font-size:.78rem!important;line-height:1.4}
/* Time-of-birth and sex dropdowns match the date row above (Naris). */
.wed-row select{min-height:44px;padding:0 38px 0 12px;border-radius:11px;font-size:1rem;font-weight:500}

.design-tweak .design-picks h3{margin-top:16px}

/* Which shop sells it, on every card. */
.pick-number{display:flex;align-items:center;gap:8px}
.shop-badge{font-style:normal;padding:2px 8px;border-radius:99px;font-size:.66rem;font-weight:700;letter-spacing:.02em;line-height:1.5}
.shop-ais{background:#e9f6d8;color:#3d6b12}
.shop-true{background:#fde3e3;color:#b0182a}
.shop-dtac{background:#dff1fb;color:#0a6aa1}
/* Shop mark in the card's top-right corner (Naris): coloured wordmark, not the operators' logo files. */
.shop-item{position:relative}
.shop-item .shop-badge{position:absolute;top:12px;right:12px;padding:3px 10px;border-radius:7px;font-size:.72rem;font-weight:800;letter-spacing:.03em}
.shop-ais{background:#7ab929;color:#fff}
.shop-true{background:#e3001b;color:#fff}
.shop-dtac{background:#19a9e5;color:#fff}
.shop-item .pick-number{padding-right:56px}

/* Postpaid or prepaid, on every card (Naris). */
.pick-plan{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.charge-tag{font-style:normal;padding:2px 9px;border-radius:99px;font-size:.7rem;font-weight:700}
.charge-post{background:var(--navy);color:#fff}
.charge-pre{background:var(--yellow);color:var(--navy)}

/* Hero, right side: a number that keeps flipping, graded live (balances the bars on the left). */
.flip-card{position:absolute;right:4%;top:118px;display:grid;justify-items:center;gap:10px;opacity:.8}
.flip-tiles{display:flex;align-items:center;gap:5px}
.flip-tiles i{display:grid;place-items:center;width:30px;height:40px;border-radius:8px;background:#fff;box-shadow:0 6px 16px #081b4e14;color:var(--navy);font-style:normal;font-size:1.3rem;font-weight:600;transition:transform .18s ease-in;transform-origin:center}
.flip-tiles i.flip{transform:rotateX(90deg)}
.flip-tiles b{color:#aab3c4;font-weight:600}
.flip-meta{display:flex;align-items:center;gap:8px;min-height:28px;padding:3px 12px 3px 4px;border-radius:99px;background:#fff;box-shadow:0 6px 16px #081b4e10;font-size:.85rem}
.flip-meta strong{padding:2px 9px;border-radius:99px;background:var(--navy);color:var(--yellow);font-size:.8rem}
.flip-meta span{color:#d6a91c;letter-spacing:1px}
.flip-meta[data-level="low"] strong{background:#ad3035;color:#fff}
.flip-meta[data-level="mid"] strong{background:#8799b6;color:#fff}
@media(max-width:1100px){.flip-card{display:none}}

/* The full report (free while the launch promotion runs). */
.shop-cta button.fill-button{border:0;cursor:pointer}
.shop-cta button.fill-button:disabled{opacity:.7;cursor:wait}
.reveal{margin-top:16px;padding:18px;border-radius:16px;background:#fff;border:1.5px solid var(--yellow);scroll-margin-top:18px}
.reveal h3{margin:0;font-size:1.15rem}
.reveal-note{margin:4px 0 12px;color:#596985;font-size:.86rem}
.reveal-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.reveal-number{font-size:1.35rem!important}
.reveal-check{font-size:.76rem;color:#8994a7}
.reveal-check.is-ok{color:#2f7a12;font-weight:600}
.reveal-check.is-ok::before{content:"✓ "}
.reveal-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.reveal-actions .fill-button{text-decoration:none;padding:9px 18px;font-size:.88rem}
.reveal-actions .clear-button{padding:9px 16px;font-size:.85rem;text-decoration:none}
.copy-number{display:inline-grid;place-items:center;width:28px;height:28px;margin-left:-2px;padding:0;border:0;border-radius:8px;background:none;color:#8994a7;cursor:pointer}
.copy-number:hover{background:#f1f3f7;color:var(--navy)}
.reveal-hint{font-size:.72rem;color:#8994a7}
.buy-steps{margin-top:14px;padding:14px 16px;border-radius:12px;background:#f6f7f9;font-size:.84rem;line-height:1.6;color:#3c4a66}
.buy-steps ol{margin:6px 0;padding-left:20px}
.buy-steps p{margin:0;font-size:.78rem;color:#8994a7}
@media(max-width:650px){.reveal{padding:14px}.reveal-list{grid-template-columns:1fr}}
/* Flip card as quiet as the bars on the left (Naris: "มันเด่นไป"). */
.flip-card{opacity:.55}
.flip-tiles i{background:#e3e7ee;box-shadow:none;color:#9aa5b8}
.flip-tiles b{color:#c9d1e3}
.flip-meta{background:#e3e7ee;box-shadow:none;color:#9aa5b8}
.flip-meta strong,.flip-meta[data-level] strong{background:#c9d1e3;color:#fff}
.flip-meta[data-level="good"] strong{background:#f1d98a;color:#fff}
.flip-meta span{color:#c9b06a}

.reveal-more{display:block;margin:14px auto 0;padding:11px 26px}
.reveal-more[hidden]{display:none}

/* The first card says why it stands out, instead of a border that looked selected (Naris). */
.shop-item.is-top{border-color:#e3e6ec;box-shadow:none}

/* Full numbers straight away, inside the results box (free for now). */
.reveal{margin-top:0;padding:0;border:0;background:none}
.shop-list[hidden],.shop-cta[hidden]{display:none}

/* Pager under the full list. */
.pager{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:16px}
.pager-left,.pager-right{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.pager-size{min-height:40px;padding:0 34px 0 12px;border:1.5px solid #dfe3ea;border-radius:10px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23081B4E' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center/12px 8px;-webkit-appearance:none;appearance:none;color:var(--navy);font:inherit;font-size:.9rem;font-weight:500;cursor:pointer}
.pager-range{margin-left:6px;color:#596985;font-size:.86rem}
.pager-btn{min-width:40px;height:40px;padding:0 12px;border:1.5px solid #dfe3ea;border-radius:10px;background:#fff;color:var(--navy);font:inherit;font-size:.9rem;font-weight:600;cursor:pointer}
.pager-btn:hover:not(:disabled){border-color:var(--navy)}
.pager-btn:disabled{opacity:.4;cursor:default}
.pager-btn.is-current{background:var(--navy);border-color:var(--navy);color:#fff}
.pager-gap{padding:0 4px;color:#8994a7}
.pager-jump{display:inline-flex;align-items:center;gap:6px;margin-left:6px;color:#596985;font-size:.86rem}
.pager-jump input{width:56px;height:40px;padding:0 10px;border:1.5px solid #dfe3ea;border-radius:10px;color:var(--navy);font:inherit;font-size:.9rem;text-align:center}
.reveal-list.is-loading{opacity:.45;transition:opacity .2s}
.shop-item.is-sold{opacity:.55}
.shop-item.is-sold .reveal-check{color:#ad3035;font-weight:600}
@media(max-width:650px){.pager{justify-content:center}.pager-right{justify-content:center}.pager-jump{display:none}.pager-num:not(.is-current){display:none}}

.required{color:#ad3035;font-weight:700}
#area-error{margin:8px 0 0}

.reveal-note:empty{display:none}

/* Choose first: ร้อยเรียงให้ฉัน or ต่อเลขเอง (Naris). */
.build-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.build-option{display:grid;gap:3px;text-align:left;padding:14px 18px;border:1.5px solid #dfe3ea;border-radius:14px;background:#fff;color:var(--navy);font:inherit;cursor:pointer;transition:border-color .15s,background .15s}
.build-option strong{font-size:1.02rem}
.build-option span{font-size:.8rem;color:#596985}
.build-option:hover{border-color:#b9c2d1}
.build-option[aria-checked="true"]{border-color:var(--navy);background:var(--navy);color:#fff}
.build-option[aria-checked="true"] span{color:#cdd4e3}
.is-build .required{display:none}
.build-only .slots{margin-top:4px}
.ideal-fold{margin-top:16px}
.ideal-fold summary{cursor:pointer;font-size:.88rem;font-weight:600;color:#596985;text-decoration:underline;text-underline-offset:3px}
.ideal-fold .design-picks h3{margin-top:12px}
@media(max-width:650px){.build-switch{grid-template-columns:1fr}}

/* Mode switch as folder tabs (Naris' reference): icon + label, the chosen tab joins the line below. */
.build-switch{display:flex;gap:4px;border-bottom:1.5px solid #dfe3ea;grid-template-columns:none}
.build-option{display:inline-flex;align-items:center;gap:8px;margin-bottom:-1.5px;padding:11px 20px;border:1.5px solid transparent;border-bottom:0;border-radius:12px 12px 0 0;background:none;color:#7b879c;font:inherit;font-size:.98rem;font-weight:600;cursor:pointer;transition:color .15s}
.build-option svg{width:19px;height:19px;flex:none}
.build-option:hover{border-color:transparent;color:var(--navy)}
.build-option[aria-checked="true"]{border-color:#dfe3ea;background:#fff;color:var(--navy);box-shadow:0 1.5px 0 #fff}
.build-option[aria-checked="true"] svg{color:#d6a91c}
@media(max-width:650px){.build-switch{display:flex}.build-option{flex:1;justify-content:center;padding:10px 8px;font-size:.9rem}}

/* Results in two sections: best, then near (Naris). */
.reveal-block{margin-top:6px}
.reveal-block + .reveal-block{margin-top:26px;padding-top:20px;border-top:1px solid #e3e6ec}
.reveal-sub{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:1.05rem;color:var(--navy)}
.sub-dot{width:10px;height:10px;border-radius:50%}
.sub-best{background:var(--yellow);box-shadow:0 0 0 4px #f6ce4c40}
.sub-near{background:#b7c0cf}
.sub-count{font-size:.8rem;font-weight:500;color:#8994a7}
.reveal-why{margin:-6px 0 12px;font-size:.84rem;color:#596985;line-height:1.55}
.reveal-why:empty{display:none}
.reveal-why b{color:var(--navy);font-weight:600}
.reveal-why a{color:var(--navy)}
.reveal-rank{display:block;margin-bottom:4px;font-size:.8rem;font-weight:600;color:#596985}
.reveal-block[hidden]{display:none}
/* The yellow box only for a search with a birth date; never in ต่อเลขเอง (Naris, 2026-10-03). */
.design-card:not(.is-build) #best-list .shop-item{background:#fffaea;border-color:var(--yellow);box-shadow:0 8px 22px #f6ce4c33}

.not-found{margin:0 0 14px;padding:12px 16px;border-radius:12px;background:#fff6dc;border:1px solid #f1d98a;color:#5c4a12;font-size:.92rem}
.not-found b{color:var(--navy);letter-spacing:.02em}
.not-found[hidden]{display:none}

/* One clear 'nothing found' box. */
.reveal-note:not(:empty){margin:0 0 6px;padding:14px 16px;border-radius:12px;background:#fff6dc;border:1px solid #f1d98a;color:#5c4a12;font-size:.92rem;line-height:1.6}
.reveal-note strong{color:var(--navy)}
.shop-summary:empty{display:none}
.buy-steps[hidden]{display:none}
.reveal-note:not(:empty){margin-top:16px}
.shop-summary + .reveal-note,.reveal .reveal-note:not(:empty){margin-top:16px}

/* Searching… (Naris: the page looked stuck). */
.weave-button.is-loading{display:inline-flex;align-items:center;gap:10px;cursor:wait;opacity:.9}
.weave-button.is-loading::before{content:"";width:16px;height:16px;border-radius:50%;border:2.5px solid #081b4e40;border-top-color:var(--navy);animation:spin .7s linear infinite}
.weave-button:disabled{transform:none}
.loading p{display:flex;align-items:center;gap:10px;margin:14px 0;color:#596985;font-size:.92rem;font-weight:500}
.spinner{width:18px;height:18px;border-radius:50%;border:2.5px solid #f6ce4c55;border-top-color:#d6a91c;animation:spin .7s linear infinite}
.skeletons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.skeletons i{display:block;height:230px;border-radius:14px;background:linear-gradient(100deg,#eef0f3 30%,#f8f9fb 50%,#eef0f3 70%) 0 0/300% 100%;animation:shimmer 1.3s ease-in-out infinite}
.loading[hidden]{display:none}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes shimmer{from{background-position:100% 0}to{background-position:0 0}}
@media(max-width:650px){.skeletons{grid-template-columns:1fr}.skeletons i:nth-child(n+2){display:none}}
@media(prefers-reduced-motion:reduce){.spinner,.weave-button.is-loading::before,.skeletons i{animation:none}}

/* Time of birth and sex as two labelled fields; on phones they sit side by side, label above (QA). */
.row-field{display:inline-flex;align-items:center;gap:8px;color:#596985;font-weight:500}
@media(max-width:650px){
  .wed-row{display:grid;grid-template-columns:1.4fr 1fr;gap:10px;align-items:end}
  .row-field{display:grid;gap:4px;font-size:.8rem}
  .row-field select{width:100%}
  .reveal-sub{flex-wrap:wrap;row-gap:2px}
  .reveal-sub .sub-count{flex-basis:100%;padding-left:18px}
}
#fav-error{margin:8px 0 0}
@media(max-width:650px){.wed-row .row-field{display:grid;gap:4px;align-items:stretch}.wed-row .row-field>span{color:#596985;font-weight:500}}

@media(max-width:650px){.pager-gap{display:none}}
.page-error{grid-column:1/-1;margin:0;padding:14px;border-radius:12px;background:#fbe9ea;color:#9d2731;font-size:.9rem}

.row-field[hidden]{display:none!important}
/* พลังเบอร์ 10 ด้าน (2026-10-03): one series, so one colour and no legend; the 50% tick is the average number. */
.areas-panel{margin-bottom:18px}
.areas-panel .panel-heading a{color:var(--navy)}
.areas-chart{position:relative;max-width:560px;margin:0 auto}
.areas-chart::after{content:"กลีบยิ่งยาว ด้านนั้นยิ่งเด่นกว่าเบอร์ทั่วไป · วงเส้นประ = เบอร์ทั่วไป · ชี้ที่กลีบเพื่อดูตัวเลข";display:block;margin:2px 6px 0;color:var(--muted);font-size:.74rem;text-align:center}
.rose{display:block;width:100%;height:auto;overflow:visible}
.rose-track{fill:#f1f3f7}
.rose-petal{stroke:#fff;stroke-width:2;outline:none;cursor:pointer;transition:opacity .15s}
.rose-petal:hover,.rose-petal:focus-visible{opacity:.82}
.rose-petal.is-top{fill:var(--yellow)}
.rose-petal.is-good{fill:#f9e3a0}
.rose-petal.is-mid{fill:#b9c2d2}
.rose-petal.is-none{fill:#d9dee7}
.rose-petal.is-low{fill:#c94a50}
.rose-mid{fill:none;stroke:#8e9ab1;stroke-width:1.5;stroke-dasharray:4 5}
.rose-label{font:600 18px Athiti,sans-serif;fill:var(--navy)}
.rose-word{font:500 15px Athiti,sans-serif;fill:#596985}
.rose-word.is-top{fill:#9a7400}
.rose-word.is-low{fill:#a42c34}
.rose-centre{font:600 20px Athiti,sans-serif;fill:var(--navy)}
.rose-tip{position:absolute;left:50%;top:8px;transform:translateX(-50%);max-width:320px;padding:9px 12px;border-radius:10px;background:var(--navy);color:#fff;font-size:.8rem;line-height:1.5;box-shadow:0 8px 20px #081b4e30;pointer-events:none;z-index:2}
.rose-tip[hidden]{display:none}
.area-row{position:relative;display:grid;grid-template-columns:minmax(120px,190px) 1fr 84px;align-items:center;gap:14px;padding:5px 6px;border-radius:9px;outline:none}
.area-row:hover,.area-row:focus-visible{background:#f4f6f9}
.area-label{font-size:.88rem;font-weight:600;line-height:1.3}
.area-track{position:relative;height:14px;border-radius:4px;background:#eef1f5}
.area-bar{position:absolute;inset:0 auto 0 0;border-radius:0 4px 4px 0;background:var(--navy)}
.area-mid{position:absolute;left:50%;top:-4px;bottom:-4px;border-left:1.5px dashed #9aa6bd}
.area-value{font-size:.8rem;color:var(--muted);text-align:right;white-space:nowrap}
.area-value b{color:var(--navy);font-size:.95rem}
.area-tip{position:absolute;left:30%;bottom:calc(100% + 4px);z-index:2;display:none;max-width:340px;padding:8px 11px;border-radius:9px;background:var(--navy);color:#fff;font-size:.78rem;line-height:1.5;box-shadow:0 8px 20px #081b4e30;pointer-events:none}
.area-row:hover .area-tip,.area-row:focus-visible .area-tip{display:block}
.areas-read{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.areas-lead{margin:0 0 14px;font-size:1.15rem;line-height:1.5}
.areas-read h4{margin:16px 0 8px;font-size:.92rem;color:#56698e;letter-spacing:.02em}
.areas-list{margin:0;padding:0 0 0 1.1em;display:grid;gap:8px;font-size:.95rem;line-height:1.65}
.areas-list.is-up li::marker{color:#d6b43e}
.areas-list.is-down li::marker{color:#a42c34}
.areas-list small{color:var(--muted);font-size:.78rem}
.areas-note{margin:12px 0 0;color:var(--muted);font-size:.76rem}
.areas-clean{margin:14px 0 0;color:#1b6549;font-size:.9rem;font-weight:600}
.area-value{font-weight:600;color:var(--navy)}
.area-row.is-low .area-value{color:#a42c34}
.area-story{padding:16px 0;border-bottom:1px solid var(--line)}
.area-story:last-of-type{border-bottom:0}
.area-story h4{margin:0 0 6px;font-size:1.05rem;display:flex;align-items:center;gap:10px}
.area-tag{padding:2px 10px;border-radius:99px;background:#eef1f5;color:var(--navy);font-size:.75rem;font-weight:600}
.area-card.is-top .area-tag{background:var(--yellow)}
.area-card.is-good .area-tag{background:#fff5cf}
.area-card.is-low .area-tag{background:#fff0ee;color:#a42c34}
.area-story p{margin:0;font-size:.95rem;line-height:1.75}
.area-story .area-here{margin-top:6px;color:var(--muted);font-size:.86rem}
.areas-sub{display:flex;align-items:baseline;gap:8px;margin:26px 0 12px;font-size:1rem;color:var(--navy)}
.areas-sub span{color:var(--muted);font-size:.8rem;font-weight:500}
.area-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.area-card{position:relative;padding:18px 20px 18px 24px;border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}
.area-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#c7cfdc}
.area-card.is-top::before{background:var(--yellow)}
.area-card.is-good::before{background:#f9e3a0}
.area-card.is-low::before{background:#c94a50}
.area-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.area-card-name{color:#56698e;font-size:.85rem;font-weight:600}
.area-card h5{margin:6px 0 6px;font-size:1.15rem;line-height:1.4;color:var(--navy)}
.area-card p{margin:0;font-size:.92rem;line-height:1.7;color:#33415e}
.chip-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px}
.chip-label{color:var(--muted);font-size:.74rem;margin-right:2px}
.pair-chip{padding:3px 10px;border-radius:99px;font-size:.78rem;line-height:1.4}
.pair-chip b{margin-right:3px;letter-spacing:.03em}
.pair-chip.is-up{background:#fff5cf;color:#5c4a12}
.pair-chip.is-down{background:#fff0ee;color:#8a2a30}
@media(max-width:650px){.area-cards{grid-template-columns:1fr}.area-card{padding:16px 16px 16px 20px}}
@media(max-width:650px){.area-more{display:none}.area-row{grid-template-columns:84px 1fr 74px;gap:8px}.area-label{font-size:.78rem}.area-tip{left:0;right:0;max-width:none}}
/* Way out from a weak number to the design tab (2026-10-03). */
.redesign{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;padding:20px 24px;border-radius:20px;background:var(--yellow)}
.redesign[hidden]{display:none}
.redesign strong{font-size:1.2rem;color:var(--navy)}
.redesign p{margin:4px 0 0;color:#3d3510;font-size:.92rem;line-height:1.6}
.redesign .fill-button{flex:none;background:var(--navy);color:#fff;border:0;padding:12px 24px}
@media(max-width:650px){.redesign{flex-direction:column;align-items:stretch;padding:18px}}
/* Three groups, three tints (Naris: "ควรแบ่งสี section ให้ชัดเจน"). */
.area-group{margin-top:18px;padding:18px 18px 20px;border-radius:20px}
.area-group .areas-sub{margin:0 0 14px}
.area-group .areas-sub i{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;font-style:normal;font-size:.8rem;font-weight:700}
.area-group.is-up{background:#fff8dc}
.area-group.is-up .areas-sub i{background:var(--yellow);color:var(--navy)}
.area-group.is-mid{background:#f1f3f7}
.area-group.is-mid .areas-sub i{background:#b9c2d2;color:#fff}
.area-group.is-down{background:#fdf0ef}
.area-group.is-down .areas-sub i{background:#c94a50;color:#fff}
.area-group.is-down .areas-sub{color:#8a2a30}.area-group.is-plain{background:#f6f7f9}.area-group.is-plain .areas-sub i{background:#fff;color:#8e9ab1;border:1.5px solid #c9d0dc}
.area-group .area-card{border-color:transparent;box-shadow:0 4px 14px #081b4e0d}
@media(max-width:650px){.area-group{margin-inline:-8px;padding:14px 10px 16px}}
/* วันเกิด · ทักษา (2026-10-03) */
.taksa-panel{margin-bottom:18px}
.taksa-panel .panel-heading a{color:var(--navy)}
.taksa-lead{margin:0 0 16px;font-size:1.02rem;line-height:1.7}
.taksa-lead b{background:#fff1b8;padding:0 4px;border-radius:4px}
.taksa-warn{color:#a42c34;font-weight:600}
.taksa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.taksa-row{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:14px;background:#fff5cf}
.taksa-digit{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--navy);color:var(--yellow);font-size:1.7rem;line-height:1}
.taksa-text{flex:1;min-width:0;display:grid;gap:1px}
.taksa-text strong{font-size:1.12rem;color:var(--navy);line-height:1.4}
.taksa-text small{font-size:.88rem;color:#5c6780}
.taksa-tag{flex:none;font-style:normal;font-weight:600;font-size:.92rem;padding:4px 12px;border-radius:999px;background:#fff;color:var(--navy)}
.taksa-row.is-off{background:#f4f6f9}
.taksa-row.is-off .taksa-digit{background:#dfe4ec;color:#7a869d}
.taksa-row.is-off strong{color:#7a869d}
.taksa-row.is-kala{grid-column:1/-1;background:#eef7f1}
.taksa-row.is-kala .taksa-digit{background:#1b6549;color:#fff}
.taksa-row.is-kala .taksa-tag{color:#1b6549}
.taksa-row.is-bad{background:#fff0ee}
.taksa-row.is-bad .taksa-digit{background:#a42c34}
.taksa-row.is-bad .taksa-tag{color:#a42c34}
.taksa-row.is-kala:not(.is-clear):not(.is-bad){background:#f4f6f9}
.taksa-row.is-kala:not(.is-clear):not(.is-bad) .taksa-digit{background:#7a869d}
.sum-verdict{font-size:1.1rem!important}
.sum-panel .muted{font-size:.95rem}
.kalakini-panel #kalakini-copy{display:flex;align-items:center;gap:14px;font-size:1rem}
.kalakini-panel #kalakini-copy strong{display:block;font-size:1.15rem;color:var(--navy)}
.kala-digit{flex:none;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#1b6549;color:#fff;font-size:1.8rem;font-weight:600}
.kala-digit.is-on{background:#a42c34}
.kalakini-panel .kalakini-warning{font-size:1rem}
.area-birth{margin-top:10px!important;padding:8px 12px;border-radius:10px;background:#f4f6f9;font-size:.86rem!important;color:#33415e!important}
.area-birth b{color:var(--navy)}
@media(max-width:650px){.taksa-grid{grid-template-columns:1fr}.taksa-row{padding:10px 12px;gap:12px}.taksa-digit{width:44px;height:44px;font-size:1.45rem}.taksa-text strong{font-size:1.02rem}}
/* Long readings for plates, houses and ID cards (2026-10-03). */
.story-panel{margin-bottom:18px}
.story-panel>h3{margin:4px 0 18px}
.story-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.story-cards.is-four{grid-template-columns:repeat(2,minmax(0,1fr))}
.story-card{padding:18px 18px 16px;border-radius:16px;background:#fff8dc}
.story-card:nth-child(2){background:#eef3fb}
.story-card:nth-child(3){background:#f3f0fa}
.story-card:nth-child(4){background:#eef7f1}
.story-icon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#fff;color:var(--navy);box-shadow:0 2px 8px #081b4e12}
.story-card h4{margin:10px 0 4px;font-size:1.02rem}
.story-card p{margin:0;font-size:.92rem;line-height:1.7;color:#33415e}
.story-stat,.story-tip{margin-top:20px;padding:18px 20px;border:1px solid var(--line);border-radius:16px}
.story-stat h4,.story-tip h4{margin:0 0 12px;font-size:.98rem}
.stack-bar{display:flex;gap:2px;height:22px;border-radius:6px;overflow:hidden}
.seg{min-width:3px}
.seg.is-good{background:var(--yellow)}.seg.is-mid{background:#b9c2d2}.seg.is-split{background:#d9c9f0}.seg.is-bad{background:#c94a50}.seg.is-none{background:#e6e9ef}
.seg.is-mine{box-shadow:inset 0 0 0 3px var(--navy)}
.stack-legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin:10px 0 0;padding:0;list-style:none;font-size:.84rem;color:#33415e}
.stack-legend i{display:inline-block;width:11px;height:11px;margin-right:6px;border-radius:3px;vertical-align:-1px}
.stack-legend .is-good i{background:var(--yellow)}.stack-legend .is-mid i{background:#b9c2d2}.stack-legend .is-split i{background:#d9c9f0}.stack-legend .is-bad i{background:#c94a50}.stack-legend .is-none i{background:#e6e9ef}
.stack-legend .is-mine{font-weight:600;color:var(--navy)}
.story-tip p{margin:0 0 10px;font-size:.88rem;color:var(--muted)}
.sum-chips{display:flex;flex-wrap:wrap;gap:6px}
.sum-chips span{padding:4px 12px;border-radius:99px;background:#fff5cf;font-weight:600;font-size:.9rem}
.sum-chips span.is-mine{background:var(--navy);color:#fff}
.story-agree{margin:0 0 16px;font-size:.95rem;line-height:1.7;color:#33415e}
.story-agree>b{color:var(--navy)}
.story-agree .dots{margin-right:8px;color:#dfe3ea;letter-spacing:.08em}
.story-agree .dots b{color:#d6a400}
.star-wrap{display:grid;grid-template-columns:240px 1fr;gap:22px;align-items:start}
.donut{margin:0}
.donut svg{width:100%;height:auto;display:block}
.donut-seg.seg-0{stroke:var(--yellow)}.donut-seg.seg-1{stroke:var(--navy)}.donut-seg.seg-2{stroke:#8e9ab1}.donut-seg.seg-3{stroke:#d9dee7}
.donut-big{font:600 34px Athiti,sans-serif;fill:var(--navy)}
.donut-small{font:500 13px Athiti,sans-serif;fill:#596985}
.donut-legend{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:4px;font-size:.84rem;color:#33415e}
.donut-legend i{display:inline-block;width:11px;height:11px;margin-right:6px;border-radius:3px;vertical-align:-1px}
.donut-legend .seg-0{background:var(--yellow)}.donut-legend .seg-1{background:var(--navy)}.donut-legend .seg-2{background:#8e9ab1}.donut-legend .seg-3{background:#d9dee7}
.story-note{margin:16px 0 0;color:var(--muted);font-size:.8rem}
@media(max-width:650px){.story-cards,.story-cards.is-four{grid-template-columns:1fr}.star-wrap{grid-template-columns:1fr}.donut{max-width:260px;margin:0 auto}}
.story-tip.is-ok{border-color:#bfe3c8;background:#f3fbf5}
.story-tip.is-warn{border-color:#f1cfcf;background:#fdf3f2}
.story-tip.is-quiet{background:#f7f8fa}
.story-tip p b{color:#a42c34}
.letter-roles{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.letter-role{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:12px;background:#fff;border:1px solid var(--line);font-size:.85rem}
.letter-role b{font-size:1.3rem;color:var(--navy)}
.letter-role.is-good{background:#fff5cf;border-color:#f1d98a}
.letter-role.is-kala{background:#fff0ee;border-color:#f1cfcf;color:#a42c34}
.letter-role.is-kala b{color:#a42c34}
/* ID cards ask no birth day: the number field takes the room (Naris). */
@media(min-width:651px){.form-grid:has(.field-day[hidden]){grid-template-columns:minmax(0,1fr) 70px}.form-grid:has(.field-day[hidden]) .field-number{border-right:0}}
.field-day[hidden]{display:none}

/* Charts grow in on scroll (playOnView). */
.will-play .chart-bar{transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(0)}
.will-play.is-in .chart-bar{transform:scaleY(1);transition:transform .55s cubic-bezier(.2,.8,.25,1) calc(var(--i) * 28ms)}
.will-play.is-in .chart-bar.current{transition:transform .6s cubic-bezier(.3,1.6,.5,1) calc(var(--i) * 28ms + .1s)}
.will-play :is(.chart-pin,.chart-pin-text,.chart-pin-line,.chart-pin-dot){opacity:0;transform:translateY(-10px)}
.will-play.is-in :is(.chart-pin,.chart-pin-text,.chart-pin-line,.chart-pin-dot){opacity:1;transform:none;transition:opacity .35s ease 1s,transform .45s cubic-bezier(.3,1.5,.5,1) 1s}
.will-play .rose-petal{transform-box:view-box;transform-origin:300px 300px;transform:scale(.24);opacity:0}
.will-play.is-in .rose-petal{transform:none;opacity:1;transition:transform .6s cubic-bezier(.25,1.25,.4,1) calc(var(--i) * 70ms),opacity .25s ease calc(var(--i) * 70ms)}
.will-play :is(.rose-label,.rose-word,.rose-mid){opacity:0}
.will-play.is-in :is(.rose-label,.rose-word,.rose-mid){opacity:1;transition:opacity .4s ease .75s}
.will-play.is-in .rose-petal:is(:hover,:focus-visible){opacity:.82;transition:opacity .15s}
.stack-bar.will-play{clip-path:inset(0 100% 0 0 round 6px)}
.stack-bar.will-play.is-in{clip-path:inset(0 0 0 0 round 6px);transition:clip-path .9s cubic-bezier(.4,0,.2,1)}
.stack-bar.will-play.is-in .seg.is-mine{animation:seg-mine .5s ease 1s}
@keyframes seg-mine{50%{transform:scaleY(1.25)}}
.will-play .donut-seg{stroke-dasharray:0 var(--c)}
.will-play.is-in .donut-seg{stroke-dasharray:var(--len) var(--c);transition:stroke-dasharray calc(var(--part) * 1s) linear calc(var(--at) * 1s)}
.will-play :is(.donut-big,.donut-small){opacity:0}
.will-play.is-in :is(.donut-big,.donut-small){opacity:1;transition:opacity .4s ease .8s}
/* สรุปจากน้องซิกม่า — cream paper, so it reads apart from the navy Sigma box and white panels. */
.wrapup{position:relative;margin-top:34px;padding:34px 36px 26px;border-radius:26px;background:linear-gradient(160deg,#fff6d6 0,#fffbef 45%,#fff 100%);border:1.5px solid #f2dc94;border-top:7px solid var(--yellow);box-shadow:0 18px 42px #081b4e0d}
.wrapup[hidden]{display:none}
.wrapup-hero{display:grid;grid-template-columns:150px 1fr;gap:26px;align-items:center}
.wrapup-figure{position:relative;display:block;align-self:start}.wrapup-figure::after{content:'';position:absolute;left:8%;right:16%;bottom:-9px;height:20px;border-radius:50%;background:radial-gradient(closest-side,#081b4e59,#081b4e24 55%,transparent)}.wrapup-mascot{position:relative;z-index:1;display:block;width:150px;height:auto;margin:-70px 0 0;filter:drop-shadow(0 3px 3px #081b4e1f)}
.wrapup-tag{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0}.wrapup-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 18px 8px 14px;border-radius:999px;background:var(--navy);color:var(--yellow);font-size:1.12rem;font-weight:600;box-shadow:0 6px 16px #081b4e2e}.wrapup-by{color:#7a6320;font-size:.86rem;font-weight:600}
.wrapup h3{margin:10px 0 0;font-size:1.15rem;font-weight:500;color:#3d4866;line-height:1.4}
.wrapup-persona{display:block;margin-top:2px;font-size:clamp(1.7rem,3.4vw,2.6rem);font-weight:600;line-height:1.25;color:var(--navy);letter-spacing:-.02em}
.wrapup-persona::after{content:'';display:block;width:84px;height:6px;margin-top:8px;border-radius:3px;background:var(--yellow)}
.wrapup-lead{margin:6px 0 0 176px;font-size:1.02rem;line-height:1.75;color:#33415e}
.wrapup-lead b{color:var(--navy);background:linear-gradient(transparent 58%,#f6ce4c88 58%)}
.wrapup-cols{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;margin-top:26px}
.wrapup-col{padding:20px;border-radius:18px;background:#fff;border:1px solid #efe4bf}
.wrapup-col[hidden]{display:none}
.wrapup-col h4{margin:0 0 12px;font-size:.98rem;color:var(--navy)}
.wrapup-col.is-self{background:#f6f7fa;border-color:#e3e7ee}
.wrapup-up,.wrapup-self{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.wrapup-up li{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start}
.wrapup-up li.is-empty{grid-template-columns:1fr}
.wrapup-num{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--yellow);color:var(--navy);font-weight:600;font-size:1.1rem}
.wrapup-area{display:block;font-size:.74rem;font-weight:600;color:#8a6a00}
.wrapup-up strong{display:block;margin-top:1px;font-size:1.02rem;color:var(--navy)}
.wrapup-up p,.wrapup-self p{margin:3px 0 0;font-size:.88rem;line-height:1.6;color:#455777}
.wrapup-up p b{color:var(--navy)}
.wrapup-self .wrapup-area{color:#596985}
.wrapup-end{display:flex;align-items:center;gap:14px;margin-top:18px;padding-top:18px;border-top:1px dashed #e6d59c}
.wrapup-end p{flex:1;margin:0;font-size:.92rem;line-height:1.6;color:#33415e}
.wrapup-end p b{color:var(--navy)}
.wrapup-grade{flex:none;display:grid;place-items:center;min-width:52px;height:52px;padding:0 8px;border-radius:15px;font-size:1.35rem;font-weight:600;background:var(--yellow);color:var(--navy)}
.wrapup-grade[data-level=mid]{background:#dfe4ec}
.wrapup-grade[data-level=low]{background:#f6dcdc;color:#8a1f27}
.wrapup-end .fill-button{background:var(--navy);color:#fff;border:0;padding:11px 22px;border-radius:999px;font:inherit;font-weight:600;cursor:pointer}
.wrapup-end .fill-button[hidden]{display:none}
.wrapup.will-play :is(.wrapup-hero,.wrapup-col,.wrapup-end){opacity:0;transform:translateY(14px)}
.wrapup.will-play.is-in :is(.wrapup-hero,.wrapup-col,.wrapup-end){opacity:1;transform:none;transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.25,1)}
.wrapup.will-play.is-in .wrapup-col{transition-delay:.15s}
.wrapup.will-play.is-in .wrapup-col.is-self{transition-delay:.28s}
.wrapup.will-play.is-in .wrapup-end{transition-delay:.4s}
@media(max-width:650px){.wrapup{padding:24px 18px 20px}.wrapup-hero{grid-template-columns:96px 1fr;gap:14px;align-items:start}.wrapup-mascot{width:96px;margin:-48px 0 0}.wrapup-figure::after{height:14px;bottom:-6px}.wrapup-lead{margin:14px 0 0}.wrapup-cols:has(.is-self[hidden]) .wrapup-up{grid-template-columns:1fr}.wrapup-cols{grid-template-columns:1fr}.wrapup-end{flex-wrap:wrap}.wrapup-end .fill-button{width:100%}}
.wrapup-cols:has(.is-self[hidden]){grid-template-columns:1fr}.wrapup-cols:has(.is-self[hidden]) .wrapup-up{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:650px){.wrapup-cols:has(.is-self[hidden]) .wrapup-up{grid-template-columns:1fr}}
.wrapup-lead p{margin:0 0 12px}.wrapup-lead p:last-child{margin-bottom:0}.wrapup-lead p:first-child{font-size:1.08rem}
.reveal-actions .fill-button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.reveal-actions .fill-button svg{flex:none}
.instock{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0 0;padding:18px 22px;border-radius:20px;background:#eefaf3;border:1.5px solid #9fd8b8}
.instock[hidden]{display:none}
.instock-tag{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:#14603f;font-size:1rem}
.instock-tag i{width:10px;height:10px;border-radius:50%;background:#1f9d63;box-shadow:0 0 0 4px #1f9d6322}
.instock p{margin:4px 0 0;color:#26433a;font-size:.92rem;line-height:1.6}
.instock small{display:block;margin-top:2px;color:#5b7a6d;font-size:.78rem}
.instock-actions{display:flex;gap:8px;flex:none}
.instock .fill-button{display:inline-flex;align-items:center;gap:8px;text-decoration:none;padding:11px 20px;font-weight:600}
.instock .clear-button{padding:11px 16px;font-size:.88rem}
@media(max-width:650px){.instock{flex-direction:column;align-items:stretch;padding:16px}.instock-actions{flex-wrap:wrap}.instock .fill-button{flex:1;justify-content:center}}
.grade-block[data-level=top],.wrapup-grade[data-level=top]{background:linear-gradient(135deg,#081B4E 0,#1c2f66 55%,#3a4d8a 100%);color:#F6CE4C;box-shadow:0 0 0 3px #F6CE4C,0 10px 26px #f6ce4c55}
.grade-block[data-level=top] span{color:#fff}
.grade-block[data-level=top] strong{font-size:3.7rem;letter-spacing:-.04em}@media(max-width:650px){.grade-block[data-level=top] strong{font-size:2rem}}
.grade-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}.grade-table-link{color:#596985;font-size:.78rem;text-decoration:underline;text-underline-offset:3px}.grade-table-link:hover{color:var(--navy)}@media(max-width:650px){.grade-wrap{align-items:stretch}.grade-table-link{text-align:right}}
.coverage-line{margin:10px 0 0;font-size:1.05rem;color:var(--navy)}.coverage-line strong{font-size:1.2rem}.coverage-line span{color:var(--muted);font-size:.82rem}.coverage-line a{color:var(--muted);margin-left:4px}
.sigma-list li.has-tag{list-style:none;margin-left:-1.1em}.sigma-tag{display:inline-block;min-width:74px;margin-right:10px;padding:2px 10px;border-radius:999px;background:#ffffff1a;color:#F6CE4C;font-size:.78rem;font-weight:600;text-align:center;vertical-align:2px}
.sigma-list li.has-tag{display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:0}
@media(max-width:650px){.sigma-tag{min-width:0;margin-right:8px;padding:2px 8px;font-size:.7rem}}
@media(max-width:650px){.sigma-list li.has-tag{display:block}.sigma-list li.has-tag .sigma-tag{margin-bottom:4px}.sigma-list li.has-tag .sigma-body{display:block}}
.score-line{display:flex;align-items:baseline;gap:6px;margin:14px 0 0;font-size:1rem;color:var(--muted)}.score-line strong{font-size:2rem;line-height:1;color:var(--navy);font-weight:600}.score-line .score-max{font-size:1.1rem;font-weight:600;color:#596985}.score-line{padding:6px 14px;border-radius:12px;background:#f3f5f9;width:max-content}
.score-line,.coverage-line{display:inline-flex;align-items:baseline;gap:6px;margin:14px 10px 0 0;padding:6px 14px;border-radius:12px;background:#f3f5f9;width:auto;vertical-align:top}.coverage-line[hidden]{display:none}.is-reading .score-line{display:none}
.score-line,.coverage-line{vertical-align:middle;margin:14px 10px 0 0;min-height:48px;box-sizing:border-box}.coverage-line{display:inline-block;padding:12px 14px;line-height:1.5}.score-line{align-items:center}@media(max-width:650px){.score-line,.coverage-line{display:flex;width:100%;margin-right:0}.coverage-line{display:block}}
#taksa-day{white-space:nowrap}
.taksa-missing{margin:12px 0 0;color:var(--muted);font-size:.9rem}
.is-reading .grade-table-link{display:none}
.chip-text{display:grid;text-align:left;line-height:1.25}.area-chip .chip-text small{font-size:.72rem;font-weight:400;color:#6b778f}.area-chip[aria-pressed="true"] .chip-text small{color:#c8d2e5}
.area-chip{border-radius:11px;align-items:flex-start}.area-chip svg{margin-top:2px}
.area-chip{position:relative}
.chip-rank{position:absolute;top:-8px;right:-8px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1.5px dashed #c3cad6;background:#fff;color:var(--navy);font-size:.8rem;font-weight:700;line-height:1}
.area-chip[aria-pressed="true"] .chip-rank{border:0;background:var(--yellow)}
.area-order{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 0;color:var(--muted);font-size:.88rem}
.area-order span{display:inline-flex;align-items:center;gap:5px;color:var(--navy);font-weight:600}
.area-order b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--yellow);font-size:.75rem}
.area-order i{font-style:normal;color:#b9c2d1}
.area-chip:not([aria-pressed="true"]) .chip-rank{color:#b9c2d1;font-weight:600}
.area-order em{font-style:normal;margin-right:4px}
.area-order small{flex-basis:100%;font-size:.8rem;color:#8a95ab}
.area-or{display:flex;align-items:center;gap:12px;margin-top:12px}
.area-or>span{color:#8a95ab;font-size:.85rem}
.area-all{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1.5px dashed #c3cad6;border-radius:11px;background:#fff;color:var(--navy);font:inherit;font-size:.9rem;cursor:pointer}
.area-all small{color:#8a95ab;font-size:.75rem}
.area-all i{width:16px;height:16px;border:1.5px solid #b9c2d1;border-radius:50%;flex:none}
.area-all[aria-pressed="true"]{border-style:solid;border-color:var(--navy);background:var(--navy);color:#fff}
.area-all[aria-pressed="true"] small{color:#c8d2e5}
.area-all[aria-pressed="true"] i{border:0;background:var(--yellow) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%23081b4e' stroke-width='2'/%3E%3C/svg%3E")}
.area-all{text-align:left}
.area-all .chip-text small{font-size:.75rem;color:#8a95ab}
.area-all[aria-pressed="true"] .chip-text small{color:#c8d2e5}
.area-chips.is-balanced .chip-rank{visibility:hidden}
.area-chips .area-or{margin-top:0;margin-left:4px}
.area-chips{align-items:center}
.area-all{gap:8px;padding:8px 12px;border:1.5px solid #dfe3ea;border-radius:11px;align-items:flex-start;font-size:.88rem;font-weight:500}
.area-all svg{width:19px;height:19px;flex:none;margin-top:2px}
.area-all:hover{border-color:#b9c2d1}
.area-all[aria-pressed="true"]{border-color:var(--navy)}
.area-all[aria-pressed="true"] svg{color:var(--yellow)}
.area-or{gap:8px}
.area-or>span{display:flex;align-items:center;gap:8px}
.area-or>span::before,.area-or>span::after{content:'';width:10px;height:1px;background:#d5dbe5}

/* ── plate designer (2026-10-05) ───────────────────────── */
.plate-results{display:grid;gap:22px;margin-top:22px}
.plate-letters h3,.plate-go h3{margin:0 0 12px;font-size:1.05rem;color:var(--navy)}
.plate-roles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.plate-role{display:grid;gap:6px;padding:12px 14px;border:1.5px solid #e3e6ec;border-radius:14px;background:#fff}
.plate-role span{font-size:.8rem;font-weight:600;color:#596985}
.plate-role b{font-size:1.25rem;letter-spacing:.06em;color:var(--navy)}
.plate-role.is-good{border-color:var(--yellow);background:#fffaea}
.plate-role.is-kala{border-color:#f0c4c7;background:#fff5f5}
.plate-role.is-kala b{color:#ad3035;text-decoration:line-through;text-decoration-thickness:1.5px}
.plate-check{margin:12px 0 0;padding:10px 14px;border-radius:12px;font-size:.9rem;line-height:1.55}
.plate-check.is-ok{background:#eef8f1;color:#1d6b3a}
.plate-check.is-warn{background:#fff5f5;color:#ad3035}
.plate-roles-note{margin:10px 0 0;font-size:.78rem;color:#8994a7}
.plate-face{display:inline-flex;align-items:baseline;gap:10px;justify-self:start;padding:6px 16px;border:2.5px solid var(--navy);border-radius:10px;background:#fff;color:var(--navy);font-weight:700;line-height:1.2}
.plate-face span{font-size:1.1rem}
.plate-face span.is-blank{font-size:.8rem;font-weight:600;color:#8994a7}
.plate-face b{font-size:1.6rem;letter-spacing:.08em}
.plate-pick .reveal-actions{display:flex;flex-wrap:wrap;gap:8px}
.plate-go{padding:18px;border-radius:16px;background:#f6f7fa}
.plate-go p{margin:0;font-size:.88rem;line-height:1.6;color:#596985}
.plate-go .plate-go-note{margin:12px 0 0;font-size:.78rem;color:#8994a7}
@media(max-width:650px){.plate-roles{grid-template-columns:1fr 1fr}}
.plate-basis{margin:0;padding:12px 14px;border-radius:12px;background:#f6f7fa;font-size:.84rem;line-height:1.6;color:#596985}
.plate-basis b{color:var(--navy);font-weight:600}
.plate-pick .reveal-actions .fill-button{text-decoration:none}
.plate-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.plate-price{display:grid;justify-items:end;line-height:1.15;color:var(--navy);font-size:.9rem;font-weight:600}
.plate-price small{font-size:.72rem;font-weight:500;color:#8994a7}
.plate-price b{font-size:1.45rem;font-weight:800}
.plate-steps{margin:0 0 14px;padding-left:22px;display:grid;gap:8px;font-size:.88rem;line-height:1.6;color:#596985}
.plate-steps b{color:var(--navy);font-weight:600}
.plate-go-actions{display:flex;flex-wrap:wrap;gap:8px}
.plate-go-actions a{text-decoration:none}
.plate-rounds{display:grid;gap:8px;margin:0 0 14px}
.plate-round{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:12px 16px;border:1.5px solid var(--yellow);border-radius:14px;background:#fffaea;color:var(--navy)}
.plate-round-series{font-weight:700;font-size:1rem}
.plate-round-date{font-size:.95rem;font-weight:600}
.plate-soon{display:inline-block;padding:2px 10px;border-radius:99px;background:var(--navy);color:#fff;font-size:.78rem;font-weight:700}
.pick-plan .plate-soon{padding:1px 8px;font-size:.72rem}
.plate-round-note{margin:2px 0 0;font-size:.78rem;color:#8994a7}
.plate-when{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:8px 12px;border-radius:10px;background:#fff1dc;color:#9a4b00;font-size:.9rem;font-weight:700}
.plate-when svg{flex:none}
.plate-when .plate-soon{background:#c2410c}
#plate-day-error:empty{display:none}
.plate-go-btn{display:inline-flex;align-items:center;gap:8px}
.plate-go{position:relative;padding-right:200px}
.plate-go-sigma{position:absolute;right:18px;bottom:0;width:170px;height:auto;filter:drop-shadow(0 4px 6px #081b4e22)}
.plate-go h3 small{margin-left:6px;font-size:.78rem;font-weight:500;color:#8994a7}
@media(max-width:650px){.plate-go{padding:18px;padding-top:24px}.plate-go-sigma{position:static;display:block;width:110px;margin:-8px auto 4px}}
/* Footer with 4 links (2026-10-05): wraps instead of squeezing words into columns (Naris' phone screenshot). */
.footer-inner{flex-wrap:wrap;padding-block:24px}
.footer-inner p{white-space:nowrap}
.footer-links{flex-wrap:wrap;gap:8px 18px}
.footer-links a{white-space:nowrap}
.footer-links a,.footer-inner .footer-fb{margin-left:0}
.footer-links{margin-left:auto}
@media(max-width:900px){
  .footer-inner{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px 14px;padding-block:28px}
  .footer-inner p{white-space:normal}
  .footer-links{grid-column:1/-1;margin-left:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
  .footer-inner .footer-fb{grid-column:1/-1;justify-self:start}
}
.plate-day-link{display:inline-block;margin-top:10px;color:var(--navy);font-size:.88rem;font-weight:600;text-underline-offset:4px}
/* Phone header (Naris): logo with room above, then the type tabs full width. */
@media(max-width:650px){
  .site-header{display:flex;flex-direction:column;align-items:stretch;gap:12px;min-height:0;padding-block:18px 6px}
  .brand-lockup{justify-self:auto}
  .brand{width:66px}
  .top-nav{width:100%}
  .header-social:empty{display:none}
}
.true-recipe{display:grid;gap:4px;margin-top:4px;padding:10px 12px;border-radius:10px;background:#fff4f4;color:#5b2330;font-size:.84rem;line-height:1.55}
.true-recipe strong{color:#c8102e}

.true-recipe b{color:var(--navy)}
.true-recipe small{color:#8a5a63;font-size:.76rem}