:root{
  --bg:#f7f2e9;--panel:#fffdf9;--ink:#3f2a1d;--muted:#75685d;--line:#e5d8c8;
  --primary:#245c61;--primary-dark:#19464a;--accent:#e89b2e;--soft:#eaf3f2;
  --good:#16815c;--bad:#c44843;--warn:#9b680d;--shadow:0 12px 34px rgba(62,43,29,.08)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,"Noto Sans Thai",sans-serif;color:var(--ink);background:linear-gradient(180deg,#fbf7f0 0,#eef6f5 100%);min-height:100vh}
button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.shell{max-width:1120px;margin:auto;padding:16px}.screen{animation:fade .18s ease}@keyframes fade{from{opacity:.4}to{opacity:1}}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.brand{display:flex;align-items:center;gap:10px;font-weight:900}.brand img{width:58px;height:58px;object-fit:contain}.brand-title{font-size:1.12rem}.tagline{font-size:.8rem;color:var(--muted);font-weight:600}.top-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.user-pill{padding:8px 11px;border-radius:999px;background:var(--soft);font-size:.88rem;font-weight:700}
.card{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow)}.hero{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:24px;padding:34px}.hero img{width:min(300px,100%);justify-self:center}.eyebrow,.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:var(--soft);color:var(--primary);font-size:.8rem;font-weight:800}.hero h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.08;margin:12px 0}.hero p{color:var(--muted);line-height:1.7;font-size:1.03rem}.hero-actions,.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.btn{border:0;border-radius:13px;padding:11px 16px;font-weight:800}.btn.primary{background:var(--primary);color:white}.btn.primary:hover{background:var(--primary-dark)}.btn.accent{background:var(--accent);color:white}.btn.secondary{background:white;color:var(--ink);border:1px solid var(--line)}.btn.ghost{background:transparent;color:var(--primary);border:1px dashed var(--primary)}.btn:disabled{opacity:.52;cursor:not-allowed}
.section-title{margin:28px 0 12px}.section-title h2{margin:0 0 4px}.section-title p{margin:0;color:var(--muted)}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.feature{min-height:145px}.feature .icon{font-size:1.7rem}.feature h3{margin:8px 0}.feature p,.muted{color:var(--muted);line-height:1.55}.subject-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.pick{border:1px solid var(--line);background:#fff;border-radius:16px;padding:15px;text-align:left;color:var(--ink)}.pick:hover,.pick.active{border-color:var(--primary);box-shadow:0 0 0 3px #dcebea}.pick b{display:block;margin-top:5px}.pick span{font-size:.78rem;color:var(--muted)}
.controls{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.controls.two{grid-template-columns:repeat(2,1fr)}label{display:block;color:var(--muted);font-size:.84rem}input,select,textarea{width:100%;margin-top:5px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}.check{display:flex;align-items:flex-start;gap:10px;color:var(--ink)}.check input{width:auto;margin-top:3px}
.auth-wrap{display:grid;grid-template-columns:1fr 1fr;gap:14px}.notice,.status{padding:12px 14px;border-radius:14px;line-height:1.55}.notice{background:var(--soft)}.status{margin-top:12px}.status.ok{background:#e7f5ef;color:var(--good)}.status.err{background:#fff0ef;color:var(--bad)}.status.warn{background:#fff7e6;color:var(--warn)}
.plan{position:relative}.plan.popular{border:2px solid var(--accent)}.plan-price{font-size:2rem;font-weight:900;color:var(--primary)}.plan ul{padding-left:20px;line-height:1.8}.plan-badge{position:absolute;right:14px;top:14px}.locked{opacity:.68}.lock-note{padding:12px;background:#fff5e8;border-radius:12px;color:var(--warn);font-size:.9rem}
.app-layout{display:grid;grid-template-columns:220px 1fr;gap:16px}.sidebar{position:sticky;top:12px;height:max-content}.nav-list{display:grid;gap:7px}.nav-btn{border:1px solid transparent;background:transparent;border-radius:12px;padding:11px 12px;text-align:left;font-weight:750;color:var(--ink)}.nav-btn:hover,.nav-btn.active{background:var(--soft);color:var(--primary);border-color:#d7e8e6}.page{min-width:0}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}.page-head h2{margin:0}.page-head p{margin:3px 0 0;color:var(--muted)}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.metric{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fff}.metric span{font-size:.82rem;color:var(--muted)}.metric strong{display:block;font-size:1.55rem;color:var(--primary);margin-top:3px}.plan-strip{display:flex;justify-content:space-between;gap:12px;align-items:center;background:linear-gradient(135deg,#eaf3f2,#fff6e8);border-radius:18px;padding:16px;margin-bottom:14px}.small{font-size:.82rem}.online-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--good);margin-right:5px}
.mode-tabs{display:flex;gap:8px;flex-wrap:wrap}.mode-btn.active{background:var(--primary);color:white;border-color:var(--primary)}.exam-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.timer{font-size:1.15rem;font-weight:900}.progress{height:10px;border-radius:999px;background:#eee5da;overflow:hidden;margin:14px 0 18px}.bar{height:100%;background:var(--primary)}.topic{color:var(--primary);font-size:.86rem;font-weight:800;margin-bottom:8px}.question{font-size:1.2rem;font-weight:800;line-height:1.55;margin-bottom:16px}.choices{display:grid;gap:10px}.choice{border:1px solid var(--line);background:white;border-radius:14px;padding:13px;text-align:left;color:var(--ink)}.choice.selected{border-color:var(--primary);background:var(--soft)}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}table{border-collapse:collapse;width:100%;min-width:720px}th,td{padding:11px;border-bottom:1px solid var(--line);text-align:left;font-size:.88rem}th{background:#f9f3eb}.me{background:var(--soft);font-weight:800}.empty{text-align:center;padding:30px;color:var(--muted)}.review-item{padding:14px 0;border-top:1px solid var(--line)}.ok{color:var(--good)}.wrong{color:var(--bad)}.footer{text-align:center;color:var(--muted);font-size:.8rem;padding:28px 8px}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero img{max-width:230px}.grid4{grid-template-columns:repeat(2,1fr)}.subject-grid{grid-template-columns:repeat(3,1fr)}.app-layout{grid-template-columns:1fr}.sidebar{position:static}.nav-list{display:flex;overflow:auto}.nav-btn{white-space:nowrap}.metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.shell{padding:10px}.topbar{align-items:flex-start}.brand img{width:48px;height:48px}.hero,.card{padding:16px}.grid2,.grid3,.grid4,.controls,.controls.two,.auth-wrap,.metrics{grid-template-columns:1fr}.subject-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:2rem}.page-head{display:block}}

.count-badge{display:inline-flex;min-width:21px;height:21px;padding:0 6px;align-items:center;justify-content:center;border-radius:999px;background:var(--bad);color:#fff;font-size:.72rem;margin-left:5px}
.admin-toolbar{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap}.admin-toolbar label{min-width:190px}
.request-list{display:grid;gap:12px}.request-card{border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff}.request-card.pending{border-left:5px solid var(--accent)}.request-card.approved{border-left:5px solid var(--good)}.request-card.rejected{border-left:5px solid var(--bad)}
.request-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.request-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 14px;margin-top:10px}.request-actions{display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin-top:13px}.request-actions label{min-width:150px}
.status-pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:.77rem;font-weight:800}.status-pill.pending{background:#fff4dc;color:#8b5b00}.status-pill.approved{background:#e6f5ee;color:var(--good)}.status-pill.rejected{background:#ffedeb;color:var(--bad)}
@media(max-width:620px){.request-head{display:block}.request-meta{grid-template-columns:1fr}.request-actions>*{width:100%}.admin-toolbar label{width:100%}}

.payment-layout{display:grid;grid-template-columns:260px 1fr;gap:22px;align-items:start}.payment-qr{text-align:center;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff}.payment-qr img{width:220px;max-width:100%;display:block;margin:0 auto 10px}.payment-amount{font-size:2rem;font-weight:900;color:var(--primary);margin:6px 0 12px}.slip-preview{max-width:320px;max-height:420px;border:1px solid var(--line);border-radius:14px;object-fit:contain}.payment-card{border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff}.payment-card.pending{border-left:5px solid var(--accent)}.payment-card.approved{border-left:5px solid var(--good)}.payment-card.rejected{border-left:5px solid var(--bad)}.admin-slip{max-width:260px;max-height:360px;border-radius:12px;border:1px solid var(--line);object-fit:contain}.payment-order-id{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.82rem}
@media(max-width:720px){.payment-layout{grid-template-columns:1fr}.payment-qr img{width:190px}}

.payment-stepper{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.payment-step{padding:7px 11px;border-radius:999px;background:#f1ece4;color:var(--muted);font-size:.82rem;font-weight:800}
.payment-step.active{background:var(--primary);color:#fff}
.payment-qr-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:12px}
.payment-qr-actions .btn{display:inline-flex;text-decoration:none;align-items:center;justify-content:center}
.countdown-box{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#fff4dc;border:1px solid #edd39d;border-radius:13px;padding:11px 13px;margin-bottom:12px}
#paymentCountdown{font-size:1.2rem;color:#8b5b00}
.link-button{border:0;background:transparent;color:var(--primary);font-weight:800;text-decoration:underline;cursor:pointer;padding:0}
.payment-instruction{line-height:1.65}
.payment-divider{border:0;border-top:1px solid var(--line);margin:20px 0}
#transferFormSection{animation:paymentReveal .22s ease-out}
@keyframes paymentReveal{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}

.dashboard-insight{display:flex;justify-content:space-between;align-items:center;gap:16px}.analytics-actions{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.analytics-actions label{min-width:135px}.analytics-grid .card{min-width:0}.chart-box{min-height:240px;display:flex;align-items:center;justify-content:center;overflow:hidden}.trend-chart{width:100%;height:auto;min-height:220px}.chart-grid-line{stroke:#e9e2d7;stroke-width:1}.chart-axis-text{fill:#7b746a;font-size:10px}.chart-line{fill:none;stroke:var(--primary);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-point{fill:#fff;stroke:var(--primary);stroke-width:3}.chart-area{fill:color-mix(in srgb,var(--primary) 12%,transparent)}.subject-row,.mode-row,.topic-row{padding:12px 0;border-bottom:1px solid var(--line)}.subject-row:last-child,.mode-row:last-child,.topic-row:last-child{border-bottom:0}.row-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.performance-bar{height:10px;background:#eee8df;border-radius:999px;overflow:hidden}.performance-fill{height:100%;border-radius:inherit;background:var(--primary)}.performance-fill.good{background:var(--good)}.performance-fill.mid{background:var(--accent)}.performance-fill.low{background:var(--bad)}.trend-up{color:var(--good);font-weight:800}.trend-down{color:var(--bad);font-weight:800}.trend-flat{color:var(--muted);font-weight:800}.week-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.week-card{padding:13px;border:1px solid var(--line);border-radius:14px;background:#fff}.week-card strong{font-size:1.35rem;display:block;margin-top:3px}.recommendation-list{display:grid;gap:10px}.recommendation-item{padding:13px;border-radius:14px;background:#f7f3ed;border:1px solid var(--line);line-height:1.55}.topic-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:5px}.mini-pill{font-size:.75rem;padding:3px 7px;border-radius:999px;background:#f1ece4;color:var(--muted)}.empty-chart{padding:30px 12px;text-align:center;color:var(--muted)}
@media(max-width:720px){.dashboard-insight{align-items:flex-start;flex-direction:column}.analytics-actions{width:100%}.analytics-actions .btn,.analytics-actions label{flex:1}.week-compare{grid-template-columns:1fr}}
@media print{header,.sidebar,.analytics-actions,#planStrip,.btn,.notice{display:none!important}.app-layout{display:block!important}.page{display:none!important}#analyticsPage{display:block!important}.card{break-inside:avoid;box-shadow:none!important}.screen{padding:0!important}}

.m4-nav{background:linear-gradient(135deg,#fff4d6,#ffe1a8)!important}.m4-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#35224f,#71448d);color:#fff;overflow:hidden}.m4-hero h2{font-size:clamp(1.55rem,3vw,2.35rem);margin:7px 0}.m4-hero p{margin:0;opacity:.9}.m4-kicker{font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#ffd36a}.m4-bank-badge{min-width:120px;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;color:#4d2a68;box-shadow:0 12px 30px #0003}.m4-bank-badge strong{font-size:2.25rem;line-height:1}.m4-bank-badge span{font-size:.78rem;font-weight:800}.m4-mock-card{border:2px solid #f0bd4b}.m4-subject-pills{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.m4-subject-pills span{padding:6px 10px;border-radius:999px;background:#f4eff7;font-size:.78rem;font-weight:800}.m4-plan-list{display:grid;gap:10px}.m4-plan-list>div{display:grid;grid-template-columns:115px 1fr;gap:10px;padding:10px;border-radius:12px;background:#f7f4f9}.m4-plan-list span{color:var(--muted)}.m4-score-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px}.m4-score-item{padding:10px;border-radius:12px;background:#f7f4f9;text-align:center}.m4-score-item strong{display:block;font-size:1.25rem}.difficulty-tag{display:inline-block;padding:3px 7px;border-radius:999px;background:#f2edf5;font-size:.72rem;font-weight:800;margin-left:5px}@media(max-width:700px){.m4-hero{align-items:flex-start}.m4-bank-badge{min-width:88px}.m4-score-grid{grid-template-columns:repeat(2,1fr)}.m4-plan-list>div{grid-template-columns:1fr}.m4-hero{flex-direction:column}.m4-bank-badge{aspect-ratio:auto;border-radius:18px;width:100%;padding:12px}}

.entrance-hub-section{scroll-margin-top:18px;margin-top:22px}.entrance-eyebrow{display:inline-block;font-size:.78rem;font-weight:900;letter-spacing:.05em;color:#8b5b00;background:#fff1c8;border-radius:999px;padding:6px 10px;margin-bottom:8px}.entrance-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.entrance-track-card{overflow:hidden;position:relative;border:2px solid transparent}.entrance-m1-card{background:linear-gradient(145deg,#f1fbf7,#ffffff);border-color:#9fd6c0}.entrance-m4-card{background:linear-gradient(145deg,#f7f0ff,#ffffff);border-color:#cbb0e6}.entrance-track-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.entrance-track-head h3{font-size:1.45rem;line-height:1.28;margin:5px 0}.entrance-track-head p{margin:0;color:var(--muted)}.entrance-level{font-size:.75rem;font-weight:900;color:var(--primary)}.entrance-number{min-width:74px;height:74px;border-radius:22px;display:grid;place-items:center;font-size:1.45rem;font-weight:950;color:#fff;background:var(--primary);box-shadow:0 10px 24px #0002}.entrance-m4-card .entrance-number{background:#68428a}.entrance-demo-label{font-size:.82rem;font-weight:900;margin:18px 0 9px}.entrance-subject-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.entrance-subject-buttons .btn{background:#fff;border:1px solid var(--line);color:var(--text);font-weight:850}.entrance-subject-buttons .btn:last-child{grid-column:1/-1}.entrance-subject-buttons .btn:hover{border-color:var(--primary);transform:translateY(-1px)}.entrance-fixed-note{margin-top:12px}.entrance-nav{background:linear-gradient(135deg,#e7f8f1,#cdeedf)!important}.m1-hero{background:linear-gradient(135deg,#155f55,#278f7d)}.m1-hero .m4-bank-badge{color:#155f55}@media(max-width:760px){.entrance-hub-grid{grid-template-columns:1fr}.entrance-track-head h3{font-size:1.25rem}.entrance-number{min-width:62px;height:62px}.entrance-subject-buttons{grid-template-columns:1fr 1fr}}


/* Build 008.1 — result gate and exam exit */
.entrance-result-policy{
  display:flex;align-items:center;justify-content:center;gap:10px 18px;
  flex-wrap:wrap;margin:-2px 0 16px;padding:11px 14px;
  border:1px solid #e4d3aa;border-radius:14px;background:#fff8e8;
  color:#604817;text-align:center
}
.entrance-result-policy b{color:#8b5b00}
.entrance-result-policy span{font-size:.86rem}
.exam-heading-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.exam-exit-btn{
  border:0;background:transparent;color:var(--primary);padding:0;
  font:inherit;font-size:.82rem;font-weight:850;cursor:pointer;
  text-decoration:underline;text-underline-offset:3px
}
.exam-exit-btn:hover{opacity:.75}
.result-analysis-box{margin:14px 0}
.result-analysis-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.result-analysis-item{
  padding:13px;border:1px solid var(--line);border-radius:14px;background:#fff
}
.result-analysis-item strong{display:block;margin-bottom:5px}
.result-analysis-item.good{background:#eef9f4;border-color:#b5dfcc}
.result-analysis-item.focus{background:#fff4ef;border-color:#efc1ad}
.result-analysis-item.next{background:#f5f1fb;border-color:#d4c1e8}
.result-analysis-locked{
  padding:15px;border:1px dashed #c49d45;border-radius:14px;
  background:#fff8e7;text-align:center
}
.btn.result-locked{position:relative}
.btn.result-locked::before{content:"🔒 ";font-size:.86em}
.result-gate-modal{
  position:fixed;inset:0;z-index:9999;display:grid;place-items:center;
  padding:18px
}
.result-gate-backdrop{
  position:absolute;inset:0;background:rgba(29,25,20,.58);
  backdrop-filter:blur(4px)
}
.result-gate-card{
  position:relative;width:min(520px,100%);padding:26px;
  border-radius:22px;background:#fffdf9;box-shadow:0 30px 90px #0006;
  text-align:center
}
.result-gate-card h2{margin:7px 0 8px}
.result-gate-card p{line-height:1.65;color:var(--muted)}
.result-gate-icon{font-size:2.8rem;line-height:1;margin-bottom:8px}
.result-gate-benefits{
  display:grid;gap:7px;text-align:left;margin:16px 0;padding:14px;
  background:#f7f3ed;border-radius:14px;font-size:.9rem
}
.result-gate-actions{display:grid;gap:9px;margin-bottom:10px}
#resultScreen.result-gated .metrics,
#resultScreen.result-gated #resultMessage,
#resultScreen.result-gated #trialOfferBox,
#resultScreen.result-gated .actions,
#resultScreen.result-gated #resultAnalysisBox{
  filter:blur(7px);pointer-events:none;user-select:none
}
@media(max-width:720px){
  .result-analysis-grid{grid-template-columns:1fr}
  .exam-head{align-items:flex-start}
  .timer{flex-shrink:0}
}

/* Build 008.6.19: secure receipt, signature and backup tools */
.admin-secure-tools-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:14px;margin-top:14px}
.receipt-signature-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;align-items:center;margin-top:16px}
.signature-preview-wrap{min-height:150px;border:1px dashed #b8cbc7;border-radius:18px;background:#fbfdfc;display:grid;place-items:center;padding:14px}
.signature-preview-wrap img{display:block;max-width:100%;max-height:130px;object-fit:contain}
.admin-backup-card{background:linear-gradient(145deg,#fff,#f5fbf9)}
.receipt-modal{position:fixed;inset:0;z-index:1600;display:grid;place-items:center;padding:18px}
.receipt-modal.hidden{display:none}
.receipt-modal-backdrop{position:absolute;inset:0;background:rgba(17,39,38,.72);backdrop-filter:blur(6px)}
.receipt-modal-shell{position:relative;width:min(980px,100%);max-height:calc(100vh - 36px);overflow:auto;background:#f5f1e8;border-radius:24px;box-shadow:0 28px 80px rgba(0,0,0,.28)}
.receipt-modal-toolbar{position:sticky;top:0;z-index:4;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:14px 18px;background:rgba(255,255,255,.96);border-bottom:1px solid #d9e2e0;backdrop-filter:blur(8px)}
.receipt-modal-toolbar>div:first-child{display:grid;gap:2px}.receipt-modal-toolbar span{font-size:13px;color:#687574}
.receipt-modal-toolbar .actions{margin:0}
.receipt-document{padding:24px}
.receipt-sheet{position:relative;max-width:820px;margin:auto;background:#fff;border-radius:22px;padding:34px 38px;box-shadow:0 15px 40px rgba(48,43,36,.12);border-top:9px solid #176b68;color:#173b3a;overflow:hidden}
.receipt-sample{width:max-content;max-width:100%;margin:0 auto 22px;padding:7px 15px;border-radius:999px;background:#fff3d6;color:#6b4c1d;font-weight:800;text-align:center}
.receipt-void-watermark{position:absolute;inset:42% auto auto 50%;transform:translate(-50%,-50%) rotate(-16deg);font-size:72px;font-weight:1000;color:rgba(181,43,43,.13);border:8px solid rgba(181,43,43,.12);padding:8px 24px;white-space:nowrap;pointer-events:none}
.receipt-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;border-bottom:2px solid #d9e2e0;padding-bottom:22px}
.receipt-brand{font-size:27px;font-weight:900;color:#176b68}.receipt-tag{margin-top:4px;color:#687574}
.receipt-title{text-align:right}.receipt-title h1{margin:0;font-size:27px}.receipt-tax-note{display:inline-block;margin-top:8px;padding:6px 12px;border-radius:999px;background:#f1ecf7;color:#654183;font-weight:800}
.receipt-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0}.receipt-meta span,.receipt-party span,.receipt-payment span{display:block;color:#687574;font-size:13px}.receipt-meta b{display:block;margin-top:4px}
.receipt-parties{display:grid;grid-template-columns:1.35fr .8fr;gap:16px}.receipt-party{padding:18px;border-radius:17px;background:#f4faf8;border:1px solid #cde3de;line-height:1.55}.receipt-party.customer{background:#fcfaf5;border-color:#e9ddc6}.receipt-party h3{margin:0 0 10px;color:#176b68}.receipt-party p{margin:5px 0}
.receipt-items{width:100%;border-collapse:separate;border-spacing:0;margin-top:22px}.receipt-items th{background:#176b68;color:#fff;padding:12px;text-align:left}.receipt-items th:first-child{border-radius:11px 0 0 11px}.receipt-items th:last-child{border-radius:0 11px 11px 0;text-align:right}.receipt-items td{padding:16px 12px;border-bottom:1px solid #d9e2e0}.receipt-items td:last-child{text-align:right;font-weight:800}
.receipt-total{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:20px;padding:18px 20px;border:1px solid #f1d897;border-radius:17px;background:#fff8e8}.receipt-total b{font-size:18px}.receipt-total small{display:block;margin-top:4px;color:#687574}.receipt-amount{font-size:31px;font-weight:900;color:#d98200;white-space:nowrap}
.receipt-payment{margin-top:20px;padding:18px;border-radius:17px;background:#f7f7f8;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}.receipt-payment h3{grid-column:1/-1;margin:0 0 4px;color:#176b68}
.receipt-note,.receipt-void-reason{margin-top:20px;padding:14px 16px;border-radius:14px;line-height:1.6}.receipt-note{background:#f1ecf7;color:#4f3d72}.receipt-void-reason{background:#fff0f0;border:1px solid #e7b8b8;color:#8b2525}
.receipt-foot{display:flex;justify-content:space-between;gap:24px;margin-top:25px;padding-top:17px;border-top:1px solid #d9e2e0;color:#687574;font-size:13px;line-height:1.7}
.receipt-signature{min-width:250px;text-align:center;color:#173b3a}.receipt-signature img{display:block;width:210px;height:78px;object-fit:contain;margin:0 auto -2px}.receipt-signature-space{height:58px}.receipt-signature b,.receipt-signature small{display:block}.receipt-signature small{color:#687574}
@media(max-width:820px){.admin-secure-tools-grid{grid-template-columns:1fr}.receipt-signature-layout{grid-template-columns:1fr}.signature-preview-wrap{min-height:110px}.receipt-modal{padding:0}.receipt-modal-shell{max-height:100vh;border-radius:0}.receipt-document{padding:10px}.receipt-sheet{padding:24px 18px;border-radius:14px}.receipt-head,.receipt-total,.receipt-foot{display:block}.receipt-title{text-align:left;margin-top:16px}.receipt-meta,.receipt-parties,.receipt-payment{grid-template-columns:1fr}.receipt-amount{margin-top:10px}.receipt-signature{margin-top:25px}}
@media print{
  body>.shell{display:block!important;max-width:none!important;margin:0!important;padding:0!important}
  body>.shell>*:not(#receiptModal){display:none!important}
  #receiptModal{display:block!important;position:static!important;padding:0!important}
  .receipt-modal-backdrop,.receipt-modal-toolbar{display:none!important}
  .receipt-modal-shell{display:block!important;max-height:none!important;width:100%!important;overflow:visible!important;background:#fff!important;border-radius:0!important;box-shadow:none!important}
  .receipt-document{padding:0!important}
  .receipt-sheet{max-width:none!important;border-radius:0!important;box-shadow:none!important;padding:20px 26px!important}
}


/* ===== Build 008.2 simplified home ===== */
.home-intro{padding:28px 26px;text-align:center;background:linear-gradient(180deg,#fffdf8,#fff8ed)}
.home-intro h1{font-size:clamp(2.1rem,5vw,3.8rem);line-height:1.08;margin:12px 0 10px;color:#214b43}
.home-intro p{font-size:1.08rem;color:var(--muted);margin:0 auto;max-width:840px}
.entrance-hub-redesign{margin-top:18px}
.entrance-landing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.entrance-landing-card{padding:28px;background:linear-gradient(180deg,#fff,#fcfaf5);border:2px solid #eedec3}
.entrance-landing-card.m1{border-color:#95d4cc;background:linear-gradient(180deg,#fcfffe,#f4fcf9)}
.entrance-landing-card.m4{border-color:#f0c66f;background:linear-gradient(180deg,#fffdf9,#fff5e8)}
.entrance-card-head{display:grid;grid-template-columns:96px 1fr;gap:18px;align-items:center}
.entrance-card-badge{width:96px;height:96px;border-radius:28px;background:#0f7d72;color:#fff;font-size:2rem;font-weight:950;display:grid;place-items:center;box-shadow:0 10px 20px #0f7d7220}
.entrance-card-badge.orange{background:#ef9817;box-shadow:0 10px 20px #ef981720}
.entrance-landing-card h2{margin:0 0 6px;font-size:clamp(2rem,3vw,2.5rem);line-height:1.05;color:#165e55}
.entrance-landing-card.m4 h2{color:#cc7300}
.entrance-landing-card p{margin:0;color:var(--muted);font-size:1.02rem}
.entrance-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.subject-chip{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid #eadfcb;font-size:.92rem;font-weight:800;color:#42545f}
.subject-chip.math{color:#00a0b6}.subject-chip.sci{color:#438f28}.subject-chip.eng{color:#8453c7}.subject-chip.thai{color:#e07a00}.subject-chip.soc{color:#c88100}
.btn.huge{width:100%;padding:17px 18px;border-radius:18px;font-size:1.45rem;justify-content:center}
.entrance-picker{margin-top:16px;padding:24px;background:linear-gradient(180deg,#fffefb,#fff8ef);border:2px solid #f0dfbd}
.entrance-picker-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.entrance-picker-head h3{margin:0 0 5px;font-size:1.6rem}
.entrance-picker-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.entrance-picker-buttons .btn{background:#fff;border:1px solid var(--line);color:var(--text);font-weight:850;padding:14px 16px;font-size:1.02rem}
.entrance-picker-buttons .btn:last-child{grid-column:1/-1}
.home-steps-card,.home-benefits-card{margin-top:18px}
.section-title.compact{margin:0 0 12px}.section-title.compact h2{margin-bottom:0}
.home-steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.home-step-item{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #eee2cc;border-radius:18px;background:#fffdf9}
.home-step-number{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:#fff;font-weight:900;font-size:1.1rem;flex:0 0 auto}
.home-step-item span,.home-benefit-item span{display:block;color:var(--muted);margin-top:4px;font-size:.94rem}
.home-benefits-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.home-benefit-item{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #eee2cc;border-radius:18px;background:#fffdf9}
.benefit-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#fff2de;font-size:1.28rem;flex:0 0 auto}
@media(max-width:900px){.entrance-landing-grid,.home-steps-grid,.home-benefits-card{grid-template-columns:1fr}.entrance-card-head{grid-template-columns:78px 1fr}.entrance-card-badge{width:78px;height:78px;border-radius:24px;font-size:1.7rem}.entrance-landing-card h2{font-size:1.85rem}}
@media(max-width:620px){.home-intro{text-align:left}.entrance-picker-head{display:block}.entrance-picker-buttons{grid-template-columns:1fr}.btn.huge{font-size:1.2rem}.entrance-landing-card{padding:18px}.entrance-card-head{grid-template-columns:66px 1fr;gap:12px}.entrance-card-badge{width:66px;height:66px;border-radius:20px;font-size:1.45rem}.entrance-landing-card h2{font-size:1.55rem}}


/* ===== Build 008.3 professional hero + pricing ===== */
.home-intro{padding:22px 26px 24px}
.home-intro-copy{max-width:760px;margin:0 auto}
.home-intro .eyebrow{margin-bottom:8px}
.home-intro h1{max-width:720px;margin:10px auto 10px;font-size:clamp(1.9rem,4vw,3.15rem);line-height:1.14;letter-spacing:-.02em;text-wrap:balance}
.home-intro p{font-size:1rem;max-width:660px;line-height:1.65}
.pricing-head{text-align:center}
.pricing-head .eyebrow{margin-bottom:10px}
.pricing-head h2{font-size:clamp(1.8rem,3.2vw,2.6rem);margin-bottom:8px}
.pricing-head p{max-width:720px;margin:0 auto;color:var(--muted)}
.plan-showcase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.plan-showcase{padding:24px 22px;background:linear-gradient(180deg,#fffefb,#fff8ef);border:1px solid #eadfcb;box-shadow:0 16px 36px rgba(60,38,18,.07);display:flex;flex-direction:column;min-height:100%}
.plan-showcase.popular{border:2px solid #efb243;box-shadow:0 20px 40px rgba(232,155,46,.18)}
.plan-showcase.free-tier{background:linear-gradient(180deg,#fbfcff,#f6f8fd)}
.plan-showcase.family-tier{background:linear-gradient(180deg,#fffefc,#f7fbfc)}
.plan-topline{min-height:28px;margin-bottom:6px}
.plan-tag{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#e9f4f3;color:var(--primary);font-size:.78rem;font-weight:900}
.plan-tag.highlight{background:#fff2d5;color:#a35b00}
.plan-tag.neutral{background:#eef2f8;color:#4d6075}
.plan-tag.soft{background:#eef5f7;color:#49656d}
.plan-showcase h3{font-size:1.42rem;line-height:1.2;margin:4px 0 8px;color:#2e241b}
.plan-subtitle{min-height:52px;margin:0 0 14px;color:var(--muted);font-size:.95rem;line-height:1.55}
.plan-showcase .plan-price{font-size:2.35rem;line-height:1;color:#1d5d5e;margin:2px 0 14px}
.plan-showcase.popular .plan-price{color:#cc7a08}
.plan-showcase .plan-price .small{font-size:1rem;font-weight:800;color:var(--muted);margin-left:4px}
.plan-showcase ul{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:10px}
.plan-showcase ul li{position:relative;padding-left:24px;line-height:1.55}
.plan-showcase ul li::before{content:"✓";position:absolute;left:0;top:0;color:#16815c;font-weight:900}
.btn.full{width:100%;justify-content:center;margin-top:auto}
.pricing-note{background:linear-gradient(180deg,#eff6f5,#f7fbfa);border:1px solid #d7e8e6}
@media(max-width:1040px){.plan-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-subtitle{min-height:auto}}
@media(max-width:620px){.home-intro{padding:18px}.home-intro h1{font-size:clamp(1.7rem,7vw,2.4rem);max-width:none;text-align:center}.home-intro p{text-align:center}.plan-showcase-grid{grid-template-columns:1fr}}


/* ===== Build 008.3.1 title refine ===== */
.home-intro h1{
  color:#245c61;
  font-size:clamp(1.75rem,3.2vw,2.95rem);
  line-height:1.12;
  white-space:nowrap;
  letter-spacing:-.03em;
}
.home-intro-copy{max-width:1040px}
@media(max-width:900px){
  .home-intro h1{font-size:clamp(1.6rem,4.3vw,2.45rem)}
}
@media(max-width:620px){
  .home-intro h1{white-space:normal;text-wrap:balance;font-size:clamp(1.6rem,7vw,2.15rem)}
}


/* ===== Build 008.3.2 premium polish ===== */
.shell{max-width:1240px;padding:14px 22px 22px}
.premium-topbar{
  position:sticky;top:0;z-index:100;padding:10px 12px;margin:0 -12px 16px;
  background:rgba(251,247,240,.92);backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(229,216,200,.8)
}
.premium-topbar .brand img{width:68px;height:68px}
.premium-topbar .brand-title{font-size:1.18rem;letter-spacing:.01em}
.connection-pill{padding:7px 10px;border-radius:999px;background:#fff;border:1px solid var(--line)}
.guest-actions{display:flex;gap:8px}.header-btn{padding:11px 18px;border-radius:16px}
.premium-hero{padding:30px 28px 32px;border-color:#eadbc4;background:linear-gradient(180deg,#fffdf8 0%,#fff9ef 100%)}
.premium-hero .eyebrow{background:#eaf3f2;color:#1c5d5e;letter-spacing:.035em}
.premium-hero h1{color:#245c61;font-size:clamp(1.75rem,3.1vw,2.9rem);line-height:1.12;white-space:nowrap;letter-spacing:-.035em}
.premium-hero p{color:#745f4e;font-size:1.02rem}
.entrance-landing-grid{gap:20px}
.entrance-landing-card{padding:30px;border-radius:26px;box-shadow:0 18px 42px rgba(58,39,20,.08)}
.entrance-landing-card .btn.huge{display:flex;align-items:center;gap:12px}
.entrance-landing-card .btn.huge span{font-size:1.7rem;line-height:.7;transform:translateY(-1px)}
.home-steps-card,.home-benefits-card{border-radius:22px;box-shadow:0 10px 28px rgba(62,43,29,.06)}
.home-step-item,.home-benefit-item{border-color:#eee1cc;box-shadow:0 4px 14px rgba(62,43,29,.035)}

.membership-showcase-section{margin-top:32px;scroll-margin-top:100px}
.membership-showcase{
  display:grid;grid-template-columns:1.22fr repeat(3,minmax(0,1fr));gap:16px;
  padding:24px;background:linear-gradient(145deg,#fff9ef,#fffdf9);
  border-color:#ecd7b6
}
.membership-intro{padding:14px 12px 10px 4px;display:flex;flex-direction:column}
.membership-intro h2{font-size:clamp(1.65rem,2.5vw,2.25rem);line-height:1.2;margin:12px 0 10px;color:#285951}
.membership-intro p{color:var(--muted);line-height:1.65;margin:0 0 12px}
.membership-benefit-list{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:8px}
.membership-benefit-list li{position:relative;padding-left:23px;font-size:.92rem}
.membership-benefit-list li::before{content:"✓";position:absolute;left:0;color:#16815c;font-weight:900}
.intro-trial-btn{margin-top:auto}
.membership-price-card{
  position:relative;display:flex;flex-direction:column;padding:22px 18px 18px;
  border:1px solid #eadcc7;border-radius:20px;background:#fff;
  box-shadow:0 12px 28px rgba(54,36,18,.07)
}
.membership-price-card.premium-card{border:2px solid #e8a52d;box-shadow:0 17px 34px rgba(232,155,46,.17);transform:translateY(-5px)}
.price-card-label{align-self:flex-start;padding:6px 10px;border-radius:999px;background:#e9f4f3;color:#245c61;font-size:.76rem;font-weight:900;margin-bottom:12px}
.price-card-label.recommended{background:#fff0cc;color:#995800}
.price-card-label.family{background:#eef3fb;color:#345b91}
.membership-price-card h3{margin:0 0 7px;font-size:1.28rem;color:#30251d}
.membership-price-card>p{min-height:66px;margin:0 0 12px;color:var(--muted);font-size:.9rem;line-height:1.55}
.membership-price{font-size:2.25rem;font-weight:950;color:#1f6262;margin:2px 0 14px;white-space:nowrap}
.premium-card .membership-price{color:#c77909}
.membership-price span{font-size:.88rem;color:var(--muted);font-weight:800}
.membership-price-card ul{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:9px}
.membership-price-card li{position:relative;padding-left:21px;font-size:.9rem;line-height:1.45}
.membership-price-card li::before{content:"✓";position:absolute;left:0;color:#16815c;font-weight:900}
.membership-price-card .btn{margin-top:auto;min-height:46px;border-radius:14px}
.membership-extra-note{margin-top:12px;background:#eef6f5;border:1px solid #d6e8e5;text-align:center}

@media(max-width:1100px){
  .membership-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}
  .membership-intro{grid-column:1/-1;padding:8px;text-align:center}
  .membership-intro h2 br{display:none}
  .membership-benefit-list{grid-template-columns:repeat(3,minmax(0,1fr));text-align:left}
  .intro-trial-btn{max-width:280px;margin:0 auto}
  .membership-price-card.premium-card{transform:none}
}
@media(max-width:760px){
  .shell{padding:10px}.premium-topbar{margin:0 -4px 12px;padding:8px 6px;position:static}
  .premium-topbar .brand img{width:54px;height:54px}.connection-pill{display:none}
  .guest-actions{width:100%}.guest-actions .btn{flex:1;padding:10px 12px}
  .premium-hero h1{white-space:normal;text-wrap:balance;font-size:clamp(1.65rem,7vw,2.15rem)}
  .membership-showcase{grid-template-columns:1fr;padding:15px}
  .membership-intro{grid-column:auto;text-align:left}
  .membership-benefit-list{grid-template-columns:1fr}
  .intro-trial-btn{max-width:none;margin-top:0}
  .membership-price-card>p{min-height:auto}
}


/* ===== Build 008.3.3 Thai feature copy + price wording ===== */
.feature h3{line-height:1.35}
.feature-en{font-size:.9em;color:var(--muted);font-weight:700}
.membership-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.membership-price span{font-size:1.05rem;font-weight:800;color:var(--muted)}
#membershipPage .plan-price{font-size:1.55rem;line-height:1.2}


/* ===== Build 008.3.4 Premium ป.1–ม.6 ===== */
.membership-showcase{grid-template-columns:1.15fr repeat(2,minmax(0,1fr))}
.membership-price-card.premium-card ul{gap:8px}
@media(max-width:1040px){.membership-showcase{grid-template-columns:1fr 1fr}.membership-intro{grid-column:1/-1}}
@media(max-width:680px){.membership-showcase{grid-template-columns:1fr}.membership-intro{grid-column:auto}}


/* ===== Build 008.3.5 add Standard ป.4–6 + decorated home ===== */
.hero-with-decor,.decorated-hub{position:relative;overflow:hidden}
.hero-with-decor::before,
.decorated-hub::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 8% 18%, rgba(120,188,178,.10), transparent 18%),
    radial-gradient(circle at 92% 16%, rgba(244,182,74,.10), transparent 18%),
    radial-gradient(circle at 14% 84%, rgba(247,223,181,.22), transparent 16%),
    radial-gradient(circle at 90% 82%, rgba(223,236,233,.22), transparent 18%);
}
.hero-decor,.section-decor{position:absolute;z-index:0;pointer-events:none;opacity:.32;filter:drop-shadow(0 8px 14px rgba(93,70,37,.08));user-select:none}
.hero-with-decor .home-intro-copy,.decorated-hub > *{position:relative;z-index:1}
.decor-book-left{left:34px;top:68px;font-size:3.1rem;transform:rotate(-14deg)}
.decor-star-right{right:82px;top:56px;font-size:2.7rem;color:#efaa2c;opacity:.48}
.decor-pencil-right{right:22px;bottom:34px;font-size:3.2rem;transform:rotate(14deg)}
.decor-star-left{left:120px;top:36px;font-size:2rem;color:#7abeb1;opacity:.48}
.decor-book-float{left:14px;top:104px;font-size:3rem;transform:rotate(-12deg)}
.decor-star-float{right:16px;top:80px;font-size:2.8rem;color:#efaa2c;opacity:.44}
.decor-pencil-float{right:42px;bottom:238px;font-size:3rem;transform:rotate(16deg)}
.home-step-item{gap:14px;padding:16px 16px 16px 14px}
.home-step-visual{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.home-step-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(180deg,#f6fffe,#e8f5f3);border:1px solid #d8ebe8;font-size:1.55rem;box-shadow:0 8px 18px rgba(36,92,97,.08)}
.home-step-number{box-shadow:0 8px 18px rgba(25,88,90,.16)}
.membership-showcase{grid-template-columns:1.05fr repeat(3,minmax(0,1fr))}
.membership-price-card.standard-card:nth-of-type(3){border-color:#eadcc7}
@media(max-width:1160px){.membership-showcase{grid-template-columns:1fr 1fr}.membership-intro{grid-column:1/-1}}
@media(max-width:760px){
  .decor-book-left{left:12px;top:72px;font-size:2.2rem}
  .decor-star-right{right:18px;top:52px;font-size:2rem}
  .decor-pencil-right{right:8px;bottom:18px;font-size:2.3rem}
  .decor-book-float,.decor-star-float,.decor-pencil-float{display:none}
  .home-step-item{align-items:flex-start}
  .home-step-visual{flex-direction:column;gap:8px}
}


/* ===== Build 008.3.6 entrance cards + membership polish ===== */
.entrance-premium-card{isolation:isolate}
.entrance-premium-card::after{
  content:"";position:absolute;right:-46px;top:-52px;width:170px;height:170px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.72),rgba(255,255,255,0));z-index:-1
}
.entrance-card-kicker{font-size:.8rem;font-weight:900;color:#1d6c62;letter-spacing:.02em;margin-bottom:10px}
.entrance-card-kicker.orange-text{color:#c87808}
.shield-badge{border-radius:26px 26px 34px 34px;position:relative;overflow:visible}
.shield-badge::after{content:"";position:absolute;left:16px;right:16px;bottom:-12px;height:28px;background:inherit;clip-path:polygon(0 0,100% 0,50% 100%);z-index:-1}
.shield-badge span{position:relative;z-index:2}
.icon-chips .subject-chip{gap:6px;padding:8px 11px;box-shadow:0 5px 12px rgba(60,40,20,.05)}
.icon-chips .subject-chip>span{font-weight:950;font-size:.98rem}
.entrance-card-note{font-size:.82rem;font-weight:800;color:#7c6755;margin:-4px 0 14px;padding:9px 11px;border-radius:12px;background:rgba(255,255,255,.72);border:1px dashed #e7d8c1}
.entrance-premium-card .btn.huge{box-shadow:0 10px 22px rgba(36,92,97,.18)}
.entrance-premium-card.m4 .btn.huge{box-shadow:0 10px 22px rgba(232,155,46,.22)}

.membership-showcase{align-items:stretch}
.membership-intro{background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,.18));border-radius:18px;padding:18px 16px}
.membership-intro .eyebrow{align-self:flex-start}
.membership-intro h2{font-size:clamp(1.55rem,2.2vw,2.05rem)}
.membership-mini-note{padding:10px 12px;border-radius:12px;background:#fff5df;color:#8b5b00;font-size:.84rem;font-weight:800;margin:0 0 12px}
.membership-price-card{transition:transform .18s ease,box-shadow .18s ease}
.membership-price-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(54,36,18,.11)}
.membership-price-card.premium-card:hover{transform:translateY(-7px)}
.membership-price-card h3{font-size:1.22rem}
.membership-price-card>p{min-height:76px}
.membership-price-card li{font-size:.87rem}
.membership-price-card .btn{font-size:.96rem}
@media(max-width:1100px){.membership-price-card>p{min-height:auto}}
@media(max-width:760px){
  .entrance-card-kicker{margin-bottom:8px}
  .entrance-card-note{font-size:.78rem}
  .shield-badge::after{bottom:-9px;height:22px}
  .membership-intro{padding:15px}
}

/* ===== Build 008.3.7 reference-match home ===== */
.hero-reference{position:relative;margin:8px 0 10px;padding:8px 12px 12px;background:transparent;border:none;box-shadow:none;overflow:visible}
.reference-copy{text-align:center;max-width:none}
.build-pill{display:inline-flex;align-items:center;gap:8px;background:#e8f0f1;color:#285c61;border-radius:999px;padding:8px 14px;font-size:.82rem;font-weight:900;box-shadow:0 8px 18px rgba(36,92,97,.07)}
.hero-reference h1{font-size:clamp(2.1rem,4.8vw,4.15rem);white-space:nowrap;letter-spacing:-.05em;color:#245c61;margin-top:10px}
.hero-reference p{font-size:clamp(1rem,1.3vw,1.2rem);color:#5e5348;margin-top:10px}
.reference-hub{padding-top:8px}
.reference-grid{gap:22px;margin-top:10px}
.reference-card{padding:28px 28px 20px;border:2px solid #8bd2ca;background:rgba(255,255,255,.8);border-radius:30px;box-shadow:0 18px 35px rgba(70,57,38,.08)}
.reference-card.reference-card-orange{border-color:#f1b14f}
.reference-card::after{content:none}
.reference-card-head{align-items:center;grid-template-columns:136px 1fr;gap:26px;margin-bottom:18px}
.reference-card .shield-badge{width:126px;height:126px;border-radius:30px 30px 36px 36px;display:grid;place-items:center;font-size:3rem;font-weight:1000;box-shadow:0 14px 28px rgba(17,89,91,.18);background:linear-gradient(180deg,#18726c 0%,#0f7d7c 100%)}
.reference-card.reference-card-orange .shield-badge{background:linear-gradient(180deg,#f09c1f 0%,#fbab1f 100%);box-shadow:0 14px 28px rgba(222,139,29,.2)}
.reference-card .shield-badge::after{left:22px;right:22px;bottom:-18px;height:36px}
.reference-card .shield-badge span{font-size:3rem;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.12)}
.reference-card h2{font-size:clamp(2rem,2.7vw,3rem);letter-spacing:-.03em;color:#11605d;margin:0 0 8px}
.reference-card.reference-card-orange h2{color:#e58613}
.reference-card p{font-size:1.05rem;color:#5f5248;margin:0}
.reference-chip-row{margin:6px 0 24px;justify-content:flex-start}
.reference-chip-row .subject-chip{font-size:1rem;border-radius:14px;padding:9px 14px;background:#fff;border:1px solid #eee1cc}
.hero-cta{min-height:60px;border-radius:20px;font-size:1.1rem;font-weight:900;box-shadow:0 12px 24px rgba(36,92,97,.18)}
.reference-card-orange .hero-cta{box-shadow:0 12px 24px rgba(232,155,46,.24)}
.reference-steps-card{margin-top:18px;padding:16px 22px 14px;border-radius:26px;background:rgba(255,255,255,.84)}
.reference-steps-card .section-title{margin-bottom:8px}
.reference-steps-card .section-title.compact h2{font-size:2rem;color:#245c61}
.reference-steps-grid{display:grid;grid-template-columns:1fr 48px 1fr 48px 1fr;align-items:center;gap:8px}
.reference-step-item{padding:12px 10px;background:transparent;border:none;box-shadow:none;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px}
.reference-step-item b{font-size:1.05rem;color:#2d352f;display:block;margin-bottom:3px}
.reference-step-item span{color:#6f665d;font-size:.95rem;line-height:1.45}
.step-divider{display:grid;place-items:center;color:#d8cab7;font-size:2.8rem;font-weight:200}
.reference-step-item .home-step-visual{gap:12px}
.reference-step-item .home-step-icon{width:64px;height:64px;border-radius:18px;font-size:1.85rem;background:#f5fffe;border:1px solid #cfe8e5;box-shadow:none}
.reference-step-item .home-step-number{width:44px;height:44px;font-size:1.3rem;background:#0f7a76;border:none;box-shadow:none}
.reference-benefits-card{margin-top:16px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-radius:24px;background:rgba(255,255,255,.84);overflow:hidden}
.reference-benefit-item{padding:22px 24px;border:none;border-right:1px solid #eee3d2;background:transparent;box-shadow:none;display:grid;grid-template-columns:70px 1fr;align-items:center;gap:16px}
.reference-benefit-item:last-child{border-right:none}
.reference-benefit-item .benefit-icon{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:#fff7eb;border:1px solid #ead8bd;font-size:1.85rem}
.reference-benefit-item b{display:block;font-size:1.05rem;color:#245c61;margin-bottom:4px}
.reference-benefit-item span{font-size:.94rem;color:#665a50;line-height:1.5}
.membership-reference-section{margin-top:24px}
.membership-reference-wrap{position:relative;overflow:hidden;padding:26px 22px 24px;border-radius:28px;border:1px solid #ecd9bc;background:linear-gradient(180deg,#fffdf9 0%,#fffaf1 100%)}
.membership-reference-wrap::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 76%, rgba(233,214,182,.16), transparent 16%),radial-gradient(circle at 88% 20%, rgba(167,214,209,.10), transparent 14%)}
.membership-reference-wrap > *{position:relative;z-index:1}
.decor-notebook-bottom{left:16px;bottom:78px;font-size:2.8rem;opacity:.22}
.decor-star-bottom{left:238px;top:24px;font-size:2rem;color:#f1b03f;opacity:.38}
.decor-pencil-bottom{left:74px;top:34px;font-size:2.2rem;opacity:.26;transform:rotate(-18deg)}
.membership-reference-intro{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:center;margin-bottom:18px}
.membership-reference-icon{width:96px;height:96px;border-radius:28px;display:grid;place-items:center;background:#fff8e8;border:1px solid #ebddc7;font-size:3rem;color:#245c61}
.membership-reference-intro h2{margin:0;color:#2e2a25;font-size:2.05rem;line-height:1.05}
.membership-reference-intro p{margin:4px 0 8px;color:#2f2f2f;font-size:1.9rem;font-weight:900;line-height:1.1}
.membership-reference-copy{font-size:1rem;line-height:1.65;color:#6b6159;max-width:740px}
.membership-reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.duration-plan-card{padding:22px 20px 18px;border-radius:24px;background:#fff;border:1px solid #e9dcc8;box-shadow:0 14px 28px rgba(61,47,30,.06);display:flex;flex-direction:column;min-height:240px}
.duration-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}
.duration-pill{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:999px;font-weight:900;font-size:1rem}
.soft-green{background:#ddeeee;color:#245c61}.soft-gold{background:#fff2cf;color:#9a6502}.soft-blue{background:#e7eefc;color:#2b5d98}
.save-badge{padding:7px 12px;border-radius:999px;background:#f0ae34;color:#fff;font-size:.92rem;font-weight:900}.save-badge.blue{background:#4f72dc}
.duration-price{display:flex;align-items:flex-end;gap:10px;margin-bottom:10px;color:#1d6770}
.duration-price strong{font-size:3.15rem;line-height:1;font-weight:1000;letter-spacing:-.04em}
.featured-duration .duration-price strong{color:#8d4d00}.year-card .duration-price strong{color:#1a6279}
.duration-price span{font-size:1.2rem;font-weight:800;color:#6e655f;margin-bottom:6px}
.duration-meta,.duration-was,.duration-save{font-size:1rem;color:#6c635d}
.duration-meta{margin-top:auto;padding-top:4px}.check-inline{color:#3eaf82;font-weight:1000;margin-right:8px}
.duration-was{text-decoration:line-through;opacity:.55;margin-bottom:8px}
.duration-save{display:inline-flex;align-self:flex-start;padding:8px 14px;border-radius:999px;background:#fff2db;color:#a36300;font-weight:900;margin-bottom:18px}
.duration-save.blue-text{background:#ebf1ff;color:#3a5ccc}
.duration-plan-card .btn{margin-top:auto;border-radius:16px;min-height:48px;font-weight:900}
.section-title-after-reference{margin-top:34px}
@media(max-width:1180px){
  .hero-reference h1{white-space:normal}
  .reference-card-head{grid-template-columns:110px 1fr;gap:20px}
  .reference-card .shield-badge{width:104px;height:104px}.reference-card .shield-badge span{font-size:2.45rem}
  .reference-card h2{font-size:2.2rem}
  .membership-reference-grid{grid-template-columns:1fr}
}
@media(max-width:900px){
  .reference-grid,.reference-benefits-card{grid-template-columns:1fr}
  .reference-benefit-item{border-right:none;border-bottom:1px solid #eee3d2}
  .reference-benefit-item:last-child{border-bottom:none}
  .reference-steps-grid{grid-template-columns:1fr;gap:10px}
  .step-divider{display:none}
  .membership-reference-intro{grid-template-columns:1fr;text-align:left}
}
@media(max-width:760px){
  .hero-reference{padding:4px 4px 10px}
  .build-pill{font-size:.72rem;padding:7px 11px}
  .hero-reference h1{font-size:clamp(1.9rem,8vw,2.6rem)}
  .reference-card{padding:20px 18px 18px}
  .reference-card-head{grid-template-columns:82px 1fr;gap:14px}
  .reference-card .shield-badge{width:76px;height:76px;border-radius:22px 22px 28px 28px}.reference-card .shield-badge::after{left:14px;right:14px;bottom:-10px;height:20px}.reference-card .shield-badge span{font-size:1.9rem}
  .reference-card h2{font-size:1.7rem}
  .reference-card p,.reference-chip-row .subject-chip{font-size:.92rem}
  .hero-cta{min-height:52px;font-size:1rem}
  .reference-steps-card .section-title.compact h2{font-size:1.45rem}
  .reference-step-item{grid-template-columns:1fr}
  .reference-step-item .home-step-visual{flex-direction:row}
  .reference-benefit-item{grid-template-columns:56px 1fr;padding:16px}
  .reference-benefit-item .benefit-icon{width:54px;height:54px;font-size:1.5rem}
  .membership-reference-wrap{padding:20px 16px}
  .membership-reference-intro h2{font-size:1.6rem}
  .membership-reference-intro p{font-size:1.45rem}
  .duration-price strong{font-size:2.45rem}
}


/* ===== Build 008.3.8 hybrid home final ===== */
.hybrid-membership-section{margin-top:24px}
.hybrid-membership-section .membership-showcase{background:linear-gradient(145deg,#fff9ef,#fffdf9);border-color:#ecd7b6}
.hybrid-membership-section .membership-price-card{background:#fff}
.hybrid-membership-section .membership-price-card.premium-card{border-color:#e8a52d}
@media(max-width:760px){.hybrid-membership-section{margin-top:18px}}


/* ===== Build 008.3.9 professional UI polish ===== */

.shell{max-width:1220px}
.card{border-radius:24px}
.section-title{margin:40px 0 16px}
.section-title h2{font-size:clamp(1.55rem,2.2vw,2.15rem);line-height:1.22;color:#244f50}
.section-title p{font-size:1rem;line-height:1.72;max-width:860px;color:#6a5e53}
.grid4{gap:16px}
.feature{min-height:188px;padding:24px 22px}
.feature .icon{font-size:2rem}
.feature h3{margin:10px 0 10px;font-size:1.16rem;line-height:1.42;color:#244f50}
.feature p{font-size:.97rem;line-height:1.68}
.feature-en{display:block;font-size:.9rem;margin-top:2px}
.hero-reference{margin-bottom:14px}
.reference-steps-card,.reference-benefits-card,.membership-showcase,.card.trial-card,.auth-card{box-shadow:0 14px 30px rgba(60,43,26,.07)}
.membership-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:26px}
.membership-intro{grid-column:1 / -1;padding:22px 24px;background:linear-gradient(180deg,#fffefb,#fff8ef);border:1px solid #eedfca;border-radius:22px;display:block}
.membership-intro .eyebrow{margin-bottom:10px}
.membership-intro h2{font-size:clamp(1.8rem,2.4vw,2.35rem);margin:6px 0 10px;line-height:1.2}
.membership-intro p{font-size:1rem;line-height:1.75;max-width:920px;margin:0 0 14px}
.membership-benefit-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 14px}
.membership-benefit-list li{font-size:.95rem;line-height:1.6;background:#fff;border:1px solid #eee1cc;border-radius:14px;padding:14px 14px 14px 34px}
.membership-benefit-list li::before{left:14px;top:14px}
.membership-mini-note{display:inline-flex;align-items:center;padding:11px 14px;border-radius:14px;font-size:.92rem;margin:0 0 14px}
.intro-trial-btn{margin-top:0;max-width:260px}
.membership-price-card{padding:24px 22px 22px;border-radius:22px;min-height:100%}
.membership-price-card h3{font-size:1.34rem;line-height:1.35;margin-bottom:8px}
.membership-price-card>p{min-height:82px;font-size:.97rem;line-height:1.68;color:#665b51}
.membership-price{font-size:3rem;gap:10px;margin:6px 0 14px;align-items:flex-end}
.membership-price span{font-size:1.1rem;margin-bottom:6px}
.membership-price-card ul{gap:10px}
.membership-price-card li{font-size:.95rem;line-height:1.62;padding-left:24px}
.membership-price-card .btn{min-height:50px;font-size:1rem}
.membership-extra-note{font-size:.95rem;line-height:1.72;text-align:left;padding:14px 18px}
.section-title-after-reference{margin-top:36px}
#trialSection .card,#authSection .card{padding:24px}
#trialSection .small{font-size:.92rem;line-height:1.7}
label{font-size:.9rem;font-weight:700;color:#5f544a}
input,select,textarea{margin-top:7px;min-height:48px;padding:12px 14px;font-size:1rem;border-radius:14px}
.auth-wrap{gap:18px;align-items:start}
.auth-card h3{margin:0 0 10px;font-size:1.42rem;color:#244f50}
.form-intro{margin:0 0 16px;color:#6c6054;line-height:1.68;font-size:.96rem}
.login-card{background:linear-gradient(180deg,#fffdf9,#ffffff)}
.register-card{background:linear-gradient(180deg,#fffdf9,#fffaf1)}
.auth-card .actions .btn,#trialSection .actions .btn{min-height:50px;padding-inline:20px}
.notice{font-size:.94rem;line-height:1.65}
.footer{font-size:.82rem;padding-top:32px}
@media(max-width:1100px){
  .membership-showcase{grid-template-columns:1fr 1fr}
  .membership-intro{grid-column:1/-1}
  .membership-price-card>p{min-height:auto}
  .membership-benefit-list{grid-template-columns:1fr}
}
@media(max-width:760px){
  .shell{max-width:none}
  .section-title{margin:28px 0 14px}
  .membership-showcase{grid-template-columns:1fr;padding:18px}
  .membership-intro{padding:18px}
  .membership-intro h2{font-size:1.6rem}
  .membership-price{font-size:2.35rem}
  .feature{min-height:auto;padding:20px 18px}
  .feature h3{font-size:1.08rem}
}


/* ===== Build 008.4.0 reference home match ===== */

:root{--bg:#f7f1e5;--panel:#fffdfa;--line:#eadbc4;--primary:#0f706d;--primary-dark:#0c5d5a;--accent:#f1a11e;--soft:#eef7f4;--muted:#6b5f54;--shadow:0 16px 34px rgba(73,56,34,.08)}
body{background:#fbf6ee}
.shell{max-width:1500px;padding:18px 30px 28px}
.premium-topbar{position:static;background:transparent;backdrop-filter:none;border-bottom:1px solid rgba(229,216,200,.95);margin:0 0 22px;padding:10px 4px 14px}
.premium-topbar .brand{gap:14px}.premium-topbar .brand img{width:116px;height:116px}.premium-topbar .brand-title{font-size:1.95rem;font-weight:900;letter-spacing:-.02em}.premium-topbar .tagline{font-size:1rem}
.top-actions{gap:12px}.connection-pill{padding:8px 13px;background:#fff8;border:1px solid #d8ccb9}.header-btn,.top-actions .btn{min-height:58px;padding:14px 28px;border-radius:22px;font-size:1.1rem}
.home-intro{padding:10px 10px 18px;background:transparent;border:none;box-shadow:none}
.home-intro-copy{max-width:1120px}.build-pill{display:none!important}
.home-intro h1{font-size:clamp(3.4rem,4.6vw,5.2rem);line-height:1.02;letter-spacing:-.04em;color:#175f60;white-space:normal;max-width:1160px}
.home-intro p{font-size:1.7rem;line-height:1.45;max-width:980px;color:#5b4f46}
.hero-with-decor .decor-book-left{font-size:4.2rem;left:24px;top:72px;opacity:.28}.hero-with-decor .decor-star-right{font-size:4rem;right:120px;top:70px;opacity:.7}.hero-with-decor .decor-pencil-right{font-size:3.1rem;right:10px;top:156px;opacity:.28}.hero-with-decor .decor-star-left{font-size:2rem;left:145px;top:46px;opacity:.35}
.reference-grid{gap:24px}
.reference-card{padding:32px 32px 24px;border-radius:30px;background:#fffefb}.reference-card-head{grid-template-columns:148px 1fr;gap:30px;margin-bottom:20px}
.reference-card .shield-badge{width:134px;height:134px;border-radius:34px 34px 40px 40px}.reference-card .shield-badge span{font-size:3.2rem}.reference-card h2{font-size:clamp(2.45rem,3.2vw,3.6rem);line-height:1.05;margin-bottom:8px}.reference-card p{font-size:1.25rem;line-height:1.55}.reference-chip-row{gap:10px;margin:18px 0 22px}.reference-chip-row .subject-chip{padding:10px 15px;font-size:1rem}.hero-cta.btn.huge{min-height:74px;border-radius:20px;font-size:2rem;font-weight:900;box-shadow:0 16px 32px rgba(28,95,96,.19)}.reference-card-orange .hero-cta{box-shadow:0 16px 32px rgba(241,161,30,.22)}
.reference-steps-card,.reference-benefits-card{border-radius:28px;background:#fffefb}.section-title.compact h2{font-size:2.2rem;text-align:center;color:#1b5f60;margin-bottom:10px}
.reference-steps-grid{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:18px}.reference-step-item{border:none;background:transparent;padding:10px 8px}.home-step-visual{display:flex;align-items:center;gap:16px}.home-step-number{width:52px;height:52px;font-size:1.35rem}.home-step-icon{width:76px;height:76px;border-radius:18px;border:1px solid #d8ece7;background:#f5fbfa;display:grid;place-items:center;font-size:2rem;box-shadow:0 10px 22px rgba(28,95,96,.08)}.reference-step-item b{display:block;font-size:1.28rem;color:#234f4f;margin-bottom:6px}.reference-step-item span{font-size:1rem}.step-divider{font-size:2.6rem;color:#dfd1bf}
.reference-benefits-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:14px 18px}.reference-benefit-item{padding:18px 20px;border:none;background:transparent;border-right:1px solid #eee0cd}.reference-benefit-item:last-child{border-right:none}.benefit-icon{width:74px;height:74px;font-size:2.2rem}.reference-benefit-item b{display:block;font-size:1.4rem;color:#1f5d5e;margin-bottom:6px}.reference-benefit-item span{font-size:1.03rem;line-height:1.5}
.membership-showcase-section{margin-top:26px}.membership-showcase{display:grid;grid-template-columns:1.2fr repeat(3,minmax(0,1fr));gap:20px;padding:18px;border-radius:34px;background:linear-gradient(180deg,#fff9ef 0%,#fffdf8 100%);border-color:#ecd3ae;align-items:stretch}
.membership-intro{grid-column:auto;background:transparent;border:none;border-radius:24px;padding:28px 24px 24px;position:relative;display:flex;flex-direction:column;justify-content:center;min-height:100%}
.membership-intro::before{content:"📒";position:absolute;left:16px;top:14px;font-size:3rem;opacity:.34}.membership-intro::after{content:"⭐";position:absolute;right:16px;top:18px;font-size:2.3rem;opacity:.56}
.membership-intro .eyebrow{background:#fff0d5;color:#8d6112;align-self:flex-start;font-size:.95rem;padding:9px 14px;margin-bottom:18px}.membership-intro h2{font-size:clamp(2rem,2.3vw,2.7rem);line-height:1.12;color:#2d3128;margin:0 0 12px}.membership-intro p{font-size:1.06rem;line-height:1.8;color:#66594d;max-width:none;margin:0 0 10px}.membership-mini-note{background:transparent;color:#6b5f54;padding:0;font-size:1rem;line-height:1.7;margin:0}.membership-benefit-list,.intro-trial-btn,.membership-extra-note{display:none!important}
.membership-price-card{padding:18px 18px 20px;border-radius:26px;border:1px solid #ead9c0;background:#fff;box-shadow:none}.membership-price-card h3{font-size:1.6rem;line-height:1.2;margin:10px 0 8px;color:#2f261f}.membership-price-card>p{font-size:.98rem;line-height:1.55;min-height:86px;margin-bottom:14px}.price-card-label{display:inline-flex;align-items:center;padding:9px 16px;border-radius:999px;background:#e3f0ea;color:#1d6460;font-size:.95rem;font-weight:800}.price-card-label.recommended{background:#ffe8bf;color:#9b6610}.membership-price{font-size:3.4rem;line-height:1;color:#155f60;margin:4px 0 14px}.premium-card .membership-price{color:#ca7c06}.membership-price span{font-size:1.2rem;margin-left:2px;color:#6d6154}.membership-price-card ul{gap:10px;margin:0 0 20px}.membership-price-card li{font-size:.95rem;line-height:1.58}.membership-price-card .btn{min-height:56px;border-radius:18px;font-size:1.02rem;font-weight:900}.membership-price-card.standard-card .btn{background:#1f6a6d;color:#fff}.membership-price-card.premium-card .btn{background:#eb9f2c;color:#fff}.membership-price-card.standard-card:nth-of-type(3) .price-card-label{background:#dfeef6;color:#3a596d}
.section-title-after-reference{margin-top:30px}.section-title-after-reference h2{font-size:2.15rem}.section-title-after-reference p{font-size:1.05rem;line-height:1.72;max-width:980px}
.grid4{gap:18px}.feature{padding:24px 22px;min-height:180px;border-radius:24px}.feature .icon{font-size:2rem}.feature h3{font-size:1.32rem;line-height:1.4}.feature p{font-size:1rem;line-height:1.68}
@media(max-width:1280px){.membership-showcase{grid-template-columns:1fr 1fr}.membership-intro{grid-column:1/-1}.reference-grid{grid-template-columns:1fr}.reference-steps-grid{grid-template-columns:1fr;gap:12px}.step-divider{display:none}.reference-benefits-card{grid-template-columns:1fr}.reference-benefit-item{border-right:none;border-bottom:1px solid #eee0cd}.reference-benefit-item:last-child{border-bottom:none}}
@media(max-width:900px){.shell{padding:14px}.premium-topbar .brand img{width:82px;height:82px}.premium-topbar .brand-title{font-size:1.4rem}.header-btn,.top-actions .btn{min-height:48px;padding:10px 18px;font-size:.98rem}.home-intro h1{font-size:clamp(2.4rem,7vw,3.8rem)}.home-intro p{font-size:1.12rem}.reference-card h2{font-size:2.2rem}.hero-cta.btn.huge{font-size:1.55rem;min-height:62px}.reference-card-head{grid-template-columns:108px 1fr;gap:20px}.reference-card .shield-badge{width:100px;height:100px}.reference-card .shield-badge span{font-size:2.4rem}}
@media(max-width:620px){.premium-topbar{padding-bottom:10px}.premium-topbar .brand img{width:62px;height:62px}.brand-title{font-size:1.08rem}.tagline{font-size:.8rem}.top-actions{gap:8px}.connection-pill{order:-1}.home-intro{padding:6px 0 14px}.home-intro h1{font-size:clamp(2.05rem,10vw,2.7rem);line-height:1.08}.home-intro p{font-size:1rem}.reference-card{padding:20px 18px}.reference-card-head{grid-template-columns:82px 1fr;gap:14px}.reference-card .shield-badge{width:76px;height:76px}.reference-card .shield-badge span{font-size:1.9rem}.reference-card h2{font-size:1.8rem}.reference-card p{font-size:.96rem}.hero-cta.btn.huge{font-size:1.25rem;min-height:54px}.membership-showcase{grid-template-columns:1fr;padding:14px}.membership-intro{padding:22px 16px}.membership-intro h2{font-size:1.8rem}.membership-price{font-size:2.8rem}.reference-benefit-item{padding:12px 6px 12px 0}.benefit-icon{width:56px;height:56px;font-size:1.6rem}}


/* ===== Build 008.4.1 hero title + membership intro refine ===== */

.hero-reference h1{display:flex;align-items:baseline;justify-content:center;gap:.18em;flex-wrap:wrap}
.hero-title-main{color:#175f60;font-weight:900}
.hero-title-tail{color:#5b3a24;font-size:.88em;font-weight:900;letter-spacing:-.03em}

.membership-showcase{align-items:start}
.membership-intro{
  grid-column:1 / -1 !important;
  position:relative;
  display:grid !important;
  grid-template-columns:130px 1fr;
  gap:24px;
  align-items:center;
  padding:28px 30px 24px;
  border:1px solid #efdcc2;
  border-radius:28px;
  background:linear-gradient(180deg,#fffdf8 0%, #fff8ee 100%);
  box-shadow:0 10px 26px rgba(96,72,41,.05);
}
.membership-intro .eyebrow,.membership-mini-note{display:none !important}
.membership-intro-visual{
  width:118px;height:118px;border-radius:24px;
  background:linear-gradient(180deg,#fff7ea 0%,#fffdf7 100%);
  border:1px solid #efdec8;
  display:flex;align-items:center;justify-content:center;
  position:relative;box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
}
.membership-intro-visual .visual-note{font-size:3.8rem;opacity:.7;filter:saturate(.6)}
.membership-intro-visual .visual-pencil{position:absolute;right:20px;bottom:18px;font-size:2.3rem;opacity:.78;transform:rotate(-12deg)}
.membership-intro-visual .visual-crown{position:absolute;right:18px;top:12px;font-size:1.4rem;color:#edc56a;opacity:.72;transform:rotate(10deg)}
.membership-intro-copy h2{
  margin:0 0 10px;
  font-size:clamp(2rem,2.6vw,2.8rem);
  line-height:1.1;
  color:#2b2a27;
  letter-spacing:-.02em;
}
.membership-intro-copy p{
  margin:0;
  font-size:1.08rem;
  line-height:1.72;
  color:#6a5d51;
  max-width:760px;
}
.membership-floating-star{
  position:absolute;right:22px;top:14px;
  font-size:2.1rem;color:#e6b15f;opacity:.78;
}
@media (max-width: 900px){
  .hero-reference h1{gap:.12em}
  .hero-title-tail{font-size:.92em}
  .membership-intro{grid-template-columns:100px 1fr;padding:22px 20px}
  .membership-intro-visual{width:92px;height:92px}
  .membership-intro-visual .visual-note{font-size:3rem}
}
@media (max-width: 620px){
  .hero-reference h1{display:block;text-align:center}
  .hero-title-main,.hero-title-tail{display:inline}
  .hero-title-tail{font-size:.92em}
  .membership-intro{grid-template-columns:1fr;padding:18px 16px 18px;gap:14px;text-align:left}
  .membership-intro-visual{width:84px;height:84px}
  .membership-intro-copy h2{font-size:1.65rem}
  .membership-intro-copy p{font-size:.98rem;line-height:1.65}
  .membership-floating-star{right:14px;top:10px;font-size:1.7rem}
}


/* ===== Build 008.4.2 six grade packages ===== */
.six-package-showcase{display:block!important;padding:24px!important}
.six-package-showcase .membership-intro{margin-bottom:22px}
.package-level-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:16px 4px 12px;border-bottom:1px solid #eadfce;margin-bottom:16px}
.package-level-heading>div{display:flex;align-items:center;gap:11px}
.package-level-heading h3{margin:0;font-size:1.7rem;color:#1e6261;line-height:1.2}
.package-level-heading p{margin:0;max-width:670px;color:#6d6156;line-height:1.6;text-align:right}
.package-level-icon{font-size:1.8rem}
.secondary-level-heading{margin-top:30px}
.secondary-level-heading h3{color:#4d5573}
.package-level-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.package-level-grid .membership-price-card{min-height:100%;transform:none!important}
.package-level-grid .membership-price-card>p{min-height:76px}
.secondary-card{border-color:#dfe3ed}
.secondary-label{background:#e7edf8!important;color:#3d577f!important}
.primary-premium-card{border-color:#eaa32f!important}
.secondary-premium-card{border-color:#6e87b9!important;box-shadow:0 15px 32px rgba(67,86,126,.12)!important}
.secondary-premium-card .membership-price{color:#4d6696}
.secondary-premium-card .btn{background:#546fa4!important}
.member-package-groups{display:grid;gap:16px}
.member-package-group{padding:20px}
.member-package-group>h3{margin:0 0 14px;color:#245c61}
.member-package-grid .plan{display:flex;flex-direction:column;gap:10px;min-height:190px}
.member-package-grid .plan .btn{margin-top:auto}
@media(max-width:1050px){
  .package-level-grid{grid-template-columns:1fr 1fr}
  .package-level-heading{display:block}
  .package-level-heading p{text-align:left;margin-top:7px}
}
@media(max-width:700px){
  .six-package-showcase{padding:15px!important}
  .package-level-grid{grid-template-columns:1fr}
  .package-level-heading h3{font-size:1.42rem}
  .package-level-grid .membership-price-card>p{min-height:auto}
  .member-package-grid{grid-template-columns:1fr!important}
}


/* ===== Build 008.4.4 simple monthly / yearly packages ===== */
.simple-package-showcase{display:block!important;padding:24px!important}
.simple-package-showcase .membership-intro{margin-bottom:22px}
.package-tier-panel{padding:22px;border:1px solid #eadbc7;border-radius:28px;background:rgba(255,255,255,.72);margin-top:18px}
.secondary-package-panel{border-color:#dce2ef;background:linear-gradient(180deg,rgba(250,252,255,.88),rgba(255,255,255,.78))}
.package-tier-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:2px 2px 18px;margin-bottom:18px;border-bottom:1px solid #eee0cd}
.package-tier-heading>div{display:flex;align-items:center;gap:14px}.package-tier-heading h3{font-size:1.72rem;margin:0 0 4px;color:#1e6261}.secondary-package-panel .package-tier-heading h3{color:#4c5f86}.package-tier-heading p{margin:0;color:#6b6055;line-height:1.55}
.simple-price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1040px;margin:0 auto}
.simple-price-grid .membership-price-card{min-height:100%;padding:24px 24px 22px;transform:none!important}
.simple-price-grid .membership-price-card>p{min-height:54px}.simple-price-grid .membership-price{font-size:3.15rem;display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px}.simple-price-grid .membership-price span{font-size:1.05rem;margin-bottom:6px}
.monthly-card{border-color:#d9e8e4}.yearly-card{border:2px solid #e6a43a!important;box-shadow:0 18px 38px rgba(223,151,43,.13)!important;position:relative;overflow:hidden}.yearly-card::after{content:"";position:absolute;right:-46px;top:-46px;width:120px;height:120px;border-radius:50%;background:rgba(247,190,78,.13)}
.secondary-yearly-card{border-color:#7187b4!important;box-shadow:0 18px 38px rgba(75,94,137,.13)!important}.secondary-yearly-card::after{background:rgba(91,113,162,.12)}
.saving-badge{display:inline-flex;width:max-content;max-width:100%;padding:8px 12px;border-radius:999px;background:#fff3d8;color:#98610d;font-weight:850;font-size:.88rem;margin:-3px 0 14px}.secondary-saving{background:#edf1fa;color:#4e638e}
.secondary-package-btn{border:0;border-radius:18px;padding:13px 18px;font-weight:900;background:#566fa4;color:#fff}.secondary-package-btn:hover{background:#455d91}
.simple-pricing-note{display:block!important;margin-top:14px;text-align:center!important;background:#eef6f4;border-color:#d5e6e2}
.simple-member-groups{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.simple-member-groups .member-package-group{height:100%}.member-group-heading{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.member-group-heading>span{font-size:1.8rem}.member-group-heading h3{margin:0 0 4px!important}.member-group-heading p{margin:0;color:var(--muted);line-height:1.55}.simple-member-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.simple-member-package-grid .plan{min-height:240px}.plan-period{align-self:flex-start;padding:6px 10px;border-radius:999px;background:#e7f2ef;color:#1c6863;font-size:.8rem;font-weight:900}.plan-period.best{background:#fff0ce;color:#9d650b}.plan-period.secondary{background:#e9eef8;color:#4d638e}.secondary-popular{border-color:#6d83b0!important}.admin-fixed-duration{padding:10px 12px;border-radius:12px;background:#f4f0e9;color:#50463c}
@media(max-width:1100px){.simple-member-groups{grid-template-columns:1fr}.simple-price-grid{max-width:none}}
@media(max-width:760px){.simple-package-showcase{padding:15px!important}.package-tier-panel{padding:15px}.simple-price-grid,.simple-member-package-grid{grid-template-columns:1fr!important}.package-tier-heading h3{font-size:1.42rem}.simple-price-grid .membership-price-card>p{min-height:auto}.simple-price-grid .membership-price{font-size:2.55rem}.simple-member-package-grid .plan{min-height:auto}}


/* ===== Build 008.4.5 Question Bank Quality ===== */

.question-quality-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-5px 0 15px;color:var(--muted);font-size:.78rem}
.question-quality-badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#e7f5ef;color:#167357;font-weight:850;border:1px solid #c7e8d9}
.exam-bottom-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}
.exam-bottom-actions .actions{margin-top:0}
.question-report-btn,.review-report-btn{border:0;background:transparent;color:#846f5c;text-decoration:underline;text-underline-offset:3px;padding:7px 4px;font-size:.82rem;font-weight:750}
.question-report-btn:hover,.review-report-btn:hover{color:var(--bad)}
.question-report-btn.report-login-needed{color:#9a8d82}
.review-item-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}
.quality-scope-pill{display:inline-flex;padding:7px 11px;border-radius:999px;background:#fff4dc;color:#8b5b00;font-size:.78rem;font-weight:850}
.quality-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.quality-summary-item{padding:15px;border:1px solid var(--line);border-radius:16px;background:#fff}
.quality-summary-item span{display:block;font-size:.8rem;color:var(--muted)}
.quality-summary-item strong{display:block;font-size:1.65rem;color:var(--primary);margin-top:4px}
.quality-summary-item.good{background:#eef9f4;border-color:#b5dfcc}.quality-summary-item.bad{background:#fff0ef;border-color:#efc0bd}
.quality-bank-list{display:grid;gap:7px;margin-top:12px}.quality-bank-list>div{display:flex;justify-content:space-between;gap:12px;padding:9px 11px;border-radius:11px;background:#f8f4ed;font-size:.84rem}.quality-bank-list span{color:var(--muted)}
.quality-review-warning{margin-top:12px;background:#fff5ed;border:1px solid #efceb7;color:#7c4d2d}.quality-disclaimer{margin-top:10px;background:#fff8e7;border:1px solid #ecd9a8;color:#775c1f}
.question-report-card{border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff}.question-report-card.pending{border-left:5px solid var(--accent)}.question-report-card.resolved{border-left:5px solid var(--good)}.question-report-card.dismissed{border-left:5px solid #83919a}
.question-report-text{padding:11px 12px;background:#f8f4ed;border-radius:12px;margin-top:10px;line-height:1.55;font-weight:700}
@media(max-width:900px){.quality-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.exam-bottom-actions{align-items:stretch}.exam-bottom-actions .actions{width:100%}.exam-bottom-actions .actions .btn{flex:1}.quality-summary-grid{grid-template-columns:1fr}.quality-bank-list>div{display:block}.quality-bank-list span{display:block;margin-top:3px}.review-item-head{align-items:flex-start}.review-report-btn{white-space:nowrap}}


/* ===== Build 008.4.6 trial-first layout ===== */
.trial-priority-section{margin:8px 0 24px;scroll-margin-top:18px}
.trial-priority-section .section-title{margin:0 0 14px;padding:0 4px}
.trial-priority-section .section-title h2{font-size:clamp(2rem,2.8vw,2.75rem);color:#175f60;letter-spacing:-.025em}
.trial-priority-section .section-title p{font-size:1.06rem;max-width:980px}
.trial-priority-section .trial-card{padding:22px 24px;border-radius:26px;background:linear-gradient(180deg,#fffefb 0%,#fffaf2 100%);border:1px solid #ecd7b9;box-shadow:0 14px 30px rgba(60,43,26,.07)}
.trial-priority-section .controls.two{gap:14px}
.trial-priority-section label{font-size:.92rem;font-weight:750;color:#5d5045}
.trial-priority-section select{min-height:52px;border-radius:15px;font-weight:750}
.trial-priority-section #trialAvailability{margin-top:14px!important;padding:13px 16px;border-radius:15px;background:#eaf5f3;color:#234f4f;font-weight:700}
.trial-priority-section .actions{margin-top:14px}
.trial-priority-section #startTrialBtn{min-height:52px;padding:13px 22px;border-radius:15px;font-size:1.02rem}
.trial-priority-section + .entrance-hub-section{margin-top:12px}
@media(max-width:620px){
  .trial-priority-section{margin-top:2px}
  .trial-priority-section .section-title h2{font-size:1.75rem}
  .trial-priority-section .trial-card{padding:16px}
}


/* ===== Build 008.4.7 commercial readiness ===== */
.registration-consents{display:grid;gap:10px;margin-top:14px;padding:14px;border:1px solid #e8dbc8;border-radius:16px;background:#fffaf2}
.inline-policy-link{border:0;background:transparent;color:#146b6a;text-decoration:underline;padding:0;font-weight:850;cursor:pointer}
.commercial-trust-section{margin-top:28px}.commercial-trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.trust-card{display:flex;flex-direction:column;min-height:230px;padding:22px}.trust-card h3{margin:9px 0 7px}.trust-card p{color:var(--muted);line-height:1.65;margin:0 0 15px}.trust-card .btn{margin-top:auto}.trust-icon{font-size:2rem}
.membership-rights-card{background:linear-gradient(135deg,#f1f9f7,#fffaf0)}.membership-rights-card h3{margin-top:0}.membership-rights-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.membership-rights-grid>div{padding:11px 12px;border:1px solid #d8e9e5;border-radius:13px;background:#fff}
.plan.plan-disabled{opacity:.62;filter:saturate(.65)}.plan.plan-disabled::after{content:"ไม่ตรงกับระดับชั้นในโปรไฟล์";display:block;margin-top:10px;padding:8px;border-radius:10px;background:#fff4e2;color:#8a5a05;font-size:.8rem;font-weight:800;text-align:center}.payment-policy-check{margin-top:14px;padding:13px;border:1px solid #ead8be;border-radius:14px;background:#fffaf0}
.membership-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.membership-status-cell{padding:13px;border:1px solid var(--line);border-radius:15px;background:#fff}.membership-status-cell span{display:block;color:var(--muted);font-size:.8rem}.membership-status-cell b{display:block;margin-top:4px;font-size:1.05rem}.membership-summary-actions{display:flex;gap:9px;flex-wrap:wrap}.expiry-warning{margin-top:12px;background:#fff3dd;border:1px solid #efc37d;color:#8a5900}.expiry-expired{margin-top:12px;background:#fff0ef;border:1px solid #e4aba7;color:#a23834}
.plan-strip.expiring{background:linear-gradient(135deg,#fff4d8,#fffaf1);border:1px solid #efc27a}.plan-strip.expired{background:linear-gradient(135deg,#fff0ef,#fff8f6);border:1px solid #e7aaa5}
.support-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.support-contact-card{display:flex;gap:14px;align-items:center}.support-contact-card h3{margin:0 0 4px}.support-contact-card p{margin:0 0 5px}.support-contact-card .btn{margin-left:auto;flex-shrink:0}.support-contact-icon{font-size:2rem}.support-doc-actions{display:flex;gap:7px;flex-wrap:wrap;margin-left:auto}.support-doc-actions .btn{margin-left:0;padding:8px 10px}.support-ticket-card{padding:15px;border:1px solid var(--line);border-radius:16px;background:#fff}.support-ticket-card.pending{border-left:5px solid var(--accent)}.support-ticket-card.resolved{border-left:5px solid var(--good)}.support-ticket-card.closed{border-left:5px solid #8893a0}.support-ticket-message{margin:10px 0;padding:11px;border-radius:12px;background:#f8f4ee;line-height:1.6}.support-resolution{margin-top:10px;padding:11px;border-radius:12px;background:#eaf6f1;color:#176548}details{border-top:1px solid var(--line);padding:12px 0}details:first-of-type{border-top:0}summary{cursor:pointer;font-weight:850;color:#245c61}details p{color:var(--muted);line-height:1.65}
.commercial-footer{display:grid;gap:9px;padding:26px 12px 18px}.footer-links{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.footer-links button{border:0;background:transparent;color:#245c61;text-decoration:underline;font-weight:800;cursor:pointer}
.legal-modal{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:18px}.legal-modal-backdrop{position:absolute;inset:0;background:rgba(31,27,22,.62);backdrop-filter:blur(5px)}.legal-modal-card{position:relative;width:min(920px,100%);max-height:min(88vh,900px);display:flex;flex-direction:column;background:#fffdf9;border-radius:26px;box-shadow:0 36px 100px rgba(0,0,0,.35);overflow:hidden}.legal-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px 14px;border-bottom:1px solid var(--line)}.legal-modal-head h2{margin:8px 0 0}.legal-close-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:1.7rem}.legal-tabs{display:flex;gap:7px;padding:12px 24px;overflow:auto;border-bottom:1px solid var(--line);background:#fffaf2}.legal-tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px;font-weight:850;white-space:nowrap}.legal-tabs button.active{background:var(--primary);border-color:var(--primary);color:#fff}.legal-content-wrap{padding:22px 26px 30px;overflow:auto}.legal-content h3{font-size:1.55rem;margin:0 0 4px;color:#245c61}.legal-content h4{margin:20px 0 5px;color:#35291f}.legal-content p{line-height:1.75;color:#62574d}.policy-date{font-size:.84rem;color:var(--muted)!important}.contact-detail-card{display:grid;grid-template-columns:160px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
@media(max-width:1040px){.commercial-trust-grid{grid-template-columns:repeat(2,1fr)}.membership-rights-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.support-contact-grid{grid-template-columns:1fr}.support-contact-card{align-items:flex-start;flex-wrap:wrap}.support-contact-card .btn,.support-doc-actions{margin-left:0}.membership-status-grid{grid-template-columns:repeat(2,1fr)}.legal-modal{padding:8px}.legal-modal-card{max-height:95vh;border-radius:20px}.legal-modal-head{padding:17px 16px 12px}.legal-tabs{padding:10px 14px}.legal-content-wrap{padding:18px 17px 24px}.contact-detail-card{grid-template-columns:1fr;gap:3px}}
@media(max-width:620px){.commercial-trust-grid,.membership-rights-grid,.membership-status-grid{grid-template-columns:1fr}.trust-card{min-height:auto}.registration-consents{padding:12px}.support-contact-card{display:grid;grid-template-columns:auto 1fr}.support-contact-card .btn,.support-doc-actions{grid-column:1/-1}.commercial-footer{text-align:center}}

.support-safety-note{margin:12px 0;padding:10px 12px;border-radius:12px;background:#fff4e2;color:#805710}


/* ===== Build 008.4.8 six-month package + savings percentages ===== */
.three-period-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1320px}
.three-period-grid .membership-price-card{display:flex;flex-direction:column}
.three-period-grid .membership-price-card ul{margin-top:auto}
.halfyear-card{border:2px solid #7ebcaf!important;box-shadow:0 16px 34px rgba(44,120,111,.10)!important;position:relative;overflow:hidden}
.halfyear-card::after{content:"";position:absolute;right:-44px;top:-44px;width:112px;height:112px;border-radius:50%;background:rgba(63,145,133,.10)}
.secondary-halfyear-card{border-color:#91a5d2!important;box-shadow:0 16px 34px rgba(76,96,143,.10)!important}
.secondary-halfyear-card::after{background:rgba(91,113,162,.10)}
.popular-label{background:#dff2ed!important;color:#1e6d65!important}.secondary-halfyear-card .popular-label{background:#e9eef9!important;color:#4d638e!important}
.saving-badge{display:grid!important;gap:2px;border-radius:14px!important;width:100%!important}
.saving-badge b{font-size:1rem}.saving-badge span{font-size:.78rem;font-weight:750}
.halfyear-saving{background:#e9f6f2;color:#176b62}.yearly-saving{background:#fff3d8;color:#98610d}
.secondary-halfyear-card .halfyear-saving,.secondary-saving{background:#edf1fa;color:#4e638e}
.saving-placeholder{min-height:52px;display:flex;align-items:center;color:var(--muted);font-size:.85rem;margin:-3px 0 14px}
.halfyear-btn{border:0;border-radius:18px;padding:13px 18px;font-weight:900;background:#278378;color:#fff}.halfyear-btn:hover{background:#1f6f66}
.secondary-halfyear-btn{border:0;border-radius:18px;padding:13px 18px;font-weight:900;background:#7187b4;color:#fff}.secondary-halfyear-btn:hover{background:#5e74a2}
.three-member-package-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.three-member-package-grid .plan{min-height:270px;display:flex;flex-direction:column}.three-member-package-grid .plan .btn{margin-top:auto}
.halfyear-member-plan{border:2px solid #86bdb3}.secondary-halfyear-member{border-color:#91a5d2}
.plan-period.popular-period{background:#dff2ed;color:#1e6d65}.plan-period.popular-period.secondary{background:#e9eef9;color:#4d638e}
.member-saving-line{margin:10px 0 14px;padding:10px 11px;border-radius:12px;background:#eaf6f2;color:#226b63;font-size:.82rem;line-height:1.45}.member-saving-line.yearly{background:#fff4df;color:#8e5c0b}.member-saving-line.secondary{background:#edf1fa;color:#4e638e}
@media(max-width:1120px){.three-period-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.three-period-grid .yearly-card{grid-column:1/-1;max-width:650px;width:100%;justify-self:center}.three-member-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.three-member-package-grid .popular{grid-column:1/-1;max-width:560px;width:100%;justify-self:center}}
@media(max-width:760px){.three-period-grid,.three-member-package-grid{grid-template-columns:1fr!important}.three-period-grid .yearly-card,.three-member-package-grid .popular{grid-column:auto;max-width:none}.three-member-package-grid .plan{min-height:auto}}


/* ===== Build 008.4.9 business identity + payment receipts ===== */
.provider-transparency-card{margin-top:16px;display:grid;grid-template-columns:76px 1fr auto;gap:18px;align-items:center;background:linear-gradient(135deg,#fffdf8,#f4faf8);border-color:#d8e8e2}
.provider-transparency-icon{width:68px;height:68px;border-radius:20px;display:grid;place-items:center;background:#e9f5f1;font-size:2rem}
.provider-transparency-card h3{margin:8px 0 6px;color:#205e5b}.provider-transparency-card p{margin:0;color:var(--muted)}
.provider-status-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:10px;color:#776b60;font-size:.9rem}.provider-status-pill{display:inline-flex;padding:6px 10px;border-radius:999px;background:#fff0ce;color:#8d5c00;font-weight:850}
.footer-provider-summary{margin-top:6px;font-size:.78rem}.footer-provider-summary a{color:inherit}
.business-readiness-meter{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 17px;border-radius:16px;background:#f7f3ec}.business-readiness-meter b,.business-readiness-meter span{display:block}.business-readiness-meter span{color:var(--muted);font-size:.88rem;margin-top:3px}
.business-readiness-score{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;font-weight:950;font-size:1.1rem}.business-readiness-score.ready{background:#e5f5ed;color:#167052}.business-readiness-score.pending{background:#fff0d7;color:#985f00}
.business-readiness-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.business-readiness-list>div{display:flex;gap:10px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff}.business-readiness-list>div>span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;font-weight:900;flex:0 0 auto}.business-readiness-list .ready>span{background:#e5f5ed;color:#167052}.business-readiness-list .missing>span{background:#fff0d7;color:#985f00}.business-readiness-list b,.business-readiness-list small{display:block}.business-readiness-list small{color:var(--muted);margin-top:3px;line-height:1.45}
.payment-receipt-btn{white-space:nowrap;padding:8px 11px;font-size:.78rem}
.contact-detail-card span{overflow-wrap:anywhere}
@media(max-width:760px){.provider-transparency-card{grid-template-columns:58px 1fr}.provider-transparency-icon{width:54px;height:54px}.provider-transparency-card>.btn{grid-column:1/-1}.business-readiness-list{grid-template-columns:1fr}}


/* ===== Build 008.5.0 Beta launch & security readiness ===== */

.beta-nav{background:linear-gradient(135deg,#f2edff,#e9f8f5)!important;color:#57437c!important}
.beta-build-pill{display:inline-flex;padding:8px 12px;border-radius:999px;background:#eee8fa;color:#5e4683;font-weight:900;font-size:.82rem}
.beta-launch-banner{display:flex;justify-content:space-between;align-items:center;gap:18px;background:linear-gradient(135deg,#f7f1ff,#effaf7);border-color:#d9caec}.beta-launch-banner h3{font-size:1.55rem;margin:8px 0 5px}.beta-launch-banner p{margin:0;color:var(--muted);line-height:1.65}.beta-launch-icon{font-size:4.2rem;filter:drop-shadow(0 12px 18px rgba(81,64,119,.12))}
.beta-grid{align-items:start}.beta-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.beta-card-head h3{margin:0 0 5px}.beta-card-head p{margin:0}
.beta-check-summary{margin:16px 0 10px}.beta-check-score{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px;border-radius:18px;background:#eef8f5}.beta-check-score strong{font-size:2rem;color:#176b68}.beta-check-score.warn{background:#fff7e7}.beta-check-score.warn strong{color:#9b680d}.beta-check-list{display:grid;gap:8px}.beta-check-item{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:14px;background:#fff}.beta-check-item>span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;font-weight:900;flex:0 0 auto}.beta-check-item.ok>span{background:#e6f5ee;color:var(--good)}.beta-check-item.warn>span{background:#fff3dc;color:var(--warn)}.beta-check-item.bad>span{background:#ffedeb;color:var(--bad)}.beta-check-item b{display:block}.beta-check-item small{display:block;color:var(--muted);margin-top:3px;line-height:1.45}
.beta-rating-wrap{margin:16px 0 12px}.beta-rating-wrap>span{display:block;color:var(--muted);font-size:.84rem;margin-bottom:7px}.beta-rating-buttons,.result-rating-buttons{display:flex;gap:7px;flex-wrap:wrap}.beta-rating-buttons button,.result-rating-buttons button{border:1px solid #e0d4c4;background:#fff;border-radius:12px;padding:9px 12px;font-weight:900;color:#7b6a58}.beta-rating-buttons button.active,.result-rating-buttons button.active{border-color:#e8a52d;background:#fff1ce;color:#9a6200;box-shadow:0 0 0 3px rgba(232,165,45,.12)}.beta-privacy-note{padding:10px 12px;border-radius:12px;background:#f7f3ed;margin-top:12px}
.beta-feedback-card{border:1px solid var(--line);border-radius:17px;padding:15px;background:#fff}.beta-feedback-card.pending{border-left:5px solid var(--accent)}.beta-feedback-card.reviewed{border-left:5px solid #6c83bd}.beta-feedback-card.implemented{border-left:5px solid var(--good)}.beta-feedback-card.dismissed{border-left:5px solid var(--bad)}.beta-feedback-stars{font-weight:900;color:#d4880a}.beta-feedback-message{margin:12px 0;padding:12px;border-radius:12px;background:#faf7f1;line-height:1.6}.beta-admin-summary{margin-top:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.beta-admin-summary>div{padding:12px;border-radius:14px;border:1px solid var(--line);background:#fff}.beta-admin-summary span{display:block;color:var(--muted);font-size:.8rem}.beta-admin-summary strong{display:block;font-size:1.35rem;color:var(--primary);margin-top:3px}
.result-beta-feedback{margin:16px 0;padding:16px;border:1px solid #d9caec;border-radius:18px;background:linear-gradient(135deg,#faf7ff,#f4fbf8);display:grid;gap:10px}.result-beta-feedback>div:first-child b{display:block;color:#4f3d72}.result-beta-feedback>div:first-child span{display:block;color:var(--muted);font-size:.88rem;margin-top:3px}.result-beta-feedback textarea{margin:0}.result-beta-feedback.submitted{opacity:.78}.result-beta-feedback.submitted .result-rating-buttons,.result-beta-feedback.submitted textarea,.result-beta-feedback.submitted>button{display:none}
@media(max-width:900px){.beta-admin-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.beta-launch-banner{align-items:flex-start}.beta-launch-icon{font-size:2.8rem}.beta-card-head{display:block}.beta-card-head .btn{margin-top:10px;width:100%}.beta-admin-summary{grid-template-columns:1fr 1fr}.beta-rating-buttons button,.result-rating-buttons button{flex:1;min-width:48px}}


/* ===== Build 008.5.1 Secure Question Delivery ===== */
.question-quality-badge.secure{background:#e9f3f1;color:#155f5c;border:1px solid #bddbd6}


/* ===== Build 008.5.3 Remove Problem Questions ===== */
.content-review-pill{background:#fff2d9;color:#8c5e0b}
.content-audit-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.content-audit-grid>div{padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff}
.content-audit-grid span,.content-audit-grid small{display:block;color:var(--muted);font-size:.78rem}
.content-audit-grid strong{display:block;font-size:1.55rem;color:var(--primary);margin:4px 0}
.content-audit-grid .bad{background:#fff2f0;border-color:#efc2bd}.content-audit-grid .bad strong{color:var(--bad)}
.content-audit-grid .warn{background:#fff8e7;border-color:#edd39b}.content-audit-grid .warn strong{color:var(--warn)}
.content-audit-grid .good{background:#eef9f4;border-color:#b9ddcf}.content-audit-grid .good strong{color:var(--good)}
.content-subject-list{margin-top:12px}
@media(max-width:1000px){.content-audit-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.content-audit-grid{grid-template-columns:repeat(2,1fr)}}


/* ===== Build 008.5.3 remove problem questions ===== */
.content-cleanup-notice,.package-quality-notice{margin-top:10px;background:#fff7e5;border:1px solid #ecd39b;color:#73501a}
.entrance-demo-btn.content-unavailable{opacity:.55;cursor:not-allowed;background:#f1eee8!important;color:#786f64!important}
.quality-clean-ok{background:#e8f6ef;border:1px solid #badfce;color:#176349}


/* ===== Build 008.5.5 Post-Deploy QA & Beta Launch Controls ===== */
.public-launch-banner{margin:8px 0 18px;padding:13px 18px;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #eed2a5;background:#fff7e7;color:#6b4c1d;box-shadow:0 8px 22px rgba(76,56,27,.06)}
.public-launch-banner>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.public-launch-banner b{color:#7a4c08}.public-launch-banner>span{font-size:.82rem;font-weight:900;white-space:nowrap}.public-launch-banner.live{background:#eaf8f2;border-color:#adddca;color:#185f49}.public-launch-banner.live b{color:#185f49}.launch-status-dot{width:10px;height:10px;border-radius:50%;background:#eda21e;box-shadow:0 0 0 5px rgba(237,162,30,.12)}.public-launch-banner.live .launch-status-dot{background:#16815c;box-shadow:0 0 0 5px rgba(22,129,92,.12)}
.backend-health-card{border:1px solid #cfe5df;background:linear-gradient(180deg,#fbfffd,#f4faf8)}.backend-health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.backend-health-grid>div{padding:13px;border:1px solid #d9eae5;border-radius:15px;background:#fff}.backend-health-grid span{display:block;color:var(--muted);font-size:.8rem}.backend-health-grid strong{display:block;margin-top:5px;color:#176b68;font-size:1.05rem}.backend-secure-note{margin-top:12px;background:#e9f7f1;color:#1b634d}.launch-readiness-admin{border-color:#cfe2dc}
@media(max-width:900px){.backend-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.public-launch-banner{align-items:flex-start;flex-direction:column}.backend-health-grid{grid-template-columns:1fr}}


/* ===== Build 008.5.6 Current Quality Report Sync ===== */
.quality-freshness{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;margin-bottom:10px;border-radius:13px;background:#f5f8f7;border:1px solid #dde8e4;font-size:.85rem}.quality-freshness span{color:var(--muted)}
.quality-summary-grid-6{grid-template-columns:repeat(3,minmax(0,1fr))}.quality-summary-item.warn{background:#fff8e8;border-color:#efd39d}.quality-summary-item.warn strong{color:#9b680d}
@media(max-width:900px){.quality-summary-grid-6{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.quality-freshness{display:block}.quality-freshness span{display:block;margin-top:3px}.quality-summary-grid-6{grid-template-columns:1fr}}


/* ===== Build 008.6.0 Original Content Certification ===== */
.originality-pill{background:#eef0fa;color:#4d5681}.originality-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.originality-summary-grid>div{padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff}.originality-summary-grid span{display:block;color:var(--muted);font-size:.78rem}.originality-summary-grid strong{display:block;font-size:1.55rem;color:var(--primary);margin-top:4px}.originality-summary-grid .good{background:#eef9f4;border-color:#b9ddcf}.originality-summary-grid .good strong{color:var(--good)}.originality-summary-grid .warn{background:#fff8e7;border-color:#edd39b}.originality-summary-grid .warn strong{color:var(--warn)}.originality-summary-grid .neutral{background:#f5f5f7}.originality-info{margin-top:12px;background:#eef4fb;border:1px solid #c9d9eb;color:#344e69}.question-origin-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#f3effa;border:1px solid #d9cfea;color:#5b4776;font-size:.76rem;font-weight:800}@media(max-width:900px){.originality-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.originality-summary-grid{grid-template-columns:1fr}}


/* ===== Build 008.6.1 Human Review Workflow ===== */
.human-review-admin{border-color:#c9b9e6;background:linear-gradient(180deg,#fff,#fbf8ff)}
.human-review-pill{background:#efe8fb;color:#62458c}
.human-review-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
.human-review-summary-grid>div{padding:13px;border:1px solid var(--line);border-radius:15px;background:#fff}
.human-review-summary-grid span{display:block;color:var(--muted);font-size:.8rem}.human-review-summary-grid strong{display:block;margin-top:4px;font-size:1.45rem;color:var(--primary)}
.human-review-summary-grid .good strong{color:var(--good)}.human-review-summary-grid .warn strong{color:var(--warn)}.human-review-summary-grid .bad strong{color:var(--bad)}
.human-review-progress{height:10px;margin:10px 0 12px;border-radius:999px;background:#eee7f6;overflow:hidden}.human-review-progress span{display:block;height:100%;background:#7654a8;border-radius:inherit}
.human-review-note{background:#f7f1ff;border:1px solid #ded0ef;color:#513d6d}
.human-review-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;padding:15px;border-radius:18px;background:#f7f3fb;border:1px solid #e5dbf1}
.human-review-actions{align-items:center}.human-review-list{display:grid;gap:14px}.human-review-card{padding:18px;border:1px solid #e1d7ec;border-radius:20px;background:#fff}.human-review-card.approved{border-left:6px solid var(--good)}.human-review-card.needs-edit{border-left:6px solid var(--accent)}.human-review-card.disabled{border-left:6px solid var(--bad)}
.human-review-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.human-review-head h4{margin:9px 0 3px;font-size:1.05rem}.human-review-question{margin:15px 0 10px;font-size:1.08rem;font-weight:850;line-height:1.65;color:#2d251f}
.human-review-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 12px;padding-left:25px}.human-review-choices li{padding:9px 10px;border:1px solid var(--line);border-radius:12px;background:#fffdf9}.human-review-choices li.correct{background:#eaf7f1;border-color:#aad7c1;color:#126347}
.human-review-explanation{padding:12px;border-radius:13px;background:#f3f7fa;line-height:1.6}.human-review-meta{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.human-review-meta span{padding:5px 8px;border-radius:999px;background:#f2edf7;color:#675678;font-size:.76rem}
.human-review-card textarea{background:#fff}.human-review-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.danger-outline{border:1px solid #d7928f!important;color:#a93731!important;background:#fff!important}.danger-outline:hover{background:#fff0ef!important}
@media(max-width:1050px){.human-review-summary-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.human-review-filter-grid,.human-review-summary-grid,.human-review-choices{grid-template-columns:1fr}.human-review-head{display:block}.human-review-head>.status-pill{margin-top:8px}}


/* ===== Build 008.6.2 Balanced Question Set Generator ===== */
.question-quality-badge.balanced{background:#eef8ff;border-color:#9dd8f5;color:#075985}
.balance-pill{background:#eef8ff!important;border-color:#9dd8f5!important;color:#075985!important}
.balance-info{background:#f0f9ff;border-color:#bae6fd;color:#0c4a6e}
.question-balance-admin .quality-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:760px){.question-balance-admin .quality-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.question-quality-badge.curriculum{background:#eef2ff;border-color:#c8d1f5;color:#35458f}
.curriculum-pill{background:#eef2ff;color:#35458f;border-color:#c8d1f5}
.curriculum-gap-list{margin-top:12px;padding:12px;border:1px solid #efd39d;border-radius:14px;background:#fffaf0}
.curriculum-gap-list>b{display:block;margin-bottom:8px}
.curriculum-gap-list>div{display:grid;grid-template-columns:minmax(140px,.55fr) 1fr;gap:10px;padding:7px 0;border-top:1px dashed #e7d5b3;font-size:.84rem}
.curriculum-gap-list>div:first-of-type{border-top:0}
.curriculum-gap-list span{color:var(--muted)}
.curriculum-gap-list strong{font-weight:650}
@media(max-width:620px){.curriculum-gap-list>div{grid-template-columns:1fr;gap:2px}}

.human-review-curriculum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px;border:1px solid #d8e7ff;background:#f8fbff;border-radius:14px;margin:10px 0}
.human-review-curriculum>div{display:flex;flex-direction:column;gap:3px;min-width:0}.human-review-curriculum b{color:#173d72}.human-review-curriculum span:not(.quality-scope-pill){font-size:.82rem;color:#52657e;line-height:1.35}.human-review-curriculum>.quality-scope-pill{grid-column:1/-1;justify-self:start}
@media(max-width:760px){.human-review-curriculum{grid-template-columns:1fr}}

/* Build 008.6.4 — Official Indicator Master & Mapping Verification */
.indicator-verification-admin{border:1px solid #d9cdfd;background:linear-gradient(180deg,#fff 0%,#fbf9ff 100%)}
.indicator-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.indicator-filter-grid{margin-top:14px}
.indicator-search-field{grid-column:span 2}
.indicator-import-box{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:12px 0;padding:12px;border:1px dashed #c9baf4;border-radius:16px;background:#faf8ff}
.indicator-import-box label{min-width:260px;flex:1}
.indicator-verification-list{display:grid;gap:14px}
.indicator-verification-card{border-color:#dcd4f4}
.indicator-verification-card.verified{border-color:#7cd9ad;background:#fbfffd}
.indicator-verification-card.rejected{border-color:#f3a7a7;background:#fffafa}
.indicator-candidate-box{display:grid;grid-template-columns:1fr 1fr .55fr;gap:8px;margin:12px 0}
.indicator-candidate-box>div{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:12px;background:#f5f2ff;border:1px solid #e5ddfb}
.indicator-candidate-box b{font-size:.78rem;color:#5d4a99}
.indicator-candidate-box span{font-weight:800;overflow-wrap:anywhere}
.indicator-topic-list{padding:10px 12px;border-radius:12px;background:#f7f9fc;margin-bottom:12px;line-height:1.6}
.indicator-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.indicator-edit-grid label{margin:0}
.indicator-code-field,.indicator-source-field,.indicator-text-field,.indicator-note-field{grid-column:1/-1}
.indicator-edit-grid input,.indicator-edit-grid select,.indicator-edit-grid textarea{width:100%}
@media(max-width:800px){.indicator-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.indicator-search-field{grid-column:auto}.indicator-candidate-box,.indicator-edit-grid{grid-template-columns:1fr}.indicator-code-field,.indicator-source-field,.indicator-text-field,.indicator-note-field{grid-column:auto}}

.indicator-subject-breakdown{margin-top:12px;border:1px solid #e5def7;border-radius:14px;background:#fff;padding:12px;display:grid;gap:8px}
.indicator-subject-row{display:grid;grid-template-columns:minmax(120px,1.4fr) 1fr 1fr 54px;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;background:#faf8ff;font-size:.88rem}
.indicator-subject-row .good-text{color:#157347;font-weight:800}
@media(max-width:650px){.indicator-subject-row{grid-template-columns:1fr 1fr}.indicator-subject-row span:last-child{text-align:right}}

/* Build 008.6.5 — Simplified Curriculum Compliance & Copyright Guard */
.simplified-compliance-admin{border:1px solid #b7dfc8;background:linear-gradient(180deg,#fff 0%,#f8fffb 100%)}
.compliance-pill{background:#e9f8ef;color:#12683c;border-color:#b9e2c8}
.compliance-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.compliance-filter-grid{margin-top:14px}
.compliance-template-list{display:grid;gap:14px}
.compliance-template-card{border-color:#cfe5d7}
.compliance-template-card.human-required{border-color:#f1cf88;background:#fffdf8}
.compliance-template-card.blocked{border-color:#efaaaa;background:#fff9f9}
.compliance-template-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px;margin:12px 0}
.compliance-template-grid>div{display:flex;flex-direction:column;gap:5px;padding:11px 12px;border:1px solid #dce9e1;border-radius:13px;background:#fbfffd}
.compliance-template-grid b{font-size:.8rem;color:#246441}.compliance-template-grid span{font-weight:750;line-height:1.55}
.compliance-sample-box{padding:12px;border:1px dashed #a9d5bb;border-radius:14px;background:#f7fcf9;display:grid;gap:8px}
.compliance-sample-box>div{padding:9px 10px;border-radius:10px;background:#fff;border:1px solid #e1eee6}
.compliance-sample-box span{font-size:.82rem;color:#557064;font-weight:800}.compliance-sample-box p{margin:4px 0 0;line-height:1.55}
.compliance-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.compliance-review-grid label{margin:0}.compliance-review-grid input,.compliance-review-grid textarea{width:100%}
.compliance-review-grid .check-row{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #dce8e0;border-radius:12px;background:#fff;font-weight:750}
.compliance-review-grid .check-row input{width:auto}.compliance-note-field{grid-column:1/-1}
.advanced-workflow{padding:0;overflow:hidden}.advanced-workflow-summary{list-style:none;cursor:pointer;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#faf8ff}
.advanced-workflow-summary::-webkit-details-marker{display:none}.advanced-workflow-summary span:first-child{display:flex;flex-direction:column;gap:4px}.advanced-workflow-summary small{color:var(--muted);font-weight:600}.advanced-workflow-summary:before{content:"▸";font-size:1.2rem;color:#6b57a5}.advanced-workflow[open]>.advanced-workflow-summary:before{content:"▾"}.advanced-workflow-body{padding:0 20px 20px}
.question-origin-badge.auto{background:#edf8f1;color:#17643b}.question-origin-badge.verified{background:#dcf6e7;color:#0f6a39}.question-origin-badge.review{background:#fff4d9;color:#805b00}
@media(max-width:850px){.compliance-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compliance-template-grid,.compliance-review-grid{grid-template-columns:1fr}.compliance-note-field{grid-column:auto}.advanced-workflow-summary{align-items:flex-start;flex-wrap:wrap}}

/* Build 008.6.6 — Login UX, show password and password recovery */
.auth-form{display:grid;gap:10px}.auth-form>label{margin-top:2px}.auth-form input,.auth-form select{margin-top:0}
.password-field{position:relative}.password-field input{padding-right:92px}.password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:6px 9px;border:1px solid #dfd2c2;border-radius:10px;background:#fffaf2;color:var(--primary);font-size:.78rem;font-weight:850}.password-toggle:hover{background:var(--soft)}.password-toggle:focus-visible,.auth-link:focus-visible{outline:3px solid rgba(36,92,97,.22);outline-offset:2px}
.auth-form-links{display:flex;justify-content:flex-end;margin-top:-2px}.auth-link{border:0;background:transparent;color:var(--primary);padding:4px 0;text-decoration:underline;text-underline-offset:3px;font-size:.88rem;font-weight:800}
.caps-warning{padding:8px 10px;border-radius:10px;background:#fff7e6;color:#8a5900;font-size:.8rem;font-weight:750}
.password-reset-panel{padding:18px;border:1px solid #d6e7e4;border-radius:17px;background:linear-gradient(180deg,#f1f8f7,#fff)}.password-reset-panel h4{margin:4px 0 7px;color:var(--primary);font-size:1.2rem}.password-reset-panel p{margin:0 0 13px;color:var(--muted);line-height:1.6}.password-reset-icon{font-size:1.75rem}.reset-actions{align-items:stretch}.reset-actions .btn{flex:1}.security-note{margin-top:14px!important;padding:10px 12px;border-radius:12px;background:#f7f2e9;font-size:.78rem!important}
.auth-card .status{margin-top:8px}.login-card .actions .btn,.register-card .actions .btn{min-width:150px}
@media(max-width:520px){.password-field input{padding-right:82px}.password-toggle{right:5px;padding-inline:7px}.reset-actions{display:grid}.reset-actions .btn{width:100%}}

/* Build 008.6.7 - Auth Security & QA */
.password-help{margin-top:-4px;color:var(--muted);font-size:.78rem;line-height:1.5}
.reset-cooldown-status{margin-top:9px;padding:8px 10px;border-radius:10px;background:#eef5f4;color:#276361;font-size:.78rem;font-weight:750}
.auth-form button:disabled,.password-reset-panel button:disabled{cursor:not-allowed;opacity:.68}

/* Build 008.6.8 - P.1 Entrance Import */
@media(min-width:1281px){.entrance-landing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.entrance-landing-card.p1{border-color:#b9a5e7;background:linear-gradient(180deg,#fefcff,#f5f0ff)}
.entrance-landing-card.p1 h2{color:#6c43a1}
.entrance-card-badge.p1{background:linear-gradient(145deg,#8060b7,#5f3c92);color:#fff}
.p1-nav{background:linear-gradient(135deg,#f1ebff,#dfd1ff)!important}
.p1-hero{background:linear-gradient(135deg,#543078,#8860ad)}
.p1-hero .m4-bank-badge{color:#65408c}
.subject-chip.iq{background:#f1eaff;color:#684398}

/* Build 008.6.10 - P.1 Skill Game Catalog & Demo Fix */
.p1-game-preview{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0;padding:10px 11px;border:1px solid #d6c6ef;border-radius:15px;background:rgba(255,255,255,.72)}
.p1-game-preview>div{display:flex;flex-direction:column;gap:2px}.p1-game-preview b{color:#5d3b86;font-size:.88rem}.p1-game-preview span{color:#6d617c;font-size:.72rem;line-height:1.35}
.p1-demo-game-btn{padding:8px 11px!important;white-space:nowrap;background:#fff!important;border:1px solid #9c7bc7!important;color:#684398!important;font-size:.76rem!important}
.p1-skill-game-panel{border:1px solid #cbb9e7;background:linear-gradient(135deg,#fff 0%,#f7f1ff 100%)}
.p1-skill-game-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.p1-skill-game-heading>div{display:flex;align-items:flex-start;gap:12px}.p1-skill-game-heading h3{margin:3px 0 4px;color:#5c3686;font-size:1.25rem}.p1-skill-game-heading p{margin:0;color:var(--muted);line-height:1.55}
.p1-game-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#eadfff;font-size:1.55rem;flex:0 0 auto}.p1-game-package-badge{padding:7px 10px;border-radius:999px;background:#e8f7ef;color:#176648;font-size:.76rem;font-weight:850;white-space:nowrap}
.p1-game-access-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:12px;margin-top:14px}.p1-game-access-card{padding:15px;border:1px solid #d8cbea;border-radius:17px;background:#fff}.p1-game-access-card.full{border-color:#cbb1ee;background:#fdfbff}.p1-game-access-card.locked{background:#f7f4f8;border-style:dashed}.p1-game-access-card.locked .p1-game-card-top strong{color:#7f718a}
.p1-game-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:11px}.p1-game-card-top span{padding:4px 7px;border-radius:999px;background:#e7f7ef;color:#16684a;font-size:.72rem;font-weight:850}.p1-game-card-top strong{color:#5f3b8d;font-size:.9rem}.p1-game-stage-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.p1-game-stage-pills button{appearance:none;padding:6px 9px;border:1px solid #d7c4f2;border-radius:999px;background:#f1eaff;color:#684398;font:inherit;font-size:.75rem;font-weight:800;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.p1-game-stage-pills button:hover{transform:translateY(-1px);background:#e7d9ff;box-shadow:0 5px 12px rgba(92,54,134,.13)}.p1-game-stage-pills button:focus-visible{outline:3px solid rgba(104,67,152,.25);outline-offset:2px}.p1-game-access-card p{margin:0 0 12px;color:var(--muted);font-size:.84rem;line-height:1.55}.p1-game-access-card .btn{width:100%}
@media(max-width:760px){.p1-game-preview{align-items:stretch;flex-direction:column}.p1-demo-game-btn{width:100%}.p1-skill-game-heading{display:block}.p1-game-package-badge{display:inline-flex;margin-top:10px}.p1-game-access-grid{grid-template-columns:1fr}.p1-game-card-top{align-items:flex-start;flex-direction:column}}

/* Build 008.6.16 - Conversion UX */
.conversion-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;gap:44px;padding:32px 42px 38px!important;border:1px solid #eadbc4!important;border-radius:36px!important;background:linear-gradient(135deg,#fffdf8 0%,#fff7e8 58%,#f1f8f5 100%)!important;box-shadow:0 20px 48px rgba(69,50,27,.08)!important;overflow:hidden!important}
.conversion-hero .home-intro-copy{max-width:760px;margin:0;text-align:left}.conversion-hero h1{display:block;text-align:left;margin:12px 0 14px;max-width:820px}.conversion-hero .hero-title-main,.conversion-hero .hero-title-tail{display:block}.conversion-hero .hero-title-tail{font-size:.78em;margin-top:5px}.conversion-hero p{margin:0;max-width:690px;text-align:left;font-size:clamp(1.05rem,1.55vw,1.35rem)}
.conversion-eyebrow{background:#e7f4ef!important;color:#17645f!important}.hero-conversion-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:22px}.hero-conversion-actions .btn{min-height:56px;font-size:1.03rem}.hero-trust-line{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px;color:#5f665e;font-size:.82rem;font-weight:800}
.hero-product-demo{position:relative;z-index:2;display:grid;place-items:center;min-height:380px}.demo-phone{position:relative;width:min(330px,100%);height:380px;padding:17px;border:7px solid #2f403d;border-radius:38px;background:#fff;box-shadow:0 24px 50px rgba(42,54,49,.2);overflow:hidden}.demo-phone-bar{display:flex;align-items:center;justify-content:space-between;padding:2px 3px 13px;color:#365b56;font-size:.76rem}.demo-phone-bar span{width:8px;height:8px;border-radius:50%;background:#64b09c}.demo-phone-bar i{width:28px;height:7px;border-radius:999px;background:#d7e5e1}
.demo-screen{position:absolute;inset:52px 17px 38px;display:flex;flex-direction:column;padding:20px;border-radius:24px;background:linear-gradient(180deg,#f7fbf9,#fff);border:1px solid #dcebe6;opacity:0;animation:heroDemoCycle 9s infinite}.demo-screen small{color:#72827d;font-weight:800}.demo-screen strong{margin:6px 0 18px;color:#1d615b;font-size:1.25rem}.demo-screen-one{animation-delay:0s}.demo-screen-two{animation-delay:3s}.demo-screen-three{animation-delay:6s}.demo-level-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}.demo-level-row span{display:grid;place-items:center;min-height:66px;border:1px solid #d9e7e3;border-radius:16px;background:#fff;color:#6f7774;font-weight:900}.demo-level-row .active{background:#176f69;color:#fff;border-color:#176f69;transform:translateY(-4px);box-shadow:0 11px 20px rgba(23,111,105,.2)}
.demo-question-line{height:13px;border-radius:999px;background:#dce9e5;margin:4px 0 15px;width:84%}.demo-answer{padding:10px 12px;border:1px solid #dce7e4;border-radius:12px;margin:5px 0;color:#5e6966;font-weight:800}.demo-answer.active{border-color:#43a68f;background:#e9f7f2;color:#176654}.demo-score-ring{display:grid;place-items:center;width:104px;height:104px;border-radius:50%;margin:0 auto 13px;background:conic-gradient(#37a284 0 78%,#e4eee9 78%);border:10px solid #fff;box-shadow:0 7px 20px rgba(24,103,86,.15);color:#fff;font-size:1.45rem;font-weight:950}.demo-progress{height:9px;border-radius:999px;background:#e4ece8;overflow:hidden}.demo-progress span{display:block;height:100%;background:#e6a23b;border-radius:inherit}.demo-screen-three p{font-size:.82rem!important;line-height:1.6!important;margin:11px 0 0!important;text-align:left!important}.demo-step-dots{position:absolute;left:50%;bottom:18px;display:flex;gap:7px;transform:translateX(-50%)}.demo-step-dots span{width:7px;height:7px;border-radius:50%;background:#aac2bb}
@keyframes heroDemoCycle{0%,27%{opacity:1;transform:translateX(0)}32%,96%{opacity:0;transform:translateX(14px)}97%,100%{opacity:0;transform:translateX(-14px)}}
.product-proof-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:16px 0 30px;border:1px solid #dfd4c5;border-radius:23px;background:#dfd4c5;overflow:hidden;box-shadow:0 10px 26px rgba(63,46,25,.05)}.product-proof-strip>div{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:104px;padding:15px;background:#fffdfa;text-align:center}.product-proof-strip strong{font-size:1.7rem;color:#176e68}.product-proof-strip span{margin-top:4px;color:#706459;font-size:.82rem;font-weight:750}.product-proof-strip>p{grid-column:1/-1;margin:0;padding:9px 14px;background:#f8f2e9;color:#76695f;text-align:center;font-size:.73rem}
.english-adventure-showcase{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px;align-items:center;margin:34px 0;padding:34px;border:1px solid #cdb7e7;border-radius:34px;background:radial-gradient(circle at 90% 10%,#fff1b9 0,transparent 24%),linear-gradient(135deg,#faf5ff,#fffdf6);box-shadow:0 18px 42px rgba(80,51,112,.11)}.english-adventure-copy h2{margin:10px 0 12px;color:#58327d;font-size:clamp(2.05rem,3.6vw,3.4rem);line-height:1.06}.english-adventure-copy h2 span{font-size:.58em;color:#9a661e}.english-adventure-copy>p{color:#675d6e;line-height:1.75;font-size:1.03rem}.english-adventure-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 12px}.english-adventure-actions .btn{font-size:.95rem}.english-package-note{padding:10px 12px;border-radius:13px;background:#e9f6ef;color:#176347;font-size:.82rem;font-weight:850}
.landing-game-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.landing-game-stage{display:flex;flex-direction:column;align-items:center;gap:3px;min-height:118px;padding:11px 6px;border:1px solid #dfd2ea;border-radius:18px;background:#fff;color:#493657;font:inherit;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.landing-game-stage>span{font-size:1.9rem}.landing-game-stage b{font-size:.82rem}.landing-game-stage small{font-size:.67rem;color:#776781}.landing-game-stage.free{border:2px solid #78cba3;background:#f3fcf7}.landing-game-stage.free small{color:#157048;font-weight:900}.landing-game-stage.locked{background:#f7f3f9;filter:saturate(.75)}.landing-game-stage:hover,.landing-game-stage:focus-visible{transform:translateY(-3px);box-shadow:0 10px 20px rgba(75,49,92,.12);outline:0}.landing-game-challenge{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid #cbb1e1;border-radius:17px;background:#654183;color:#fff;font:inherit;text-align:left;cursor:pointer}.landing-game-challenge>span{font-size:2rem}.landing-game-challenge div{display:flex;flex:1;flex-direction:column}.landing-game-challenge small{color:#eadff1}.landing-game-challenge i{font-style:normal}
.analysis-preview-section{margin:34px 0;scroll-margin-top:20px}.analysis-preview-section .section-title{margin-bottom:17px}.analysis-preview-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.analysis-demo-card,.analysis-insight-card{padding:24px;border:1px solid #d8e5df;border-radius:27px;background:#fff;box-shadow:0 13px 32px rgba(45,73,62,.07)}.analysis-demo-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.analysis-demo-head small{color:#687973}.analysis-demo-head h3{margin:4px 0;color:#265e58}.analysis-demo-head>span{padding:6px 9px;border-radius:999px;background:#e7f6ef;color:#176744;font-size:.73rem;font-weight:900}.analysis-demo-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:16px 0}.analysis-demo-metrics>div{padding:11px;border-radius:14px;background:#f2f8f5;text-align:center}.analysis-demo-metrics b{display:block;color:#176e62;font-size:1.25rem}.analysis-demo-metrics span{font-size:.72rem;color:#68756f}.analysis-demo-chart{display:flex;align-items:end;justify-content:space-around;gap:16px;height:170px;padding:20px 20px 0;border-left:1px solid #dfe9e4;border-bottom:1px solid #dfe9e4;background:repeating-linear-gradient(to top,#f2f6f4 0,#f2f6f4 1px,transparent 1px,transparent 42px)}.analysis-demo-chart i{position:relative;display:block;flex:1;max-width:70px;border-radius:10px 10px 0 0;background:#7ebeb0}.analysis-demo-chart i.best{background:#e5a03b}.analysis-demo-chart span{position:absolute;left:50%;top:-21px;transform:translateX(-50%);font-style:normal;font-size:.72rem;font-weight:900}.analysis-insight-card{display:flex;flex-direction:column;gap:12px}.insight-block{padding:15px;border-radius:17px}.insight-block span{display:block;font-size:.75rem;font-weight:900}.insight-block b{display:block;margin:5px 0;color:#30443e}.insight-block p{margin:0;color:#68736f;font-size:.82rem;line-height:1.55}.insight-block.strong{background:#eaf8f1}.insight-block.strong span{color:#146945}.insight-block.practice{background:#fff4df}.insight-block.practice span{color:#8b5b0c}.analysis-insight-card .btn{margin-top:auto}
.package-scope-toggle{display:grid;grid-template-columns:1fr 1fr;gap:6px;max-width:600px;margin:22px auto 15px;padding:6px;border:1px solid #d8dbd5;border-radius:999px;background:#f1f2ef}.package-scope-toggle button{padding:12px 16px;border:0;border-radius:999px;background:transparent;color:#646660;font:inherit;font-weight:900;cursor:pointer}.package-scope-toggle button[aria-selected="true"]{background:#fff;color:#176c67;box-shadow:0 6px 16px rgba(41,64,55,.12)}.package-scope-summary{display:flex;align-items:center;justify-content:center;gap:13px;max-width:920px;margin:0 auto 18px;padding:14px 18px;border:1px solid #dfe5df;border-radius:18px;background:#fff;text-align:left}.package-scope-summary>span{font-size:2rem}.package-scope-summary h3{margin:0 0 3px;color:#245f5a}.package-scope-summary p{margin:0;color:#6c665e;line-height:1.5}.conversion-price-grid{max-width:1320px}
.faq-section{margin:38px 0}.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.faq-list details{border:1px solid #dfd5c7;border-radius:18px;background:#fff;overflow:hidden}.faq-list summary{padding:17px 46px 17px 18px;cursor:pointer;color:#285e59;font-weight:900;position:relative;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:18px;top:13px;font-size:1.5rem;color:#b17b28}.faq-list details[open] summary:after{content:"−"}.faq-list p{margin:0;padding:0 18px 18px;color:#6b625a;line-height:1.7;font-size:.9rem}
.google-auth-card{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:12px;padding:20px 22px;border-color:#d7e4df;background:linear-gradient(135deg,#fff,#f3f9f6)}.google-auth-copy{display:flex;align-items:center;gap:14px}.google-auth-copy h3{margin:0 0 3px;color:#285c57}.google-auth-copy p{margin:0;color:#6c706c;font-size:.86rem}.google-logo,.google-auth-btn>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;color:#4285f4;font-family:Arial,sans-serif;font-weight:900;box-shadow:0 3px 10px rgba(0,0,0,.11)}.google-auth-btn{display:flex;align-items:center;gap:9px;min-height:50px;padding:7px 16px;border:1px solid #cdd8d4;border-radius:14px;background:#fff;color:#37433f;font:inherit;font-weight:850;white-space:nowrap;cursor:pointer}.google-auth-btn>span{width:30px;height:30px;box-shadow:none}.google-auth-btn:hover{border-color:#8eb7a9;box-shadow:0 7px 18px rgba(48,78,67,.1)}.google-auth-btn:disabled{opacity:.65;cursor:not-allowed}.google-auth-card .status{flex-basis:100%}.auth-choice-divider{display:flex;align-items:center;gap:12px;margin:12px 0;color:#81766c;font-size:.78rem;font-weight:800}.auth-choice-divider:before,.auth-choice-divider:after{content:"";height:1px;background:#ded4c7;flex:1}
@media(max-width:980px){.conversion-hero{grid-template-columns:1fr;padding:28px!important}.conversion-hero .home-intro-copy,.conversion-hero h1,.conversion-hero p{margin-left:auto;margin-right:auto;text-align:center}.hero-conversion-actions,.hero-trust-line{justify-content:center}.hero-product-demo{min-height:350px}.demo-phone{height:350px}.english-adventure-showcase{grid-template-columns:1fr}.analysis-preview-grid{grid-template-columns:1fr}.product-proof-strip{grid-template-columns:repeat(2,1fr)}.landing-game-board{grid-template-columns:repeat(4,1fr)}.google-auth-card{align-items:stretch;flex-direction:column}.google-auth-btn{justify-content:center;white-space:normal}}
@media(max-width:680px){.conversion-hero{padding:22px 16px 26px!important;border-radius:26px!important}.conversion-hero h1{text-align:center}.conversion-hero .hero-title-main,.conversion-hero .hero-title-tail{display:inline}.hero-conversion-actions{display:grid}.hero-conversion-actions .btn{width:100%}.hero-trust-line{font-size:.72rem}.hero-product-demo{min-height:320px}.demo-phone{width:285px;height:320px;border-width:5px;border-radius:31px}.demo-screen{inset:47px 13px 34px;padding:16px}.demo-screen strong{font-size:1.05rem}.demo-score-ring{width:82px;height:82px}.product-proof-strip{grid-template-columns:1fr 1fr}.product-proof-strip>div{min-height:92px;padding:11px 7px}.product-proof-strip strong{font-size:1.35rem}.english-adventure-showcase{padding:22px 14px;border-radius:25px}.english-adventure-copy{text-align:center}.english-adventure-actions{display:grid}.landing-game-board{grid-template-columns:repeat(3,1fr)}.landing-game-stage{min-height:106px}.analysis-demo-card,.analysis-insight-card{padding:17px}.analysis-demo-metrics{gap:5px}.analysis-demo-chart{height:145px;gap:8px;padding-inline:10px}.package-scope-toggle{border-radius:20px}.package-scope-toggle button{padding:10px 7px;border-radius:15px;font-size:.8rem}.package-scope-summary{align-items:flex-start}.conversion-price-grid{display:flex!important;gap:12px;max-width:none;overflow-x:auto;padding:4px 4px 16px;scroll-snap-type:x mandatory}.conversion-price-grid .membership-price-card{min-width:min(84vw,350px);scroll-snap-align:center}.faq-list{grid-template-columns:1fr}.google-auth-copy{align-items:flex-start}.google-auth-copy .google-logo{flex:0 0 auto}}
@media(prefers-reduced-motion:reduce){.demo-screen{animation:none}.demo-screen-one,.demo-screen-two{display:none}.demo-screen-three{opacity:1;transform:none}.landing-game-stage{transition:none}}

/* Build 008.6.16 - Private preparation mode and development popup */
.product-positioning-callout{display:flex;align-items:center;gap:18px;margin:-12px 0 30px;padding:20px 24px;border:1px solid #cfe2da;border-radius:22px;background:linear-gradient(135deg,#f3fbf7,#fffaf0);box-shadow:0 10px 25px rgba(37,83,67,.06)}
.positioning-callout-icon{display:grid;place-items:center;width:62px;height:62px;flex:0 0 auto;border-radius:20px;background:#dff3e9;font-size:1.85rem}
.product-positioning-callout span{display:block;margin-bottom:4px;color:#17705f;font-size:.74rem;font-weight:950;letter-spacing:.03em;text-transform:uppercase}
.product-positioning-callout h2{margin:0;color:#245b55;font-size:1.2rem;line-height:1.35}
.product-positioning-callout p{margin:5px 0 0;color:#6b665d;font-size:.86rem;line-height:1.6}
.english-package-note.development-note{background:#fff1d5;color:#885a16}
.private-prep-sales-note{margin-top:11px!important;border-color:#f0cf8f!important;background:#fff7e7!important;color:#79531b!important}
.landing-game-stage.developing,.landing-game-challenge.developing{position:relative}
.landing-game-stage.developing{background:#f7f5f2;filter:saturate(.55)}
.landing-game-stage.developing small{color:#8c6d39;font-weight:850}
.landing-game-stage.developing:after{content:"ยังไม่เปิด";position:absolute;right:7px;top:7px;padding:3px 6px;border-radius:999px;background:#fff4dc;color:#875b18;font-size:.57rem;font-weight:900;opacity:0;transform:translateY(-2px);transition:opacity .16s ease,transform .16s ease}
.landing-game-stage.developing:hover:after,.landing-game-stage.developing:focus-visible:after{opacity:1;transform:none}
.landing-game-challenge.developing{border-color:#d9c59d;background:linear-gradient(135deg,#7a6b56,#9a876d)}
.p1-game-package-badge.development{background:#fff0d1;color:#855a18}.p1-game-access-card.development{border-color:#e5c98e;background:#fffbf1}
.development-modal{position:fixed;inset:0;z-index:12100;display:grid;place-items:center;padding:18px}
.development-backdrop{position:absolute;inset:0;background:rgba(36,25,43,.68);backdrop-filter:blur(6px)}
.development-card{position:relative;width:min(560px,100%);padding:34px 32px 27px;border:1px solid #e2ca99;border-radius:29px;background:radial-gradient(circle at 90% 0,#fff0bc 0,transparent 30%),linear-gradient(145deg,#fff,#fffaf0);box-shadow:0 35px 100px rgba(25,13,34,.38);text-align:center}
.development-card:focus{outline:none}.development-close{position:absolute;right:15px;top:14px;display:grid;place-items:center;width:40px;height:40px;border:1px solid #e0d1b6;border-radius:50%;background:#fff;color:#6b5b43;font-size:1.55rem;line-height:1}
.development-close:hover,.development-close:focus-visible{border-color:#b88739;outline:3px solid rgba(184,135,57,.15)}
.development-icon{display:grid;place-items:center;width:74px;height:74px;margin:0 auto 14px;border-radius:24px;background:#fff0c9;font-size:2.15rem;box-shadow:0 10px 24px rgba(123,85,28,.13)}
.development-card h2{margin:11px 0 8px;color:#6f4a16;font-size:clamp(1.55rem,4vw,2.05rem)}
.development-card>p{max-width:470px;margin:0 auto;color:#6f6658;line-height:1.7}
.development-status-list{display:grid;gap:7px;margin:19px 0;text-align:left}
.development-status-list span{padding:9px 12px;border-radius:12px;background:#fff6df;color:#765321;font-size:.78rem;font-weight:800}
.development-status-list span:before{content:"🛠️";margin-right:7px}
.development-actions{display:grid;grid-template-columns:1.35fr .65fr;gap:9px;margin-top:17px}.development-actions .btn{min-height:49px}
@media(max-width:680px){.product-positioning-callout{align-items:flex-start;margin-top:-8px;padding:17px}.positioning-callout-icon{width:50px;height:50px;border-radius:16px;font-size:1.5rem}.product-positioning-callout h2{font-size:1.02rem}.development-modal{padding:9px}.development-card{padding:30px 17px 22px;border-radius:24px}.development-actions{grid-template-columns:1fr}.development-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.landing-game-stage.developing:after{transition:none}}

/* Build 008.6.16 - Lean signup */
.signup-minimal-note{padding:10px 12px;border:1px solid #d8e9e3;border-radius:12px;background:#f2faf7;color:#35675f;font-size:.78rem;font-weight:750;line-height:1.55}

/* Build 008.6.16 - Pricing header grade toggle */
.simple-package-showcase .membership-intro{grid-template-columns:118px minmax(0,1fr) minmax(310px,390px);gap:26px;align-items:center}
.package-scope-selector{align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:16px;border:1px solid #dfd8cb;border-radius:20px;background:rgba(255,255,255,.82);box-shadow:0 9px 22px rgba(61,48,30,.06)}
.package-scope-selector-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.package-scope-selector-head b{color:#285e59;font-size:1rem}
.package-scope-selector-head span{color:#7a7065;font-size:.7rem;text-align:right}
.package-scope-selector .package-scope-toggle{width:100%;max-width:none;margin:0;padding:5px;border-radius:17px}
.package-scope-selector .package-scope-toggle button{min-height:60px;padding:8px 10px;border-radius:13px;line-height:1.2}
.package-scope-selector .package-scope-toggle button small{font-size:.7rem;font-weight:800;opacity:.8}
@media(max-width:1050px){
  .simple-package-showcase .membership-intro{grid-template-columns:96px minmax(0,1fr)}
  .package-scope-selector{grid-column:1/-1;display:grid;grid-template-columns:minmax(180px,.55fr) minmax(360px,1fr);align-items:center}
}
@media(max-width:680px){
  .simple-package-showcase .membership-intro{grid-template-columns:1fr!important}
  .package-scope-selector{grid-column:auto;display:flex;padding:13px}
  .package-scope-selector-head{align-items:flex-start;flex-direction:column;gap:2px}
  .package-scope-selector-head span{text-align:left}
  .package-scope-selector .package-scope-toggle button{min-height:55px;font-size:.78rem}
}

/* Build 008.6.16 - Member English Adventure access */
.landing-game-stage.locked,.landing-game-challenge{position:relative}
.landing-game-stage.locked:after{content:"ดูสิทธิ์";position:absolute;right:7px;top:7px;padding:3px 6px;border-radius:999px;background:#fff;color:#76568e;font-size:.57rem;font-weight:900;opacity:0;transform:translateY(-2px);transition:opacity .16s ease,transform .16s ease}
.landing-game-stage.locked:hover:after,.landing-game-stage.locked:focus-visible:after{opacity:1;transform:none}
.member-access-modal{position:fixed;inset:0;z-index:12100;display:grid;place-items:center;padding:18px}
.member-access-backdrop{position:absolute;inset:0;background:rgba(36,25,43,.68);backdrop-filter:blur(6px)}
.member-access-card{position:relative;width:min(540px,100%);padding:34px 32px 27px;border:1px solid #d7c5e8;border-radius:29px;background:radial-gradient(circle at 90% 0,#fff0bc 0,transparent 30%),linear-gradient(145deg,#fff,#fbf6ff);box-shadow:0 35px 100px rgba(25,13,34,.38);text-align:center}
.member-access-card:focus{outline:none}.member-access-close{position:absolute;right:15px;top:14px;display:grid;place-items:center;width:40px;height:40px;border:1px solid #dccfe5;border-radius:50%;background:#fff;color:#5f4b69;font-size:1.55rem;line-height:1}
.member-access-close:hover,.member-access-close:focus-visible{border-color:#8d6aa9;outline:3px solid rgba(119,77,151,.15)}
.member-access-icon{display:grid;place-items:center;width:74px;height:74px;margin:0 auto 14px;border-radius:24px;background:#eee2fa;font-size:2.15rem;box-shadow:0 10px 24px rgba(92,55,123,.13)}
.member-access-card h2{margin:11px 0 8px;color:#573675;font-size:clamp(1.55rem,4vw,2.05rem)}
.member-access-card>p{max-width:450px;margin:0 auto;color:#6a6070;line-height:1.7}
.member-access-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:19px 0}
.member-access-benefits span{padding:9px 7px;border-radius:12px;background:#edf8f2;color:#17654e;font-size:.73rem;font-weight:850}
.member-access-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:17px}.member-access-actions .btn{min-height:49px}
.member-access-card>small{display:block;margin-top:13px;color:#817681}
@media(max-width:680px){.member-access-modal{padding:9px}.member-access-card{padding:30px 17px 22px;border-radius:24px}.member-access-benefits{grid-template-columns:1fr}.member-access-actions{grid-template-columns:1fr}.member-access-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.landing-game-stage.locked:after{transition:none}}
.tester-access-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;border-color:#cfe3da;background:linear-gradient(135deg,#f2fbf7,#fffaf0)}
.tester-access-card h3{margin:6px 0 4px;color:#245e56}.tester-access-card p{margin:0;color:#6b665d;line-height:1.6}
.tester-access-card>#testerAccessStatus{grid-column:1/-1}.tester-access-card .status,.tester-access-card .small{margin-top:0}
@media(max-width:680px){.tester-access-card{grid-template-columns:1fr}.tester-access-card .btn{width:100%}.tester-access-card>#testerAccessStatus{grid-column:auto}}

/* Build 008.6.19 - Thai UX, controlled Beta and secure receipt readiness */
.beta-plan-cta{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;padding:25px 28px;border-color:#d7c7e6;background:radial-gradient(circle at 92% 8%,#fff0b8 0,transparent 24%),linear-gradient(135deg,#f8f2ff,#fffdf7)}
.beta-plan-icon{display:grid;place-items:center;width:68px;height:68px;border-radius:22px;background:#eadff5;font-size:2rem;box-shadow:0 10px 24px rgba(80,51,112,.11)}
.beta-plan-cta h2{margin:5px 0 6px;color:#573675}.beta-plan-cta p{max-width:790px;margin:0;color:#6a6170;line-height:1.65}.beta-plan-cta .btn{white-space:nowrap}
.member-sales-closed-notice{padding:18px 20px;border-color:#e4c789;background:#fff7e5;color:#725019;line-height:1.65}
@media(max-width:850px){.beta-plan-cta{grid-template-columns:auto 1fr}.beta-plan-cta .btn{grid-column:1/-1;width:100%}}
@media(max-width:560px){.beta-plan-cta{grid-template-columns:1fr;padding:21px 17px;text-align:center}.beta-plan-icon{margin:auto}.beta-plan-cta .btn{grid-column:auto;white-space:normal}}

/* Build 008.6.19 - compact all-level pricing */
.membership-showcase-section{margin-block:28px!important}
.compact-beta-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 20px;border:1px solid #d7c7e6;border-radius:20px;background:linear-gradient(120deg,#f8f3ff,#fffaf0);box-shadow:0 8px 22px rgba(66,45,81,.06)}
.compact-beta-banner>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.compact-beta-banner span{color:#63417d;font-size:.78rem;font-weight:900}.compact-beta-banner b{color:#294f4b}.compact-beta-banner small{color:#756b72}
.compact-pricing-shell{padding:22px;border:1px solid #d9dfda;border-radius:25px;background:#fffdfa;box-shadow:0 14px 35px rgba(43,60,54,.07)}
.compact-pricing-head{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 4px 17px;border-bottom:1px solid #e6e1d8}.compact-pricing-head h2{margin:4px 0;color:#1f5753;font-size:clamp(1.45rem,2.6vw,2.15rem)}.compact-pricing-head p{margin:0;color:#6c665f;line-height:1.55}
.all-levels-badge{min-width:136px;padding:12px 17px;border-radius:17px;background:#e8f6f1;text-align:center}.all-levels-badge b,.all-levels-badge span{display:block}.all-levels-badge b{color:#17685f;font-size:1.1rem}.all-levels-badge span{margin-top:2px;color:#60736d;font-size:.75rem}
.compact-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.compact-price-card{position:relative;display:grid;grid-template-columns:1fr auto;gap:5px 14px;padding:17px 18px;border:1px solid #dfe5e1;border-radius:18px;background:#fff}.compact-price-card.popular{border-color:#80c8b7;background:#f8fffc}.compact-price-card.best{border-color:#efbd62;background:#fffdf8}.compact-plan-label{grid-column:1/-1;width:max-content;padding:4px 8px;border-radius:999px;background:#edf5f2;color:#28665f;font-size:.66rem;font-weight:900}.compact-price-card.best .compact-plan-label{background:#fff0cf;color:#8a5b0c}.compact-price-card h3{margin:3px 0;color:#273c39;font-size:1.05rem}.compact-price{display:flex;align-items:baseline;gap:4px;color:#17685f}.compact-price b{font-size:1.85rem}.compact-price span{font-size:.72rem;font-weight:800}.compact-price-card p{grid-column:1/-1;min-height:36px;margin:2px 0 7px;color:#746d65;font-size:.75rem}.compact-price-card .btn{grid-column:1/-1;min-height:42px;padding:9px 12px}.compact-plan-foot{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:13px;padding-top:13px;border-top:1px solid #e9e4dc;color:#42645e;font-size:.76rem;font-weight:800}
@media(max-width:800px){.compact-price-grid{grid-template-columns:1fr}.compact-price-card{grid-template-columns:1fr auto}.compact-pricing-head{align-items:flex-start}.all-levels-badge{min-width:116px}}
@media(max-width:560px){.compact-beta-banner,.compact-pricing-head{align-items:stretch;flex-direction:column}.compact-beta-banner .btn{width:100%}.all-levels-badge{text-align:left}.compact-pricing-shell{padding:16px}.compact-plan-foot{align-items:flex-start;flex-direction:column;gap:7px}}

/* Build 008.6.19 - protected business settings and server-controlled sales */
.admin-business-settings{border-color:#b8d8d0;background:linear-gradient(180deg,#fbfffd 0%,#fff 100%)}
.admin-private-notice{margin:14px 0;border-color:#bddbcf;background:#f2fbf7;color:#28554d}
.admin-business-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.admin-business-grid label{display:grid;align-content:start;gap:6px;font-weight:850;color:#334b47}
.admin-business-grid input,.admin-business-grid select,.admin-business-grid textarea{width:100%;font-weight:600}
.admin-business-grid textarea{resize:vertical;line-height:1.55}
.admin-business-wide{grid-column:1/-1}
.compact-price-card.plan-disabled,.plan.plan-disabled{filter:saturate(.62);background:#f7f5f1;border-color:#e4dfd7}
.compact-price-card.plan-disabled .btn,.plan.plan-disabled .btn{background:#b7c2bf!important;border-color:#b7c2bf!important;color:#fff!important;box-shadow:none}
#paymentCheckoutMode{margin-top:10px}
@media(max-width:720px){.admin-business-grid{grid-template-columns:1fr}.admin-business-wide{grid-column:auto}}

/* Build 008.6.20 — weekly challenge, student-safe exam UI and question quality workflow */
.weekly-challenge-info{margin-bottom:14px;padding:14px 16px;border:1px solid #d8e8e2;border-radius:16px;background:linear-gradient(135deg,#f4fbf8,#fffaf1);display:grid;gap:5px}
.weekly-challenge-info strong{font-size:1.05rem;color:var(--primary)}
.weekly-challenge-info .weekly-meta{display:flex;gap:8px;flex-wrap:wrap}
.weekly-challenge-info .weekly-meta span{padding:5px 9px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:.82rem}
.challenge-submit-panel{margin:16px 0;padding:16px;border:2px solid color-mix(in srgb,var(--accent) 55%,#fff);border-radius:18px;background:#fffaf0;display:grid;gap:10px}
.challenge-submit-panel>div:first-child{display:grid;gap:4px}.challenge-submit-panel span{color:var(--muted);font-size:.9rem;line-height:1.5}
.admin-question-report-tools{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.admin-question-report-tools label:first-child{min-width:260px;flex:1}
.question-report-card .question-report-summary{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0}.question-report-card .question-report-summary span{font-size:.78rem;padding:4px 8px;border:1px solid var(--line);border-radius:999px;background:#fff}
.question-report-edit{margin-right:6px}
@media(max-width:720px){.challenge-submit-panel .actions{display:grid;grid-template-columns:1fr}.challenge-submit-panel .btn{width:100%}.admin-question-report-tools{display:grid;grid-template-columns:1fr;width:100%}.weekly-challenge-info{padding:12px}}

/* Build 008.6.21 — spreadsheet question import, safe reset and passage/media support */
.question-import-admin{border-color:#cadbd5}.question-import-safety{margin-top:12px}.question-import-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.question-import-grid .question-import-file{grid-column:1/-1}.question-import-check{align-self:end;min-height:48px}.question-import-state-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.question-import-state-item{padding:12px;border:1px solid var(--line);border-radius:14px;background:#fffdf9}.question-import-state-item span{display:block;color:var(--muted);font-size:.8rem}.question-import-state-item strong{display:block;margin-top:3px;font-size:1.2rem}.question-import-scope-list,.question-import-recent-list{display:grid;gap:8px;margin-top:12px}.question-import-scope-row,.question-import-recent-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff}.question-import-recent-row>div:first-child{min-width:0}.question-import-recent-row b,.question-import-recent-row span{overflow-wrap:anywhere}.question-import-preview-card{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fffdf9}.question-import-preview-summary{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.question-import-preview-table{overflow-x:auto}.question-import-preview-table table{width:100%;border-collapse:collapse;font-size:.82rem}.question-import-preview-table th,.question-import-preview-table td{border:1px solid var(--line);padding:7px 8px;vertical-align:top;text-align:left}.question-import-preview-table th{background:var(--soft)}.question-import-errors{margin-top:10px;padding:10px 12px;border-radius:12px;background:#fff0ec;color:#8a2b22}.question-import-errors ul{margin:6px 0 0;padding-left:20px}.question-bank-mode-box{margin-top:16px;border-top:1px solid var(--line);padding-top:14px}.question-bank-mode-box summary{cursor:pointer}.question-bank-mode-controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-top:12px}.question-bank-mode-controls label{min-width:260px;flex:1}.question-reset-zone{margin-top:14px;padding:14px;border:1px solid #e7aaa2;border-radius:14px;background:#fff4f1}.question-reset-zone h4{margin:0 0 6px;color:#922f26}.question-reset-zone p{margin:0 0 12px}.question-reset-zone label{max-width:520px}.question-passage{white-space:pre-line;margin:6px 0 14px;padding:13px 14px;border-left:4px solid var(--primary);border-radius:10px;background:var(--soft);line-height:1.65}.question-media{margin:8px 0 16px;text-align:center}.question-media img{display:block;max-width:min(100%,720px);max-height:420px;margin:0 auto;border-radius:14px;border:1px solid var(--line);background:#fff}.question-media audio{width:min(100%,620px)}.question-media-note{margin-top:6px;color:var(--muted);font-size:.78rem}
@media(max-width:720px){.question-import-grid,.question-import-state-grid{grid-template-columns:1fr}.question-import-grid .question-import-file{grid-column:auto}.question-import-scope-row,.question-import-recent-row{align-items:flex-start;flex-direction:column}.question-import-recent-row .actions{width:100%}.question-bank-mode-controls{display:grid;grid-template-columns:1fr;width:100%}}

/* Build 008.6.27 — colorful home, banners, package hierarchy, history controls */
:root{--kka-blue:#2789ef;--kka-green:#42b95d;--kka-pink:#f64063;--kka-orange:#ff9617}
.premium-topbar{position:sticky!important;top:0;z-index:80;display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin:0 -18px 16px!important;padding:8px 18px!important;background:rgba(255,250,242,.94)!important;border-bottom:1px solid rgba(218,193,157,.55)!important;box-shadow:0 8px 24px rgba(83,61,37,.08);backdrop-filter:blur(14px)!important}
.premium-topbar .brand img{width:66px!important;height:66px!important}.premium-topbar .brand-title{font-size:1.08rem!important}.premium-topbar .tagline{display:none}
.landing-nav{display:flex;align-items:center;justify-content:center;gap:3px;min-width:0;overflow:auto;scrollbar-width:none}.landing-nav::-webkit-scrollbar{display:none}.landing-nav button{border:0;background:transparent;padding:10px 11px;border-radius:999px;color:#3c342a;font-weight:800;white-space:nowrap;cursor:pointer}.landing-nav button:hover,.landing-nav button:focus-visible{background:#fff0dc;color:#df4e59;outline:none}.landing-nav button:first-child{color:#ef5266;background:#fff1ee}
.top-actions{justify-content:flex-end}.connection-pill{display:none!important}.header-btn{min-height:42px!important;padding:9px 14px!important}

.home-banner-section{margin:0 0 18px;scroll-margin-top:92px}.home-banner-viewport{position:relative;overflow:hidden;border-radius:27px;background:#f5eadc;box-shadow:0 16px 40px rgba(83,57,24,.14);aspect-ratio:1600/620;min-height:330px}.home-banner-track{height:100%;display:flex;transition:transform .55s cubic-bezier(.22,.61,.36,1)}.home-banner-slide{position:relative;min-width:100%;height:100%;overflow:hidden}.home-banner-slide>img{width:100%;height:100%;object-fit:cover;display:block}.home-banner-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,44,38,.76) 0%,rgba(23,44,38,.35) 42%,rgba(23,44,38,.04) 72%)}.home-banner-content{position:absolute;z-index:2;left:5.2%;top:50%;transform:translateY(-50%);max-width:44%;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.25)}.home-banner-kicker{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.92);color:#145f54;font-size:.78rem;font-weight:900;text-shadow:none}.home-banner-content h2{margin:10px 0 7px;font-size:clamp(1.8rem,3.8vw,3.8rem);line-height:1.08}.home-banner-content p{margin:0 0 17px;font-size:clamp(.94rem,1.4vw,1.22rem);line-height:1.55}.home-banner-cta{border:0;border-radius:14px;background:#ff9c17;color:#fff;font-weight:900;font-size:1rem;padding:12px 20px;box-shadow:0 7px 18px rgba(171,85,0,.28);cursor:pointer}.home-banner-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:#174f48;font-size:2rem;line-height:1;box-shadow:0 6px 18px rgba(0,0,0,.16);cursor:pointer}.home-banner-arrow.prev{left:14px}.home-banner-arrow.next{right:14px}.home-banner-dots{position:absolute;z-index:5;left:50%;bottom:13px;transform:translateX(-50%);display:flex;gap:7px}.home-banner-dots button{width:9px;height:9px;border:0;border-radius:99px;background:rgba(255,255,255,.62);padding:0;cursor:pointer;transition:.25s}.home-banner-dots button.active{width:28px;background:#ff5a73}.home-banner-empty{height:100%;display:grid;place-items:center;text-align:center;padding:30px;color:#6b5d4d}

#entranceHubSection{margin-top:12px!important;scroll-margin-top:92px}.entrance-landing-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}.entrance-landing-card{position:relative;overflow:hidden;min-height:285px!important;padding:24px 22px!important;border:0!important;box-shadow:0 13px 30px rgba(61,64,82,.13)!important}.entrance-landing-card.p1{background:linear-gradient(145deg,#ff5a72,#ff8d72)!important}.entrance-landing-card.m1{background:linear-gradient(145deg,#1685e9,#42b4ff)!important}.entrance-landing-card.m4{background:linear-gradient(145deg,#7451db,#a77cf5)!important}.entrance-landing-card h2,.entrance-landing-card p{color:#fff!important;text-shadow:0 2px 8px rgba(20,25,56,.2)}.entrance-landing-card .entrance-chip-row{position:relative;z-index:3;max-width:67%;gap:6px!important}.entrance-landing-card .subject-chip{background:rgba(255,255,255,.9)!important;border:0!important;box-shadow:none!important}.entrance-landing-card .hero-cta{position:relative;z-index:4;width:auto!important;min-width:145px!important;margin-top:13px!important;background:#fff!important;color:#235e67!important;border:0!important;font-size:1rem!important;min-height:46px!important}.entrance-character-art{position:absolute;z-index:1;right:-55px;bottom:-62px;width:245px;height:245px;object-fit:cover;border-radius:50%;border:8px solid rgba(255,255,255,.28);filter:saturate(1.06);transform:rotate(-2deg)}.entrance-landing-card.m4 .entrance-character-art{width:260px;height:260px}.entrance-card-head{position:relative;z-index:3}.entrance-landing-card .shield-badge{display:none!important}.home-steps-card,.home-benefits-card{display:none!important}

.game-promo-strip{position:relative!important;display:grid!important;grid-template-columns:1.15fr .85fr!important;align-items:center;min-height:190px!important;margin:16px 0!important;padding:24px 28px!important;border-radius:27px!important;background:linear-gradient(110deg,#0e96e8 0%,#38bdf8 45%,#7357e7 100%)!important;color:#fff!important;overflow:hidden;box-shadow:0 14px 34px rgba(31,119,183,.22)}.game-promo-strip::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 15% 22%,rgba(255,255,255,.25) 0 4px,transparent 5px),radial-gradient(circle at 84% 28%,rgba(255,255,255,.24) 0 6px,transparent 7px);background-size:120px 120px;opacity:.75}.game-promo-strip .english-adventure-copy{position:relative;z-index:3;padding:0!important}.game-promo-strip .eyebrow,.game-promo-strip h2,.game-promo-strip p{color:#fff!important}.game-promo-strip h2{margin:4px 0 6px!important;font-size:2.35rem!important;line-height:1.08}.game-promo-strip h2 span{color:#fff7a8!important;font-size:1.1rem}.game-promo-strip p{margin:0 0 12px!important;max-width:700px}.game-promo-strip .english-package-note{display:none}.game-promo-strip .btn{background:#fff!important;color:#1b72c5!important;border:0!important}.game-board-collapsed{display:none!important}.game-strip-characters{position:relative;z-index:2;display:flex;align-items:end;justify-content:flex-end;height:175px}.game-strip-characters img{width:175px;height:175px;object-fit:cover;border-radius:50%;border:7px solid rgba(255,255,255,.42);box-shadow:0 10px 24px rgba(22,45,105,.2)}.game-strip-characters img+img{margin-left:-42px;transform:translateY(-8px)}

.analysis-preview-section{scroll-margin-top:92px}.analysis-insight-title{margin:0 0 2px;color:#1d6e87;font-size:1.35rem}.analysis-insight-card{background:linear-gradient(180deg,#fff,#fffdf8)!important}.analysis-insight-card .btn{background:linear-gradient(90deg,#ff4162,#ff667a)!important;border:0!important}

/* Distinct packages; yearly is the strongest visual anchor */
.compact-price-grid,.three-member-package-grid{align-items:stretch}.compact-price-card,.three-member-package-grid .plan{border:2px solid transparent!important;border-radius:24px!important;position:relative;overflow:hidden}.compact-price-card:nth-child(1),.three-member-package-grid .plan:nth-child(1){background:linear-gradient(180deg,#f1f8ff,#e5f2ff)!important;border-color:#acd5ff!important}.compact-price-card:nth-child(2),.three-member-package-grid .plan:nth-child(2){background:linear-gradient(180deg,#effbef,#e0f7e5)!important;border-color:#9bdda8!important}.compact-price-card.best,.three-member-package-grid .plan.popular{background:linear-gradient(160deg,#fff7f8,#ffe8ed)!important;border:3px solid #ff4d6d!important;box-shadow:0 18px 38px rgba(238,57,91,.22)!important;transform:translateY(-8px) scale(1.025);z-index:2}.compact-price-card.best::before,.three-member-package-grid .plan.popular::before{content:"แนะนำที่สุด";position:absolute;right:-44px;top:19px;width:165px;padding:7px 0;background:#ff3f62;color:#fff;text-align:center;font-size:.75rem;font-weight:900;transform:rotate(37deg);box-shadow:0 4px 10px rgba(139,16,43,.22)}.compact-price-card:nth-child(1) .compact-price b,.three-member-package-grid .plan:nth-child(1) .plan-price{color:#1678d5!important}.compact-price-card:nth-child(2) .compact-price b,.three-member-package-grid .plan:nth-child(2) .plan-price{color:#238a3b!important}.compact-price-card.best .compact-price b,.three-member-package-grid .plan.popular .plan-price{color:#e42b4f!important;font-size:3.35rem!important}.compact-price-card:nth-child(1) .btn,.three-member-package-grid .plan:nth-child(1) .btn{background:#237fdf!important;color:#fff!important}.compact-price-card:nth-child(2) .btn,.three-member-package-grid .plan:nth-child(2) .btn{background:#38a94f!important;color:#fff!important}.compact-price-card.best .btn,.three-member-package-grid .plan.popular .btn{background:linear-gradient(90deg,#ef3154,#ff5d76)!important;color:#fff!important;border:0!important}.compact-plan-label{font-weight:900}.compact-price-card.best .compact-plan-label{color:#df2849}.all-levels-badge{background:#eaf8ff!important;border-color:#bfe6f8!important}

.banner-admin-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.banner-admin-form label{display:grid;gap:6px}.banner-file-field{grid-column:span 2}.banner-file-field small{color:var(--muted)}.banner-active-check{align-content:end;align-items:center!important;grid-template-columns:auto 1fr!important;padding-bottom:10px}.banner-admin-list{display:grid;gap:10px;margin-top:16px}.banner-admin-row{display:grid;grid-template-columns:150px 1fr auto;gap:14px;align-items:center;padding:12px;border:1px solid #e7ded2;border-radius:18px;background:#fff}.banner-admin-row img{width:150px;height:72px;object-fit:cover;border-radius:12px}.banner-admin-meta h4{margin:0 0 4px}.banner-admin-meta p{margin:0;color:var(--muted);font-size:.84rem}.banner-admin-row-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.banner-admin-default-note{padding:11px 13px;border-radius:14px;background:#eff8f4;color:#31695a;font-size:.85rem}

.admin-question-report-tools{display:flex!important;align-items:end!important;gap:10px!important;flex-wrap:wrap}.question-report-history-actions{display:flex;gap:8px;flex-wrap:wrap}.question-report-delete{margin-left:auto}.question-report-card:not(.pending){opacity:.88}.btn.danger{background:#b92c3f!important;color:#fff!important;border-color:#b92c3f!important}

@media(max-width:1120px){.premium-topbar{grid-template-columns:auto 1fr}.top-actions{grid-column:2}.landing-nav{grid-column:1/-1;order:3;justify-content:flex-start}.entrance-landing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.entrance-landing-card.m4{grid-column:1/-1}.home-banner-content{max-width:54%}.banner-admin-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.premium-topbar{margin:0 -8px 12px!important;padding:7px 10px!important;grid-template-columns:1fr auto}.premium-topbar .brand img{width:52px!important;height:52px!important}.premium-topbar .brand-title{font-size:.94rem!important}.landing-nav{display:none}.top-actions .header-btn:first-child{display:none}.home-banner-viewport{min-height:430px;aspect-ratio:auto}.home-banner-slide::after{background:linear-gradient(0deg,rgba(19,46,40,.86) 0%,rgba(19,46,40,.22) 66%,rgba(19,46,40,.02) 100%)}.home-banner-slide>img{object-position:center}.home-banner-content{left:20px;right:20px;top:auto;bottom:34px;transform:none;max-width:none;text-align:center}.home-banner-content h2{font-size:2rem}.home-banner-content p{font-size:.92rem}.home-banner-arrow{width:38px;height:38px}.entrance-landing-grid{grid-template-columns:1fr!important}.entrance-landing-card.m4{grid-column:auto}.entrance-landing-card{min-height:260px!important}.entrance-character-art{width:205px;height:205px;right:-52px}.game-promo-strip{grid-template-columns:1fr!important;text-align:center;padding:23px 18px!important}.game-promo-strip h2{font-size:1.9rem!important}.game-strip-characters{height:135px;justify-content:center}.game-strip-characters img{width:135px;height:135px}.compact-price-card.best,.three-member-package-grid .plan.popular{transform:none}.banner-admin-form{grid-template-columns:1fr}.banner-file-field{grid-column:auto}.banner-admin-row{grid-template-columns:1fr}.banner-admin-row img{width:100%;height:150px}.banner-admin-row-actions{justify-content:flex-start}}
.home-banner-slide.no-copy::after{display:none}.home-banner-corner-cta{position:absolute;z-index:4;right:24px;bottom:22px;border:0;border-radius:14px;padding:12px 20px;background:rgba(255,255,255,.94);color:#155f55;font-weight:900;box-shadow:0 8px 22px rgba(0,0,0,.16);cursor:pointer}.home-banner-corner-cta:hover{transform:translateY(-2px)}
@media(max-width:760px){.home-banner-corner-cta{right:14px;bottom:16px;padding:10px 15px}}

/* Build 008.6.27 — responsive HTML/CSS recreation of the approved colorful mockup */
:root{--mockup-cream:#fffaf1;--mockup-ink:#153e3a;--mockup-red:#ff5268;--mockup-blue:#248fe7;--mockup-purple:#7957df;--mockup-orange:#ff9d18}
html{scroll-behavior:smooth;overflow-x:hidden}
body{overflow-x:hidden;background:linear-gradient(180deg,#fffaf1 0,#fffdf8 46%,#fff9ef 100%)}
.shell{max-width:1500px!important;padding:0 18px 42px!important}
.screen{min-width:0}
.mockup-header{position:sticky!important;top:0;z-index:120;display:grid!important;grid-template-columns:150px minmax(0,1fr) auto!important;align-items:center;gap:16px;min-height:72px;margin:0 -18px 12px!important;padding:6px 26px!important;border:0!important;border-bottom:1px solid #f1e2ce!important;border-radius:0!important;background:rgba(255,251,243,.97)!important;box-shadow:0 6px 22px rgba(80,51,20,.08)!important;backdrop-filter:blur(16px)}
.brand-home-button{display:flex;align-items:center;gap:9px;border:0;background:transparent;padding:0;cursor:pointer;text-align:left;color:inherit}.brand-home-button img{width:68px!important;height:68px!important;object-fit:contain}.brand-copy{display:none}.brand-copy strong,.brand-copy small{display:block}.brand-copy strong{font-size:1rem}.brand-copy small{font-size:.72rem;color:#29675c}
.mockup-header .landing-nav{display:flex;justify-content:center;gap:2px;overflow:visible}.mockup-header .landing-nav button{display:flex;align-items:center;gap:6px;min-height:42px;padding:8px 12px;border-radius:14px;font-size:.83rem}.mockup-header .landing-nav button span{font-size:.92rem}.mockup-header .landing-nav button b{font-weight:850}.mockup-header .landing-nav button.active{background:#fff0ec;color:#f04c62}.mockup-header .top-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;white-space:nowrap}.mockup-header .connection-pill{display:none}.mockup-header .guest-actions{display:flex;gap:7px}.header-member{min-height:43px!important;border:1px solid #ffd277!important;background:linear-gradient(180deg,#ffe584,#ffd053)!important;color:#9b5600!important;box-shadow:0 7px 16px rgba(213,144,25,.18)!important}.header-login{background:#fff!important}.landing-menu-toggle{display:none;width:44px;height:44px;border:1px solid #eadcc7;border-radius:13px;background:#fff;place-items:center;padding:10px;cursor:pointer}.landing-menu-toggle span{display:block;width:22px;height:2px;margin:3px 0;border-radius:3px;background:#245c55}.landing-mobile-bottom-nav{display:none}

/* Custom admin banners are supported, but default screenshot-like banners are not used as the page itself. */
.managed-banner-only{margin-top:10px!important}.managed-banner-only .home-banner-viewport{max-height:380px;min-height:260px!important;aspect-ratio:1600/520!important}.managed-banner-only.hidden{display:none!important}

#entranceHubSection{margin-top:10px!important}.mockup-entrance-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}.mockup-entrance-card{position:relative;isolation:isolate;display:block;min-height:342px!important;padding:25px 22px!important;border-radius:24px!important;overflow:hidden;box-shadow:0 12px 28px rgba(54,50,71,.16)!important}.mockup-entrance-card::before{content:"";position:absolute;inset:0;z-index:-2;background:inherit}.mockup-entrance-card::after{content:"";position:absolute;z-index:-1;inset:auto -45px -90px auto;width:275px;height:275px;border-radius:50%;background:rgba(255,255,255,.17)}.mockup-entrance-card.p1{background:linear-gradient(135deg,#ff5269 0%,#ff7b70 100%)!important}.mockup-entrance-card.m1{background:linear-gradient(135deg,#137fdf 0%,#33a6f5 100%)!important}.mockup-entrance-card.m4{background:linear-gradient(135deg,#724bd1 0%,#9b72ea 100%)!important}.mockup-card-copy{position:relative;z-index:4;width:62%;color:#fff}.mockup-recommend-label{display:inline-flex;padding:6px 12px;border-radius:11px 11px 11px 3px;background:rgba(82,0,55,.32);color:#fff;font-size:.75rem;font-weight:900;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.mockup-entrance-card h2{margin:12px 0 10px!important;color:#fff!important;font-size:clamp(1.65rem,2.5vw,2.45rem)!important;line-height:1.05!important;letter-spacing:-.03em;text-shadow:0 3px 8px rgba(33,25,62,.22)!important}.mockup-entrance-card h2 strong{color:#fff3a0;font-size:1.12em}.mockup-entrance-card ul{display:grid;gap:8px;margin:0 0 18px;padding:0;list-style:none;font-size:.89rem;font-weight:800;line-height:1.35}.mockup-entrance-card li{position:relative;padding-left:19px}.mockup-entrance-card li::before{content:"✦";position:absolute;left:0;top:0;color:#fff7a4}.mockup-card-cta{min-width:125px;min-height:45px;padding:10px 18px;border:0;border-radius:13px;background:#fff6ae;color:#765000;font-weight:950;font-size:.95rem;box-shadow:0 8px 16px rgba(61,30,20,.2);cursor:pointer;transition:.2s}.mockup-card-cta:hover{transform:translateY(-2px);box-shadow:0 11px 22px rgba(61,30,20,.25)}.m1 .mockup-card-cta{background:#eef9ff;color:#155b9f}.m4 .mockup-card-cta{background:#f3ebff;color:#5a35a7}.mockup-card-art{position:absolute;z-index:2;right:-18px;bottom:0;width:47%;height:94%;overflow:hidden;border-radius:48% 0 0 0}.mockup-card-art::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,currentColor 0%,transparent 22%);opacity:.18;pointer-events:none}.mockup-card-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:58% center;filter:saturate(1.08) contrast(1.03)}.mockup-card-art.m4-art img{object-position:38% center}.card-shape{position:absolute;z-index:1;color:rgba(255,245,152,.85);font-size:1.55rem}.card-shape-one{right:22px;top:18px}.card-shape-two{right:42%;bottom:20px;font-size:1.1rem}.entrance-picker{margin-top:14px!important}.home-steps-card,.home-benefits-card{display:none!important}

.game-promo-strip{position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:142px!important;margin:14px 0!important;padding:20px 28px!important;border-radius:24px!important;background:linear-gradient(100deg,#079ee9 0%,#2ba8ee 48%,#557fea 76%,#765be3 100%)!important;color:#fff!important;overflow:hidden;box-shadow:0 13px 28px rgba(34,124,208,.22)}.game-promo-strip::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 11% 20%,rgba(255,255,255,.24) 0 5px,transparent 6px),radial-gradient(circle at 76% 28%,rgba(255,244,113,.25) 0 7px,transparent 8px);background-size:115px 95px;pointer-events:none}.game-promo-strip .english-adventure-copy{position:relative;z-index:5;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;width:100%;padding:0!important}.brain-mark{display:grid;place-items:center;width:88px;height:88px;border-radius:50%;background:rgba(255,255,255,.22);font-size:3.5rem;filter:drop-shadow(0 6px 8px rgba(26,59,135,.22))}.game-promo-strip .eyebrow{display:inline-block;color:#eefaff!important;font-size:.72rem}.game-promo-strip h2{margin:3px 0 0!important;color:#fff9a3!important;font-size:clamp(1.9rem,3vw,3.1rem)!important;line-height:1!important;text-shadow:0 3px 0 rgba(29,52,135,.18)}.game-tagline{margin:7px 0 0!important;color:#fff!important;font-size:1.12rem!important;font-weight:900}.game-play-button{min-width:145px!important;min-height:48px!important;border:0!important;border-radius:14px!important;background:#fff!important;color:#1c6bc3!important;font-weight:950!important;box-shadow:0 8px 18px rgba(16,59,143,.23)!important}.game-strip-characters{position:absolute!important;right:175px;bottom:-22px;z-index:3;height:145px!important;pointer-events:none}.game-strip-characters img{width:145px!important;height:145px!important;border:5px solid rgba(255,255,255,.65)!important}.game-board-collapsed{display:none!important}

.analysis-preview-section{margin:14px 0!important;scroll-margin-top:95px}.analysis-section-note{display:flex;align-items:center;gap:12px;margin:0 4px 8px;color:#6f756f;font-size:.75rem}.analysis-section-note span{padding:4px 9px;border-radius:999px;background:#e9f7f3;color:#197565;font-weight:900}.analysis-section-note p{margin:0}.analysis-preview-grid{display:grid!important;grid-template-columns:1.22fr .78fr!important;gap:14px!important}.analysis-demo-card,.analysis-insight-card{min-height:320px;padding:20px!important;border:1px solid #eadfd0!important;border-radius:23px!important;box-shadow:0 9px 22px rgba(62,56,47,.08)!important}.analysis-demo-head h3{font-size:1.32rem!important;color:#2e3531!important}.analysis-demo-metrics>div:nth-child(1){background:#edf2ff}.analysis-demo-metrics>div:nth-child(1) b{color:#1a70d5}.analysis-demo-metrics>div:nth-child(2){background:#fff0f1}.analysis-demo-metrics>div:nth-child(2) b{color:#e32643}.analysis-demo-metrics>div:nth-child(3){background:#edf9fa}.analysis-demo-metrics>div:nth-child(3) b{color:#158b91}.analysis-demo-chart{height:168px!important;padding-bottom:26px!important}.analysis-demo-chart i:nth-child(1){background:#20b2bd!important}.analysis-demo-chart i:nth-child(2){background:#31bc7c!important}.analysis-demo-chart i:nth-child(3){background:#8658de!important}.analysis-demo-chart i:nth-child(4){background:#ff991f!important}.chart-subject{position:absolute;left:50%;bottom:-25px;width:95px;transform:translateX(-50%);font-style:normal;font-size:.58rem;font-weight:850;color:#4f5a56;white-space:nowrap;text-align:center}.analysis-insight-title{font-size:1.3rem!important;color:#2266b0!important}.insight-block{padding:16px!important}.analysis-insight-card .btn{min-height:50px;background:linear-gradient(90deg,#ff3b5d,#ff6177)!important;font-size:1rem!important}

.hybrid-membership-section{margin-top:10px!important}.compact-beta-banner{display:flex!important;align-items:center;justify-content:space-between;gap:16px;padding:11px 18px!important;border:1px solid #d8c9ff!important;border-radius:17px!important;background:linear-gradient(90deg,#fbf7ff,#fffaf0)!important}.compact-beta-banner>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.compact-beta-banner span{font-weight:900;color:#7353c8}.compact-beta-banner b{font-size:.9rem}.compact-beta-banner small{color:#6f675e}.compact-beta-banner .btn{min-height:43px;background:#ff980d!important;color:#fff!important;border:0!important}.mockup-pricing-shell{margin-top:10px!important;padding:20px!important;border:1px solid #ebdfcf!important;border-radius:23px!important;background:#fff!important;box-shadow:0 10px 24px rgba(80,58,34,.07)}.compact-pricing-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.compact-pricing-head h2{margin:4px 0 4px;font-size:1.65rem;color:#352f2a}.compact-pricing-head p{margin:0;color:#776d63;font-size:.82rem}.all-levels-badge{min-width:130px;padding:10px 15px!important;border-radius:18px!important;background:#eafaff!important;text-align:center}.all-levels-badge b,.all-levels-badge span{display:block}.all-levels-badge b{color:#187b95}.mockup-price-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin-top:16px!important;align-items:stretch!important}.mockup-price-grid .compact-price-card{position:relative;display:flex!important;flex-direction:column;min-height:355px;padding:18px!important;border:2px solid!important;border-radius:20px!important;overflow:hidden;transform:none!important}.monthly-card{border-color:#a9d3ff!important;background:linear-gradient(180deg,#f0f8ff,#e5f2ff)!important}.halfyear-card{border-color:#a5dfa9!important;background:linear-gradient(180deg,#f1fbf1,#e4f7e6)!important}.yearly-card{min-height:372px!important;margin:-10px 0 -3px;padding-top:23px!important;border:3px solid #ff4d68!important;background:linear-gradient(180deg,#fff7f9,#ffe7ec)!important;box-shadow:0 16px 31px rgba(239,55,87,.21)!important}.yearly-card::before{content:"แนะนำที่สุด";position:absolute;right:-43px;top:19px;width:160px;padding:7px 0;transform:rotate(38deg);background:#ff3c5c;color:#fff;text-align:center;font-size:.7rem;font-weight:950}.yearly-star{position:absolute;top:-1px;left:50%;transform:translateX(-50%);font-size:1.8rem;filter:drop-shadow(0 3px 3px rgba(163,89,0,.25))}.compact-plan-label{display:inline-flex;width:max-content;padding:5px 10px!important;border-radius:999px!important;background:rgba(255,255,255,.7)!important;font-size:.7rem!important;font-weight:950!important}.monthly-card .compact-plan-label{color:#1c6ec4!important}.halfyear-card .compact-plan-label{color:#237f35!important}.yearly-card .compact-plan-label{color:#e02b4a!important}.saving-badge{position:absolute;right:14px;top:14px;width:62px;height:62px;display:grid;place-items:center;border-radius:50%;background:#35aa4d;color:#fff;text-align:center;font-size:.69rem;font-weight:950;line-height:1.15;box-shadow:0 7px 14px rgba(32,123,51,.2)}.yearly-card .saving-badge{top:30px;background:#ef3d5b}.plan-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:8px}.plan-title-row h3{margin:0!important;font-size:1.12rem!important}.compact-price{display:flex!important;align-items:baseline!important;gap:4px!important}.compact-price b{font-size:2.45rem!important}.monthly-card .compact-price b{color:#1676d0!important}.halfyear-card .compact-price b{color:#22853a!important}.yearly-card .compact-price b{color:#e32749!important;font-size:3.15rem!important}.plan-benefit-list{position:relative;z-index:2;display:grid;gap:8px;margin:10px 0 12px;padding:0;list-style:none;color:#465a55;font-size:.75rem;font-weight:750}.plan-benefit-list li::before{content:"✓";margin-right:7px;color:#19845a;font-weight:950}.plan-art{position:absolute;right:-25px;bottom:52px;width:46%;height:46%;border-radius:50% 0 0 0;overflow:hidden;opacity:.98}.plan-art img{width:100%;height:100%;object-fit:cover;object-position:center}.halfyear-card .plan-art{width:48%;height:43%;right:-18px}.halfyear-card .plan-art img{object-position:70% center}.yearly-art{width:49%;height:50%;right:-10px}.mockup-price-grid .btn{position:relative;z-index:3;margin-top:auto!important;min-height:45px!important;border:0!important;font-weight:950!important}.monthly-card .btn{background:#267edc!important;color:#fff!important}.halfyear-card .btn{background:#35a74b!important;color:#fff!important}.yearly-card .btn{background:linear-gradient(90deg,#ef2f50,#ff5870)!important;color:#fff!important}.simple-pricing-note{margin-top:9px!important}

.mockup-hidden-heading{display:none!important}.mockup-feature-strip{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;margin:13px 0!important;padding:12px 10px!important;border:1px solid #ecdfce;border-radius:18px;background:#fff;box-shadow:0 8px 20px rgba(73,56,36,.06)}.mockup-feature-strip article{display:flex;align-items:center;justify-content:center;gap:12px;min-width:0;padding:4px 15px;border-right:1px solid #eadfce}.mockup-feature-strip article:last-child{border-right:0}.feature-icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:14px;font-size:1.45rem}.feature-icon.violet{background:#efe8ff}.feature-icon.blue{background:#e6f2ff}.feature-icon.orange{background:#fff0dc}.feature-icon.green{background:#e5f8e9}.mockup-feature-strip b,.mockup-feature-strip small{display:block}.mockup-feature-strip b{font-size:.83rem}.mockup-feature-strip small{margin-top:2px;color:#7b746c;font-size:.65rem}.below-showcase-trial{margin:28px 0!important;padding-top:12px;border-top:1px dashed #e0d3c0}.below-showcase-trial .section-title h2{font-size:1.45rem}

@media(max-width:1180px){
  .mockup-header{grid-template-columns:95px minmax(0,1fr) auto!important;padding-left:16px!important;padding-right:16px!important}.brand-home-button img{width:58px!important;height:58px!important}.mockup-header .landing-nav button{padding:7px 8px;font-size:.75rem}.header-login{display:none!important}
  .mockup-entrance-card{min-height:320px!important}.mockup-card-copy{width:66%}.mockup-card-art{width:43%}
  .game-strip-characters{opacity:.8;right:145px}.game-strip-characters img{width:125px!important;height:125px!important}
}
@media(max-width:960px){
  .shell{padding-left:12px!important;padding-right:12px!important}.mockup-header{margin-left:-12px!important;margin-right:-12px!important;grid-template-columns:auto 1fr auto!important}.brand-copy{display:none}.landing-menu-toggle{display:block}.mockup-header .landing-nav{position:absolute;top:72px;left:12px;right:12px;display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:12px;border:1px solid #eadcc8;border-radius:18px;background:#fffaf3;box-shadow:0 17px 34px rgba(65,47,23,.18)}.mockup-header .landing-nav.open{display:grid}.mockup-header .landing-nav button{justify-content:flex-start;min-height:46px;background:#fff}.mockup-header .top-actions{grid-column:auto}.mockup-header .header-member{font-size:.76rem;padding:8px 11px!important}
  .mockup-entrance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mockup-entrance-card.m4{grid-column:1/-1}.mockup-entrance-card.m4 .mockup-card-copy{width:53%}.mockup-entrance-card.m4 .mockup-card-art{width:52%}
  .analysis-preview-grid{grid-template-columns:1fr!important}.analysis-demo-card,.analysis-insight-card{min-height:auto}.game-promo-strip .english-adventure-copy{grid-template-columns:auto 1fr}.game-play-button{grid-column:2;width:max-content}.game-strip-characters{right:10px;opacity:.25}
  .mockup-price-grid{grid-template-columns:1fr 1fr!important}.yearly-card{grid-column:1/-1;max-width:650px;width:100%;margin:0 auto!important}.mockup-feature-strip{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.mockup-feature-strip article{justify-content:flex-start;border:0!important}
}
@media(max-width:700px){
  body{padding-bottom:72px}.shell{padding:0 9px 30px!important}.mockup-header{min-height:62px;margin:0 -9px 8px!important;padding:5px 10px!important;grid-template-columns:auto 1fr auto!important}.brand-home-button img{width:52px!important;height:52px!important}.mockup-header .top-actions{justify-self:end}.mockup-header .guest-actions .header-member{font-size:0;width:43px;height:43px;padding:0!important;border-radius:50%!important}.mockup-header .guest-actions .header-member::before{content:"👑";font-size:1.05rem}.mockup-header .member-header-actions .user-pill{max-width:90px;overflow:hidden;text-overflow:ellipsis}.landing-menu-toggle{width:42px;height:42px}.mockup-header .landing-nav{top:63px;left:8px;right:8px;grid-template-columns:1fr}.landing-mobile-bottom-nav{position:fixed;z-index:130;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);padding:6px max(6px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));border-top:1px solid #eadbc6;background:rgba(255,251,244,.97);box-shadow:0 -7px 24px rgba(61,42,19,.1);backdrop-filter:blur(14px)}.landing-mobile-bottom-nav button{display:grid;place-items:center;gap:1px;min-height:48px;border:0;background:transparent;color:#5d5a55;font-size:.95rem}.landing-mobile-bottom-nav b{font-size:.6rem}.landing-mobile-bottom-nav button:first-child{color:#ef4d62}
  .mockup-entrance-grid{display:flex!important;grid-template-columns:none!important;gap:10px!important;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 10px;scrollbar-width:none}.mockup-entrance-grid::-webkit-scrollbar{display:none}.mockup-entrance-card,.mockup-entrance-card.m4{grid-column:auto;flex:0 0 88%;min-height:310px!important;scroll-snap-align:center}.mockup-card-copy,.mockup-entrance-card.m4 .mockup-card-copy{width:67%}.mockup-card-art,.mockup-entrance-card.m4 .mockup-card-art{width:45%;height:88%;right:-12px}.mockup-entrance-card h2{font-size:1.75rem!important}.mockup-entrance-card ul{font-size:.78rem}.mockup-card-cta{min-height:44px}
  .game-promo-strip{min-height:165px!important;padding:18px!important}.game-promo-strip .english-adventure-copy{grid-template-columns:64px 1fr;gap:10px}.brain-mark{width:64px;height:64px;font-size:2.5rem}.game-promo-strip h2{font-size:1.85rem!important}.game-tagline{font-size:.93rem!important}.game-play-button{grid-column:1/-1;width:100%!important}.game-strip-characters{display:none!important}
  .analysis-section-note p{display:none}.analysis-demo-card,.analysis-insight-card{padding:15px!important;border-radius:19px!important}.analysis-demo-metrics{gap:6px}.analysis-demo-metrics>div{padding:9px 4px!important}.analysis-demo-chart{height:145px!important;gap:9px!important;padding-left:8px!important;padding-right:8px!important}.chart-subject{width:72px;font-size:.49rem}.analysis-insight-card .btn{width:100%}
  .compact-beta-banner{align-items:stretch;flex-direction:column}.compact-beta-banner>div{display:block}.compact-beta-banner b,.compact-beta-banner small{display:block;margin-top:4px}.compact-beta-banner .btn{width:100%}.compact-pricing-head{display:block}.all-levels-badge{width:max-content;margin-top:10px}.mockup-pricing-shell{padding:14px!important}.compact-pricing-head h2{font-size:1.38rem}.mockup-price-grid{display:flex!important;flex-direction:column!important}.yearly-card{order:-1;min-height:370px!important}.monthly-card,.halfyear-card{min-height:335px}.plan-art{opacity:.9}.mockup-feature-strip{grid-template-columns:1fr 1fr!important;padding:9px!important}.mockup-feature-strip article{padding:6px;gap:8px}.feature-icon{flex-basis:38px;width:38px;height:38px;font-size:1.15rem}.mockup-feature-strip b{font-size:.72rem}.mockup-feature-strip small{font-size:.56rem}
}
@media(max-width:390px){.mockup-entrance-card,.mockup-entrance-card.m4{flex-basis:94%;padding:20px 16px!important}.mockup-card-copy,.mockup-entrance-card.m4 .mockup-card-copy{width:70%}.mockup-card-art,.mockup-entrance-card.m4 .mockup-card-art{width:43%}.mockup-entrance-card h2{font-size:1.55rem!important}.mockup-entrance-card ul{font-size:.72rem}.mockup-feature-strip{grid-template-columns:1fr!important}.mockup-feature-strip article{border-bottom:1px solid #eee4d6!important}.mockup-feature-strip article:last-child{border-bottom:0!important}.analysis-demo-head>span{display:none}.compact-price b{font-size:2.15rem!important}.yearly-card .compact-price b{font-size:2.7rem!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
#publicPricingContent{margin-top:10px!important;padding:20px!important;border:1px solid #ebdfcf!important;border-radius:23px!important;background:#fff!important;box-shadow:0 10px 24px rgba(80,58,34,.07)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.section-title-after-reference{display:none!important}

/* Build 008.6.30 — larger typography and seven editable homepage panels */
html{font-size:17.5px}
body{font-size:1rem;line-height:1.65}
button,input,select,textarea{font:inherit}
button,.btn,input,select,textarea{font-size:.98rem}
.small{font-size:.88rem!important;line-height:1.55}
.muted{line-height:1.6}
.card p,.notice,.status,details,summary,label,td,th{font-size:.96rem}
.page-head p,.section-title p{font-size:1rem;line-height:1.65}
.page-head h2,.section-title h2{font-size:clamp(1.55rem,2.5vw,2.15rem)}
.mockup-header .landing-nav button{font-size:.9rem!important}
.mockup-card-copy h2{font-size:clamp(1.9rem,2.7vw,2.55rem)!important}
.mockup-entrance-card ul{font-size:.92rem!important;line-height:1.55!important}
.mockup-card-cta{font-size:.96rem!important}
.game-promo-strip .eyebrow{font-size:.86rem!important}
.game-tagline{font-size:1.05rem!important}
.plan-benefit-list{font-size:.88rem!important;line-height:1.5!important}
.compact-plan-label,.saving-badge{font-size:.76rem!important}
.mockup-feature-strip b{font-size:.92rem!important}.mockup-feature-strip small{font-size:.75rem!important;line-height:1.4}

[data-home-panel]{background-position:var(--panel-bg-position,center)!important;background-size:cover!important;background-repeat:no-repeat!important}
.mockup-entrance-card.has-custom-panel-bg{background-image:linear-gradient(90deg,rgba(24,32,45,.78) 0%,rgba(24,32,45,.55) 56%,rgba(24,32,45,.25) 100%),var(--panel-bg-image)!important}
.game-promo-strip.has-custom-panel-bg{background-image:linear-gradient(90deg,rgba(4,65,125,.80),rgba(60,42,150,.48)),var(--panel-bg-image)!important}
.compact-price-card.has-custom-panel-bg{background-image:linear-gradient(rgba(255,255,255,.86),rgba(255,255,255,.90)),var(--panel-bg-image)!important}
.mockup-entrance-card.has-custom-panel-bg .mockup-card-art,.game-promo-strip.has-custom-panel-bg .game-strip-characters,.compact-price-card.has-custom-panel-bg .plan-art{display:none!important}
.mockup-entrance-card.has-custom-panel-bg .mockup-card-copy{width:min(78%,520px)!important;position:relative;z-index:4}
.game-promo-strip.has-custom-panel-bg .english-adventure-copy{position:relative;z-index:4}
.compact-price-card.has-custom-panel-bg>*{position:relative;z-index:3}

.home-panel-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.home-panel-admin-grid label{display:grid;gap:6px;font-weight:800}
.home-panel-admin-grid input,.home-panel-admin-grid select,.home-panel-admin-grid textarea{width:100%}
.home-panel-lines-field,.home-panel-file-field{grid-column:1/-1}
.home-panel-admin-list{display:grid;gap:10px;margin-top:16px}
.home-panel-admin-row{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:13px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:15px;background:#fffdf9}
.home-panel-admin-row h4{margin:0 0 4px}.home-panel-admin-row p{margin:0;color:var(--muted)}
.home-panel-admin-thumb{display:grid;place-items:center;width:110px;height:68px;overflow:hidden;border-radius:11px;background:#f4eee5;color:#756b60;font-size:.75rem;font-weight:800;text-align:center}
.home-panel-admin-thumb img{width:100%;height:100%;object-fit:cover}

@media(max-width:700px){
  html{font-size:16.5px}
  .card p,.notice,.status,details,summary,label,td,th{font-size:.95rem}
  .landing-mobile-bottom-nav b{font-size:.72rem!important}
  .mockup-entrance-card ul{font-size:.86rem!important}
  .mockup-feature-strip b{font-size:.84rem!important}.mockup-feature-strip small{font-size:.72rem!important}
  .plan-benefit-list{font-size:.84rem!important}
  .home-panel-admin-grid{grid-template-columns:1fr}.home-panel-lines-field,.home-panel-file-field{grid-column:auto}
  .home-panel-admin-row{grid-template-columns:82px minmax(0,1fr)}.home-panel-admin-row .btn{grid-column:1/-1;width:100%}.home-panel-admin-thumb{width:82px;height:62px}
}
@media(max-width:390px){html{font-size:16px}.mockup-entrance-card ul{font-size:.82rem!important}.mockup-feature-strip b{font-size:.82rem!important}.mockup-feature-strip small{font-size:.7rem!important}}
small{font-size:.86rem!important;line-height:1.45}
.eyebrow,.badge,.status-pill,.quality-scope-pill,.count-badge,.plan-period,.provider-status-pill{font-size:.82rem!important}
table{font-size:.95rem}.request-meta,.payment-order-id,.question-meta{font-size:.9rem!important}


/* Build 008.6.30 — fixed panel ratios, manual crop editor, and full admin question preview */
.mockup-entrance-card[data-home-panel="entrance-p1"],
.mockup-entrance-card[data-home-panel="entrance-m1"],
.mockup-entrance-card[data-home-panel="entrance-m4"]{aspect-ratio:53/46!important;min-height:0!important;height:auto!important}
.game-promo-strip[data-home-panel="game"]{aspect-ratio:2000/263!important;min-height:0!important;height:auto!important}
.compact-price-card[data-home-panel^="plan-"]{aspect-ratio:40/39!important;min-height:0!important;height:auto!important}

.home-panel-crop-editor{grid-column:1/-1;display:grid;gap:12px;padding:14px;border:1px solid #d9d0c3;border-radius:18px;background:#fbfaf7}
.crop-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.crop-editor-head>div{display:grid;gap:3px}.crop-editor-head span{color:var(--muted);font-size:.9rem}
.home-panel-crop-stage{position:relative;display:grid;place-items:center;width:100%;overflow:hidden;border:1px dashed #bdb3a4;border-radius:16px;background:#ece7de;min-height:120px}
#homePanelCropCanvas{display:block;width:100%;max-width:100%;height:auto;background:#f2ede5}.crop-empty{position:absolute;inset:0;display:grid;place-items:center;padding:20px;color:#766d63;font-weight:800;text-align:center;pointer-events:none}.crop-empty.hidden{display:none}
.crop-control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.crop-control-grid label{display:grid;grid-template-columns:1fr auto;gap:6px;font-weight:800}.crop-control-grid input{grid-column:1/-1;width:100%}.crop-control-grid output{color:#176d67;font-weight:900}
.home-panel-admin-thumb{height:auto!important;min-height:68px}.home-panel-admin-thumb img{object-fit:cover}

.admin-question-catalog-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.admin-question-catalog-filters label{display:grid;gap:6px;font-weight:800}.admin-catalog-search{grid-column:1/-1}
.admin-catalog-list{display:grid;gap:10px}.admin-catalog-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fffdf9}.admin-catalog-row p{margin:7px 0;font-weight:800;line-height:1.55}.admin-catalog-row-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.admin-question-preview-modal{position:fixed;inset:0;z-index:2500;display:grid;place-items:center;padding:18px}.admin-question-preview-modal.hidden{display:none}.admin-question-preview-backdrop{position:absolute;inset:0;background:rgba(22,28,31,.7);backdrop-filter:blur(3px)}.admin-question-preview-shell{position:relative;z-index:1;width:min(900px,100%);max-height:92vh;overflow:auto;padding:20px;border-radius:22px;background:#fffdf9;box-shadow:0 24px 70px rgba(0,0,0,.3)}.admin-question-preview-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}.admin-question-preview-toolbar h2{margin:4px 0 0}.admin-preview-meta{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.admin-preview-meta span{padding:5px 10px;border-radius:999px;background:#edf6f3;color:#26675f;font-weight:850;font-size:.84rem}.admin-preview-passage{display:block!important;margin:12px 0}.admin-preview-media{display:block!important;margin:12px 0;text-align:center}.admin-preview-media img{max-width:100%;max-height:360px;object-fit:contain;border-radius:14px}.admin-preview-question{font-size:1.25rem!important;margin:18px 0 12px}.admin-preview-choices{display:grid!important;gap:10px}.admin-preview-choice{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;width:100%;min-height:54px;padding:12px 14px;border:1px solid #ddd4c7;border-radius:14px;background:#fff;color:#2d2925;text-align:left;opacity:1!important}.admin-preview-choice.correct{border-color:#42a678;background:#eaf9f1}.admin-preview-choice em{color:#13764f;font-style:normal;font-weight:900}.admin-preview-explanation{margin-top:14px;padding:13px;border-radius:14px;background:#eef4f7;line-height:1.65}.admin-question-preview-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}

@media(max-width:900px){.admin-question-catalog-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.crop-control-grid{grid-template-columns:1fr}.game-promo-strip[data-home-panel="game"]{aspect-ratio:auto!important;min-height:165px!important}.compact-price-card[data-home-panel^="plan-"]{aspect-ratio:auto!important;min-height:360px!important}}
@media(max-width:600px){.admin-question-catalog-filters{grid-template-columns:1fr}.admin-catalog-search{grid-column:auto}.admin-catalog-row{grid-template-columns:1fr}.admin-catalog-row .btn{width:100%}.crop-editor-head{align-items:flex-start;flex-direction:column}.crop-editor-head .btn{width:100%}.admin-question-preview-modal{padding:8px}.admin-question-preview-shell{padding:14px;border-radius:16px;max-height:96vh}.admin-question-preview-toolbar h2{font-size:1.35rem}.admin-question-preview-nav{display:grid;grid-template-columns:1fr 1fr}.admin-question-preview-nav span{grid-column:1/-1;grid-row:1;text-align:center}.mockup-entrance-card[data-home-panel^="entrance-"]{aspect-ratio:53/46!important}.compact-price-card[data-home-panel^="plan-"]{min-height:390px!important}}


/* Build 008.6.34 — exact image display for all seven homepage panels */
[data-home-panel].has-custom-panel-bg{box-sizing:border-box;background-position:var(--panel-bg-position,center)!important;background-size:var(--panel-bg-size,100% 100%)!important;background-origin:border-box!important;background-clip:border-box!important}
.mockup-entrance-card.has-custom-panel-bg{background-image:linear-gradient(90deg,rgba(18,24,38,var(--panel-overlay-strong,.32)) 0%,rgba(18,24,38,var(--panel-overlay-soft,.06)) 62%,rgba(18,24,38,0) 100%),var(--panel-bg-image)!important}
.mockup-entrance-card.has-custom-panel-bg::before,.mockup-entrance-card.has-custom-panel-bg::after{display:none!important}
.mockup-entrance-card.has-custom-panel-bg .card-shape{display:none!important}
.mockup-entrance-card.has-custom-panel-bg .mockup-card-copy{width:58%!important;max-width:520px!important}
.game-promo-strip.has-custom-panel-bg{background-image:linear-gradient(90deg,rgba(4,45,105,var(--panel-overlay-strong,.24)) 0%,rgba(4,45,105,var(--panel-overlay-soft,.04)) 54%,rgba(4,45,105,0) 100%),var(--panel-bg-image)!important}
.game-promo-strip.has-custom-panel-bg::before,.game-promo-strip.has-custom-panel-bg::after{display:none!important}
.game-promo-strip.has-custom-panel-bg .english-adventure-copy{width:100%!important}
.compact-price-card.has-custom-panel-bg{background-image:linear-gradient(180deg,rgba(255,255,255,var(--panel-overlay-light,.80)) 0%,rgba(255,255,255,var(--panel-overlay-strong,.58)) 52%,rgba(255,255,255,var(--panel-overlay-soft,.15)) 100%),var(--panel-bg-image)!important}
.compact-price-card.has-custom-panel-bg::before{display:none!important}
.compact-price-card.has-custom-panel-bg .plan-benefit-list{max-width:68%}
.home-panel-admin-grid output{font-weight:900;color:#176d67}.home-panel-admin-grid input[type="range"]{width:100%}
.admin-question-preview-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.admin-question-preview-actions .btn{min-height:44px}.admin-preview-media .status.err{margin:0}
@media(max-width:900px){
  .game-promo-strip.has-custom-panel-bg{background-size:cover!important;background-position:var(--panel-bg-position,center)!important}
  .mockup-entrance-card.has-custom-panel-bg .mockup-card-copy{width:64%!important}
  .compact-price-card.has-custom-panel-bg .plan-benefit-list{max-width:74%}
}
@media(max-width:700px){
  .mockup-entrance-card.has-custom-panel-bg[data-panel-image-mode="exact"],.compact-price-card.has-custom-panel-bg[data-panel-image-mode="exact"]{background-size:100% 100%!important}
  .mockup-entrance-card.has-custom-panel-bg .mockup-card-copy{width:66%!important}
  .admin-question-preview-actions{display:grid;grid-template-columns:1fr}.admin-question-preview-actions .btn{width:100%}
}


/* Build 008.6.34 — unified Test Report dashboard and reference-accurate homepage visuals */
.report-dashboard-shell{display:grid;gap:16px;color:#27221e}
.report-dashboard-head{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:18px;padding:22px 24px;border:1px solid #eadfce;border-radius:24px;background:linear-gradient(135deg,#fffdf8 0%,#fff9ec 70%,#f6fbff 100%);box-shadow:0 12px 28px rgba(79,58,34,.08);overflow:hidden}
.report-dashboard-head::after{content:"";position:absolute;right:15px;top:-22px;width:210px;height:120px;background:radial-gradient(circle at 70% 50%,rgba(255,190,55,.18),transparent 55%),radial-gradient(circle at 35% 80%,rgba(82,166,117,.12),transparent 45%);pointer-events:none}
.report-title-group{position:relative;z-index:1;display:flex;align-items:flex-start;gap:12px}.report-title-icon{font-size:2rem;color:#f5ad17}.report-title-group h2{margin:0;color:#2d241d;font-size:clamp(1.75rem,2.6vw,2.65rem);letter-spacing:-.02em}.report-title-group p{margin:5px 0 0;color:#7b7168}
.report-filter-bar{position:relative;z-index:1;display:flex;align-items:flex-end;gap:9px;flex-wrap:wrap}.report-filter-bar label{display:grid;gap:5px;min-width:150px}.report-filter-bar label span{font-size:.78rem;font-weight:850;color:#5e564e}.report-filter-bar select{min-height:42px;border-radius:13px;background:#fff}
.report-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.report-summary-card{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:center;min-height:142px;padding:18px;border:1px solid #eadfce;border-radius:20px;background:#fff;box-shadow:0 8px 20px rgba(74,54,36,.07)}.report-summary-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;font-size:1.7rem}.report-summary-card>div{display:grid;gap:3px;min-width:0}.report-summary-card span:not(.report-summary-icon){color:#655d56;font-weight:800}.report-summary-card strong{color:#2e2925;font-size:2.25rem;line-height:1}.report-summary-card strong small{font-size:.9rem;font-weight:800}.report-summary-card b{font-size:1rem}.report-summary-card em{display:inline-flex;width:max-content;margin-top:5px;padding:4px 12px;border-radius:999px;font-style:normal;font-size:.8rem;font-weight:900}.report-summary-card.score .report-summary-icon{background:#e7f6df;color:#258b36}.report-summary-card.score strong{color:#258b36}.report-summary-card.score em{background:#e7f6df;color:#287f36}.report-summary-card.best .report-summary-icon{background:#e8f3ff;color:#237bce}.report-summary-card.best strong{color:#2476c5}.report-summary-card.time .report-summary-icon{background:#fff1d8;color:#e3931d}.report-summary-card.attempts .report-summary-icon{background:#f0eaff;color:#7d52cc}.report-time-value{font-size:1.45rem!important;line-height:1.25!important}
.report-main-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.9fr);gap:14px}.report-secondary-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:14px}.report-dashboard-shell .card{border:1px solid #eadfce;border-radius:22px;background:#fff;box-shadow:0 9px 23px rgba(74,54,36,.07)}.report-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.report-card-head h3{display:flex;align-items:center;gap:9px;margin:0;font-size:1.15rem}.report-card-head>span,.report-card-head p{margin:3px 0 0;color:#8a8178;font-size:.78rem}.report-card-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;font-weight:950}.report-card-icon.blue{background:#e6f2ff;color:#287bd0}.report-card-icon.green{background:#e6f7e5;color:#2e983d}.report-card-icon.amber{background:#fff1d7;color:#df8d16}.report-card-icon.gold{background:#fff4d8;color:#e8a11e}.report-card-icon.violet{background:#f0eaff;color:#7953c7}
.report-chart-card,.report-progress-card,.report-activity-card,.report-achievement-card,.report-insights-section,.report-recommendation-card{padding:18px}.report-bar-chart{display:grid;grid-template-columns:38px 1fr;min-height:285px}.report-y-axis{display:flex;flex-direction:column;justify-content:space-between;padding:8px 6px 36px 0;color:#8a8178;font-size:.72rem;text-align:right}.report-chart-plot{position:relative;min-width:0}.report-grid-line{position:absolute;left:0;right:0;height:1px;background:#eee5d9}.report-grid-line.g100{top:8px}.report-grid-line.g75{top:25%}.report-grid-line.g50{top:50%}.report-grid-line.g25{top:75%}.report-grid-line.g0{bottom:36px}.report-bars{position:absolute;inset:8px 0 0;display:flex;align-items:flex-end;justify-content:space-around;gap:12px;padding:0 10px 0}.report-bar-column{display:grid;grid-template-rows:22px 1fr 34px;align-items:end;justify-items:center;flex:1;max-width:96px;height:100%;min-width:50px}.report-bar-column>b{font-size:.83rem}.report-bar-track{position:relative;width:min(56px,70%);height:100%}.report-bar{position:absolute;left:0;right:0;bottom:0;border-radius:10px 10px 3px 3px;box-shadow:inset 0 1px rgba(255,255,255,.35)}.report-bar.blue{background:linear-gradient(#3191e8,#2478cb)}.report-bar.green{background:linear-gradient(#4ebd68,#35a14c)}.report-bar.orange{background:linear-gradient(#ffb629,#ed9715)}.report-bar.violet{background:linear-gradient(#9a6ae0,#7d51c9)}.report-bar.teal{background:linear-gradient(#3fc1bd,#269f9b)}.report-bar-column>small{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;font-size:.7rem;text-align:center;line-height:1.2}.report-bar-column>small i{font-style:normal}
.report-progress-layout{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(170px,1fr);align-items:center;gap:18px;min-height:270px}.report-ring{display:grid;place-items:center;width:190px;aspect-ratio:1;margin:auto;border-radius:50%;background:conic-gradient(#43a83e 0 var(--report-progress),#dfe3dc var(--report-progress) 360deg);box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}.report-ring::before{content:"";grid-area:1/1;width:66%;aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 2px 9px rgba(0,0,0,.06)}.report-ring>div{position:relative;grid-area:1/1;display:grid;justify-items:center}.report-ring strong{font-size:2.25rem}.report-ring span{color:#7a7169;font-size:.78rem}.report-progress-copy{display:grid;gap:7px}.report-progress-copy>strong{font-size:1.7rem}.report-progress-copy>strong.up{color:#32993b}.report-progress-copy>strong.down{color:#d55d56}.report-progress-copy>span{color:#746c65}.report-progress-note{margin-top:12px;padding:11px 13px;border:1px solid #cfe8c8;border-radius:14px;background:#f1faee;color:#3e6f3e;font-weight:800;line-height:1.45}
.report-link-button{border:0;background:transparent;color:#2b79c7;font-weight:850;cursor:pointer}.report-activity-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid #eee6dc}.report-activity-row:last-child{border-bottom:0}.activity-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:#fff}.activity-icon.blue{background:#2987dd}.activity-icon.green{background:#3fac57}.activity-icon.orange{background:#f3a020}.activity-icon.violet{background:#8558cd}.activity-icon.teal{background:#2ca9a5}.report-activity-row>div{display:grid;gap:2px}.report-activity-row small{color:#847c74!important}.report-activity-row>div:last-child{text-align:right}.report-activity-row>div:last-child strong{font-size:1rem}
.report-achievement-content{display:grid;justify-items:center;text-align:center;padding:4px 18px 14px}.achievement-star{display:grid;place-items:center;width:115px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff8dd 0 55%,#fff0bf 56%);color:#ffb315;font-size:4.4rem;text-shadow:0 3px #dd900e;filter:drop-shadow(0 8px 12px rgba(229,160,29,.18))}.report-achievement-content h4{margin:8px 0 3px;font-size:1.35rem}.report-achievement-content p{margin:0;color:#756d65;line-height:1.55}
.report-insights-section{display:grid;gap:4px}.report-subject-insight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.report-subject-card{display:grid;gap:9px;padding:12px;border:1px solid #eadfce;border-radius:17px;background:#fffdfa}.report-subject-card header{display:flex;align-items:center;gap:9px}.report-subject-card header>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e9f3ff;font-size:1.2rem}.report-subject-card.green header>span{background:#e5f7e5}.report-subject-card.orange header>span{background:#fff0da}.report-subject-card.violet header>span{background:#efe8ff}.report-subject-card.teal header>span{background:#e3f7f5}.report-subject-card h4{margin:0;font-size:1rem}.report-subject-card header small{color:#877f77!important}.subject-insight{display:grid;grid-template-columns:auto 1fr;gap:8px;padding:10px;border-radius:13px}.subject-insight>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;font-weight:950}.subject-insight b{display:block;font-size:.8rem}.subject-insight p{margin:2px 0;font-size:.83rem;font-weight:750;line-height:1.35}.subject-insight small{font-size:.69rem!important}.subject-insight.good{background:#edf8e8}.subject-insight.good>span{background:#49ad3e;color:#fff}.subject-insight.improve{background:#fff4e6}.subject-insight.improve>span{background:#ff8d2c;color:#fff}.report-practice-button{min-height:38px;border:1px solid #ddd1c0;border-radius:11px;background:#fff;color:#4b443d;font-weight:850;cursor:pointer}.report-practice-button:hover{border-color:#3f8ecf;color:#266fae}.report-recommendation-list{display:grid;gap:10px}.report-recommendation-list>div{display:grid;grid-template-columns:auto 1fr;align-items:flex-start;gap:10px;padding:11px 12px;border-radius:14px;background:#f8f4ed}.report-recommendation-list span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#8260cc;color:#fff;font-weight:900}.report-recommendation-list p{margin:3px 0 0;line-height:1.55}.report-footer-note{padding:11px 16px;border:1px solid #dce7ee;border-radius:999px;background:#f6fbfe;color:#65737d;font-size:.78rem;text-align:center}.report-empty-state{display:grid!important;justify-items:center;gap:8px}.report-empty-state span{color:#7b746c}.report-insight-empty{grid-column:1/-1}.question-curriculum-text{display:grid;gap:6px;margin:12px 0;padding:11px 13px;border-left:4px solid #5593c8;border-radius:9px;background:#f2f7fb;color:#4e5d68;font-size:.85rem;line-height:1.45}.question-curriculum-text.compact{margin:8px 0;padding:8px 10px;font-size:.78rem}.question-curriculum-text span{display:block}

/* The complete game artwork contains its own copy. Preserve the uploaded pixels and make the whole banner clickable. */
.game-promo-strip.panel-artwork-only{position:relative;padding:0!important;border:0!important;background-image:var(--panel-bg-image)!important;background-size:100% 100%!important;background-position:center!important;box-shadow:none!important;cursor:pointer}
.game-promo-strip.panel-artwork-only .english-adventure-copy{position:absolute!important;inset:0!important;display:block!important;z-index:5!important}.game-promo-strip.panel-artwork-only .english-adventure-copy>*:not(.game-play-button){display:none!important}.game-promo-strip.panel-artwork-only .game-play-button{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;margin:0!important;border-radius:inherit!important}.game-promo-strip.panel-artwork-only .game-strip-characters{display:none!important}

/* Pricing section: match the approved reference proportions and keep artwork visible. */
.mockup-pricing-shell{padding:18px!important}.compact-pricing-head h2{font-size:clamp(1.55rem,2.4vw,2.05rem)!important}.compact-pricing-head p{font-size:.86rem!important}.mockup-price-grid{gap:16px!important}.mockup-price-grid .compact-price-card{min-height:390px!important;padding:18px 18px 16px!important}.yearly-card{min-height:410px!important}.compact-price-card.has-custom-panel-bg{background-image:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.86) 43%,rgba(255,255,255,.28) 68%,rgba(255,255,255,0) 100%),var(--panel-bg-image)!important;background-size:100% 100%!important}.compact-price-card.has-custom-panel-bg .plan-benefit-list{max-width:62%!important}.compact-price-card.has-custom-panel-bg .plan-title-row{max-width:68%}.compact-price-card.has-custom-panel-bg .saving-badge{z-index:5}.plan-art{right:-12px!important;bottom:49px!important;width:49%!important;height:54%!important;border-radius:0!important}.plan-art img{object-fit:contain!important;object-position:right bottom!important}.halfyear-card .plan-art,.yearly-art{width:52%!important;height:56%!important;right:-10px!important}.mockup-feature-strip{margin-top:14px!important}

@media(max-width:1100px){.report-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-main-grid,.report-secondary-grid{grid-template-columns:1fr}.report-subject-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.report-dashboard-head{align-items:stretch;flex-direction:column;padding:18px}.report-filter-bar{display:grid;grid-template-columns:1fr 1fr}.report-filter-bar label{min-width:0}.report-filter-bar .btn{width:100%}.report-summary-grid{grid-template-columns:1fr 1fr}.report-summary-card{min-height:118px;padding:13px;grid-template-columns:auto 1fr}.report-summary-icon{width:44px;height:44px;font-size:1.25rem}.report-summary-card strong{font-size:1.75rem}.report-progress-layout{grid-template-columns:1fr}.report-ring{width:160px}.report-subject-insight-grid{grid-template-columns:1fr}.report-footer-note{border-radius:16px}.report-bar-chart{min-height:245px}.report-bar-column>small{font-size:.62rem}.mockup-price-grid .compact-price-card{min-height:360px!important}.compact-price-card.has-custom-panel-bg .plan-benefit-list{max-width:68%!important}}
@media(max-width:480px){.report-filter-bar{grid-template-columns:1fr}.report-summary-grid{grid-template-columns:1fr}.report-summary-card{grid-template-columns:54px 1fr}.report-main-grid,.report-secondary-grid{gap:10px}.report-chart-card,.report-progress-card,.report-activity-card,.report-achievement-card,.report-insights-section,.report-recommendation-card{padding:14px}.report-bar-chart{grid-template-columns:28px 1fr}.report-bars{gap:5px;padding:0 3px}.report-bar-track{width:60%}.report-bar-column>small i{display:none}.report-activity-row{grid-template-columns:auto 1fr}.report-activity-row>div:last-child{grid-column:2;text-align:left;display:flex;justify-content:space-between}.game-promo-strip.panel-artwork-only{min-height:0!important;aspect-ratio:2000/263!important}.compact-price-card.has-custom-panel-bg .plan-benefit-list{max-width:72%!important}}
@media print{.sidebar,.topbar,.landing-mobile-bottom-nav,.plan-strip,.report-filter-bar,.report-practice-button,.report-link-button{display:none!important}.app-layout{display:block!important}.report-dashboard-shell{gap:10px}.report-dashboard-head,.report-dashboard-shell .card,.report-summary-card{box-shadow:none!important;break-inside:avoid}.report-subject-insight-grid{grid-template-columns:repeat(4,1fr)}body{background:#fff!important}}

/* ===== Build 008.6.34 package fidelity + topic text ===== */
.mockup-pricing-shell{
  padding:24px 24px 18px!important;
  border-radius:28px!important;
  border:1px solid #eadfcc!important;
  box-shadow:0 14px 34px rgba(88,66,38,.08)!important;
}
.compact-pricing-head{
  align-items:flex-start!important;
  gap:18px!important;
  padding-bottom:16px!important;
}
.compact-pricing-head .eyebrow{
  display:block;
  margin-bottom:6px;
  color:#6c533c;
  font-size:1.02rem;
  font-weight:900;
}
.compact-pricing-head h2{
  margin:0 0 8px!important;
  color:#3f291a!important;
  font-size:clamp(2rem,3vw,3rem)!important;
  line-height:1.08!important;
  letter-spacing:-.03em!important;
}
.compact-pricing-head p{
  color:#5f534b!important;
  font-size:1.05rem!important;
  line-height:1.55!important;
  max-width:860px;
}
.all-levels-badge{
  position:relative;
  min-width:220px!important;
  padding:18px 22px 16px!important;
  border:1px solid #d9ebff!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,#f5fbff 0%,#ebf5ff 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.badge-cap{
  position:absolute;
  right:16px;
  top:14px;
  font-size:1.8rem;
  line-height:1;
}
.all-levels-badge b{
  color:#246db3!important;
  font-size:2rem!important;
  font-weight:950!important;
  line-height:1.1;
}
.all-levels-badge span{
  margin-top:4px!important;
  color:#2d5f92!important;
  font-size:1rem!important;
  font-weight:800;
}
.mockup-price-grid{
  gap:18px!important;
  margin-top:18px!important;
}
.compact-price-card[data-home-panel^="plan-"]{
  aspect-ratio:auto!important;
  min-height:0!important;
  height:auto!important;
}
.mockup-price-grid .compact-price-card{
  min-height:500px!important;
  padding:22px 22px 18px!important;
  border-radius:24px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
}
.monthly-card{background:linear-gradient(180deg,#f4f9ff 0%,#e8f2ff 100%)!important;border-color:#bcd9ff!important}
.halfyear-card{background:linear-gradient(180deg,#f3fbf1 0%,#e6f7e7 100%)!important;border-color:#b6e1b8!important}
.yearly-card{
  min-height:518px!important;
  margin:-6px 0 -2px!important;
  padding-top:24px!important;
  background:linear-gradient(180deg,#fff7f8 0%,#ffecef 100%)!important;
  border:3px solid #ff5871!important;
  box-shadow:0 18px 36px rgba(237,57,92,.18)!important;
}
.yearly-card::before{
  content:"แนะนำ"!important;
  right:-48px!important;
  top:22px!important;
  width:170px!important;
  padding:8px 0!important;
  font-size:.82rem!important;
  transform:rotate(38deg)!important;
}
.yearly-star{
  top:-8px!important;
  font-size:2rem!important;
}
.compact-plan-label{
  padding:7px 12px!important;
  font-size:1rem!important;
  font-weight:900!important;
  border:1px solid rgba(255,255,255,.65)!important;
}
.saving-badge{
  right:18px!important;
  top:18px!important;
  width:90px!important;
  height:90px!important;
  font-size:1rem!important;
  line-height:1.08!important;
  border-radius:999px!important;
}
.yearly-card .saving-badge{top:18px!important;background:#ff5b76!important}
.plan-title-row{
  width:100%;
  align-items:flex-start!important;
  gap:14px!important;
  margin-top:12px!important;
}
.plan-title-row h3{
  font-size:3.2rem!important;
  line-height:1.02!important;
  letter-spacing:-.03em!important;
  color:#13406a!important;
}
.halfyear-card .plan-title-row h3{color:#22692a!important}
.yearly-card .plan-title-row h3{color:#d91d40!important}
.compact-price{
  display:block!important;
  line-height:1!important;
  text-align:left!important;
}
.compact-price b{
  display:block;
  font-size:4.3rem!important;
  letter-spacing:-.04em;
}
.compact-price span{
  display:block;
  margin-top:4px;
  font-size:1.4rem!important;
  font-weight:900!important;
}
.plan-benefit-list{
  gap:10px!important;
  margin:14px 0 18px!important;
  padding-right:38%!important;
  font-size:1rem!important;
  line-height:1.5!important;
  color:#453c36!important;
}
.plan-benefit-list li{position:relative;padding-left:18px}
.plan-benefit-list li::before{
  position:absolute;
  left:0;
  top:0;
  content:"✓";
  margin-right:0!important;
  color:#166e41!important;
}
.plan-art{
  right:10px!important;
  bottom:68px!important;
  width:41%!important;
  height:58%!important;
  pointer-events:none;
}
.plan-art img{object-fit:contain!important;object-position:right bottom!important}
.halfyear-card .plan-art{width:44%!important;height:57%!important;right:6px!important}
.yearly-art{width:48%!important;height:60%!important;right:4px!important;bottom:58px!important}
.mockup-price-grid .btn{
  width:100%;
  min-height:62px!important;
  border-radius:16px!important;
  font-size:1.35rem!important;
  font-weight:950!important;
  box-shadow:none!important;
}
.simple-pricing-note{
  display:none!important;
}
.mockup-feature-strip{
  margin-top:18px!important;
  padding:14px 12px!important;
  border-radius:24px!important;
  box-shadow:0 10px 24px rgba(78,58,33,.07)!important;
}
.mockup-feature-strip article{
  padding:8px 18px!important;
}
.feature-icon{
  width:56px!important;
  height:56px!important;
  flex-basis:56px!important;
  border-radius:18px!important;
  font-size:1.85rem!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.feature-icon.violet{background:#efe4ff!important}
.feature-icon.blue{background:#e3f2ff!important}
.feature-icon.orange{background:#ffedd8!important}
.feature-icon.green{background:#e4f7e7!important}
.mockup-feature-strip b{font-size:1.05rem!important;color:#2f2c29}
.mockup-feature-strip small{font-size:.88rem!important;color:#6e675f;line-height:1.35!important}
@media (max-width: 1100px){
  .compact-pricing-head h2{font-size:clamp(1.8rem,3vw,2.5rem)!important}
  .all-levels-badge{min-width:180px!important}
  .plan-title-row h3{font-size:2.6rem!important}
  .compact-price b{font-size:3.5rem!important}
  .mockup-price-grid .compact-price-card{min-height:460px!important}
  .plan-benefit-list{padding-right:34%!important;font-size:.94rem!important}
}
@media (max-width: 760px){
  .mockup-pricing-shell{padding:18px!important}
  .compact-pricing-head h2{font-size:1.95rem!important}
  .compact-pricing-head p{font-size:.92rem!important}
  .all-levels-badge{min-width:0!important;width:100%;max-width:220px}
  .mockup-price-grid{grid-template-columns:1fr!important}
  .mockup-price-grid .compact-price-card{min-height:400px!important}
  .yearly-card{min-height:420px!important;order:0!important}
  .plan-title-row h3{font-size:2.3rem!important}
  .compact-price b{font-size:3.2rem!important}
  .compact-price span{font-size:1.1rem!important}
  .plan-benefit-list{padding-right:42%!important;font-size:.92rem!important}
  .saving-badge{width:74px!important;height:74px!important;font-size:.85rem!important}
  .plan-art{width:40%!important;height:50%!important;bottom:72px!important}
  .mockup-feature-strip{grid-template-columns:1fr 1fr!important}
}
@media (max-width: 520px){
  .all-levels-badge{max-width:180px}
  .badge-cap{font-size:1.45rem;right:12px;top:10px}
  .all-levels-badge b{font-size:1.4rem!important}
  .all-levels-badge span{font-size:.88rem!important}
  .plan-benefit-list{padding-right:0!important}
  .plan-art,.halfyear-card .plan-art,.yearly-art{width:37%!important;height:38%!important;right:-4px!important;bottom:78px!important;opacity:.96}
  .mockup-feature-strip{grid-template-columns:1fr!important}
  .mockup-feature-strip article{border-right:0!important;border-bottom:1px solid #eadfce}
  .mockup-feature-strip article:last-child{border-bottom:0}
}

/* ===== Build 008.6.34 consolidated visual fixes ===== */
/* Main pricing: balanced near-square cards */
.compact-pricing-head .all-levels-badge{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  column-gap:10px!important;
  min-width:210px!important;
  padding:13px 16px!important;
  text-align:left!important;
}
.compact-pricing-head .badge-cap{
  position:static!important;
  grid-column:1!important;
  grid-row:1/3!important;
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  font-size:1.65rem!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 5px 12px rgba(37,91,147,.10)!important;
}
.compact-pricing-head .all-levels-badge b,
.compact-pricing-head .all-levels-badge span{grid-column:2!important;min-width:0!important}
.compact-pricing-head .all-levels-badge b{font-size:1.45rem!important;white-space:nowrap!important}
.compact-pricing-head .all-levels-badge span{font-size:.86rem!important}
.mockup-price-grid .compact-price-card[data-home-panel^="plan-"]{
  aspect-ratio:1/1.04!important;
  min-height:0!important;
  max-height:430px!important;
  padding:18px 18px 15px!important;
  border-radius:22px!important;
}
.mockup-price-grid .yearly-card{margin:0!important;min-height:0!important;max-height:430px!important;padding-top:18px!important}
.mockup-price-grid .compact-plan-label{padding:5px 9px!important;font-size:.78rem!important}
.mockup-price-grid .saving-badge{width:64px!important;height:64px!important;right:12px!important;top:12px!important;font-size:.72rem!important}
.mockup-price-grid .yearly-card .saving-badge{top:16px!important}
.mockup-price-grid .plan-title-row{margin-top:7px!important;align-items:flex-start!important}
.mockup-price-grid .plan-title-row h3{font-size:2rem!important;max-width:46%!important;line-height:1.02!important}
.mockup-price-grid .compact-price b{font-size:2.75rem!important}
.mockup-price-grid .yearly-card .compact-price b{font-size:3rem!important}
.mockup-price-grid .compact-price span{font-size:.88rem!important;margin-top:2px!important}
.mockup-price-grid .plan-benefit-list{
  gap:5px!important;
  margin:8px 0 10px!important;
  padding-right:39%!important;
  font-size:.78rem!important;
  line-height:1.35!important;
}
.mockup-price-grid .plan-benefit-list li{padding-left:15px!important}
.mockup-price-grid .plan-art,
.mockup-price-grid .halfyear-card .plan-art,
.mockup-price-grid .yearly-art{
  width:43%!important;
  height:52%!important;
  right:3px!important;
  bottom:52px!important;
}
.mockup-price-grid .yearly-art{width:48%!important;height:55%!important;bottom:48px!important}
.mockup-price-grid .btn{min-height:47px!important;font-size:.96rem!important;border-radius:13px!important}
.mockup-price-grid .yearly-star{top:-5px!important;font-size:1.45rem!important}

/* Member pricing: same visual language as main pricing */
.all-level-member-group{padding:20px!important;border-radius:24px!important}
.unified-member-plans{gap:16px!important;align-items:stretch!important}
.unified-member-plans .member-plan-card{
  min-height:330px!important;
  padding:17px!important;
  border-radius:21px!important;
  display:flex!important;
  flex-direction:column!important;
  transform:none!important;
}
.unified-member-plans .member-plan-card:nth-child(1){background:linear-gradient(180deg,#f4f9ff,#e8f3ff)!important;border:2px solid #add4ff!important}
.unified-member-plans .member-plan-card:nth-child(2){background:linear-gradient(180deg,#f3fbf2,#e5f7e7)!important;border:2px solid #a6dea9!important}
.unified-member-plans .yearly-member-plan{background:linear-gradient(180deg,#fff7f8,#ffebef)!important;border:3px solid #ff536f!important;box-shadow:0 14px 28px rgba(239,55,87,.15)!important}
.unified-member-plans .yearly-member-plan::before{content:"แนะนำที่สุด"!important;right:-43px!important;top:18px!important;width:155px!important;font-size:.7rem!important}
.member-plan-head{display:grid!important;grid-template-columns:58px 1fr!important;gap:12px!important;align-items:center!important;min-width:0!important}
.member-plan-visual{display:grid!important;place-items:center!important;width:58px!important;height:58px!important;border-radius:16px!important;background:rgba(255,255,255,.82)!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.9)!important}
.member-plan-visual img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center bottom!important}
.member-plan-visual.family img{object-fit:cover!important}
.member-plan-head h3{margin:5px 0 0!important;font-size:1.08rem!important;line-height:1.25!important;color:#2e3d3a!important}
.unified-member-plans .plan-period{font-size:.72rem!important;padding:5px 9px!important}
.member-plan-price{display:grid!important;grid-template-columns:auto 1fr!important;align-items:end!important;column-gap:7px!important;margin:16px 0 8px!important}
.member-plan-price strong{font-size:2.65rem!important;line-height:.9!important;letter-spacing:-.04em!important;color:#1678d5!important}
.halfyear-member-plan .member-plan-price strong{color:#22903c!important}
.yearly-member-plan .member-plan-price strong{color:#e52b4e!important}
.member-plan-price>span{font-size:1rem!important;font-weight:900!important;padding-bottom:2px!important}
.member-plan-price small{grid-column:1/-1!important;margin-top:7px!important;color:#67615b!important;font-size:.8rem!important}
.member-plan-card>p{margin:7px 0 12px!important;color:#5f6764!important;font-size:.84rem!important;line-height:1.45!important}
.unified-member-plans .member-saving-line{margin:7px 0 12px!important;padding:9px 10px!important;font-size:.75rem!important}
.unified-member-plans .payment-start{width:100%!important;min-height:48px!important;margin-top:auto!important;border-radius:13px!important;font-size:.96rem!important;font-weight:950!important}

/* Payment page: selected package card and matching artwork */
.payment-selected-plan{
  display:grid!important;
  grid-template-columns:62px minmax(0,1fr) auto!important;
  gap:13px!important;
  align-items:center!important;
  margin-bottom:14px!important;
  padding:12px 14px!important;
  border:1px solid #dbe9e5!important;
  border-radius:17px!important;
  background:linear-gradient(90deg,#f8fcfb,#fffaf2)!important;
}
.payment-plan-icon{display:grid!important;place-items:center!important;width:62px!important;height:62px!important;border-radius:17px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 5px 13px rgba(53,83,73,.08)!important}
.payment-plan-icon img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center bottom!important}
.payment-selected-plan small{display:block!important;color:#20716a!important;font-weight:900!important}
.payment-selected-plan h3{margin:3px 0 0!important;font-size:1.15rem!important;line-height:1.25!important}
.payment-selected-plan .payment-amount{margin:0!important;white-space:nowrap!important;font-size:2rem!important;color:#16756d!important}
.payment-panel .payment-layout,.payment-layout{grid-template-columns:minmax(230px,280px) minmax(0,1fr)!important}

/* Brain-game badge: guaranteed contrast in normal, hover, focus, active */
.game-promo-strip:not(.panel-artwork-only) .eyebrow,
.game-promo-strip:not(.panel-artwork-only):hover .eyebrow,
.game-promo-strip:not(.panel-artwork-only):focus-within .eyebrow,
.game-promo-strip:not(.panel-artwork-only):active .eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  padding:6px 11px!important;
  border:2px solid rgba(255,255,255,.9)!important;
  border-radius:999px!important;
  background:#145ab1!important;
  color:#fff!important;
  box-shadow:0 4px 10px rgba(7,43,108,.20)!important;
  opacity:1!important;
}
.game-promo-strip.panel-artwork-only .game-play-button:focus-visible{opacity:.14!important;outline:4px solid #fff!important;outline-offset:-5px!important}

/* Import schema note */
.import-skill-note{grid-column:1/-1!important;margin-top:8px!important;background:#eef8f5!important;border-color:#cfe8df!important}
.question-import-preview-table th:nth-child(2),.question-import-preview-table td:nth-child(2){min-width:210px!important}
.question-import-preview-table th:nth-child(3),.question-import-preview-table td:nth-child(3){min-width:260px!important}

@media(max-width:1100px){
  .mockup-price-grid .compact-price-card[data-home-panel^="plan-"]{aspect-ratio:auto!important;min-height:380px!important;max-height:none!important}
  .mockup-price-grid .yearly-card{max-height:none!important}
  .unified-member-plans{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .unified-member-plans{grid-template-columns:1fr 1fr!important}
  .unified-member-plans .yearly-member-plan{grid-column:1/-1!important;max-width:600px!important;width:100%!important;justify-self:center!important}
  .payment-layout{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  .compact-pricing-head .all-levels-badge{width:100%!important;max-width:240px!important}
  .mockup-price-grid .compact-price-card[data-home-panel^="plan-"]{min-height:370px!important}
  .mockup-price-grid .plan-benefit-list{padding-right:40%!important}
  .unified-member-plans{grid-template-columns:1fr!important}
  .unified-member-plans .yearly-member-plan{grid-column:auto!important;max-width:none!important}
  .payment-selected-plan{grid-template-columns:54px 1fr!important}
  .payment-plan-icon{width:54px!important;height:54px!important}
  .payment-selected-plan .payment-amount{grid-column:1/-1!important;font-size:1.7rem!important}
}
@media(max-width:480px){
  .compact-pricing-head .all-levels-badge b{font-size:1.2rem!important}
  .mockup-price-grid .compact-price-card[data-home-panel^="plan-"]{min-height:350px!important}
  .mockup-price-grid .plan-benefit-list{padding-right:0!important;max-width:62%!important}
  .mockup-price-grid .plan-art,.mockup-price-grid .halfyear-card .plan-art,.mockup-price-grid .yearly-art{width:41%!important;height:42%!important;bottom:50px!important}
  .member-plan-price strong{font-size:2.35rem!important}
}

/* ===== Build 008.6.35 — approved homepage UI fixes (today) ===== */
/* 1) Main public pricing: reference-accurate proportions and complete copy. */
.mockup-price-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
  margin-top:16px!important;
}
.mockup-price-grid .compact-price-card[data-home-panel^="plan-"]{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:800/780!important;
  padding:18px 18px 14px!important;
  overflow:hidden!important;
  border-radius:22px!important;
  box-sizing:border-box!important;
  isolation:isolate!important;
}
.mockup-price-grid .monthly-card{
  border:2px solid #a9d4ff!important;
  background:linear-gradient(180deg,#f4f9ff 0%,#e7f2ff 100%)!important;
}
.mockup-price-grid .halfyear-card{
  border:2px solid #a8dda9!important;
  background:linear-gradient(180deg,#f4fbf2 0%,#e7f7e8 100%)!important;
}
.mockup-price-grid .yearly-card{
  margin:0!important;
  padding-top:18px!important;
  border:3px solid #ff5570!important;
  background:linear-gradient(180deg,#fff8f9 0%,#ffecef 100%)!important;
  box-shadow:0 14px 28px rgba(229,43,78,.16)!important;
  transform:none!important;
  overflow:visible!important;
  z-index:2!important;
}
.mockup-price-grid .yearly-card::before{display:none!important;content:none!important}
.mockup-price-grid .compact-plan-label{
  position:relative!important;
  z-index:6!important;
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:62%!important;
  min-height:30px!important;
  padding:5px 10px!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.78)!important;
  font-size:.78rem!important;
  font-weight:950!important;
  line-height:1.15!important;
  white-space:nowrap!important;
}
.mockup-price-grid .monthly-card .compact-plan-label{color:#1768c1!important}
.mockup-price-grid .halfyear-card .compact-plan-label{color:#237c34!important}
.mockup-price-grid .yearly-card .compact-plan-label{color:#df2948!important}
.mockup-price-grid .plan-period-title{
  position:relative!important;
  z-index:6!important;
  width:60%!important;
  max-width:60%!important;
  margin:12px 0 4px!important;
  color:#1568bd!important;
  font-size:2.25rem!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
  white-space:nowrap!important;
}
.mockup-price-grid .halfyear-card .plan-period-title{color:#21843a!important}
.mockup-price-grid .yearly-card .plan-period-title{color:#df2445!important}
.mockup-price-grid .plan-description{
  position:relative!important;
  z-index:6!important;
  width:62%!important;
  min-height:34px!important;
  margin:4px 0 10px!important;
  color:#5f5a54!important;
  font-size:.76rem!important;
  font-weight:650!important;
  line-height:1.35!important;
}
.mockup-price-grid .plan-benefit-list{
  position:relative!important;
  z-index:6!important;
  display:grid!important;
  width:62%!important;
  max-width:62%!important;
  gap:6px!important;
  margin:0 0 8px!important;
  padding:0!important;
  list-style:none!important;
  color:#3f433f!important;
  font-size:.77rem!important;
  font-weight:760!important;
  line-height:1.33!important;
}
.mockup-price-grid .plan-benefit-list li{
  position:relative!important;
  padding-left:17px!important;
  overflow-wrap:anywhere!important;
}
.mockup-price-grid .plan-benefit-list li::before{
  content:"✓"!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  color:#188455!important;
  font-weight:950!important;
}
.mockup-price-grid .plan-art,
.mockup-price-grid .halfyear-card .plan-art,
.mockup-price-grid .yearly-art{
  position:absolute!important;
  z-index:2!important;
  right:-2px!important;
  bottom:51px!important;
  width:52%!important;
  height:69%!important;
  border-radius:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
  opacity:1!important;
}
.mockup-price-grid .halfyear-card .plan-art{width:54%!important;height:70%!important;right:-4px!important}
.mockup-price-grid .yearly-art{width:57%!important;height:72%!important;right:-4px!important;bottom:49px!important}
.mockup-price-grid .plan-art img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:right bottom!important;
}
.mockup-price-grid .plan-price-zone{
  position:relative!important;
  z-index:7!important;
  width:62%!important;
  margin-top:auto!important;
  margin-bottom:9px!important;
}
.mockup-price-grid .compact-price{
  display:flex!important;
  align-items:baseline!important;
  gap:6px!important;
  margin:0!important;
  color:#1573ce!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.mockup-price-grid .halfyear-card .compact-price{color:#21893b!important}
.mockup-price-grid .yearly-card .compact-price{color:#e2294c!important}
.mockup-price-grid .compact-price b,
.mockup-price-grid .yearly-card .compact-price b{
  display:inline!important;
  margin:0!important;
  color:inherit!important;
  font-size:2.8rem!important;
  font-weight:950!important;
  line-height:.92!important;
  letter-spacing:-.045em!important;
}
.mockup-price-grid .compact-price span{
  display:inline!important;
  margin:0!important;
  color:inherit!important;
  font-size:.92rem!important;
  font-weight:950!important;
}
.mockup-price-grid .plan-average{
  margin:5px 0 0!important;
  color:inherit!important;
  font-size:.68rem!important;
  font-weight:850!important;
  line-height:1.25!important;
  white-space:nowrap!important;
}
.mockup-price-grid .monthly-card .plan-average{color:#2d6fac!important}
.mockup-price-grid .halfyear-card .plan-average{color:#47734c!important}
.mockup-price-grid .yearly-card .plan-average{color:#d3465e!important}
.mockup-price-grid .saving-badge{
  position:absolute!important;
  z-index:9!important;
  top:13px!important;
  right:13px!important;
  display:grid!important;
  place-items:center!important;
  width:70px!important;
  height:70px!important;
  padding:9px!important;
  border-radius:0!important;
  clip-path:polygon(50% 0%,61% 10%,76% 4%,82% 18%,96% 24%,90% 39%,100% 50%,90% 61%,96% 76%,82% 82%,76% 96%,61% 90%,50% 100%,39% 90%,24% 96%,18% 82%,4% 76%,10% 61%,0% 50%,10% 39%,4% 24%,18% 18%,24% 4%,39% 10%)!important;
  background:#39a94f!important;
  color:#fff!important;
  text-align:center!important;
  font-size:.73rem!important;
  font-weight:950!important;
  line-height:1.08!important;
  box-shadow:0 7px 15px rgba(30,126,50,.20)!important;
}
.mockup-price-grid .yearly-card .saving-badge{top:13px!important;background:#ef3859!important}
.mockup-price-grid .yearly-star{
  position:absolute!important;
  z-index:12!important;
  top:-18px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  display:block!important;
  font-size:2rem!important;
  line-height:1!important;
  filter:drop-shadow(0 4px 4px rgba(167,91,0,.24))!important;
}
.mockup-price-grid .btn{
  position:relative!important;
  z-index:10!important;
  flex:0 0 auto!important;
  width:100%!important;
  min-height:48px!important;
  margin:0!important;
  padding:10px 14px!important;
  border:0!important;
  border-radius:13px!important;
  font-size:1rem!important;
  font-weight:950!important;
  line-height:1.15!important;
  box-shadow:none!important;
}
.mockup-price-grid .btn span{display:inline!important;margin-left:5px!important}
.mockup-price-grid .monthly-card .btn{background:#2883df!important;color:#fff!important}
.mockup-price-grid .halfyear-card .btn{background:#35ac4e!important;color:#fff!important}
.mockup-price-grid .yearly-card .btn{background:linear-gradient(90deg,#ef3154,#ff5571)!important;color:#fff!important}
/* Uploaded artwork remains supported, but copy and price stay fixed and readable. */
.mockup-price-grid .compact-price-card.has-custom-panel-bg{
  background-image:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.91) 42%,rgba(255,255,255,.72) 54%,rgba(255,255,255,.12) 76%,rgba(255,255,255,0) 100%),var(--panel-bg-image)!important;
  background-size:var(--panel-bg-size,100% 100%)!important;
  background-position:var(--panel-bg-position,center)!important;
  background-repeat:no-repeat!important;
}
.mockup-price-grid .compact-price-card.has-custom-panel-bg .plan-art{display:none!important}
.mockup-price-grid .compact-price-card.has-custom-panel-bg .plan-benefit-list,
.mockup-price-grid .compact-price-card.has-custom-panel-bg .plan-description,
.mockup-price-grid .compact-price-card.has-custom-panel-bg .plan-price-zone{width:61%!important;max-width:61%!important}

/* 2) Free trial selector: colorful approved card with generic exam-paper icon. */
.trial-priority-section{margin:30px 0 26px!important;scroll-margin-top:18px!important}
.trial-priority-section .trial-showcase-card{
  position:relative!important;
  overflow:hidden!important;
  padding:24px 28px 22px!important;
  border:1px solid #a8dddd!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 7% 95%,rgba(86,202,199,.16) 0 90px,transparent 92px),
    radial-gradient(circle at 99% 87%,rgba(255,202,85,.20) 0 85px,transparent 87px),
    linear-gradient(180deg,#fffefa 0%,#fffdfa 55%,#fbfffe 100%)!important;
  box-shadow:0 16px 34px rgba(42,91,84,.10)!important;
}
.trial-showcase-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:radial-gradient(circle,#f3c65e 1.5px,transparent 1.8px),radial-gradient(circle,#7fd0cc 1.3px,transparent 1.6px);
  background-size:34px 34px,42px 42px;
  background-position:97% 11%,4% 88%;
  opacity:.35;
}
.trial-showcase-header{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:96px minmax(0,1fr) 96px!important;
  align-items:center!important;
  gap:18px!important;
  margin-bottom:20px!important;
}
.trial-book-art{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:88px!important;
  height:78px!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,#fff7da,#e8fbf8)!important;
  box-shadow:inset 0 0 0 1px rgba(49,162,153,.15)!important;
}
.trial-book-art span{font-size:3rem!important;line-height:1!important}
.trial-book-art i{position:absolute!important;left:9px!important;top:2px!important;font-style:normal!important;font-size:2rem!important;transform:rotate(-16deg)!important}
.trial-heading-copy h2{
  margin:0 0 6px!important;
  color:#0b6663!important;
  font-size:clamp(1.9rem,3vw,2.7rem)!important;
  font-weight:950!important;
  line-height:1.12!important;
  letter-spacing:-.03em!important;
}
.trial-heading-copy p{
  margin:0!important;
  max-width:none!important;
  color:#4e5154!important;
  font-size:1rem!important;
  line-height:1.55!important;
}
.trial-paper-check{display:grid!important;place-items:center!important;width:92px!important;height:92px!important;justify-self:end!important}
.trial-paper-check svg{width:90px!important;height:90px!important;filter:drop-shadow(0 6px 8px rgba(54,83,91,.12))!important}
.trial-controls{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:18px!important;
  margin:0 0 16px!important;
}
.trial-controls label{display:grid!important;gap:8px!important;color:#3d4650!important;font-size:1rem!important;font-weight:900!important}
.trial-field-label{display:flex!important;align-items:center!important;gap:8px!important}
.trial-field-label>span{font-size:1.25rem!important}
.trial-controls select{
  width:100%!important;
  min-height:58px!important;
  padding:10px 46px 10px 16px!important;
  border:2px solid #28aaa4!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#19252d!important;
  font-size:1.05rem!important;
  font-weight:850!important;
  box-shadow:0 3px 10px rgba(24,111,106,.04)!important;
}
.trial-showcase-card .trial-info-notice,
.trial-showcase-card .trial-quality-notice{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  min-height:62px!important;
  margin:0 0 13px!important;
  padding:12px 18px!important;
  border-radius:16px!important;
  font-size:.95rem!important;
  font-weight:760!important;
  line-height:1.5!important;
}
.trial-showcase-card .trial-info-notice{border:1.5px solid #63aef9!important;background:linear-gradient(90deg,#eaf5ff,#f2f8ff)!important;color:#175da9!important}
.trial-showcase-card .trial-quality-notice{border:1.5px solid #f1b842!important;background:linear-gradient(90deg,#fff6dc,#fffaf0)!important;color:#7a4b13!important}
.trial-showcase-card .trial-info-notice::before,
.trial-showcase-card .trial-quality-notice::before{
  display:grid!important;
  place-items:center!important;
  width:36px!important;
  height:36px!important;
  border-radius:50%!important;
  color:#fff!important;
  font-size:1.2rem!important;
  font-weight:950!important;
}
.trial-showcase-card .trial-info-notice::before{content:"i"!important;background:#278bf0!important}
.trial-showcase-card .trial-quality-notice::before{content:"!"!important;background:#e7a61d!important;clip-path:polygon(50% 0%,100% 100%,0% 100%)!important;border-radius:0!important;padding-top:7px!important;box-sizing:border-box!important}
.trial-showcase-card .trial-info-notice:empty{display:none!important}
.trial-footer-row{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  margin-top:8px!important;
}
.trial-disclaimer{display:flex!important;align-items:center!important;gap:10px!important;color:#4b555d!important;font-size:.9rem!important;line-height:1.5!important}
.trial-disclaimer>span:first-child{font-size:1.35rem!important}
.trial-footer-row .actions{flex:0 0 auto!important;margin:0!important}
.trial-showcase-card #startTrialBtn{
  min-width:280px!important;
  min-height:56px!important;
  padding:12px 22px!important;
  border:0!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#17a9a0,#087f79)!important;
  color:#fff!important;
  font-size:1.15rem!important;
  font-weight:950!important;
  box-shadow:0 9px 20px rgba(5,125,119,.23)!important;
}
.trial-showcase-card #startTrialBtn:hover{transform:translateY(-1px)!important;filter:brightness(1.03)!important}
.trial-showcase-card #startTrialBtn:focus-visible{outline:4px solid rgba(20,165,157,.28)!important;outline-offset:3px!important}

/* 3) Login benefits card fills the lower-left area without changing the forms. */
.auth-wrap{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:18px!important;
  align-items:start!important;
}
.auth-login-column{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;min-width:0!important}
.login-benefits-card{
  padding:22px 24px!important;
  border:1px solid #bfe3df!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,#effbf9 0%,#f7fdfc 58%,#edf8f7 100%)!important;
  box-shadow:0 12px 28px rgba(30,103,96,.08)!important;
}
.login-benefits-heading{display:flex!important;align-items:center!important;gap:14px!important;margin-bottom:10px!important}
.login-benefits-heading h3{margin:0!important;color:#126d68!important;font-size:1.35rem!important;line-height:1.25!important}
.login-benefits-main-icon{
  display:grid!important;
  place-items:center!important;
  width:54px!important;
  height:54px!important;
  flex:0 0 54px!important;
  border:1px solid #b9dfdb!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#14827b!important;
  font-size:1.7rem!important;
  font-weight:950!important;
}
.login-benefits-list{display:grid!important;gap:0!important;margin:0!important;padding:0!important;list-style:none!important}
.login-benefits-list li{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  min-height:62px!important;
  padding:8px 0!important;
  border-bottom:1px dashed #c8e4e0!important;
  color:#344b4a!important;
  font-size:.92rem!important;
  line-height:1.4!important;
}
.login-benefits-list li:last-child{border-bottom:0!important}
.benefit-icon{
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#13847c!important;
  font-size:1.25rem!important;
  font-weight:950!important;
  box-shadow:inset 0 0 0 1px #c6e5e1!important;
}
.login-benefits-list li b::before{content:"✓";margin-right:9px;color:#11957f;font-weight:950}
.login-benefits-note{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  margin:12px 0 0!important;
  padding:12px 14px!important;
  border:1px solid #cce6e2!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.68)!important;
  color:#52706d!important;
  font-size:.82rem!important;
  font-weight:700!important;
  line-height:1.45!important;
  text-align:center!important;
}

@media(max-width:1100px){
  .mockup-price-grid .compact-price-card[data-home-panel^="plan-"]{aspect-ratio:800/820!important}
  .mockup-price-grid .plan-period-title{font-size:1.95rem!important}
  .mockup-price-grid .compact-price b,.mockup-price-grid .yearly-card .compact-price b{font-size:2.45rem!important}
  .mockup-price-grid .plan-description{font-size:.7rem!important}
  .mockup-price-grid .plan-benefit-list{font-size:.7rem!important;gap:4px!important}
  .mockup-price-grid .saving-badge{width:62px!important;height:62px!important;font-size:.65rem!important}
  .trial-showcase-header{grid-template-columns:78px minmax(0,1fr) 78px!important}
  .trial-book-art{width:72px!important;height:66px!important}.trial-book-art span{font-size:2.35rem!important}.trial-book-art i{font-size:1.55rem!important}
  .trial-paper-check,.trial-paper-check svg{width:76px!important;height:76px!important}
}
@media(max-width:900px){
  .mockup-price-grid{grid-template-columns:1fr 1fr!important}
  .mockup-price-grid .compact-price-card[data-home-panel^="plan-"]{aspect-ratio:800/760!important;max-width:none!important}
  .mockup-price-grid .yearly-card{grid-column:1/-1!important;width:min(100%,620px)!important;justify-self:center!important}
  .trial-showcase-header{grid-template-columns:70px minmax(0,1fr) 70px!important;gap:12px!important}
  .trial-heading-copy h2{font-size:1.85rem!important}
  .trial-heading-copy p{font-size:.9rem!important}
  .trial-controls{grid-template-columns:1fr!important}
  .trial-footer-row{align-items:stretch!important;flex-direction:column!important}
  .trial-footer-row .actions{width:100%!important}
  .trial-showcase-card #startTrialBtn{width:100%!important;min-width:0!important}
}
@media(max-width:620px){
  .mockup-price-grid{grid-template-columns:1fr!important}
  .mockup-price-grid .compact-price-card[data-home-panel^="plan-"],
  .mockup-price-grid .yearly-card{grid-column:auto!important;width:100%!important;aspect-ratio:auto!important;min-height:410px!important}
  .mockup-price-grid .plan-period-title{font-size:2rem!important}
  .mockup-price-grid .plan-description,.mockup-price-grid .plan-benefit-list,.mockup-price-grid .plan-price-zone{width:62%!important;max-width:62%!important}
  .mockup-price-grid .plan-art,.mockup-price-grid .halfyear-card .plan-art,.mockup-price-grid .yearly-art{width:50%!important;height:62%!important;bottom:50px!important}
  .trial-priority-section .trial-showcase-card{padding:18px 16px!important;border-radius:22px!important}
  .trial-showcase-header{grid-template-columns:58px minmax(0,1fr)!important;align-items:start!important}
  .trial-paper-check{display:none!important}
  .trial-book-art{width:54px!important;height:54px!important;border-radius:16px!important}.trial-book-art span{font-size:1.85rem!important}.trial-book-art i{font-size:1.15rem!important}
  .trial-heading-copy h2{font-size:1.55rem!important;line-height:1.2!important}
  .trial-heading-copy p{font-size:.84rem!important}
  .trial-controls select{min-height:52px!important;font-size:.94rem!important}
  .trial-showcase-card .trial-info-notice,.trial-showcase-card .trial-quality-notice{grid-template-columns:36px minmax(0,1fr)!important;padding:11px 12px!important;font-size:.84rem!important}
  .trial-showcase-card .trial-info-notice::before,.trial-showcase-card .trial-quality-notice::before{width:31px!important;height:31px!important;font-size:1rem!important}
  .trial-disclaimer{align-items:flex-start!important;font-size:.8rem!important}
  .auth-wrap{grid-template-columns:1fr!important}
  .login-benefits-card{padding:18px!important}
}
@media(max-width:420px){
  .mockup-price-grid .compact-price-card[data-home-panel^="plan-"]{min-height:390px!important;padding:16px 15px 13px!important}
  .mockup-price-grid .compact-plan-label{font-size:.7rem!important;max-width:58%!important}
  .mockup-price-grid .saving-badge{width:58px!important;height:58px!important;right:9px!important;top:10px!important}
  .mockup-price-grid .plan-period-title{font-size:1.85rem!important}
  .mockup-price-grid .plan-description{font-size:.68rem!important}
  .mockup-price-grid .plan-benefit-list{font-size:.68rem!important}
  .mockup-price-grid .compact-price b,.mockup-price-grid .yearly-card .compact-price b{font-size:2.25rem!important}
  .mockup-price-grid .plan-average{font-size:.61rem!important}
  .login-benefits-list li{grid-template-columns:38px minmax(0,1fr)!important;gap:9px!important;font-size:.84rem!important}
  .benefit-icon{width:36px!important;height:36px!important;font-size:1rem!important}
}
/* Final overflow guard for the approved price copy. */
.mockup-price-grid .plan-average{min-height:0!important;height:auto!important}
.trial-showcase-card .trial-info-notice>span,.trial-showcase-card .trial-quality-notice>span{min-width:0!important}
/* Keep the desktop card tall enough for every approved line without restoring the old elongated layout. */
@media(min-width:1101px){.mockup-price-grid .compact-price-card[data-home-panel^="plan-"]{aspect-ratio:800/790!important}}
/* Responsive correction: never squeeze three pricing cards into tablet portrait widths. */
@media(min-width:1101px){.mockup-price-grid .compact-price-card[data-home-panel^="plan-"]{aspect-ratio:1/1!important}}
@media(max-width:1100px) and (min-width:621px){
  .mockup-price-grid{grid-template-columns:1fr 1fr!important}
  .mockup-price-grid .compact-price-card[data-home-panel^="plan-"]{aspect-ratio:800/760!important;min-height:0!important;max-height:none!important}
  .mockup-price-grid .yearly-card{grid-column:1/-1!important;width:min(100%,620px)!important;justify-self:center!important}
}
@media(max-width:1100px) and (min-width:621px){
  .mockup-price-grid .compact-price-card.yearly-card[data-home-panel="plan-yearly"]{width:min(100%,620px)!important;justify-self:center!important}
}

/* Build 008.6.36: Admin accordions and question media editor */
#adminPage .admin-accordion-ready{overflow:visible;transition:border-color .2s ease,box-shadow .2s ease}
#adminPage .admin-accordion-ready>.admin-toolbar{position:relative;min-height:52px;padding-right:48px;cursor:default}
#adminPage .admin-accordion-title{cursor:pointer;user-select:none;border-radius:10px;outline:none}
#adminPage .admin-accordion-title:focus-visible{box-shadow:0 0 0 3px rgba(17,132,119,.2)}
.admin-accordion-toggle{position:absolute;right:8px;top:8px;width:38px;height:38px;border:1px solid #d9d1c6;border-radius:12px;background:#fff;color:#156f65;font-size:1.35rem;font-weight:900;display:grid;place-items:center;cursor:pointer;transition:transform .18s ease,background .18s ease}
.admin-accordion-toggle:hover{background:#edf8f5}
.admin-accordion-toggle span[aria-hidden=true]{display:block;line-height:1;transform:rotate(0deg);transition:transform .18s ease}
.admin-accordion-ready.is-collapsed .admin-accordion-toggle span[aria-hidden=true]{transform:rotate(-90deg)}
.admin-accordion-body[hidden]{display:none!important}
.admin-accordion-body{padding-top:2px}
.admin-accordion-ready.has-attention{border-color:#d8525d;box-shadow:0 0 0 3px rgba(216,82,93,.08)}
.admin-accordion-generated-head{margin-bottom:0!important}

.admin-question-editor{margin-top:18px;padding:18px;border:1px solid #d7e8e3;border-radius:18px;background:linear-gradient(180deg,#f7fffc 0%,#fffdf9 100%)}
.admin-question-editor-head,.admin-question-media-heading{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.admin-question-editor-head h3,.admin-question-media-heading h4{margin:3px 0 4px;color:#155f57}
.admin-question-editor-head p,.admin-question-media-heading p{margin:0;color:#6d746f;font-size:.88rem;line-height:1.5}
.admin-question-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.admin-question-editor-wide{grid-column:1/-1}
.admin-question-media-editor{margin-top:18px;padding-top:16px;border-top:1px dashed #cdded8}
.admin-question-editor-grid.media-grid{align-items:start}
.admin-edit-show-text{align-self:end;min-height:46px;padding:10px 12px;border:1px solid #d9e7e2;border-radius:12px;background:#fff}
.admin-media-box{min-width:0;padding:14px;border:1px solid #d8e2df;border-radius:15px;background:#fff;transition:opacity .2s ease,filter .2s ease}
.admin-media-box.media-disabled{opacity:.48;filter:grayscale(.25)}
.admin-media-box-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}
.admin-media-box-head span{font-size:.76rem;color:#7a817c;text-align:right}
.admin-media-preview{min-height:92px;margin:10px 0;padding:10px;border:1px dashed #cfdad6;border-radius:12px;background:#f8fbfa;display:grid;place-items:center;gap:8px;color:#7a817c;text-align:center}
.admin-media-preview img{max-width:100%;max-height:220px;object-fit:contain;border-radius:10px}
.admin-media-preview audio{width:100%}
.admin-media-preview small{overflow-wrap:anywhere}
.question-audio-wrap audio,.admin-preview-media audio{width:min(100%,620px)}

@media(max-width:760px){
  #adminPage .admin-accordion-ready>.admin-toolbar{padding-right:46px;align-items:flex-start}
  .admin-question-editor-head,.admin-question-media-heading{display:grid;grid-template-columns:1fr}
  .admin-question-editor-head .btn{width:100%}
  .admin-question-editor-grid{grid-template-columns:1fr}
  .admin-question-editor-wide{grid-column:auto}
  .admin-media-box-head{align-items:flex-start;flex-direction:column}
  .admin-media-box-head span{text-align:left}
}
.review-question-media{display:block!important;margin:10px 0}.review-question-media img{max-width:100%;max-height:320px;object-fit:contain;border-radius:12px}.review-question-media audio{width:min(100%,620px)}


/* Build 008.6.37: logo, language switch, unlock strip, package modal, mobile CTA */
.language-switch{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid #dcd2c2;border-radius:999px;background:rgba(255,255,255,.88)}
.lang-btn{border:0;background:transparent;padding:7px 11px;border-radius:999px;font-weight:800;color:#567068;cursor:pointer;font-size:.86rem}
.lang-btn.active{background:#0f7f76;color:#fff;box-shadow:0 4px 10px rgba(15,127,118,.18)}
.unlock-practice-strip-section{margin:10px 0 18px}
.unlock-practice-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border:1px solid #f0d98f;border-radius:18px;background:linear-gradient(180deg,#fff8de 0%,#fff2c3 100%);box-shadow:0 10px 26px rgba(194,145,35,.09)}
.unlock-practice-copy{display:flex;align-items:center;gap:14px;min-width:0}
.unlock-practice-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:1.35rem;background:#fff9ef;color:#b98115;box-shadow:inset 0 0 0 1px rgba(208,157,40,.25)}
.unlock-practice-copy h3{margin:0 0 4px;font-size:1.14rem;color:#2b5e57}
.unlock-practice-copy p{margin:0;color:#6d6357;line-height:1.5}
.unlock-practice-btn{border:0;white-space:nowrap;cursor:pointer;padding:11px 18px;border-radius:999px;background:linear-gradient(180deg,#ffbb38 0%,#f59f00 100%);color:#fff;font-weight:900;box-shadow:0 10px 22px rgba(236,153,16,.22)}
.member-access-modal{position:fixed;inset:0;z-index:260;display:grid;place-items:center;padding:20px}.member-access-backdrop{position:absolute;inset:0;background:rgba(30,26,18,.5);backdrop-filter:blur(5px)}.member-access-card.premium-package-modal{position:relative;z-index:1;width:min(1120px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto;padding:24px 24px 18px;border-radius:28px;background:linear-gradient(180deg,#fffdf8 0%,#fff8ef 100%);box-shadow:0 28px 70px rgba(49,34,13,.28);border:1px solid rgba(229,206,166,.9)}
.member-access-header-panel{display:grid;grid-template-columns:160px 1fr 120px;gap:18px;align-items:center;margin-bottom:18px}.member-access-header-art{display:grid;place-items:center;background:linear-gradient(180deg,#fff9ef 0%,#ffe9b8 100%);border-radius:24px;padding:10px;box-shadow:inset 0 0 0 1px rgba(227,197,141,.65)}.member-access-header-art img{width:140px;height:140px;object-fit:contain}.member-access-header-copy h2{margin:4px 0 8px;font-size:2rem;color:#29655d}.member-access-header-copy p{margin:0;color:#61584b;line-height:1.6}.member-access-header-side{display:grid;gap:12px;justify-items:center}.member-access-side-badge{width:68px;height:68px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(180deg,#ffd766 0%,#f1b732 100%);font-size:1.9rem;color:#91580c;box-shadow:0 14px 24px rgba(216,156,27,.18)}.member-access-side-badge.green{background:linear-gradient(180deg,#d5ffd3 0%,#90df79 100%);color:#2d7a2a}
.member-access-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:6px}.member-access-plan{position:relative;padding:18px 16px;border-radius:24px;background:#fff;border:1px solid rgba(224,211,193,.95);box-shadow:0 12px 28px rgba(71,48,18,.08);display:grid;gap:14px}.member-access-plan.featured{border:2px solid #ffbf49;box-shadow:0 18px 36px rgba(222,157,20,.18)}.member-access-plan-top h3{margin:6px 0 0;font-size:1.7rem;color:#245d55}.member-access-plan-price{display:grid;gap:4px}.member-access-plan-price strong{font-size:2.3rem;line-height:1;color:#178670}.member-access-plan-price span{font-weight:800;color:#56514b}.member-access-plan-price small{color:#86776a}.member-access-plan-badge{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;border-radius:999px;font-weight:900;font-size:.86rem}.member-access-plan-badge.soft{background:#eef7f3;color:#2b7d55}.member-access-plan-badge.blue{background:#edf4ff;color:#2769c9}.member-access-plan-badge.green{background:#eaf9f0;color:#177f51}.member-access-plan-badge.gold{background:#fff1cc;color:#c27d00}.member-access-plan ul{margin:0;padding-left:18px;display:grid;gap:8px;color:#5d574f;line-height:1.45}.member-access-plan .btn{width:100%;justify-content:center}.member-access-ribbon{position:absolute;top:12px;right:-8px;padding:6px 14px;border-radius:999px;background:linear-gradient(180deg,#ff7043 0%,#ef4e4e 100%);color:#fff;font-weight:900;box-shadow:0 10px 20px rgba(220,94,69,.2)}
.member-access-benefit-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.member-access-benefit-card{display:flex;gap:12px;align-items:flex-start;padding:14px 15px;border-radius:18px;background:#fffaf0;border:1px solid #efdfbc}.member-access-benefit-card span{font-size:1.35rem}.member-access-benefit-card b{display:block;margin-bottom:4px;color:#2d645b}.member-access-benefit-card small{color:#746858;line-height:1.5}.member-access-footer-actions{display:flex;justify-content:center;margin-top:16px}.member-access-footnote{display:block;text-align:center;margin-top:10px;color:#8b7e6f}
@media(max-width:1100px){.member-access-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.member-access-header-panel{grid-template-columns:140px 1fr}.member-access-header-side{display:none}}
@media(max-width:760px){.unlock-practice-strip{flex-direction:column;align-items:stretch}.unlock-practice-btn{width:100%}.member-access-card.premium-package-modal{padding:18px 16px 14px;border-radius:22px}.member-access-header-panel{grid-template-columns:1fr;gap:12px}.member-access-header-art img{width:120px;height:120px}.member-access-header-copy h2{font-size:1.6rem}.member-access-plan-grid,.member-access-benefit-panels{grid-template-columns:1fr}}
@media(max-width:560px){.language-switch{order:-1}.mockup-header .top-actions{gap:6px}.mockup-header .guest-actions{display:flex;gap:6px}.mockup-header .guest-actions .header-member{width:auto;height:auto;font-size:.78rem;padding:8px 10px!important;border-radius:14px!important;display:inline-flex;align-items:center;gap:5px}.mockup-header .guest-actions .header-member::before{content:none}.mockup-header .guest-actions .header-member .header-member-text{display:inline}.mockup-header .guest-actions .header-login{padding:8px 10px!important;font-size:.78rem}.mockup-header .top-actions{justify-self:end;align-items:center}.member-access-plan-price strong{font-size:2rem}}

@media(max-width:560px){.mockup-header .guest-actions .header-login{display:none!important}.brand-home-button img{width:48px!important;height:56px!important}.lang-btn{padding:6px 8px;font-size:.74rem}.mockup-header .guest-actions .header-member{font-size:.72rem;padding:8px 9px!important}}


/* Build 008.6.38 — versioned wide logo, compact language dropdown, one-row mobile actions, reference package modal */
.mockup-header{grid-template-columns:220px minmax(0,1fr) auto!important}
.brand-home-button{min-width:0;overflow:visible}
.brand-home-button img{width:205px!important;height:58px!important;object-fit:contain!important;object-position:left center!important}
.language-switch,.lang-btn{display:none!important}
.language-menu{position:relative;flex:0 0 auto}
.language-current-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 11px;border:0;border-radius:12px;background:transparent;color:#2f3f3c;font-weight:850;cursor:pointer;white-space:nowrap}
.language-current-btn:hover,.language-current-btn[aria-expanded="true"]{background:#f7efe3}
.language-chevron{font-size:.78rem;transition:transform .18s ease}
.language-current-btn[aria-expanded="true"] .language-chevron{transform:rotate(180deg)}
.language-options{position:absolute;z-index:300;top:calc(100% + 8px);right:0;width:164px;padding:7px;border:1px solid #eadbc6;border-radius:15px;background:#fffdf8;box-shadow:0 18px 38px rgba(69,47,21,.2)}
.language-option{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border:0;border-radius:10px;background:transparent;color:#344b46;text-align:left;cursor:pointer;font-weight:850}
.language-option small{color:#8b7e6e;font-weight:650}
.language-option:hover,.language-option.active{background:#eaf7f3;color:#087c69}
.mockup-header .top-actions,.mockup-header .guest-actions{flex-wrap:nowrap!important}

.member-access-card.package-reference-modal{position:relative;z-index:1;width:min(1040px,calc(100vw - 28px));max-height:calc(100vh - 24px);overflow:auto;padding:16px 22px 14px;border:1px solid #ded8cf;border-radius:23px;background:#fff;box-shadow:0 28px 72px rgba(32,27,20,.3)}
.package-reference-header{display:grid;grid-template-columns:200px 1fr 150px;gap:12px;align-items:center;min-height:180px;border-bottom:1px solid #f1e3d4;background:linear-gradient(180deg,#fff 0%,#fffaf4 100%);margin:-16px -22px 12px;padding:14px 25px 6px;border-radius:23px 23px 0 0;overflow:hidden}
.package-reference-boy{align-self:end}.package-reference-boy img{display:block;width:190px;height:178px;object-fit:contain;object-position:center bottom}
.package-reference-heading{text-align:center}.package-reference-title-row{display:flex;align-items:center;justify-content:center;gap:14px}.package-reference-title-row>span{color:#f6c935;font-size:1.5rem}.package-reference-heading h2{margin:0;color:#08735e;font-size:clamp(1.75rem,3vw,2.45rem);line-height:1.15}.package-reference-heading p{margin:12px 0 0;color:#4f4b46;font-size:1rem;line-height:1.62}.package-reference-heading p b{font-size:1.06rem}
.package-reference-mascot{position:relative;display:grid;place-items:center;height:150px}.package-green-friend{position:absolute;bottom:12px;left:8px;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 36% 28%,#caff95 0 10%,#83d953 48%,#4aaa2c 100%);color:#175d17;font-size:0;box-shadow:inset 0 -7px 0 rgba(23,105,29,.12),0 10px 20px rgba(68,151,45,.17)}.package-green-friend::before{content:"◕  ◕";position:absolute;top:27px;font-size:1.1rem;letter-spacing:10px;color:#173d18}.package-green-friend::after{content:"◡";position:absolute;top:46px;font-size:2rem;color:#173d18}.package-trophy{position:absolute;right:2px;top:8px;font-size:3.5rem;transform:rotate(8deg)}
.package-reference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0 3px}.package-reference-plan{position:relative;display:flex;flex-direction:column;min-height:360px;padding:20px 17px 16px;border:1px solid #dce8e3;border-radius:22px;background:#fff;box-shadow:0 8px 18px rgba(52,66,62,.08)}.package-reference-plan.monthly-plan{border-color:#cfe1f9;background:linear-gradient(180deg,#f8fbff,#fff)}.package-reference-plan.halfyear-plan{border-color:#cbe8db;background:linear-gradient(180deg,#f7fcf9,#fff)}.package-reference-plan.yearly-plan{border:2px solid #ffa927;background:linear-gradient(180deg,#fffaf0,#fff);box-shadow:0 12px 26px rgba(239,151,19,.18)}
.package-reference-period{text-align:center;color:#0b7967;font-size:1.35rem;font-weight:900;min-height:36px}.monthly-plan .package-reference-period{color:#146ec3}.yearly-plan .package-reference-period{color:#e34f39}
.package-reference-price{display:grid;grid-template-columns:auto auto;justify-content:center;align-items:end;column-gap:7px;row-gap:5px;margin:7px 0 17px;text-align:center}.package-reference-price strong{font-size:2.35rem;line-height:1;color:#0a856e}.monthly-plan .package-reference-price strong{color:#176fc8}.yearly-plan .package-reference-price strong{color:#ef8a06}.package-reference-price>span{font-weight:900;color:inherit}.package-reference-price small{grid-column:1/-1;color:#504a44}.package-reference-price del{color:#d25240;text-decoration-thickness:2px}
.package-reference-plan ul{display:grid;gap:11px;margin:0 0 18px;padding:0;list-style:none;color:#464c49;font-weight:700;line-height:1.35}.package-reference-plan li{position:relative;padding-left:25px}.package-reference-plan li::before{content:"✓";position:absolute;left:0;top:0;color:#15945c;font-weight:1000}.package-reference-button{margin-top:auto;width:100%;min-height:44px;border-radius:11px;border:1px solid #66b6a6;background:#fff;color:#13806c;font-weight:900;cursor:pointer}.package-reference-button.blue{border:0;background:linear-gradient(180deg,#3b96ed,#1471cf);color:#fff}.package-reference-button.green{border:0;background:linear-gradient(180deg,#2eb184,#0a8d68);color:#fff}.package-reference-button.orange{border:0;background:linear-gradient(180deg,#ffab17,#f48600);color:#fff}.package-best-badge{position:absolute;z-index:2;top:-16px;left:-4px;padding:9px 15px;border-radius:44% 54% 44% 55%;background:#ff9514;color:#fff;font-weight:1000;transform:rotate(-5deg)}.package-recommended-ribbon{position:absolute;z-index:2;right:-7px;top:8px;padding:7px 13px;background:#f34a3f;color:#fff;font-size:.74rem;font-weight:900;transform:rotate(39deg) translate(16px,-9px);box-shadow:0 5px 12px rgba(206,67,52,.2)}
.package-reference-benefits{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:14px;margin-top:14px}.package-benefit{display:flex;align-items:center;gap:14px;min-height:112px;padding:15px 17px;border-radius:18px;border:1px solid #eedeb9;background:#fff9e8}.package-benefit>span{font-size:2.25rem}.package-benefit.progress{background:linear-gradient(90deg,#fff8ed,#eef8ee);overflow:hidden}.package-benefit.progress img{width:84px;height:100px;object-fit:contain;align-self:end;margin-bottom:-15px}.package-benefit.value{background:#fff9f1}.package-benefit b{display:block;margin-bottom:5px;color:#0d7c68;font-size:1.02rem}.package-benefit small{color:#55514b;line-height:1.45}.package-benefit.value b{color:#146fc5}.package-benefit.value ul{margin:4px 0 0;padding-left:17px;color:#4c5961;font-size:.78rem;line-height:1.55}
.package-reference-login{display:flex;justify-content:center;margin-top:10px}.package-reference-login .btn{min-width:220px}.package-reference-footnote{text-align:center;margin-top:9px;color:#68645f;font-weight:700}

@media(max-width:1180px){.mockup-header{grid-template-columns:170px minmax(0,1fr) auto!important}.brand-home-button img{width:160px!important;height:54px!important}.mockup-header .landing-nav button{padding-left:7px!important;padding-right:7px!important;font-size:.74rem!important}}
@media(max-width:960px){.mockup-header{grid-template-columns:minmax(108px,1fr) auto auto!important;gap:7px!important}.brand-home-button img{width:145px!important;height:48px!important}.mockup-header .top-actions{grid-column:auto!important}.language-current-btn{padding:7px 9px}.package-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.package-reference-header{grid-template-columns:160px 1fr 110px}.package-reference-boy img{width:155px;height:150px}.package-reference-benefits{grid-template-columns:1fr 1fr}.package-benefit.value{grid-column:1/-1}}
@media(max-width:620px){.mockup-header{min-height:62px!important;grid-template-columns:minmax(90px,1fr) 38px auto!important;padding:5px 8px!important;gap:5px!important}.brand-home-button img{width:112px!important;height:43px!important}.landing-menu-toggle{width:38px!important;height:38px!important;padding:8px!important}.mockup-header .top-actions{display:flex!important;align-items:center!important;justify-self:end!important;gap:5px!important;white-space:nowrap!important;flex-wrap:nowrap!important}.mockup-header .guest-actions{display:flex!important;gap:0!important;flex-wrap:nowrap!important}.mockup-header .guest-actions .header-login{display:none!important}.language-current-btn{min-height:38px;padding:6px 7px;font-size:.73rem;gap:4px}.language-current-btn>span:first-child{font-size:.78rem}.mockup-header .guest-actions .header-member{display:inline-flex!important;align-items:center!important;gap:4px!important;width:auto!important;height:38px!important;min-height:38px!important;padding:6px 8px!important;border-radius:12px!important;font-size:.7rem!important;line-height:1!important}.mockup-header .guest-actions .header-member::before{content:none!important}.mockup-header .guest-actions .header-member .header-member-text{display:inline!important}.language-options{right:0;width:150px}.member-access-modal{padding:8px}.member-access-card.package-reference-modal{width:calc(100vw - 16px);max-height:calc(100vh - 16px);padding:12px;border-radius:18px}.package-reference-header{grid-template-columns:82px 1fr;margin:-12px -12px 10px;padding:12px 12px 7px;min-height:126px}.package-reference-boy img{width:82px;height:116px}.package-reference-mascot{display:none}.package-reference-title-row{gap:5px}.package-reference-title-row>span{font-size:.85rem}.package-reference-heading h2{font-size:1.32rem}.package-reference-heading p{font-size:.78rem;line-height:1.45;margin-top:7px}.package-reference-heading p br{display:none}.package-reference-grid{grid-template-columns:1fr;gap:10px}.package-reference-plan{min-height:0;padding:15px}.package-reference-plan ul{gap:7px}.package-reference-benefits{grid-template-columns:1fr}.package-benefit.value{grid-column:auto}.package-reference-login .btn{min-width:0;width:100%}}
@media(max-width:360px){.brand-home-button img{width:92px!important}.mockup-header .guest-actions .header-member{font-size:.64rem!important;padding-left:6px!important;padding-right:6px!important}.language-current-btn{font-size:.68rem;padding-left:5px;padding-right:5px}.language-current-btn>span:first-child{display:none}}

/* Build 008.6.38 QA header corrections */
.mockup-header .brand-home-button img{width:190px!important;height:56px!important;max-width:none!important}
.mockup-header .landing-nav{min-width:0!important;justify-content:center!important;gap:0!important}
.mockup-header .landing-nav button{flex:0 1 auto!important;min-width:0!important;padding:7px 8px!important;font-size:.76rem!important;white-space:nowrap!important}
.mockup-header .landing-nav button span{display:none!important}
.mockup-header .top-actions .btn{min-height:42px!important;padding:9px 13px!important;border-radius:14px!important;font-size:.86rem!important}
.mockup-header .language-current-btn{min-height:40px!important;padding:7px 9px!important;font-size:.82rem!important}
@media(max-width:1180px){
  .mockup-header .brand-home-button img{width:150px!important;height:50px!important}
  .mockup-header .landing-nav button{padding:6px 6px!important;font-size:.7rem!important}
}
@media(max-width:960px){
  .mockup-header .brand-home-button img{width:136px!important;height:46px!important}
  .mockup-header .landing-nav button span{display:inline!important}
}
@media(max-width:620px){
  .mockup-header .brand-home-button img{width:108px!important;height:42px!important}
}
@media(max-width:360px){
  .mockup-header .brand-home-button img{width:90px!important;height:39px!important}
}

/* Build 008.6.39 — member access modal, language polish, larger top nav */
.mockup-header .landing-nav button{
  font-size:1.06rem;
  font-weight:800;
  padding:14px 18px;
}
.mockup-header .landing-nav button .nav-icon{font-size:1.08rem}
.header-actions .btn,
.header-actions .language-menu-btn{
  font-size:1rem;
  font-weight:800;
  min-height:46px;
}
.header-actions .header-member-label{font-size:1rem;font-weight:900}
.header-actions .header-member-subtext{font-size:.82rem}

.package-reference-modal{
  max-width:1220px;
  width:min(96vw,1220px);
  border-radius:32px;
  padding:26px 28px 18px;
  background:linear-gradient(180deg,#ffffff 0%,#fffdf8 100%);
}
.package-reference-header{
  display:grid;
  grid-template-columns:190px 1fr 150px;
  gap:18px;
  align-items:center;
  margin-bottom:16px;
}
.package-reference-boy,
.package-reference-mascot{
  display:flex;
  justify-content:center;
  align-items:center;
}
.package-reference-boy img{width:170px;max-width:100%;height:auto;object-fit:contain}
.package-reference-mascot img{width:128px;max-width:100%;height:auto;object-fit:contain}
.package-reference-heading{text-align:center}
.package-reference-title-row{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:14px;
  margin-bottom:6px;
  color:#f4bc2f;
}
.package-reference-title-row h2{
  margin:0;
  font-size:3.15rem;
  line-height:1.05;
  color:#0d7d67;
  letter-spacing:-0.03em;
  max-width:620px;
}
.package-reference-heading p{
  margin:0 auto;
  max-width:720px;
  font-size:1.16rem;
  line-height:1.72;
  color:#3b3b3b;
}
.package-reference-heading p b{display:inline-block;color:#28353e}
.package-reference-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  align-items:stretch;
}
.package-reference-plan{
  min-height:354px;
  border-radius:24px;
  padding:20px 18px 18px;
  display:flex;
  flex-direction:column;
  box-shadow:0 10px 22px rgba(20,64,78,.08);
}
.package-reference-plan ul{margin:14px 0 0;padding-left:1.15rem;display:grid;gap:10px;line-height:1.52;font-size:1rem}
.package-reference-price strong{font-size:3.4rem;line-height:1}
.package-reference-price span{font-size:1.3rem;font-weight:800}
.package-reference-price small{display:block;margin-top:4px;font-size:1rem;color:#646464}
.package-reference-button{margin-top:auto;min-height:54px;font-size:1.12rem;font-weight:900}
.package-best-badge{font-size:1rem;padding:6px 14px;top:-14px;left:14px}
.package-recommended-ribbon{font-size:.98rem;right:-34px;top:10px;padding:8px 42px}
.package-reference-benefits{
  display:grid;
  grid-template-columns:1fr 1.1fr 1fr;
  gap:14px;
  margin-top:14px;
}
.package-benefit{min-height:118px;border-radius:22px;padding:16px 18px;display:flex;align-items:center;gap:14px}
.package-benefit.progress img{width:88px;height:88px;object-fit:contain;flex:0 0 88px}
.package-benefit b{display:block;font-size:1.08rem;line-height:1.35;margin-bottom:4px}
.package-benefit small{font-size:.98rem;line-height:1.55;color:#4b4b4b}
.package-benefit.value ul{margin:8px 0 0;padding-left:1rem;display:grid;gap:7px;font-size:.98rem;line-height:1.5}
.package-reference-login{margin-top:10px;display:flex;justify-content:center}
.package-reference-login .btn{font-size:1.12rem;font-weight:900;min-width:260px}
.package-reference-footnote{margin-top:10px;text-align:center;font-size:1.02rem;font-weight:700;color:#6b6b6b}

.member-access-admin-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 14px;
  margin-top:14px;
}
.member-access-admin-grid label{display:grid;gap:6px;font-size:.95rem;font-weight:700;color:#1f3551}
.member-access-admin-grid label.full{grid-column:1 / -1}
.member-access-admin-grid input,
.member-access-admin-grid textarea{
  width:100%;
  border:1px solid #cfe0f0;
  border-radius:14px;
  padding:11px 13px;
  font:inherit;
  background:#fff;
}
.member-access-admin-grid textarea{resize:vertical;min-height:84px}
.member-access-admin-grid .banner-file-field small{font-size:.82rem;color:#607086;font-weight:500}
.member-access-admin-preview-list{margin-top:14px}
.member-access-admin-preview-card{border:1px solid #d6e5f0;border-radius:18px;padding:14px;background:#fbfdff;display:grid;gap:12px}
.member-access-admin-preview-card .thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.member-access-admin-preview-card figure{margin:0;border:1px dashed #c9dce8;border-radius:14px;padding:8px;background:#fff;text-align:center}
.member-access-admin-preview-card img{width:100%;height:120px;object-fit:contain}
.member-access-admin-preview-card figcaption{margin-top:6px;font-size:.82rem;color:#5c6c80}
.member-access-admin-preview-card .copy h4{margin:0 0 6px;font-size:1.08rem}
.member-access-admin-preview-card .copy p{margin:0;font-size:.94rem;color:#44576c;line-height:1.5}
.member-access-admin-preview-card .copy small{display:block;margin-top:8px;color:#5f7892}

@media (max-width: 980px){
  .package-reference-modal{padding:22px 20px 16px}
  .package-reference-header{grid-template-columns:140px 1fr 112px;gap:12px}
  .package-reference-title-row h2{font-size:2.55rem;max-width:unset}
  .package-reference-heading p{font-size:1.02rem;line-height:1.6}
  .package-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .package-reference-benefits{grid-template-columns:1fr;gap:12px}
}
@media (max-width: 720px){
  .mockup-header .landing-nav button{font-size:.98rem;padding:12px 14px}
  .header-actions .btn,.header-actions .language-menu-btn{font-size:.96rem;min-height:44px}
  .package-reference-modal{width:min(98vw,760px);padding:18px 14px 14px;border-radius:24px}
  .package-reference-header{grid-template-columns:1fr;justify-items:center;text-align:center}
  .package-reference-boy img{width:148px}
  .package-reference-mascot img{width:116px}
  .package-reference-title-row{gap:8px;align-items:flex-start}
  .package-reference-title-row h2{font-size:2.2rem;line-height:1.08;max-width:320px}
  .package-reference-heading p{font-size:.96rem;line-height:1.58;max-width:340px}
  .package-reference-grid{grid-template-columns:1fr;gap:14px}
  .package-reference-plan{min-height:auto}
  .package-reference-price strong{font-size:3rem}
  .package-benefit{padding:14px}
  .package-benefit.progress{align-items:flex-start}
  .package-benefit.progress img{width:74px;height:74px;flex-basis:74px}
  .package-reference-footnote{font-size:.94rem}
  .member-access-admin-grid{grid-template-columns:1fr}
  .member-access-admin-preview-card .thumbs{grid-template-columns:1fr}
}

/* Build 008.6.40 — 7-day free trial, larger navigation, mobile menu before logo */
@media (min-width:1181px){
  .mockup-header .landing-nav button{
    font-size:1.25rem!important;
    padding:12px 15px!important;
    line-height:1.2!important;
  }
  .mockup-header .top-actions .btn,
  .mockup-header .language-current-btn{
    font-size:1.05rem!important;
  }
}
@media (min-width:961px) and (max-width:1180px){
  .mockup-header .landing-nav button{
    font-size:1rem!important;
    padding:10px 9px!important;
  }
}

.mockup-price-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.mockup-price-grid .trial7-card{
  border-color:#d4b3ff!important;
  background:linear-gradient(180deg,#faf5ff 0%,#f0e6ff 100%)!important;
}
.mockup-price-grid .trial7-card .compact-plan-label{color:#7440af!important}
.mockup-price-grid .trial7-card .plan-period-title{color:#6d38aa!important}
.mockup-price-grid .trial7-card .compact-price,
.mockup-price-grid .trial7-card .compact-price b{color:#6d38aa!important}
.mockup-price-grid .trial7-card .btn{
  background:linear-gradient(90deg,#7a4bc1,#9c64df)!important;
  color:#fff!important;
}
.mockup-price-grid .trial7-card .plan-average{color:#6d4a94!important}
.mockup-price-grid .trial7-card .plan-art img{object-position:center bottom!important}
.mockup-price-grid .trial7-card .free-price b{font-size:3rem!important}

@media (max-width:1100px){
  .mockup-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .mockup-price-grid .yearly-card{
    grid-column:auto!important;
    width:100%!important;
    justify-self:stretch!important;
  }
}
@media (max-width:620px){
  body{padding-bottom:0!important}
  .landing-mobile-bottom-nav{display:none!important}
  .mockup-header{
    display:grid!important;
    grid-template-columns:42px minmax(104px,1fr) auto!important;
    align-items:center!important;
    gap:6px!important;
    padding:6px 8px!important;
  }
  .mockup-header .landing-menu-toggle{
    display:block!important;
    grid-column:1!important;
    grid-row:1!important;
    justify-self:start!important;
    order:-2!important;
    width:42px!important;
    height:42px!important;
  }
  .mockup-header .brand-home-button{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:start!important;
    order:-1!important;
    min-width:0!important;
  }
  .mockup-header .brand-home-button img{
    width:116px!important;
    height:44px!important;
    object-position:left center!important;
  }
  .mockup-header .top-actions{
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
    min-width:0!important;
    gap:4px!important;
  }
  .mockup-header .landing-nav{
    top:60px!important;
    left:8px!important;
    right:8px!important;
  }
  .mockup-header .landing-nav button{
    font-size:1.12rem!important;
    min-height:52px!important;
    padding:12px 14px!important;
  }
  .mockup-header .language-current-btn{
    min-height:38px!important;
    padding:6px 7px!important;
    font-size:.76rem!important;
  }
  .mockup-header .guest-actions .header-member{
    min-height:38px!important;
    height:38px!important;
    padding:6px 8px!important;
    font-size:.72rem!important;
  }
  .mockup-price-grid{
    grid-template-columns:1fr!important;
    display:grid!important;
  }
  .mockup-price-grid .trial7-card{order:-1!important}
  .mockup-price-grid .yearly-card{order:0!important}
  .mockup-price-grid .compact-price-card[data-home-panel^="plan-"]{
    grid-column:auto!important;
    width:100%!important;
  }
}
@media (max-width:380px){
  .mockup-header{grid-template-columns:40px minmax(86px,1fr) auto!important}
  .mockup-header .brand-home-button img{width:96px!important;height:40px!important}
  .mockup-header .language-current-btn{font-size:.69rem!important;padding-left:5px!important;padding-right:5px!important}
  .mockup-header .guest-actions .header-member{font-size:.66rem!important;padding-left:6px!important;padding-right:6px!important}
}

/* Build 008.6.40 final header sizing: three text-size steps above Build 008.6.39 without overlap */
@media (min-width:1181px){
  .mockup-header .landing-nav{gap:4px!important}
  .mockup-header .landing-nav button{
    font-size:1.05rem!important;
    padding:11px 10px!important;
    letter-spacing:0!important;
  }
  .mockup-header .top-actions .btn,
  .mockup-header .language-current-btn{font-size:.9rem!important}
}
@media (min-width:961px) and (max-width:1180px){
  .mockup-header .landing-nav button{font-size:.9rem!important;padding:9px 7px!important}
}

/* Build 008.6.43 — trial placement, mobile menu before logo, full-page language */
.trial7-feature-section{margin:18px 0 22px;scroll-margin-top:92px}
.trial7-feature-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,430px);gap:22px;align-items:center;padding:24px;border:1px solid #c8e7e2;border-radius:28px;background:linear-gradient(135deg,#f5fffc 0%,#fffaf0 100%);box-shadow:0 16px 34px rgba(22,94,83,.09);overflow:hidden}
.trial7-feature-heading{padding:8px 12px}
.trial7-feature-heading .eyebrow{display:inline-flex;margin-bottom:8px;color:#0f826e;font-weight:900}
.trial7-feature-heading h2{margin:0 0 10px;font-size:clamp(2rem,4vw,3.35rem);line-height:1.08;color:#096f62}
.trial7-feature-heading p{margin:0;max-width:760px;font-size:1.1rem;line-height:1.7;color:#4b5b58}
.trial7-feature-card-wrap .trial7-card{width:100%!important;min-height:0!important;margin:0!important}
.mockup-price-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}

@media(max-width:820px){
  .trial7-feature-shell{grid-template-columns:1fr;padding:18px}
  .trial7-feature-heading{text-align:center;padding:4px}
  .trial7-feature-card-wrap{max-width:520px;width:100%;justify-self:center}
}
@media(max-width:620px){
  .mockup-header{grid-template-columns:42px minmax(90px,1fr) auto!important}
  .mockup-header .landing-menu-toggle{grid-column:1!important;grid-row:1!important;justify-self:start!important;display:block!important;position:relative!important;left:0!important;top:0!important;z-index:4!important}
  .mockup-header .brand-home-button{grid-column:2!important;grid-row:1!important;justify-self:start!important;margin:0!important}
  .mockup-header .top-actions{grid-column:3!important;grid-row:1!important}
  .trial7-feature-section{margin-top:12px}
  .trial7-feature-shell{padding:14px;border-radius:22px;gap:14px}
  .trial7-feature-heading h2{font-size:2rem}
  .trial7-feature-heading p{font-size:.96rem;line-height:1.58}
}


/* Build 008.6.47 — resilient authenticated account status */
.account-runtime-status{margin:12px 0 14px;padding:13px 16px;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #f0c46d;background:#fff8df;color:#71520a}
.account-runtime-status.ok{border-color:#8fd5b4;background:#eefbf5;color:#176944}
.account-runtime-status.err{border-color:#efaaaa;background:#fff0f0;color:#a22929}
.account-runtime-status>div{display:grid;gap:3px}.account-runtime-status b{font-size:1rem}.account-runtime-status small{font-size:.88rem;line-height:1.45}.account-runtime-status .btn{flex:0 0 auto}
@media(max-width:680px){.account-runtime-status{flex-direction:column;align-items:stretch}.account-runtime-status .btn{width:100%}}

/* Build 008.6.49 — high-fidelity package page based on approved mockup */
.package-page-section{margin-top:34px;scroll-margin-top:100px}
.package-page-shell{max-width:1500px;margin:0 auto;padding:8px 8px 0}
.package-page-heading{text-align:center;margin-bottom:18px}
.package-page-kicker{display:inline-flex;padding:8px 18px;border-radius:999px;background:#e7dcff;color:#6941c6;font-weight:900;margin-bottom:10px}
.package-page-heading h2{margin:0;color:#111a2b;font-size:clamp(2.15rem,4.2vw,4rem);line-height:1.05;letter-spacing:-.035em;font-weight:950}
.package-page-heading p{margin:12px 0 0;color:#626b82;font-size:clamp(1.05rem,1.8vw,1.55rem);font-weight:800}
.package-trial-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,.95fr);align-items:stretch;min-height:390px;border-radius:30px;background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.18),transparent 24%),linear-gradient(135deg,#5229b7 0%,#693bcf 48%,#4831ac 100%);box-shadow:0 20px 48px rgba(77,44,170,.26)}
.package-trial-hero::before,.package-trial-hero::after{content:"✦";position:absolute;color:#fff5a0;opacity:.75;font-size:1.8rem;z-index:2}.package-trial-hero::before{left:44%;top:18%}.package-trial-hero::after{right:3%;top:11%}
.package-trial-copy{position:relative;z-index:3;padding:34px 34px 30px 50px;color:#fff;display:flex;flex-direction:column;justify-content:center}
.package-trial-pill{display:inline-flex;align-self:flex-start;align-items:center;padding:9px 18px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:rgba(255,255,255,.1);font-size:1.05rem;font-weight:900}
.package-trial-copy h3{margin:18px 0 4px;font-size:clamp(3rem,5vw,5.2rem);line-height:.98;font-weight:950;letter-spacing:-.04em}.package-trial-copy h3::first-line{color:#fff}.package-trial-copy h3{color:#ffe23c}
.package-trial-description{margin:6px 0 18px;max-width:650px;color:#fff;font-size:1.2rem;line-height:1.45;font-weight:700}
.package-trial-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px;margin:0 0 22px;padding:0;list-style:none}.package-trial-benefits li{position:relative;padding-left:28px;font-size:1.02rem;font-weight:750;line-height:1.4}.package-trial-benefits li::before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#ffdb2f;color:#56339a;font-size:.8rem;font-weight:1000}
.package-trial-cta{align-self:flex-start;min-width:320px;min-height:58px;border:0;border-radius:999px;background:linear-gradient(180deg,#ffe545,#ffc817);color:#1a1a1a;font-size:1.28rem;font-weight:950;cursor:pointer;box-shadow:0 12px 24px rgba(255,206,31,.26)}
.package-trial-visual{position:relative;min-height:390px;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(27,11,90,.08))}.package-trial-visual img{width:100%;height:100%;object-fit:cover;object-position:center bottom;display:block;mix-blend-mode:normal}
.package-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:16px}
.package-card{position:relative;overflow:hidden;min-height:410px;padding:24px 24px 18px;border-radius:26px;background:#fff;display:flex;flex-direction:column;border:2px solid #cbdcfb;box-shadow:0 12px 28px rgba(39,74,125,.1)}
.package-card-halfyear{border-color:#b8dfc2}.package-card-yearly{border-color:#ffb9bd}
.package-card-top{display:flex;align-items:center;gap:16px}.package-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#e6f0ff;font-size:1.85rem;box-shadow:0 8px 16px rgba(45,103,210,.18)}.package-card-halfyear .package-icon{background:#e3f7e9}.package-card-yearly .package-icon{background:#ffe7e9}
.package-card-label{display:inline-flex;padding:6px 12px;border-radius:999px;background:#eef5ff;color:#2f67c8;font-weight:900;font-size:.92rem}.package-card-halfyear .package-card-label{background:#e9f8ed;color:#188245}.package-card-yearly .package-card-label{background:#ffecee;color:#d93a55}
.package-card h3{margin:6px 0 0;font-size:2rem;color:#2964c9}.package-card-halfyear h3{color:#17864a}.package-card-yearly h3{color:#e22b4d}
.package-card-price{display:flex;align-items:end;gap:9px;margin:14px 0 10px;padding-bottom:13px;border-bottom:1px solid currentColor;color:#2f6ad0}.package-card-halfyear .package-card-price{color:#168547}.package-card-yearly .package-card-price{color:#e5264a}.package-card-price strong{font-size:3.8rem;line-height:.9;font-weight:950}.package-card-price span{font-size:1.1rem;font-weight:900;margin-bottom:4px}
.package-card ul{display:grid;gap:10px;margin:8px 0 18px;padding:0;list-style:none;color:#222f43;font-weight:750}.package-card li{position:relative;padding-left:28px;line-height:1.45}.package-card li::before{content:"✓";position:absolute;left:0;color:#16864c;font-weight:1000}
.package-card-button{margin-top:auto;min-height:58px;border:0;border-radius:999px;color:#fff;background:linear-gradient(180deg,#2f79ee,#1f5fd7);font-size:1.16rem;font-weight:950;cursor:pointer}.package-card-halfyear .package-card-button{background:linear-gradient(180deg,#31a955,#128d39)}.package-card-yearly .package-card-button{background:linear-gradient(180deg,#ff3356,#e9153e)}
.package-save-badge{position:absolute;right:18px;top:18px;width:76px;height:76px;border-radius:36% 64% 42% 58%;display:grid;place-items:center;text-align:center;background:#179243;color:#fff;font-weight:950;transform:rotate(7deg);padding:8px}.package-card-yearly .package-save-badge{background:#ef2046}
.package-feature-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:16px;border:1px solid #eadcc7;border-radius:24px;background:#fffdf8;box-shadow:0 10px 24px rgba(92,65,31,.07);overflow:hidden}.package-feature-strip article{display:flex;align-items:center;justify-content:center;gap:14px;padding:20px 16px;border-right:1px solid #eee1d1}.package-feature-strip article:last-child{border-right:0}.package-feature-strip article>span{font-size:2.1rem}.package-feature-strip b{display:block;color:#172640;font-size:1.03rem}.package-feature-strip small{display:block;color:#4d5a70;font-size:.92rem;margin-top:3px}
.package-card.has-custom-panel-bg{background-image:linear-gradient(rgba(255,255,255,.9),rgba(255,255,255,.9)),var(--panel-bg-image);background-size:cover;background-position:var(--panel-bg-position)}
@media(max-width:1100px){.package-trial-hero{grid-template-columns:1.05fr .95fr}.package-trial-copy{padding-left:32px}.package-trial-benefits{grid-template-columns:1fr}.package-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.package-card-yearly{grid-column:1/-1}.package-feature-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.package-feature-strip article:nth-child(2){border-right:0}.package-feature-strip article:nth-child(-n+2){border-bottom:1px solid #eee1d1}}
@media(max-width:760px){.package-page-heading h2{font-size:clamp(2rem,10vw,3rem);max-width:680px;margin-inline:auto}.package-trial-hero{grid-template-columns:1fr}.package-trial-copy{padding:26px 20px 20px}.package-trial-copy h3{font-size:3.2rem}.package-trial-description{font-size:1.04rem}.package-trial-benefits{grid-template-columns:1fr}.package-trial-cta{width:100%;min-width:0}.package-trial-visual{min-height:260px}.package-price-grid{grid-template-columns:1fr}.package-card-yearly{grid-column:auto}.package-card{min-height:0}.package-feature-strip{grid-template-columns:1fr}.package-feature-strip article{border-right:0;border-bottom:1px solid #eee1d1;justify-content:flex-start}.package-feature-strip article:last-child{border-bottom:0}}

/* Build 008.6.49 — remove duplicate trial panel and mockup label; faster language switching */
.package-page-heading{padding-top:0}

/* Build 008.6.50 — five requested homepage/member fixes */
.premium-topbar .brand img{width:92px!important;height:92px!important;max-width:none!important}
.premium-topbar .brand{min-width:max-content}
.package-page-heading{display:none!important}
.quick-trial-section{margin:14px 0 18px;scroll-margin-top:110px}
.quick-trial-shell{position:relative;display:grid;grid-template-columns:minmax(300px,1.05fr) minmax(460px,1.45fr);gap:22px;align-items:center;padding:16px 22px;border:1px solid #b8e3dd;border-radius:20px;background:linear-gradient(100deg,#effcf9 0%,#fbfffd 54%,#ecfaf6 100%);box-shadow:0 8px 22px rgba(21,101,91,.08);overflow:hidden}
.quick-trial-shell:after{content:"";position:absolute;right:-36px;top:-44px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(71,192,166,.18),transparent 66%);pointer-events:none}
.quick-trial-intro{display:flex;align-items:center;gap:16px;min-width:0}.quick-trial-icon{display:grid;place-items:center;flex:0 0 72px;width:72px;height:72px;border-radius:18px;background:#fff;border:1px solid #cbe8e2;font-size:2rem;box-shadow:0 6px 16px rgba(34,123,110,.09)}
.quick-trial-intro h2{margin:0;color:#08695c;font-size:clamp(1.25rem,2vw,1.8rem);line-height:1.15}.quick-trial-intro h2 strong{display:block;color:#15866e;font-size:.86em;margin-top:4px}.quick-trial-intro p{margin:7px 0 0;color:#526f6a;font-size:.9rem}
.quick-trial-controls{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) minmax(210px,1.1fr);gap:12px;align-items:end}.quick-trial-controls label{display:grid;gap:6px;color:#45655f;font-weight:800;font-size:.78rem}.quick-trial-controls select{width:100%;min-height:44px;padding:8px 12px;border:1px solid #b8d8d2;border-radius:12px;background:#fff;color:#263d39;font:inherit}
.quick-trial-button{min-height:44px;border:0;border-radius:12px;padding:10px 16px;background:linear-gradient(135deg,#0c806e,#31aa8e);color:#fff;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 8px 18px rgba(12,128,110,.2)}.quick-trial-button:disabled{opacity:.55;cursor:not-allowed}.quick-trial-status{grid-column:1/-1;min-height:0}.quick-trial-status:empty{display:none}.quick-trial-status .status{margin-top:0;padding:8px 12px;font-size:.82rem}
[data-entrance-entitlement].hidden{display:none!important}
@media(max-width:900px){.premium-topbar .brand img{width:78px!important;height:78px!important}.quick-trial-shell{grid-template-columns:1fr}.quick-trial-controls{grid-template-columns:1fr 1fr}.quick-trial-button{grid-column:1/-1}}
@media(max-width:620px){.premium-topbar .brand img{width:68px!important;height:68px!important}.quick-trial-shell{padding:15px 14px;border-radius:17px}.quick-trial-intro{align-items:flex-start}.quick-trial-icon{width:58px;height:58px;flex-basis:58px;font-size:1.55rem}.quick-trial-controls{grid-template-columns:1fr}.quick-trial-button{grid-column:auto;width:100%}}


/* Build 008.6.51 — larger logo, faster quick-trial language, compact top menu, one-line trial title */
.mockup-header{grid-template-columns:270px minmax(0,1fr) auto!important;min-height:86px!important}
.mockup-header .brand-home-button{width:260px!important;max-width:260px!important;overflow:visible!important}
.mockup-header .brand-home-button img,.premium-topbar .brand img{width:250px!important;height:74px!important;max-width:none!important;object-fit:contain!important;object-position:left center!important}
.package-trial-copy h3{white-space:nowrap!important;font-size:clamp(3rem,5vw,5.2rem)!important;line-height:1!important;letter-spacing:-.035em!important}
@media(max-width:1180px){
  .mockup-header{grid-template-columns:205px minmax(0,1fr) auto!important}
  .mockup-header .brand-home-button{width:195px!important;max-width:195px!important}
  .mockup-header .brand-home-button img,.premium-topbar .brand img{width:190px!important;height:60px!important}
}
@media(max-width:760px){
  .mockup-header{grid-template-columns:42px minmax(125px,1fr) auto!important;min-height:68px!important}
  .mockup-header .brand-home-button{width:150px!important;max-width:150px!important}
  .mockup-header .brand-home-button img,.premium-topbar .brand img{width:145px!important;height:50px!important}
  .package-trial-copy h3{white-space:normal!important;font-size:clamp(2.5rem,12vw,3.8rem)!important;max-width:100%!important}
}
@media(max-width:420px){
  .mockup-header{grid-template-columns:40px minmax(102px,1fr) auto!important}
  .mockup-header .brand-home-button{width:120px!important;max-width:120px!important}
  .mockup-header .brand-home-button img,.premium-topbar .brand img{width:118px!important;height:44px!important}
}

/* Build 008.6.52 — competition hub, responsive trial hero, admin competition cards */
.competition-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.competition-type-card{--competition-color:#0f7f76;overflow:hidden;border:1px solid color-mix(in srgb,var(--competition-color) 32%,#dce7e5);border-radius:24px;background:#fff;box-shadow:0 14px 30px rgba(31,49,47,.08)}.competition-card-media{position:relative;aspect-ratio:16/7;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--competition-color) 18%,#fff),#fff)}.competition-card-media img{width:100%;height:100%;object-fit:cover}.competition-card-icon{position:absolute;left:14px;top:14px;width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#fff;font-size:1.45rem;box-shadow:0 8px 20px rgba(0,0,0,.13)}.competition-card-badge{position:absolute;right:14px;top:14px;padding:7px 12px;border-radius:999px;background:var(--competition-color);color:#fff;font-weight:900}.competition-card-body{padding:18px;display:flex;flex-direction:column;min-height:300px}.competition-card-body h3{margin:0 0 6px;color:var(--competition-color);font-size:1.35rem}.competition-card-body p{margin:0 0 12px;color:#5c6765}.competition-card-body ul{margin:0 0 18px;padding-left:1.2rem;display:grid;gap:8px;line-height:1.5}.competition-card-action{margin-top:auto;width:100%;justify-content:center}.competition-tabs{display:flex;gap:8px;overflow-x:auto;padding:6px 0 12px;margin-bottom:8px}.competition-tabs button{border:1px solid #d6e2e0;background:#fff;border-radius:999px;padding:10px 14px;font-weight:800;white-space:nowrap;cursor:pointer}.competition-tabs button.active{background:#0f7f76;color:#fff;border-color:#0f7f76}.competition-rules-list{display:grid;gap:10px;line-height:1.6}.competition-admin-controls{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin-top:14px}.competition-admin-language{display:flex;padding:4px;border:1px solid #cddedb;border-radius:999px}.competition-admin-language button{border:0;background:transparent;padding:8px 14px;border-radius:999px;font-weight:800}.competition-admin-language button.active{background:#0f7f76;color:#fff}.competition-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;margin-top:14px}.competition-admin-grid label{display:grid;gap:6px;font-weight:700}.competition-admin-grid .full{grid-column:1/-1}.competition-admin-grid input,.competition-admin-grid select,.competition-admin-grid textarea{width:100%;border:1px solid #cfe0dd;border-radius:12px;padding:10px 12px;font:inherit}.competition-admin-preview-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:16px}.competition-admin-preview-grid .competition-type-card{max-width:520px}.mobile-preview-frame{max-width:340px}.mobile-preview-frame .competition-type-card{width:100%}
.package-trial-hero,.package-hero,.package-hero-panel{height:auto!important;min-height:0;overflow:hidden}.package-trial-hero h1,.package-hero h1,.package-hero-panel h1,.package-hero-title{font-size:clamp(2rem,5vw,4.8rem)!important;line-height:1.04!important;letter-spacing:-.035em;overflow-wrap:anywhere;max-width:100%}.package-trial-hero .hero-copy,.package-hero .hero-copy,.package-hero-panel .hero-copy{min-width:0;max-width:100%;padding:clamp(18px,4vw,48px);gap:clamp(10px,2vw,22px)}.package-trial-hero ul,.package-hero ul,.package-hero-panel ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}.package-trial-hero .btn,.package-hero .btn,.package-hero-panel .btn{max-width:100%;white-space:normal}
@media(max-width:768px){.competition-overview-grid{grid-template-columns:1fr}.competition-admin-grid,.competition-admin-preview-grid{grid-template-columns:1fr}.competition-card-body{min-height:0}.package-trial-hero,.package-hero,.package-hero-panel{grid-template-columns:1fr!important}.package-trial-hero ul,.package-hero ul,.package-hero-panel ul{grid-template-columns:1fr}.package-trial-hero h1,.package-hero h1,.package-hero-panel h1,.package-hero-title{font-size:clamp(2rem,11vw,3.35rem)!important;line-height:1.08!important}}
@media(max-width:390px){.package-trial-hero .hero-copy,.package-hero .hero-copy,.package-hero-panel .hero-copy{padding:18px 14px}.package-trial-hero h1,.package-hero h1,.package-hero-panel h1,.package-hero-title{font-size:clamp(1.85rem,10.5vw,2.8rem)!important}.competition-tabs button{padding:9px 11px;font-size:.9rem}}

/* Build 008.6.53 — only fix package free-trial hero title overflow */
.package-trial-copy{min-width:0;overflow:hidden}
.package-trial-copy h3{
  display:block;
  max-width:100%;
  margin:16px 0 8px;
  font-size:clamp(2.35rem,4.15vw,4.35rem);
  line-height:1.08;
  letter-spacing:-.025em;
  white-space:nowrap;
  overflow:visible;
  text-wrap:nowrap;
  word-break:keep-all;
}
@media(max-width:1100px){
  .package-trial-copy h3{font-size:clamp(2rem,4.3vw,3.45rem)}
}
@media(max-width:760px){
  .package-trial-copy{padding:24px 16px 20px}
  .package-trial-copy h3{
    width:100%;
    font-size:clamp(1.85rem,8.1vw,3rem);
    line-height:1.12;
    letter-spacing:-.035em;
    white-space:nowrap;
    text-wrap:nowrap;
  }
}
@media(max-width:390px){
  .package-trial-copy h3{font-size:clamp(1.7rem,7.7vw,2rem);letter-spacing:-.045em}
}
@media(max-width:340px){
  .package-trial-copy h3{font-size:1.55rem;letter-spacing:-.05em}
}


/* Build 008.6.54 — never display stale balance report */
.balance-report-loading{display:flex;align-items:center;gap:12px;min-height:92px;padding:18px;border:1px solid #cfe3e6;border-radius:16px;background:#f7fbfb;color:#194f57}
.balance-report-loading b,.balance-report-loading small{display:block}.balance-report-loading small{margin-top:4px;color:#55747a}
.balance-loading-spinner{width:24px;height:24px;border:3px solid #c9e1e3;border-top-color:#087f78;border-radius:50%;animation:balanceFreshSpin .8s linear infinite;flex:0 0 auto}
@keyframes balanceFreshSpin{to{transform:rotate(360deg)}}

/* Build 008.6.55 — reduce only the package free-trial title and keep it inside purple panel */
.package-trial-copy h3{
  display:block;
  width:max-content;
  max-width:100%;
  margin:18px 0 10px;
  font-size:clamp(2.15rem,3.35vw,3.6rem)!important;
  line-height:1.06!important;
  letter-spacing:-.025em!important;
  white-space:nowrap!important;
  text-wrap:nowrap!important;
  word-break:keep-all!important;
  overflow:hidden!important;
  text-overflow:clip;
}
@media(max-width:1100px){
  .package-trial-copy h3{font-size:clamp(1.9rem,3.75vw,3rem)!important}
}
@media(max-width:760px){
  .package-trial-copy{min-width:0;padding:24px 16px 20px}
  .package-trial-copy h3{
    width:100%;
    max-width:100%;
    font-size:clamp(1.35rem,6.2vw,2.15rem)!important;
    line-height:1.08!important;
    letter-spacing:-.04em!important;
  }
}
@media(max-width:390px){
  .package-trial-copy h3{font-size:clamp(1.22rem,5.95vw,1.55rem)!important;letter-spacing:-.045em!important}
}
@media(max-width:340px){
  .package-trial-copy h3{font-size:1.16rem!important;letter-spacing:-.05em!important}
}


/* Build 008.6.63 — Admin Sidebar Phase 1 (layout/navigation only) */
#adminPage .admin-phase1-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
#adminPage .admin-phase1-drawer-toggle{display:none}
#adminPage .admin-phase1-layout{display:grid;grid-template-columns:minmax(250px,270px) minmax(0,1fr);gap:16px;align-items:start;margin-top:12px}
#adminPage .admin-phase1-main{min-width:0}
#adminPage .admin-phase1-sidebar{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto;border:1px solid #ead9bd;border-radius:22px;background:linear-gradient(180deg,#fffdf8 0%,#fff9ef 100%);padding:14px;box-shadow:0 12px 30px rgba(83,58,27,.08);z-index:30}
#adminPage .admin-phase1-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 4px 12px;border-bottom:1px solid #efe3cf}
#adminPage .admin-phase1-sidebar-head>div{display:grid;gap:2px}
#adminPage .admin-phase1-sidebar-head b{font-size:1.08rem;color:#183f3a}
#adminPage .admin-phase1-kicker{font-size:.75rem;font-weight:900;color:#7b5a24;text-transform:uppercase;letter-spacing:.08em}
#adminPage .admin-phase1-close{display:none;width:38px;height:38px;border:1px solid #ead9bd;border-radius:12px;background:#fff;color:#244842;font-size:1.45rem;cursor:pointer}
#adminPage .admin-phase1-nav{display:grid;gap:7px;padding-top:12px}
#adminPage .admin-phase1-overview,#adminPage .admin-phase1-group{border:1px solid transparent;border-radius:16px;background:transparent}
#adminPage .admin-phase1-group>summary{list-style:none;display:grid;grid-template-columns:24px 1fr 20px;align-items:center;gap:8px;padding:11px 10px;border-radius:14px;color:#2e382f;font-weight:900;cursor:pointer;user-select:none}
#adminPage .admin-phase1-group>summary::-webkit-details-marker{display:none}
#adminPage .admin-phase1-group>summary:hover,#adminPage .admin-phase1-group[open]>summary{background:#f4f8ed;color:#0b766b}
#adminPage .admin-phase1-chevron{justify-self:end;transition:transform .18s ease}
#adminPage .admin-phase1-group[open] .admin-phase1-chevron{transform:rotate(180deg)}
#adminPage .admin-phase1-submenu{display:grid;gap:4px;padding:3px 6px 9px 34px}
#adminPage .admin-phase1-link{width:100%;border:0;background:transparent;border-radius:12px;padding:9px 10px;text-align:left;color:#53625b;font:inherit;font-size:.9rem;font-weight:750;cursor:pointer;line-height:1.35}
#adminPage .admin-phase1-overview{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:8px;padding:11px 10px;color:#2e382f;font-weight:900;font-size:.98rem}
#adminPage .admin-phase1-link:hover{background:#f6f0ff;color:#6543ba}
#adminPage .admin-phase1-link.is-active{background:linear-gradient(135deg,#e9f8ee,#e9f2ff);color:#087b70;box-shadow:inset 3px 0 0 #0f887a}
#adminPage .admin-phase1-sidebar-note{margin-top:12px;padding:10px;border-radius:13px;background:#fff8df;color:#785a20;font-size:.78rem;line-height:1.45}
#adminPage .admin-phase1-main>[id]{scroll-margin-top:18px}
#adminPage .admin-phase1-target-flash{animation:adminPhase1Flash .95s ease}
@keyframes adminPhase1Flash{0%,100%{box-shadow:inherit}35%{box-shadow:0 0 0 4px rgba(56,167,139,.18),0 14px 30px rgba(56,167,139,.12)}}
#adminPage .admin-phase1-backdrop{display:none}
@media (max-width:1180px) and (min-width:901px){
  #adminPage .admin-phase1-layout{grid-template-columns:220px minmax(0,1fr);gap:12px}
  #adminPage .admin-phase1-sidebar{padding:10px}
  #adminPage .admin-phase1-group>summary{font-size:.9rem;padding:10px 8px}
  #adminPage .admin-phase1-submenu{padding-left:25px}
  #adminPage .admin-phase1-link{font-size:.82rem;padding:8px}
}
@media (max-width:900px){
  #adminPage .page-head{align-items:flex-start}
  #adminPage .admin-phase1-head-actions{width:100%;justify-content:flex-start}
  #adminPage .admin-phase1-drawer-toggle{display:inline-flex;align-items:center;justify-content:center}
  #adminPage .admin-phase1-layout{display:block;margin-top:10px}
  #adminPage .admin-phase1-sidebar{position:fixed;top:0;left:0;bottom:0;width:min(86vw,320px);max-height:none;border-radius:0 22px 22px 0;transform:translateX(-105%);transition:transform .22s ease;z-index:1002;box-shadow:20px 0 45px rgba(26,32,30,.2);padding:16px}
  #adminPage .admin-phase1-sidebar.is-open{transform:translateX(0)}
  #adminPage .admin-phase1-close{display:inline-grid;place-items:center}
  #adminPage .admin-phase1-backdrop{position:fixed;inset:0;background:rgba(20,26,24,.44);backdrop-filter:blur(2px);z-index:1001}
  #adminPage .admin-phase1-backdrop.is-open{display:block}
  html.admin-phase1-drawer-open,html.admin-phase1-drawer-open body{overflow:hidden}
}
@media (max-width:420px){
  #adminPage .admin-phase1-head-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  #adminPage .admin-phase1-head-actions .btn{width:100%;padding-inline:10px}
  #adminPage .admin-phase1-sidebar{width:min(91vw,320px)}
}

/* Build 008.6.64 — Admin Sidebar Phase 2: Members & Packages internal page */
#adminPage .admin-phase2-page{min-width:0}
#adminPage .admin-phase2-page.hidden{display:none!important}
#adminPage .admin-phase2-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border:1px solid #ead9bd;border-radius:20px;background:linear-gradient(135deg,#fffdf8,#f8fcfb);box-shadow:0 10px 26px rgba(83,58,27,.06);margin-bottom:14px}
#adminPage .admin-phase2-page-head>div{min-width:0}
#adminPage .admin-phase2-page-head h3{margin:3px 0 5px;font-size:1.45rem;color:#183f3a}
#adminPage .admin-phase2-page-head p{margin:0;color:#627069;line-height:1.55}
#adminPage .admin-phase2-eyebrow{display:inline-flex;align-items:center;min-height:26px;padding:3px 10px;border-radius:999px;background:#edf8f3;color:#087b70;font-size:.78rem;font-weight:900;letter-spacing:.03em}
#adminPage .admin-phase2-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
#adminPage .admin-phase2-overview-card{display:grid;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:12px;width:100%;min-height:96px;padding:15px;border:1px solid #ead9bd;border-radius:18px;background:#fffdf9;color:#263d39;text-align:left;font:inherit;cursor:pointer;box-shadow:0 8px 20px rgba(83,58,27,.05);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
#adminPage .admin-phase2-overview-card:hover{transform:translateY(-2px);border-color:#b8ded5;box-shadow:0 12px 24px rgba(29,113,98,.10)}
#adminPage .admin-phase2-overview-card>span:first-child{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#eef7ff;font-size:1.3rem}
#adminPage .admin-phase2-overview-card>span:last-child{font-size:1.55rem;color:#0f887a}
#adminPage .admin-phase2-overview-card b{display:block;margin-bottom:4px;font-size:1rem}
#adminPage .admin-phase2-overview-card small{display:block;color:#68766f;line-height:1.45}
#adminPage .admin-phase2-local-nav{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 12px;scrollbar-width:thin}
#adminPage .admin-phase2-local-nav button{flex:0 0 auto;border:1px solid #dfd2bf;border-radius:999px;background:#fffdf9;color:#4e5e57;padding:9px 14px;font:inherit;font-size:.88rem;font-weight:800;cursor:pointer}
#adminPage .admin-phase2-local-nav button:hover,#adminPage .admin-phase2-local-nav button.is-active{background:#e9f7f1;border-color:#9fd4c6;color:#087b70}
#adminPage .admin-phase2-members-mount{display:grid;gap:14px}
#adminPage .admin-phase2-members-mount>.card{margin-top:0!important}
#adminPage .admin-phase2-members-mount>#adminActiveMembersSection{margin-bottom:4px}
#adminPage .admin-phase2-main[data-admin-active-page="members"]{min-height:520px}
#adminPage .admin-phase2-main[data-admin-active-page="legacy"]>#adminPhase2LegacyPage{display:block}
#adminPage #adminPhase2LegacyPage>.card:first-child,#adminPage #adminPhase2LegacyPage>[id]:first-child{margin-top:0!important}

@media (max-width:1100px){
  #adminPage .admin-phase2-overview-grid{grid-template-columns:1fr}
}
@media (max-width:700px){
  #adminPage .admin-phase2-page-head{display:grid;padding:15px;border-radius:17px}
  #adminPage .admin-phase2-page-head .btn{width:100%}
  #adminPage .admin-phase2-page-head h3{font-size:1.25rem}
  #adminPage .admin-phase2-overview-card{min-height:86px;padding:13px}
  #adminPage .admin-phase2-local-nav{margin-inline:-2px}
}


/* Build 008.6.65 — Admin Sidebar Phase 3: Questions & Review internal page */
#adminPage .admin-phase3-questions-mount{display:grid;gap:14px}
#adminPage .admin-phase3-questions-mount>.card{margin-top:0!important;min-width:0}
#adminPage .admin-phase3-questions-mount>#adminOriginalCertificationSection{margin-bottom:4px}
#adminPage .admin-phase2-main[data-admin-active-page="questions"]{min-height:620px}
#adminPage .admin-phase3-question-nav{scroll-snap-type:x proximity}
#adminPage .admin-phase3-question-nav button{scroll-snap-align:start}
#adminPage .admin-phase3-questions-mount .admin-question-catalog-filters,
#adminPage .admin-phase3-questions-mount .human-review-filter-grid{min-width:0}
@media (max-width:700px){
  #adminPage .admin-phase3-questions-mount{gap:12px}
  #adminPage .admin-phase3-question-nav{padding-bottom:10px}
  #adminPage .admin-phase3-questions-mount>.card{border-radius:16px}
}


/* Build 008.6.66 — Admin Sidebar Phase 4: Home Content & Competition internal pages */
#adminPage .admin-phase4-content-mount,
#adminPage .admin-phase4-competition-mount{display:grid;gap:14px;min-width:0}
#adminPage .admin-phase4-content-mount>.card,
#adminPage .admin-phase4-competition-mount>.card{margin-top:0!important;min-width:0}
#adminPage .admin-phase4-content-mount>#adminMemberAccessManager,
#adminPage .admin-phase4-competition-mount>#adminCompetitionCardManager{margin-bottom:4px}
#adminPage .admin-phase2-main[data-admin-active-page="content"],
#adminPage .admin-phase2-main[data-admin-active-page="competition"]{min-height:600px}
#adminPage .admin-phase4-content-nav,
#adminPage .admin-phase4-competition-nav{scroll-snap-type:x proximity}
#adminPage .admin-phase4-content-nav button,
#adminPage .admin-phase4-competition-nav button{scroll-snap-align:start}
#adminPage .admin-phase4-content-mount .home-panel-admin-grid,
#adminPage .admin-phase4-content-mount .banner-admin-form,
#adminPage .admin-phase4-competition-mount .competition-admin-grid{min-width:0}
@media (max-width:700px){
  #adminPage .admin-phase4-content-mount,
  #adminPage .admin-phase4-competition-mount{gap:12px}
  #adminPage .admin-phase4-content-mount>.card,
  #adminPage .admin-phase4-competition-mount>.card{border-radius:16px}
  #adminPage .admin-phase4-content-nav,
  #adminPage .admin-phase4-competition-nav{padding-bottom:10px}
}

/* Build 008.6.67 — Admin Phase 5: single-view navigation and compact single-open menu */
#adminPage .admin-phase5-target-hidden{display:none!important}
#adminPage .admin-phase5-reports-mount,
#adminPage .admin-phase5-settings-mount{display:block;min-width:0}
#adminPage .admin-phase5-reports-mount>[id],
#adminPage .admin-phase5-settings-mount>[id],
#adminPage .admin-phase2-members-mount>[id],
#adminPage .admin-phase3-questions-mount>[id],
#adminPage .admin-phase4-content-mount>[id],
#adminPage .admin-phase4-competition-mount>[id]{margin-top:0!important;min-width:0}
#adminPage .admin-phase2-main[data-admin-active-page="members"],
#adminPage .admin-phase2-main[data-admin-active-page="questions"],
#adminPage .admin-phase2-main[data-admin-active-page="content"],
#adminPage .admin-phase2-main[data-admin-active-page="competition"],
#adminPage .admin-phase2-main[data-admin-active-page="reports"],
#adminPage .admin-phase2-main[data-admin-active-page="settings"]{min-height:0}
#adminPage .admin-phase1-nav{gap:3px;padding-top:9px}
#adminPage .admin-phase1-group>summary{padding:9px 9px;border-radius:12px;line-height:1.25}
#adminPage .admin-phase1-submenu{gap:1px;padding:2px 5px 6px 31px}
#adminPage .admin-phase1-link{padding:7px 9px;border-radius:10px;font-size:.86rem;line-height:1.25}
#adminPage .admin-phase1-overview{padding:9px 9px}
#adminPage .admin-phase1-sidebar-note{margin-top:9px;padding:8px 9px}
#adminPage .admin-phase2-overview-card{min-height:118px;align-items:start}
#adminPage .admin-phase2-overview-card>div{min-width:0;align-self:stretch;display:flex;flex-direction:column}
#adminPage .admin-phase2-overview-card small{flex:1}
#adminPage .admin-phase5-card-action{display:inline-flex;align-items:center;width:max-content;margin-top:8px;color:#087b70;font-size:.8rem;font-weight:900}
#adminPage .admin-phase5-card-action::after{content:" →";margin-left:3px}
#adminPage .admin-phase2-overview-card:focus-visible,
#adminPage .admin-phase1-link:focus-visible,
#adminPage .admin-phase1-group>summary:focus-visible{outline:3px solid rgba(15,136,122,.25);outline-offset:2px}
#adminPage .admin-phase5-reports-nav,
#adminPage .admin-phase5-settings-nav{scroll-snap-type:x proximity}
#adminPage .admin-phase5-reports-nav button,
#adminPage .admin-phase5-settings-nav button{scroll-snap-align:start}
#adminPage #adminStatus{margin-top:12px}
#adminPage #adminStatus:empty{display:none}

/* Keep the main application menu calm; reserve the filled background for the selected item. */
.app-layout>.sidebar .nav-btn.entrance-nav,
.app-layout>.sidebar .nav-btn.p1-nav,
.app-layout>.sidebar .nav-btn.m1-nav,
.app-layout>.sidebar .nav-btn.m4-nav,
.app-layout>.sidebar .nav-btn.beta-nav{background:transparent!important;color:var(--ink)!important}
.app-layout>.sidebar .nav-btn.active{background:var(--soft)!important;color:var(--primary)!important;border-color:#d7e8e6!important}

@media (max-width:1180px) and (min-width:901px){
  #adminPage .admin-phase1-submenu{padding-left:23px}
  #adminPage .admin-phase1-link{font-size:.8rem;padding:6px 7px}
}
@media (max-width:900px){
  #adminPage .admin-phase1-nav{gap:4px}
  #adminPage .admin-phase1-link{font-size:.9rem;padding:9px}
  #adminPage .admin-phase1-submenu{padding-left:30px}
}
@media (max-width:700px){
  #adminPage .admin-phase2-overview-card{min-height:98px}
  #adminPage .admin-phase5-reports-nav,
  #adminPage .admin-phase5-settings-nav{padding-bottom:10px}
}

/* Build 008.6.69 — crest logo sizing */
.mockup-header .brand-home-button{width:86px!important;max-width:86px!important;min-width:86px!important;justify-content:flex-start!important;overflow:visible!important}
.mockup-header .brand-home-button img{width:78px!important;height:78px!important;max-width:78px!important;object-fit:contain!important;object-position:center!important}
.premium-topbar .brand img{width:82px!important;height:82px!important;max-width:82px!important;object-fit:contain!important}
@media(max-width:960px){.mockup-header .brand-home-button{width:68px!important;max-width:68px!important;min-width:68px!important}.mockup-header .brand-home-button img{width:62px!important;height:62px!important;max-width:62px!important}.premium-topbar .brand img{width:68px!important;height:68px!important;max-width:68px!important}}
@media(max-width:620px){.mockup-header .brand-home-button{width:52px!important;max-width:52px!important;min-width:52px!important}.mockup-header .brand-home-button img{width:48px!important;height:48px!important;max-width:48px!important}.premium-topbar .brand img{width:54px!important;height:54px!important;max-width:54px!important}}

/* Build 008.6.70 — mobile performance, automatic hero collapse, and mobile authentication navigation */
.mobile-auth-menu-item{display:none!important}
#homeBannerSection.hidden,
#homeBannerSection:empty{
  display:none!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
}
#homeBannerSection.hidden + #entranceHubSection{
  margin-top:8px!important;
  padding-top:0!important;
}

@media(max-width:620px){
  .mockup-header{
    grid-template-columns:42px minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    min-height:0!important;
    gap:6px 8px!important;
    padding:6px 8px 8px!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    background:#fffaf3!important;
    box-shadow:0 3px 12px rgba(80,51,20,.08)!important;
  }
  .mockup-header .landing-menu-toggle{
    grid-column:1!important;
    grid-row:1!important;
  }
  .mockup-header .brand-home-button{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:start!important;
  }
  .mockup-header .top-actions{
    display:contents!important;
  }
  .mockup-header .language-menu{
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
  }
  .mockup-header .guest-actions.hidden,
  .mockup-header .member-header-actions.hidden{
    display:none!important;
  }
  .mockup-header .guest-actions:not(.hidden){
    grid-column:1/-1!important;
    grid-row:2!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    width:100%!important;
    gap:8px!important;
    margin:0!important;
  }
  .mockup-header .guest-actions .header-login,
  .mockup-header .guest-actions .header-member{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    height:40px!important;
    min-height:40px!important;
    padding:7px 10px!important;
    border-radius:12px!important;
    font-size:.82rem!important;
    line-height:1.1!important;
  }
  .mockup-header .guest-actions .header-member::before{content:none!important}
  .mockup-header .member-header-actions:not(.hidden){
    grid-column:1/-1!important;
    grid-row:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    min-width:0!important;
  }
  .mockup-header .member-header-actions #logoutBtn{display:none!important}
  .mockup-header .member-header-actions .user-pill{max-width:100%!important}
  .mockup-header .landing-nav{
    top:calc(100% + 6px)!important;
    left:8px!important;
    right:8px!important;
    max-height:calc(100vh - 130px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  .mockup-header .landing-nav .mobile-auth-menu-item:not(.hidden){
    display:flex!important;
  }
  .mockup-header .landing-nav .mobile-login-menu-item{order:-100}
  .mockup-header .landing-nav .mobile-logout-menu-item{order:100;color:#a52b38!important;border-color:#efc5ca!important;background:#fff5f6!important}
  #landingScreen > section:not(#entranceHubSection):not(#homeBannerSection){
    content-visibility:auto;
    contain-intrinsic-size:650px;
  }
  .demo-screen{animation:none!important;opacity:0!important}
  .demo-screen-one{opacity:1!important;transform:none!important}
}

@media(max-width:360px){
  .mockup-header .guest-actions .header-login,
  .mockup-header .guest-actions .header-member{font-size:.76rem!important;padding-left:6px!important;padding-right:6px!important}
}


/* Build 008.6.72 — Thai-only header, larger logo, mobile auth actions */
.language-menu,.language-switch,.language-options,.language-current-btn{display:none!important}
.mockup-header .brand-home-button{
  width:92px!important;min-width:92px!important;max-width:92px!important;
  padding:0!important;justify-content:flex-start!important;overflow:visible!important
}
.mockup-header .brand-home-button img{
  width:84px!important;height:84px!important;max-width:84px!important;
  object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 3px 5px rgba(48,39,20,.12))
}
.mockup-header .guest-actions{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:nowrap!important}
.mockup-header .guest-actions .header-login,
.mockup-header .guest-actions .header-member{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:44px!important;white-space:nowrap!important
}
@media(max-width:760px){
  .mockup-header{
    grid-template-columns:52px 78px minmax(0,1fr)!important;
    gap:7px!important;min-height:78px!important;padding:7px 9px!important
  }
  .landing-menu-toggle{grid-column:1!important;grid-row:1!important;width:48px!important;height:48px!important}
  .mockup-header .brand-home-button{grid-column:2!important;grid-row:1!important;width:76px!important;min-width:76px!important;max-width:76px!important}
  .mockup-header .brand-home-button img{width:72px!important;height:72px!important;max-width:72px!important}
  .mockup-header .top-actions{grid-column:3!important;grid-row:1!important;justify-self:end!important;width:auto!important;gap:6px!important}
  .mockup-header .guest-actions{width:auto!important;gap:6px!important}
  .mockup-header .guest-actions .header-login,
  .mockup-header .guest-actions .header-member{
    display:inline-flex!important;width:auto!important;height:42px!important;min-height:42px!important;
    border-radius:13px!important;padding:7px 10px!important;font-size:.75rem!important;line-height:1!important
  }
  .mockup-header .guest-actions .header-member::before{content:none!important}
  .mockup-header .guest-actions .header-member .header-member-text{display:inline!important}
}
@media(max-width:430px){
  .mockup-header{grid-template-columns:48px 68px minmax(0,1fr)!important;gap:5px!important;padding-left:7px!important;padding-right:7px!important}
  .landing-menu-toggle{width:44px!important;height:44px!important}
  .mockup-header .brand-home-button{width:66px!important;min-width:66px!important;max-width:66px!important}
  .mockup-header .brand-home-button img{width:64px!important;height:64px!important;max-width:64px!important}
  .mockup-header .guest-actions{gap:4px!important}
  .mockup-header .guest-actions .header-login,
  .mockup-header .guest-actions .header-member{height:40px!important;min-height:40px!important;padding:6px 8px!important;font-size:.69rem!important}
}
@media(max-width:360px){
  .mockup-header{grid-template-columns:44px 60px minmax(0,1fr)!important}
  .mockup-header .brand-home-button{width:58px!important;min-width:58px!important;max-width:58px!important}
  .mockup-header .brand-home-button img{width:56px!important;height:56px!important;max-width:56px!important}
  .mockup-header .guest-actions .header-login,
  .mockup-header .guest-actions .header-member{padding-left:6px!important;padding-right:6px!important;font-size:.63rem!important}
}

/* Build 008.6.72 — 50% larger sharp crest, compact top-right auth, reduced landing gap */
.mockup-header .brand-home-button{
  width:138px!important;
  min-width:138px!important;
  max-width:138px!important;
  min-height:92px!important;
}
.mockup-header .brand-home-button img{
  width:126px!important;
  height:126px!important;
  max-width:126px!important;
  image-rendering:auto!important;
  transform:translateZ(0);
}
.mockup-header .guest-actions{
  gap:6px!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
.mockup-header .guest-actions .header-login,
.mockup-header .guest-actions .header-member{
  min-height:38px!important;
  height:38px!important;
  padding:6px 11px!important;
  border-radius:11px!important;
  font-size:.78rem!important;
  line-height:1!important;
  box-shadow:none!important;
}
#homeBannerSection.hidden + #entranceHubSection,
#homeBannerSection:empty + #entranceHubSection,
#entranceHubSection{
  margin-top:6px!important;
  padding-top:0!important;
}
#landingScreen{padding-top:0!important}

@media(max-width:960px){
  .mockup-header .brand-home-button{width:108px!important;min-width:108px!important;max-width:108px!important;min-height:78px!important}
  .mockup-header .brand-home-button img{width:96px!important;height:96px!important;max-width:96px!important}
}
@media(max-width:760px){
  .mockup-header{
    grid-template-columns:48px 108px minmax(0,1fr)!important;
    grid-template-rows:1fr!important;
    min-height:92px!important;
    padding:6px 8px!important;
    gap:5px!important;
  }
  .mockup-header .landing-menu-toggle{grid-column:1!important;grid-row:1!important}
  .mockup-header .brand-home-button{
    grid-column:2!important;grid-row:1!important;
    width:108px!important;min-width:108px!important;max-width:108px!important;
    min-height:88px!important;
  }
  .mockup-header .brand-home-button img{width:108px!important;height:108px!important;max-width:108px!important}
  .mockup-header .top-actions{
    grid-column:3!important;grid-row:1!important;
    display:flex!important;justify-self:end!important;align-self:start!important;
    width:auto!important;margin-top:3px!important;
  }
  .mockup-header .guest-actions:not(.hidden){
    display:flex!important;grid-column:auto!important;grid-row:auto!important;
    width:auto!important;gap:4px!important;margin:0!important;
  }
  .mockup-header .guest-actions .header-login,
  .mockup-header .guest-actions .header-member{
    width:auto!important;min-width:0!important;
    height:34px!important;min-height:34px!important;
    padding:5px 7px!important;border-radius:9px!important;
    font-size:.66rem!important;
  }
  #homeBannerSection.hidden + #entranceHubSection,
  #entranceHubSection{margin-top:4px!important}
}
@media(max-width:430px){
  .mockup-header{grid-template-columns:44px 96px minmax(0,1fr)!important;min-height:84px!important;padding-left:6px!important;padding-right:6px!important}
  .mockup-header .brand-home-button{width:96px!important;min-width:96px!important;max-width:96px!important;min-height:80px!important}
  .mockup-header .brand-home-button img{width:96px!important;height:96px!important;max-width:96px!important}
  .mockup-header .guest-actions{gap:3px!important}
  .mockup-header .guest-actions .header-login,
  .mockup-header .guest-actions .header-member{height:32px!important;min-height:32px!important;padding:4px 6px!important;font-size:.61rem!important}
  .mockup-header .guest-actions .header-member span[aria-hidden="true"]{display:none!important}
}
@media(max-width:360px){
  .mockup-header{grid-template-columns:42px 84px minmax(0,1fr)!important;gap:3px!important}
  .mockup-header .brand-home-button{width:84px!important;min-width:84px!important;max-width:84px!important}
  .mockup-header .brand-home-button img{width:84px!important;height:84px!important;max-width:84px!important}
  .mockup-header .guest-actions .header-login,
  .mockup-header .guest-actions .header-member{padding:4px!important;font-size:.56rem!important}
}

/* Build 008.6.74 — final balanced header and first-fold spacing */
/* Keep decorative icons visual-only. The older generic child rule made them
   relative elements and unintentionally pushed the entrance cards downward. */
#entranceHubSection > .section-decor{
  position:absolute!important;
  margin:0!important;
}

/* Desktop: equal flexible side columns keep the navigation optically centered,
   while the logo and account actions remain anchored to the outer edges. */
.mockup-header{
  grid-template-columns:minmax(116px,1fr) auto minmax(196px,1fr)!important;
  align-items:center!important;
  min-height:100px!important;
  margin:0 -18px 0!important;
  padding:6px 28px!important;
  gap:18px!important;
  background:rgba(255,251,243,.985)!important;
  box-shadow:0 5px 18px rgba(80,51,20,.075)!important;
}
.mockup-header .brand-home-button{
  grid-column:1!important;
  justify-self:start!important;
  width:108px!important;
  min-width:108px!important;
  max-width:108px!important;
  min-height:88px!important;
  height:88px!important;
  align-items:center!important;
}
.mockup-header .brand-home-button img{
  width:104px!important;
  height:104px!important;
  max-width:104px!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:drop-shadow(0 3px 5px rgba(48,39,20,.11))!important;
}
.mockup-header .landing-nav{
  grid-column:2!important;
  justify-self:center!important;
  gap:4px!important;
}
.mockup-header .landing-nav button{
  min-height:40px!important;
  padding:8px 12px!important;
  border-radius:13px!important;
  font-size:.84rem!important;
  line-height:1!important;
}
.mockup-header .top-actions{
  grid-column:3!important;
  justify-self:end!important;
  align-self:center!important;
  margin:0!important;
}
.mockup-header .guest-actions{
  gap:6px!important;
}
.mockup-header .guest-actions .header-login,
.mockup-header .guest-actions .header-member{
  display:inline-flex!important;
  width:auto!important;
  min-width:0!important;
  height:36px!important;
  min-height:36px!important;
  padding:6px 10px!important;
  border-radius:10px!important;
  font-size:.75rem!important;
  line-height:1!important;
  white-space:nowrap!important;
}

/* First fold: a deliberate small breathing space, not an empty hero-sized band. */
#landingScreen{
  padding-top:16px!important;
}
#entranceHubSection,
#homeBannerSection.hidden + #entranceHubSection,
#homeBannerSection:empty + #entranceHubSection{
  margin-top:0!important;
  padding-top:0!important;
}
#homeBannerSection:not(.hidden) + #entranceHubSection{
  margin-top:16px!important;
}
.mockup-entrance-grid{
  margin-top:0!important;
}

/* Compact desktop/tablet before the hamburger layout activates. */
@media(max-width:1180px) and (min-width:961px){
  .mockup-header{
    grid-template-columns:minmax(98px,1fr) auto minmax(170px,1fr)!important;
    min-height:92px!important;
    padding-left:20px!important;
    padding-right:20px!important;
    gap:10px!important;
  }
  .mockup-header .brand-home-button{
    width:96px!important;min-width:96px!important;max-width:96px!important;
    min-height:82px!important;height:82px!important;
  }
  .mockup-header .brand-home-button img{
    width:94px!important;height:94px!important;max-width:94px!important;
  }
  .mockup-header .landing-nav button{
    padding:7px 8px!important;font-size:.75rem!important;
  }
  .mockup-header .header-login{
    display:inline-flex!important;
  }
  .mockup-header .guest-actions .header-login,
  .mockup-header .guest-actions .header-member{
    height:34px!important;min-height:34px!important;padding:5px 8px!important;font-size:.69rem!important;
  }
  #landingScreen{padding-top:14px!important}
}

/* Mobile/tablet: one clean row — menu, crest, then the two compact account buttons. */
@media(max-width:960px){
  .mockup-header{
    grid-template-columns:48px 92px minmax(0,1fr)!important;
    grid-template-rows:92px!important;
    min-height:92px!important;
    height:92px!important;
    padding:0 10px!important;
    gap:7px!important;
    margin:0 -12px 0!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .mockup-header .landing-menu-toggle{
    grid-column:1!important;grid-row:1!important;
    align-self:center!important;justify-self:start!important;
    width:44px!important;height:44px!important;
  }
  .mockup-header .brand-home-button{
    grid-column:2!important;grid-row:1!important;
    align-self:center!important;justify-self:start!important;
    width:90px!important;min-width:90px!important;max-width:90px!important;
    min-height:86px!important;height:86px!important;
  }
  .mockup-header .brand-home-button img{
    width:90px!important;height:90px!important;max-width:90px!important;
  }
  .mockup-header .top-actions{
    grid-column:3!important;grid-row:1!important;
    display:flex!important;
    align-self:center!important;justify-self:end!important;
    width:auto!important;margin:0!important;
  }
  .mockup-header .guest-actions:not(.hidden){
    display:flex!important;
    width:auto!important;
    gap:5px!important;
    margin:0!important;
  }
  .mockup-header .guest-actions .header-login,
  .mockup-header .guest-actions .header-member{
    display:inline-flex!important;
    width:auto!important;
    height:34px!important;min-height:34px!important;
    padding:5px 8px!important;
    border-radius:9px!important;
    font-size:.68rem!important;
  }
  .mockup-header .landing-nav{
    top:calc(100% + 6px)!important;
  }
  #landingScreen{padding-top:10px!important}
  #homeBannerSection:not(.hidden) + #entranceHubSection{margin-top:10px!important}
}

@media(max-width:430px){
  .shell{padding-left:9px!important;padding-right:9px!important}
  .mockup-header{
    grid-template-columns:42px 82px minmax(0,1fr)!important;
    grid-template-rows:86px!important;
    min-height:86px!important;height:86px!important;
    padding:0 7px!important;
    gap:5px!important;
    margin-left:-9px!important;margin-right:-9px!important;
  }
  .mockup-header .landing-menu-toggle{
    width:40px!important;height:40px!important;
  }
  .mockup-header .brand-home-button{
    width:80px!important;min-width:80px!important;max-width:80px!important;
    min-height:80px!important;height:80px!important;
  }
  .mockup-header .brand-home-button img{
    width:82px!important;height:82px!important;max-width:82px!important;
  }
  .mockup-header .guest-actions{gap:4px!important}
  .mockup-header .guest-actions .header-login,
  .mockup-header .guest-actions .header-member{
    height:32px!important;min-height:32px!important;
    padding:4px 7px!important;
    border-radius:8px!important;
    font-size:.63rem!important;
  }
  .mockup-header .guest-actions .header-member span[aria-hidden="true"]{
    display:none!important;
  }
  #landingScreen{padding-top:8px!important}
}

@media(max-width:360px){
  .mockup-header{
    grid-template-columns:40px 74px minmax(0,1fr)!important;
    grid-template-rows:80px!important;
    min-height:80px!important;height:80px!important;
    gap:3px!important;padding-left:6px!important;padding-right:6px!important;
  }
  .mockup-header .landing-menu-toggle{width:38px!important;height:38px!important}
  .mockup-header .brand-home-button{
    width:72px!important;min-width:72px!important;max-width:72px!important;
    min-height:74px!important;height:74px!important;
  }
  .mockup-header .brand-home-button img{
    width:74px!important;height:74px!important;max-width:74px!important;
  }
  .mockup-header .guest-actions .header-login,
  .mockup-header .guest-actions .header-member{
    height:30px!important;min-height:30px!important;
    padding:4px 5px!important;font-size:.58rem!important;
  }
  #landingScreen{padding-top:7px!important}
}


/* =========================================================
   Build 008.6.74 — help navigation, vertically balanced crest,
   and strict guest/member header visibility
   ========================================================= */

/* Signed-in state is visually exclusive: guest actions can never share
   the header with the member name and logout button. */
body.kka-authenticated #guestTopActions,
.top-actions:has(#memberTopActions:not(.hidden)) #guestTopActions{
  display:none!important;
}
body.kka-authenticated #memberTopActions{
  display:flex!important;
}
body.kka-guest #memberTopActions{
  display:none!important;
}

/* Desktop header: every column uses the same vertical center line.
   The image is kept inside its button box so it cannot sit too high. */
.mockup-header{
  min-height:96px!important;
  height:auto!important;
  padding-top:6px!important;
  padding-bottom:6px!important;
  align-items:center!important;
}
.mockup-header .brand-home-button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  height:84px!important;
  min-height:84px!important;
  width:96px!important;
  min-width:96px!important;
  max-width:96px!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
}
.mockup-header .brand-home-button img{
  display:block!important;
  width:auto!important;
  height:82px!important;
  max-width:94px!important;
  max-height:82px!important;
  margin:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}
.mockup-header .landing-nav,
.mockup-header .top-actions,
.mockup-header .guest-actions,
.mockup-header .member-header-actions{
  align-self:center!important;
}
.mockup-header .member-header-actions:not(.hidden){
  align-items:center!important;
  gap:7px!important;
}

/* The new help item follows the exact visual language of other main items. */
#navHelpBtn{white-space:nowrap!important}

@media(max-width:1180px) and (min-width:961px){
  .mockup-header{min-height:90px!important}
  .mockup-header .brand-home-button{
    width:88px!important;min-width:88px!important;max-width:88px!important;
    height:78px!important;min-height:78px!important;
  }
  .mockup-header .brand-home-button img{height:76px!important;max-height:76px!important;max-width:86px!important}
  .mockup-header .landing-nav{gap:2px!important}
  .mockup-header .landing-nav button{padding-left:7px!important;padding-right:7px!important;font-size:.72rem!important}
}

/* Mobile/tablet: menu, crest, and account actions share one centered row. */
@media(max-width:960px){
  .mockup-header{
    grid-template-columns:46px 86px minmax(0,1fr)!important;
    grid-template-rows:86px!important;
    min-height:86px!important;
    height:86px!important;
    align-items:center!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }
  .mockup-header .landing-menu-toggle,
  .mockup-header .brand-home-button,
  .mockup-header .top-actions{align-self:center!important}
  .mockup-header .brand-home-button{
    width:84px!important;min-width:84px!important;max-width:84px!important;
    height:80px!important;min-height:80px!important;
    justify-self:center!important;
  }
  .mockup-header .brand-home-button img{
    height:78px!important;max-height:78px!important;max-width:82px!important;
  }
  .mockup-header .member-header-actions:not(.hidden){
    grid-column:3!important;grid-row:1!important;
    justify-self:end!important;
    width:auto!important;
    max-width:100%!important;
  }
  .mockup-header .member-header-actions .user-pill{
    max-width:92px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .mockup-header .member-header-actions #logoutBtn{display:inline-flex!important}
}

@media(max-width:430px){
  .mockup-header{
    grid-template-columns:42px 78px minmax(0,1fr)!important;
    grid-template-rows:82px!important;
    min-height:82px!important;height:82px!important;
  }
  .mockup-header .brand-home-button{
    width:76px!important;min-width:76px!important;max-width:76px!important;
    height:76px!important;min-height:76px!important;
  }
  .mockup-header .brand-home-button img{height:74px!important;max-height:74px!important;max-width:76px!important}
  .mockup-header .member-header-actions{gap:4px!important}
  .mockup-header .member-header-actions .user-pill{
    max-width:68px!important;padding:6px 7px!important;font-size:.64rem!important;
  }
  .mockup-header .member-header-actions #logoutBtn{
    height:31px!important;min-height:31px!important;padding:4px 7px!important;font-size:.62rem!important;border-radius:8px!important;
  }
}

@media(max-width:360px){
  .mockup-header{
    grid-template-columns:40px 70px minmax(0,1fr)!important;
    grid-template-rows:78px!important;min-height:78px!important;height:78px!important;
  }
  .mockup-header .brand-home-button{
    width:68px!important;min-width:68px!important;max-width:68px!important;
    height:70px!important;min-height:70px!important;
  }
  .mockup-header .brand-home-button img{height:68px!important;max-height:68px!important;max-width:70px!important}
  .mockup-header .member-header-actions .user-pill{max-width:55px!important;font-size:.58rem!important}
  .mockup-header .member-header-actions #logoutBtn{padding-left:5px!important;padding-right:5px!important;font-size:.56rem!important}
}

/* =========================================================
   Build 008.6.75 final header cleanup
   - mobile keeps drawer menu on the left
   - logo is visually centered and slightly lowered
   - right side shows compact signup + account entry
   - desktop logo sits on the same vertical center line
   ========================================================= */

.mockup-header{position:sticky!important;top:0!important;overflow:visible!important}

@media (min-width: 961px){
  .mockup-header{
    grid-template-columns:110px minmax(0,1fr) auto!important;
    min-height:88px!important;
    height:auto!important;
    padding:8px 24px!important;
    gap:18px!important;
    align-items:center!important;
  }
  .mockup-header .brand-home-button{
    position:relative!important;
    top:4px!important;
    width:98px!important;
    min-width:98px!important;
    max-width:98px!important;
    height:72px!important;
    min-height:72px!important;
    justify-content:center!important;
    align-items:center!important;
  }
  .mockup-header .brand-home-button img{
    width:auto!important;
    height:72px!important;
    max-height:72px!important;
    max-width:92px!important;
    object-position:center!important;
  }
  .mockup-header .landing-nav,
  .mockup-header .top-actions,
  .mockup-header .guest-actions,
  .mockup-header .member-header-actions{
    align-self:center!important;
  }
  #landingScreen{padding-top:10px!important}
}

@media (max-width: 960px){
  .mockup-header{
    position:sticky!important;
    grid-template-columns:48px minmax(0,1fr) auto!important;
    grid-template-rows:86px!important;
    min-height:86px!important;
    height:86px!important;
    padding:0 12px!important;
    gap:8px!important;
    margin:0 -12px 0!important;
    align-items:center!important;
  }
  .mockup-header .landing-menu-toggle{
    grid-column:1!important;
    grid-row:1!important;
    justify-self:start!important;
    align-self:center!important;
    z-index:3!important;
    width:44px!important;
    height:44px!important;
  }
  .mockup-header .brand-home-button{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-44%)!important;
    grid-column:auto!important;
    grid-row:auto!important;
    justify-self:center!important;
    align-self:center!important;
    width:88px!important;
    min-width:88px!important;
    max-width:88px!important;
    height:76px!important;
    min-height:76px!important;
    padding:0!important;
    z-index:2!important;
    top:auto!important;
    bottom:auto!important;
  }
  .mockup-header .brand-home-button img{
    width:84px!important;
    height:84px!important;
    max-width:84px!important;
    max-height:84px!important;
    margin:0 auto!important;
    object-position:center!important;
  }
  .mockup-header .top-actions{
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:center!important;
    display:flex!important;
    width:auto!important;
    margin:0!important;
    gap:8px!important;
    position:relative!important;
    z-index:3!important;
  }
  .mockup-header .guest-actions{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    width:auto!important;
    margin:0!important;
    flex-wrap:nowrap!important;
  }
  #headerLoginBtn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0!important;
    font-size:0!important;
    border-radius:14px!important;
  }
  #headerLoginBtn::before{
    content:"👤";
    font-size:1.15rem;
    line-height:1;
  }
  #headerMemberBtn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 14px!important;
    border-radius:14px!important;
    font-size:.88rem!important;
    line-height:1!important;
  }
  #headerMemberBtn > span[aria-hidden="true"]{display:none!important}
  .mockup-header .landing-nav{
    top:calc(100% + 8px)!important;
    left:10px!important;
    right:auto!important;
    width:min(360px,calc(100vw - 20px))!important;
    grid-template-columns:1fr!important;
    padding:14px!important;
    border-radius:24px!important;
  }
  .mockup-header .landing-nav button{min-height:52px!important}
  #landingScreen{padding-top:6px!important}
  .landing-mobile-bottom-nav{display:none!important}
}

@media (max-width: 430px){
  .mockup-header{
    grid-template-columns:44px minmax(0,1fr) auto!important;
    grid-template-rows:82px!important;
    min-height:82px!important;
    height:82px!important;
    padding:0 10px!important;
    gap:6px!important;
    margin-left:-9px!important;
    margin-right:-9px!important;
  }
  .mockup-header .landing-menu-toggle{width:42px!important;height:42px!important}
  .mockup-header .brand-home-button{
    width:84px!important;
    min-width:84px!important;
    max-width:84px!important;
    height:72px!important;
    min-height:72px!important;
    transform:translate(-50%,-42%)!important;
  }
  .mockup-header .brand-home-button img{width:78px!important;height:78px!important;max-width:78px!important;max-height:78px!important}
  .mockup-header .top-actions,
  .mockup-header .guest-actions{gap:6px!important}
  #headerLoginBtn{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;border-radius:13px!important}
  #headerMemberBtn{height:40px!important;min-height:40px!important;padding:0 12px!important;font-size:.82rem!important;border-radius:13px!important}
}

@media (max-width: 360px){
  .mockup-header{
    grid-template-columns:40px minmax(0,1fr) auto!important;
    grid-template-rows:78px!important;
    min-height:78px!important;
    height:78px!important;
    padding:0 8px!important;
    gap:5px!important;
  }
  .mockup-header .landing-menu-toggle{width:38px!important;height:38px!important}
  .mockup-header .brand-home-button{
    width:76px!important;
    min-width:76px!important;
    max-width:76px!important;
    height:68px!important;
    min-height:68px!important;
    transform:translate(-50%,-41%)!important;
  }
  .mockup-header .brand-home-button img{width:72px!important;height:72px!important;max-width:72px!important;max-height:72px!important}
  #headerLoginBtn{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important}
  #headerMemberBtn{height:36px!important;min-height:36px!important;padding:0 10px!important;font-size:.74rem!important}
}

/* Signed-in users must not see guest signup/login in the header. */
body.kka-authenticated #guestTopActions,
.top-actions:has(#memberTopActions:not(.hidden)) #guestTopActions{display:none!important}
body.kka-authenticated #memberTopActions{display:flex!important;align-items:center!important;gap:8px!important}

/* =========================================================
   Build 008.6.76 — final mobile header and left drawer
   ========================================================= */
@media (max-width:960px){
  .mockup-header{
    grid-template-columns:46px 82px minmax(0,1fr)!important;
    grid-template-rows:82px!important;
    min-height:82px!important;height:82px!important;
    padding:0 10px!important;gap:7px!important;
    align-items:center!important;
  }
  .mockup-header .landing-menu-toggle{
    grid-column:1!important;grid-row:1!important;
    align-self:center!important;justify-self:start!important;
    width:44px!important;height:44px!important;
  }
  .mockup-header .brand-home-button{
    position:static!important;transform:none!important;
    grid-column:2!important;grid-row:1!important;
    align-self:center!important;justify-self:start!important;
    width:80px!important;min-width:80px!important;max-width:80px!important;
    height:72px!important;min-height:72px!important;
    margin:0!important;padding:0!important;
  }
  .mockup-header .brand-home-button img{
    width:72px!important;height:72px!important;max-width:72px!important;max-height:72px!important;
    margin:0!important;object-position:center!important;
  }
  .mockup-header .top-actions{
    grid-column:3!important;grid-row:1!important;
    justify-self:end!important;align-self:center!important;
  }
  #headerLoginBtn{display:none!important}
  #headerMemberBtn{
    display:inline-flex!important;height:40px!important;min-height:40px!important;
    padding:0 14px!important;border-radius:13px!important;font-size:.84rem!important;
  }
  #headerMemberBtn>span[aria-hidden="true"]{display:none!important}
  .mockup-header .landing-nav{
    position:fixed!important;top:0!important;left:0!important;right:auto!important;bottom:0!important;
    width:min(390px,88vw)!important;height:100dvh!important;max-height:none!important;
    display:flex!important;flex-direction:column!important;grid-template-columns:none!important;
    gap:7px!important;padding:calc(18px + env(safe-area-inset-top)) 20px calc(22px + env(safe-area-inset-bottom))!important;
    border:0!important;border-radius:0 28px 28px 0!important;background:#fffdf9!important;
    box-shadow:18px 0 45px rgba(39,28,15,.22)!important;
    transform:translateX(-105%)!important;transition:transform .24s ease!important;
    overflow-y:auto!important;z-index:300!important;
  }
  .mockup-header .landing-nav.open{transform:translateX(0)!important}
  .mockup-header .landing-nav button{
    width:100%!important;min-height:52px!important;justify-content:flex-start!important;
    border:1px solid #f0e5d6!important;border-radius:16px!important;padding:12px 16px!important;
    background:#fff!important;font-size:1rem!important;
  }
  .mockup-header .landing-nav button.active{background:#fff4e7!important}
  .mobile-drawer-auth-block{
    margin-top:auto!important;display:grid!important;grid-template-columns:1fr!important;gap:9px!important;
    padding-top:14px!important;border-top:1px solid #eadfce!important;
  }
  .mobile-drawer-auth-block.hidden{display:none!important}
  .mockup-header .landing-nav .mobile-register-menu-item{
    background:linear-gradient(180deg,#ffe485,#ffc93e)!important;color:#704200!important;
    border-color:#f3c65a!important;font-weight:900!important;
  }
  .mockup-header .landing-nav .mobile-login-menu-item{color:#c84658!important;font-weight:850!important}
  .mockup-header .landing-nav .mobile-logout-menu-item{margin-top:auto!important}
  .landing-mobile-bottom-nav{display:none!important}
  #landingScreen{padding-top:6px!important}
}
@media (max-width:430px){
  .mockup-header{grid-template-columns:42px 74px minmax(0,1fr)!important;grid-template-rows:78px!important;min-height:78px!important;height:78px!important;padding:0 8px!important;gap:6px!important}
  .mockup-header .landing-menu-toggle{width:40px!important;height:40px!important}
  .mockup-header .brand-home-button{width:72px!important;min-width:72px!important;max-width:72px!important;height:68px!important;min-height:68px!important}
  .mockup-header .brand-home-button img{width:66px!important;height:66px!important;max-width:66px!important;max-height:66px!important}
  #headerMemberBtn{height:38px!important;min-height:38px!important;padding:0 12px!important;font-size:.78rem!important}
}
@media (max-width:360px){
  .mockup-header{grid-template-columns:40px 66px minmax(0,1fr)!important;grid-template-rows:74px!important;min-height:74px!important;height:74px!important;padding:0 7px!important;gap:4px!important}
  .mockup-header .landing-menu-toggle{width:38px!important;height:38px!important}
  .mockup-header .brand-home-button{width:64px!important;min-width:64px!important;max-width:64px!important;height:62px!important;min-height:62px!important}
  .mockup-header .brand-home-button img{width:60px!important;height:60px!important;max-width:60px!important;max-height:60px!important}
  #headerMemberBtn{height:36px!important;min-height:36px!important;padding:0 9px!important;font-size:.7rem!important}
}

/* =========================================================
   Build 008.6.77 — loaded final mobile header + left drawer
   Root-cause fix: index.html now loads this versioned stylesheet.
   ========================================================= */
@media (max-width:960px){
  /* Header: hamburger and logo share the same vertical center. */
  .mockup-header{
    display:grid!important;
    grid-template-columns:46px 72px minmax(0,1fr)!important;
    grid-template-rows:76px!important;
    min-height:76px!important;
    height:76px!important;
    padding:0 10px!important;
    gap:7px!important;
    align-items:center!important;
  }
  .mockup-header .landing-menu-toggle{
    grid-column:1!important;
    grid-row:1!important;
    position:static!important;
    align-self:center!important;
    justify-self:start!important;
    width:42px!important;
    height:42px!important;
    margin:0!important;
  }
  .mockup-header .brand-home-button{
    grid-column:2!important;
    grid-row:1!important;
    position:static!important;
    transform:none!important;
    align-self:center!important;
    justify-self:start!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:68px!important;
    min-width:68px!important;
    max-width:68px!important;
    height:58px!important;
    min-height:58px!important;
    margin:0!important;
    padding:0!important;
  }
  .mockup-header .brand-home-button img{
    display:block!important;
    width:auto!important;
    height:58px!important;
    max-width:66px!important;
    max-height:58px!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  .mockup-header .top-actions{
    grid-column:3!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:end!important;
    display:flex!important;
    width:auto!important;
    margin:0!important;
  }
  /* Mobile header keeps only the highlighted signup action. */
  #headerLoginBtn{display:none!important}
  #headerMemberBtn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:38px!important;
    min-height:38px!important;
    padding:0 13px!important;
    border-radius:12px!important;
    font-size:.8rem!important;
    white-space:nowrap!important;
  }
  #headerMemberBtn>span[aria-hidden="true"]{display:none!important}

  /* True left drawer: never render as a centered popover. */
  .mockup-header .landing-nav{
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:min(390px,88vw)!important;
    height:100dvh!important;
    max-height:none!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    gap:0!important;
    padding:calc(26px + env(safe-area-inset-top)) 20px calc(22px + env(safe-area-inset-bottom))!important;
    margin:0!important;
    border:0!important;
    border-radius:0 30px 30px 0!important;
    background:#fffdf9!important;
    box-shadow:18px 0 48px rgba(39,28,15,.25)!important;
    transform:translateX(-104%)!important;
    transition:transform .24s ease!important;
    overflow-y:auto!important;
    z-index:300!important;
  }
  .mockup-header .landing-nav.open{transform:translateX(0)!important}
  .mockup-header .landing-nav>button{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:18px!important;
    width:100%!important;
    min-height:60px!important;
    padding:11px 14px!important;
    margin:0!important;
    border:0!important;
    border-bottom:1px solid #eee2d3!important;
    border-radius:0!important;
    background:transparent!important;
    color:#3e2e25!important;
    font-size:1rem!important;
    text-align:left!important;
  }
  .mockup-header .landing-nav>button span{
    display:inline-grid!important;
    place-items:center!important;
    flex:0 0 32px!important;
    width:32px!important;
    font-size:1.22rem!important;
  }
  .mockup-header .landing-nav>button.active{
    margin-bottom:6px!important;
    border-bottom-color:transparent!important;
    border-radius:16px!important;
    background:#fff5e7!important;
    color:#135d56!important;
  }
  .mockup-header .landing-nav>button.active+button{border-top:0!important}

  /* Guest actions stay together at the drawer bottom. */
  .mobile-drawer-auth-block{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    width:100%!important;
    margin-top:auto!important;
    padding-top:14px!important;
  }
  .mobile-drawer-auth-block.hidden{display:none!important}
  .mockup-header .landing-nav .mobile-auth-menu-item{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:18px!important;
    width:100%!important;
    min-height:54px!important;
    padding:11px 14px!important;
    border:0!important;
    border-radius:14px!important;
    font-size:1rem!important;
  }
  .mockup-header .landing-nav .mobile-login-menu-item{
    background:#fff!important;
    color:#4a3428!important;
    box-shadow:none!important;
  }
  .mockup-header .landing-nav .mobile-register-menu-item{
    justify-content:center!important;
    background:linear-gradient(180deg,#ffe37d,#ffc83c)!important;
    color:#714000!important;
    box-shadow:0 8px 18px rgba(213,144,25,.18)!important;
    font-weight:900!important;
  }
  .mockup-header .landing-nav .mobile-register-menu-item span{flex:0 0 auto!important;width:auto!important}
  .mockup-header .landing-nav .mobile-logout-menu-item{
    margin-top:auto!important;
    border-radius:14px!important;
    background:#fff5f6!important;
    color:#a52b38!important;
  }
  .landing-mobile-bottom-nav{display:none!important}
  #landingScreen{padding-top:6px!important}
}

@media (max-width:430px){
  .mockup-header{
    grid-template-columns:42px 66px minmax(0,1fr)!important;
    grid-template-rows:72px!important;
    min-height:72px!important;
    height:72px!important;
    padding:0 8px!important;
    gap:6px!important;
  }
  .mockup-header .landing-menu-toggle{width:40px!important;height:40px!important}
  .mockup-header .brand-home-button{
    width:62px!important;min-width:62px!important;max-width:62px!important;
    height:54px!important;min-height:54px!important;
  }
  .mockup-header .brand-home-button img{height:54px!important;max-height:54px!important;max-width:61px!important}
  #headerMemberBtn{height:36px!important;min-height:36px!important;padding:0 11px!important;font-size:.76rem!important}
}

@media (max-width:360px){
  .mockup-header{
    grid-template-columns:40px 58px minmax(0,1fr)!important;
    grid-template-rows:68px!important;
    min-height:68px!important;
    height:68px!important;
    padding:0 7px!important;
    gap:5px!important;
  }
  .mockup-header .landing-menu-toggle{width:38px!important;height:38px!important}
  .mockup-header .brand-home-button{
    width:56px!important;min-width:56px!important;max-width:56px!important;
    height:50px!important;min-height:50px!important;
  }
  .mockup-header .brand-home-button img{height:50px!important;max-height:50px!important;max-width:55px!important}
  #headerMemberBtn{height:34px!important;min-height:34px!important;padding:0 9px!important;font-size:.7rem!important}
}

/* =========================================================
   Build 008.6.78 — final logo crop and 8-item mobile drawer
   ========================================================= */

/* The new logo asset is tightly cropped, so its visible crest is centered. */
.mockup-header .brand-home-button{
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
}
.mockup-header .brand-home-button img{
  display:block!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
  transform:none!important;
}

@media (min-width:961px){
  .mockup-header{
    min-height:100px!important;
    grid-template-columns:126px minmax(0,1fr) auto!important;
    padding-top:6px!important;
    padding-bottom:6px!important;
    align-items:center!important;
  }
  .mockup-header .brand-home-button{
    width:116px!important;
    min-width:116px!important;
    max-width:116px!important;
    height:88px!important;
    min-height:88px!important;
    position:static!important;
    top:auto!important;
  }
  .mockup-header .brand-home-button img{
    width:auto!important;
    height:88px!important;
    max-width:112px!important;
    max-height:88px!important;
  }
}

@media (max-width:960px){
  .mockup-header{
    display:grid!important;
    grid-template-columns:46px 82px minmax(0,1fr)!important;
    grid-template-rows:78px!important;
    min-height:78px!important;
    height:78px!important;
    padding:0 10px!important;
    gap:8px!important;
    align-items:center!important;
  }
  .mockup-header .landing-menu-toggle{
    grid-column:1!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:start!important;
    position:static!important;
    width:42px!important;
    height:42px!important;
    margin:0!important;
  }
  .mockup-header .brand-home-button{
    grid-column:2!important;
    grid-row:1!important;
    position:static!important;
    align-self:center!important;
    justify-self:start!important;
    width:80px!important;
    min-width:80px!important;
    max-width:80px!important;
    height:68px!important;
    min-height:68px!important;
    padding:0!important;
    margin:0!important;
  }
  .mockup-header .brand-home-button img{
    width:auto!important;
    height:68px!important;
    max-width:78px!important;
    max-height:68px!important;
  }
  .mockup-header .top-actions{
    grid-column:3!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:end!important;
  }

  /* Exactly eight consecutive public drawer entries: no spacer block, no logout. */
  .mockup-header .landing-nav{
    justify-content:flex-start!important;
    gap:0!important;
    padding-top:calc(22px + env(safe-area-inset-top))!important;
    padding-bottom:calc(22px + env(safe-area-inset-bottom))!important;
  }
  .mockup-header .landing-nav > button,
  .mockup-header .landing-nav > .mobile-auth-menu-item{
    display:flex!important;
    flex:0 0 auto!important;
    width:100%!important;
    min-height:60px!important;
    margin:0!important;
    padding:11px 14px!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:18px!important;
    border:0!important;
    border-bottom:1px solid #eee2d3!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#3e2e25!important;
    font-size:1rem!important;
    text-align:left!important;
  }
  .mockup-header .landing-nav > button.active{
    margin:0!important;
    border-radius:16px!important;
    border-bottom-color:transparent!important;
    background:#fff5e7!important;
    color:#135d56!important;
  }
  .mockup-header .landing-nav .mobile-login-menu-item,
  .mockup-header .landing-nav .mobile-register-menu-item{
    margin-top:0!important;
    min-height:60px!important;
    justify-content:flex-start!important;
    border-radius:0!important;
    font-weight:850!important;
  }
  .mockup-header .landing-nav .mobile-login-menu-item{
    background:transparent!important;
    color:#3e2e25!important;
  }
  .mockup-header .landing-nav .mobile-register-menu-item{
    background:linear-gradient(180deg,#ffe37d,#ffc83c)!important;
    color:#714000!important;
    border-radius:16px!important;
    border-bottom:0!important;
    margin-top:8px!important;
  }
  .mockup-header .landing-nav .mobile-register-menu-item span{
    flex:0 0 32px!important;
    width:32px!important;
  }
  .mobile-drawer-auth-block,
  .mobile-logout-menu-item,
  #mobileDrawerLogoutBtn{
    display:none!important;
  }
}

@media (max-width:430px){
  .mockup-header{
    grid-template-columns:42px 76px minmax(0,1fr)!important;
    grid-template-rows:74px!important;
    min-height:74px!important;
    height:74px!important;
    padding:0 8px!important;
    gap:6px!important;
  }
  .mockup-header .landing-menu-toggle{width:40px!important;height:40px!important}
  .mockup-header .brand-home-button{
    width:74px!important;
    min-width:74px!important;
    max-width:74px!important;
    height:64px!important;
    min-height:64px!important;
  }
  .mockup-header .brand-home-button img{
    height:64px!important;
    max-height:64px!important;
    max-width:72px!important;
  }
}

@media (max-width:360px){
  .mockup-header{
    grid-template-columns:40px 68px minmax(0,1fr)!important;
    grid-template-rows:70px!important;
    min-height:70px!important;
    height:70px!important;
    padding:0 7px!important;
    gap:5px!important;
  }
  .mockup-header .landing-menu-toggle{width:38px!important;height:38px!important}
  .mockup-header .brand-home-button{
    width:66px!important;
    min-width:66px!important;
    max-width:66px!important;
    height:58px!important;
    min-height:58px!important;
  }
  .mockup-header .brand-home-button img{
    height:58px!important;
    max-height:58px!important;
    max-width:64px!important;
  }
}

@media (max-width:960px){
  .mockup-header .landing-nav .mobile-auth-menu-item.hidden{display:none!important}
}

/* =========================================================
   Build 008.6.79 — mobile header login + crown signup pair
   ========================================================= */
@media (max-width: 960px){
  .mockup-header{
    grid-template-columns:44px 78px minmax(0,1fr)!important;
    grid-template-rows:78px!important;
    min-height:78px!important;
    height:78px!important;
    padding:0 9px!important;
    gap:6px!important;
    align-items:center!important;
  }
  .mockup-header .landing-menu-toggle{
    grid-column:1!important;
    grid-row:1!important;
    width:42px!important;
    height:42px!important;
    align-self:center!important;
    justify-self:start!important;
  }
  .mockup-header .brand-home-button{
    position:static!important;
    transform:none!important;
    grid-column:2!important;
    grid-row:1!important;
    width:76px!important;
    min-width:76px!important;
    max-width:76px!important;
    height:66px!important;
    min-height:66px!important;
    align-self:center!important;
    justify-self:start!important;
  }
  .mockup-header .brand-home-button img{
    width:72px!important;
    height:72px!important;
    max-width:72px!important;
    max-height:72px!important;
    object-fit:contain!important;
    object-position:center!important;
    margin:0!important;
  }
  .mockup-header .top-actions{
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:center!important;
    display:flex!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
  }
  .mockup-header #guestTopActions:not(.hidden){
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    width:auto!important;
    flex-wrap:nowrap!important;
  }
  .mockup-header #headerLoginBtn,
  .mockup-header #headerMemberBtn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    height:36px!important;
    min-height:36px!important;
    padding:0 10px!important;
    border-radius:11px!important;
    font-size:.72rem!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .mockup-header #headerLoginBtn{
    background:#fff!important;
    color:#3d2f26!important;
    border:1px solid #ead6bb!important;
    box-shadow:none!important;
  }
  .mockup-header #headerLoginBtn::before{content:none!important}
  .mockup-header #headerMemberBtn{
    gap:4px!important;
    background:linear-gradient(180deg,#ffe37a,#ffc83d)!important;
    color:#8d4d00!important;
    border:1px solid #f3be3a!important;
    box-shadow:0 6px 14px rgba(218,147,24,.18)!important;
    font-weight:800!important;
  }
  .mockup-header #headerMemberBtn > span[aria-hidden="true"]{
    display:inline!important;
    font-size:.9rem!important;
    line-height:1!important;
  }
  .mockup-header #headerMemberBtn .header-member-text{display:inline!important}
}

@media (max-width: 430px){
  .mockup-header{
    grid-template-columns:42px 70px minmax(0,1fr)!important;
    grid-template-rows:74px!important;
    min-height:74px!important;
    height:74px!important;
    padding:0 7px!important;
    gap:5px!important;
  }
  .mockup-header .landing-menu-toggle{width:40px!important;height:40px!important}
  .mockup-header .brand-home-button{
    width:68px!important;min-width:68px!important;max-width:68px!important;
    height:62px!important;min-height:62px!important;
  }
  .mockup-header .brand-home-button img{
    width:66px!important;height:66px!important;max-width:66px!important;max-height:66px!important;
  }
  .mockup-header #guestTopActions:not(.hidden){gap:4px!important}
  .mockup-header #headerLoginBtn,
  .mockup-header #headerMemberBtn{
    height:34px!important;min-height:34px!important;
    padding:0 8px!important;
    border-radius:10px!important;
    font-size:.66rem!important;
  }
  .mockup-header #headerMemberBtn{gap:3px!important}
}

@media (max-width: 360px){
  .mockup-header{
    grid-template-columns:40px 62px minmax(0,1fr)!important;
    grid-template-rows:70px!important;
    min-height:70px!important;
    height:70px!important;
    padding:0 6px!important;
    gap:4px!important;
  }
  .mockup-header .landing-menu-toggle{width:38px!important;height:38px!important}
  .mockup-header .brand-home-button{
    width:60px!important;min-width:60px!important;max-width:60px!important;
    height:58px!important;min-height:58px!important;
  }
  .mockup-header .brand-home-button img{
    width:58px!important;height:58px!important;max-width:58px!important;max-height:58px!important;
  }
  .mockup-header #headerLoginBtn,
  .mockup-header #headerMemberBtn{
    height:32px!important;min-height:32px!important;
    padding:0 6px!important;
    font-size:.59rem!important;
  }
  .mockup-header #headerMemberBtn > span[aria-hidden="true"]{font-size:.75rem!important}
}


/* Build 008.6.82 — prevent old artwork flashing before managed home-panel data loads */
html.home-panels-pending [data-home-panel]{
  visibility:hidden!important;
  opacity:0!important;
}
html.home-panels-ready [data-home-panel]{
  visibility:visible!important;
  opacity:1!important;
  transition:opacity .16s ease-out;
}
@media (prefers-reduced-motion:reduce){html.home-panels-ready [data-home-panel]{transition:none!important}}