:root{
    --bg:#F5F2FF; --bg-soft:#EFE9FF; --surface:#FFFFFF;
    --ink:#1C1533; --ink-soft:#4E4770; --ink-faint:#948DB3; --line:#E5DEF9;
    --violet:#7C3AED; --rose:#F43F5E; --amber:#F59E0B; --emerald:#10B981; --indigo:#4F46E5;
    --sig:#10B981; --sig-bg:#E3F9EF; --warn:#F43F5E; --warn-bg:#FDE8EC;
    --info:#4F46E5; --info-bg:#EEECFE;
    --sans:'Noto Sans Thai','Inter',sans-serif; --display:'Kanit','Noto Sans Thai',sans-serif; --mono:'IBM Plex Mono',monospace;
    --radius:20px; --shadow:0 10px 30px -12px rgba(92,60,180,.18); --shadow-lg:0 24px 60px -18px rgba(92,60,180,.28);
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{ margin:0; background:var(--bg); color:var(--ink-soft); font-family:var(--sans); -webkit-font-smoothing:antialiased; }
  ::selection{ background:var(--violet); color:#fff; }
  a{color:var(--violet);}
  h1,h2,h3,h4{font-family:var(--display); color:var(--ink); margin:0;}
  :focus-visible{ outline:3px solid var(--indigo); outline-offset:2px; border-radius:4px; }
  .skip-link{ position:absolute; left:-9999px; top:0; background:#fff; color:var(--ink); padding:10px 16px; border-radius:8px; z-index:999; }
  .skip-link:focus{ left:12px; top:12px; }
  .sr-only{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }

  /* ---------------- TOP NAV ---------------- */
  .topbar{
    position:sticky; top:0; z-index:50;
    background:rgba(255,255,255,.9); backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line);
  }
  .topbar-inner{ max-width:1180px; margin:0 auto; padding:12px 24px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
  .brand{ display:flex; align-items:center; gap:10px; font-family:var(--display); font-weight:700; color:var(--ink); font-size:16px; white-space:nowrap; }
  .brand .dot3{ width:10px;height:10px;border-radius:50%; background:linear-gradient(135deg,#7C3AED,#F59E0B); }
  .brand-by{font-family:var(--mono);font-size:9px;letter-spacing:.04em;color:var(--ink-faint);font-weight:600;margin-left:2px}
  .anan-hero-signature{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px;color:rgba(255,255,255,.9);font-size:12px}
  .anan-mark{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.34);background:rgba(255,255,255,.12);padding:7px 11px;border-radius:999px;backdrop-filter:blur(6px)}
  .anan-monogram{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,#7C3AED,#F59E0B);color:#fff;font-family:var(--display);font-weight:800;font-size:11px;box-shadow:0 4px 12px rgba(76,29,149,.18)}
  .anan-flow{border:1px solid #DDD6FE;background:linear-gradient(135deg,#FBF9FF,#FFF9F2);border-radius:18px;padding:18px 20px;margin:18px 0;box-shadow:0 6px 18px rgba(92,60,180,.06)}
  .anan-flow-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
  .anan-flow-title{font-family:var(--display);font-weight:800;color:var(--ink);font-size:18px;line-height:1.35}
  .anan-flow-sub{font-size:12.5px;line-height:1.7;color:var(--ink-faint);margin-top:2px}
  .anan-flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
  .anan-flow-step{border:1px solid var(--line);border-radius:14px;background:#fff;padding:12px 13px;min-height:112px}
  .anan-flow-letter{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:10px;background:var(--bg-soft);color:var(--violet);font-family:var(--display);font-weight:900;margin-bottom:7px}
  .anan-flow-step b{display:block;color:var(--ink);font-size:13px;margin-bottom:4px}
  .anan-flow-step span{font-size:11.8px;line-height:1.65;color:var(--ink-soft)}
  .anan-signature-note{margin-top:12px;padding-top:10px;border-top:1px dashed #D8CFF6;font-size:11.5px;line-height:1.7;color:var(--ink-faint)}
  .developer-signature-card{margin:22px 0;padding:20px;border:1px solid #DDD6FE;border-radius:18px;background:linear-gradient(135deg,#F8F5FF,#FFF9F2)}
  .copyright-card{margin:18px 0;padding:18px 20px;border:1px solid #BFDBFE;border-radius:18px;background:linear-gradient(135deg,#F8FBFF,#F0FDF4);box-shadow:0 5px 16px rgba(37,99,235,.05)}
  .copyright-card h3{font-size:17px!important;margin:0 0 9px!important;color:#0F172A}
  .copyright-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border-radius:999px;background:#E0F2FE;color:#075985;font-size:11px;font-weight:900;margin-bottom:9px}
  .copyright-grid{display:grid;grid-template-columns:170px 1fr;gap:6px 14px;font-size:12.8px;line-height:1.7;color:var(--ink-soft)}
  .copyright-grid b{color:var(--ink)}
  .copyright-note{margin-top:10px;padding-top:10px;border-top:1px dashed #BAE6FD;font-size:11.8px;line-height:1.7;color:var(--ink-faint)}
  @media(max-width:620px){.copyright-grid{grid-template-columns:1fr;gap:2px}.copyright-grid b{margin-top:5px}}
  .developer-signature-card h3{font-size:17px!important;margin:0 0 8px!important}
  .signature-inline{font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;color:var(--violet);font-weight:800}
  @media(max-width:820px){.anan-flow-grid{grid-template-columns:1fr 1fr}.brand-by{display:none}}
  @media(max-width:520px){.anan-flow-grid{grid-template-columns:1fr}.anan-hero-signature{align-items:flex-start}}
  .top-nav{ display:flex; gap:4px; flex-wrap:wrap; }
  .top-nav button{
    font-family:var(--sans); font-weight:600; font-size:13.5px; color:var(--ink-soft);
    background:none; border:none; padding:9px 14px; border-radius:999px; cursor:pointer; transition:all .15s;
  }
  .top-nav button:hover{ background:var(--bg-soft); color:var(--ink); }
  .top-nav button.active{ background:var(--violet); color:#fff; }
  .hamburger{ display:none; background:none; border:1.5px solid var(--line); border-radius:10px; padding:8px 10px; cursor:pointer; }
  @media (max-width:900px){
    .top-nav{ display:none; position:absolute; top:100%; left:0; right:0; background:#fff; flex-direction:column; padding:10px; box-shadow:var(--shadow); border-radius:0 0 16px 16px; }
    .top-nav.open{ display:flex; }
    .top-nav button{ text-align:left; width:100%; }
    .hamburger{ display:inline-flex; }
  }

  /* ---------------- HERO ---------------- */
  .hero{ position:relative; overflow:hidden;
    background:radial-gradient(1200px 500px at 15% -10%, rgba(255,255,255,.14), transparent 60%),
      linear-gradient(120deg,#4C1D95 0%,#7C3AED 38%,#DB2777 72%,#F59E0B 100%);
    padding:56px 24px 100px; }
  .hero .dots{ position:absolute; inset:0; pointer-events:none; }
  .hero .dots span{ position:absolute; border-radius:50%; background:rgba(255,255,255,.55); animation:floaty 9s ease-in-out infinite; }
  @keyframes floaty{ 0%,100%{transform:translateY(0) scale(1); opacity:.55;} 50%{transform:translateY(-22px) scale(1.15); opacity:.9;} }
  @media (prefers-reduced-motion:reduce){ .hero .dots span{animation:none;} }
  .hero-inner{ position:relative; max-width:1100px; margin:0 auto; z-index:2; }
  .badge{ display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.35); color:#fff;
    font-family:var(--mono); font-size:12px; letter-spacing:.1em; text-transform:uppercase; padding:7px 14px; border-radius:999px; backdrop-filter:blur(6px); }
  .badge .dot2{ width:7px;height:7px;border-radius:50%; background:#A7F3D0; box-shadow:0 0 0 4px rgba(167,243,208,.25); }
  .hero h1{ font-weight:800; color:#fff; font-size:clamp(30px,4.6vw,48px); line-height:1.1; margin:18px 0 12px; letter-spacing:-.01em; }
  .hero h1 em{ font-style:normal; color:#FDE68A; }
  .hero p{ color:rgba(255,255,255,.86); font-size:16px; max-width:640px; line-height:1.7; margin:0; }

  .meta-card{ max-width:1100px; margin:-58px auto 0; position:relative; z-index:3; background:var(--surface); border-radius:var(--radius); box-shadow:var(--shadow-lg);
    padding:24px 26px; display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:18px; }
  .meta-field label{ display:flex; align-items:center; gap:6px; font-family:var(--mono); font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-faint); margin-bottom:8px; }
  .meta-field input{ width:100%; border:none; border-bottom:2px solid var(--line); background:transparent; font-family:var(--display); font-weight:500; font-size:16px; color:var(--ink); padding:2px 2px 8px; outline:none; }
  .meta-field input:focus{ border-bottom-color:var(--violet); }

  .page{ display:none; }
  .page.active{ display:block; animation:rise .35s ease; }
  @keyframes rise{ from{opacity:0; transform:translateY(8px);} to{opacity:1; transform:translateY(0);} }
  main{ max-width:1100px; margin:0 auto; padding:26px 24px 100px; }

  nav.tabs{ display:flex; gap:10px; flex-wrap:nowrap; overflow-x:auto; overscroll-behavior-inline:contain; scrollbar-width:thin; padding:0 0 7px; margin:26px 0 0; }
  nav.tabs button{ flex:0 0 auto; display:flex; align-items:center; gap:8px; font-family:var(--sans); font-weight:600; font-size:14px; color:var(--ink-soft);
    background:var(--surface); border:1.5px solid var(--line); padding:11px 18px; border-radius:999px; cursor:pointer; transition:all .18s ease; }
  nav.tabs button .num{ display:inline-flex; align-items:center; justify-content:center; width:20px;height:20px; border-radius:50%; font-family:var(--mono); font-size:10.5px; font-weight:700; background:var(--bg-soft); color:var(--ink-faint); }
  nav.tabs button:hover{ border-color:var(--tab-color,var(--violet)); transform:translateY(-1px); }
  nav.tabs button[aria-selected="true"]{ color:#fff; background:var(--tab-color,var(--violet)); border-color:var(--tab-color,var(--violet)); box-shadow:0 8px 18px -8px var(--tab-color,var(--violet)); }
  nav.tabs button[aria-selected="true"] .num{ background:rgba(255,255,255,.28); color:#fff; }
  nav.tabs button[data-tab="desc"]{ --tab-color:#7C3AED; }
  nav.tabs button[data-tab="one"]{ --tab-color:#F43F5E; }
  nav.tabs button[data-tab="ind"]{ --tab-color:#F59E0B; }
  nav.tabs button[data-tab="pair"]{ --tab-color:#10B981; }
  nav.tabs button[data-tab="nonparam"]{ --tab-color:#4F46E5; }
  nav.tabs button[data-tab="e1e2"]{ --tab-color:#0EA5E9; }
  nav.tabs button[data-tab="paor"]{ --tab-color:#14B8A6; }
  .paor-cycle{border:1px solid var(--cycle-line, var(--line));border-radius:16px;background:var(--cycle-bg,#FCFFFE);margin:14px 0;overflow:hidden;box-shadow:0 1px 0 rgba(15,23,42,.02)}
  .paor-cycle summary{cursor:pointer;padding:14px 16px;font-weight:800;color:var(--cycle-accent,#0F766E);background:linear-gradient(135deg,var(--cycle-head1,#F0FDFA),var(--cycle-head2,#F8FAFC));list-style:none;border-bottom:1px solid var(--cycle-line, var(--line))}
  .paor-cycle summary::-webkit-details-marker{display:none}
  .paor-cycle-body{padding:15px 16px 4px}
  .paor-cycle .field label{color:var(--ink-soft)}
  .paor-cycle .field textarea{border:1px solid var(--cycle-line,#D1D5DB);background:#fff}
  .paor-cycle .field textarea:focus{outline:none;border-color:var(--cycle-accent,#0F766E);box-shadow:0 0 0 3px color-mix(in srgb, var(--cycle-accent,#0F766E) 16%, white)}
  .paor-step{font-size:12px;font-weight:800;letter-spacing:.04em;color:var(--cycle-accent,#0F766E);margin-bottom:5px}
  .paor-qual-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  @media(max-width:720px){.paor-qual-grid{grid-template-columns:1fr}}
  .paor-mini{padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:12.5px;line-height:1.65;color:var(--ink-soft)}

  section.panel{ display:none; margin-top:22px; }
  section.panel.active{ display:block; animation:rise .35s ease; }

  .grid{ display:grid; grid-template-columns:400px 1fr; gap:26px; align-items:start; }
  #panel-e1e2 .grid,#panel-paor .grid{grid-template-columns:minmax(0,1fr)}
  #panel-desc .grid,#panel-one .grid,#panel-ind .grid,#panel-pair .grid,#panel-nonparam .grid{grid-template-columns:minmax(0,1fr)}
  #panel-desc .input-card,#panel-one .input-card,#panel-ind .input-card,#panel-pair .input-card,#panel-nonparam .input-card{min-width:0}
  .stat-control-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;align-items:end;margin:12px 0}
  .stat-control-grid.cols-3{grid-template-columns:repeat(3,minmax(170px,1fr))}
  .stat-control-grid.cols-2{grid-template-columns:repeat(2,minmax(220px,1fr))}
  .horizontal-stat-workspace{margin-top:12px}
  .horizontal-stat-title{display:flex;align-items:center;gap:8px;font-weight:850;color:var(--ink);font-size:14px;margin:0 0 6px}
  .horizontal-stat-sub{font-size:11.8px;color:var(--ink-faint);line-height:1.65;margin:0 0 10px}
  .horizontal-stat-table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%}
  .horizontal-stat-table th,.horizontal-stat-table td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:7px 8px;text-align:center;background:#fff;vertical-align:middle}
  .horizontal-stat-table th:last-child,.horizontal-stat-table td:last-child{border-right:0}
  .horizontal-stat-table tbody tr:last-child th,.horizontal-stat-table tbody tr:last-child td{border-bottom:0}
  .horizontal-stat-table thead th{background:#F7F5FF;color:var(--ink);font-size:11.5px;font-weight:850;min-width:90px;white-space:nowrap}
  .horizontal-stat-table .series-label{position:sticky;left:0;z-index:4;min-width:155px;max-width:155px;text-align:left;background:#FAF9FF;color:var(--ink);font-weight:850;box-shadow:1px 0 0 var(--line)}
  .horizontal-stat-table thead .series-label{z-index:5;background:#F0EDFF}
  .horizontal-stat-table input[type="number"],.horizontal-stat-table input[type="text"]{width:88px;border:1px solid #D8D3F0;border-radius:9px;padding:8px 7px;text-align:center;font-size:12.5px;background:#fff}
  .horizontal-stat-table input[type="text"]{width:96px}
  .horizontal-stat-table input::placeholder{color:#B7AED6;opacity:1;font-family:var(--mono);font-size:10.5px}
  .horizontal-stat-table input:focus{outline:none;border-color:#7C3AED;box-shadow:0 0 0 3px rgba(124,58,237,.10)}
  .watermark-note{font-size:10.8px;color:var(--ink-faint);line-height:1.6;margin:7px 2px 0}
  .watermark-note b{color:#6D5CA6}
  .stat-hidden-source{display:none!important}
  .analysis-action-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:13px}
  .analysis-action-row .btn{width:auto}
  .small-n-banner{border:1px solid #FED7AA;background:#FFF7ED;color:#9A3412;border-radius:12px;padding:9px 11px;font-size:12px;line-height:1.65;margin:8px 0}
  .decision-rule-box{border:1px solid #BAE6FD;background:#F0F9FF;border-radius:13px;padding:10px 12px;font-size:12px;line-height:1.7;color:#075985;margin:8px 0}
  @media(max-width:920px){.stat-control-grid,.stat-control-grid.cols-3{grid-template-columns:1fr 1fr}.stat-control-grid.cols-2{grid-template-columns:1fr 1fr}}
  @media(max-width:600px){.stat-control-grid,.stat-control-grid.cols-3,.stat-control-grid.cols-2{grid-template-columns:1fr}.horizontal-stat-table .series-label{min-width:135px;max-width:135px}.horizontal-stat-table input[type="number"],.horizontal-stat-table input[type="text"]{width:82px}}
  #panel-e1e2 .input-card,#panel-paor .input-card{min-width:0}
  .table-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0 12px}
  .sample-n-control{display:inline-flex;align-items:center;gap:6px;padding:5px 7px;border:1px solid #DDD6FE;background:#FAF9FF;border-radius:11px}
  .sample-n-control label{font-size:11px;font-weight:850;color:#5B21B6;white-space:nowrap}
  .sample-n-control input{width:66px!important;min-width:66px!important;border:1px solid #C4B5FD!important;border-radius:8px!important;padding:6px 7px!important;text-align:center!important;font-size:12px!important;background:#fff!important}
  .practice-data-note{margin:9px 0 12px;border:1px solid #FDE68A;background:#FFFBEB;border-radius:13px;padding:9px 11px;font-size:11.8px;line-height:1.65;color:#854D0E}
  .practice-data-note b{color:#713F12}
  .quick-start{max-width:1200px;margin:18px auto 0;padding:0 22px}
  .quick-start-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border:1px solid #DDD6FE;background:linear-gradient(135deg,#FBFAFF,#FFFDF8);border-radius:17px;padding:12px}
  .quick-step{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:13px;background:#fff;border:1px solid #EEEAFB;min-height:76px}
  .quick-step-num{flex:0 0 31px;width:31px;height:31px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7C3AED,#8B5CF6);color:#fff;font-family:var(--mono);font-weight:900;font-size:12px}
  .quick-step b{display:block;font-size:12.8px;color:var(--ink);margin-bottom:3px}.quick-step span{display:block;font-size:11.5px;line-height:1.55;color:var(--ink-faint)}
  .simulation-badge{display:flex;align-items:center;gap:9px;border:1px solid #F59E0B;background:#FFFBEB;color:#92400E;border-radius:13px;padding:9px 12px;margin:0 0 12px;font-size:12.5px;font-weight:750;line-height:1.55}
  .simulation-badge .sim-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#F59E0B;color:#fff;padding:4px 8px;font-size:10px;font-weight:900;letter-spacing:.04em}
  .paste-entry-box{margin:11px 0 3px;border:1px dashed #C4B5FD;border-radius:13px;background:#FCFBFF;padding:0 12px}
  .paste-entry-box summary{cursor:pointer;padding:10px 0;font-weight:850;color:#5B21B6;font-size:12.5px}
  .paste-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0 0 10px}
  .paste-grid .field textarea{min-height:88px;font-family:var(--mono);font-size:11.5px}
  .paste-help{grid-column:1/-1;font-size:11.3px;line-height:1.6;color:var(--ink-faint);background:#fff;border-radius:9px;padding:8px 10px}
  .e1-simple-status{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 15px;border-radius:14px;margin:10px 0 13px;border:1px solid #BBF7D0;background:#F0FDF4}
  .e1-simple-status.warn{border-color:#FDE68A;background:#FFFBEB}.e1-simple-status.bad{border-color:#FECACA;background:#FEF2F2}.e1-simple-status.info{border-color:#BFDBFE;background:#EFF6FF}
  .e1-simple-status .big{font-family:var(--display);font-size:16px;font-weight:900;color:var(--ink)}.e1-simple-status .sub{font-size:11.7px;color:var(--ink-soft);line-height:1.6;margin-top:3px}
  .e1-simple-status .tag{font-family:var(--mono);font-size:11px;font-weight:900;border-radius:999px;background:#fff;padding:6px 9px;white-space:nowrap;border:1px solid rgba(0,0,0,.06)}
  .paor-view-control{display:inline-flex;align-items:center;gap:6px;border:1px solid #CCFBF1;background:#F0FDFA;border-radius:11px;padding:5px 7px}
  .paor-view-control label{font-size:11px;font-weight:850;color:#0F766E;white-space:nowrap}.paor-view-control select{min-width:150px;border:1px solid #99F6E4;border-radius:8px;padding:6px 7px;background:#fff;font-size:11.5px}
  .simulation-watermark{font-size:22pt;font-weight:800;text-align:center;color:#9A6700;border:2pt dashed #D8A200;background:#FFF8D8;padding:10pt;margin:0 0 16pt;letter-spacing:.03em}
  @media(max-width:760px){.quick-start-inner{grid-template-columns:1fr}.quick-start{padding:0 14px}.paste-grid{grid-template-columns:1fr}.e1-simple-status{grid-template-columns:1fr}.paor-view-control{width:100%}.paor-view-control select{flex:1}.table-toolbar .btn{font-size:11px;padding:7px 9px}}
  @media(max-width:680px){.sample-n-control{width:100%;justify-content:flex-start}.sample-n-control input{width:72px!important}.sample-n-control .btn{flex:1}}
  .table-toolbar .toolbar-note{font-size:11.5px;color:var(--ink-faint);margin-left:auto}
  .data-entry-wrap{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 2px 10px rgba(66,49,120,.04)}
  .data-entry-table{border-collapse:separate;border-spacing:0;width:100%;min-width:720px}
  .data-entry-table th,.data-entry-table td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:7px 8px;vertical-align:middle;background:#fff}
  .data-entry-table th:last-child,.data-entry-table td:last-child{border-right:0}
  .data-entry-table tbody tr:last-child td{border-bottom:0}
  .data-entry-table thead th{background:#F8F7FF;color:var(--ink);font-size:12px;font-weight:850;text-align:center;white-space:nowrap}
  .data-entry-table .sticky-col{position:sticky;left:0;z-index:3;background:#FBFAFF;box-shadow:1px 0 0 var(--line)}
  .data-entry-table thead .sticky-col{z-index:5;background:#F1EEFF}
  .data-entry-table input[type="number"],.data-entry-table input[type="text"]{width:100%;min-width:76px;border:1px solid #D8D3F0;border-radius:9px;padding:7px 8px;font-size:12.5px;background:#fff}
  .data-entry-table input:focus,.paor-matrix-table textarea:focus{outline:none;border-color:#7C3AED;box-shadow:0 0 0 3px rgba(124,58,237,.10)}
  .data-entry-table .row-label-input{min-width:120px}
  .data-entry-table .row-total{font-family:var(--mono);font-weight:800;text-align:center;color:#075985;background:#F0F9FF}
  .data-entry-table .max-input{min-width:66px;background:#FFFDF6;text-align:center}
  .data-entry-table .remove-row{border:0;background:#FEF2F2;color:#B91C1C;border-radius:8px;padding:5px 8px;cursor:pointer;font-weight:800}
  .table-mode-note{border:1px solid #DDD6FE;background:linear-gradient(135deg,#FBFAFF,#F8FBFF);border-radius:14px;padding:11px 13px;font-size:12.5px;line-height:1.7;color:var(--ink-soft);margin:8px 0 12px}
  .paor-horizontal-block{margin:16px 0 20px}
  .paor-horizontal-title{font-family:var(--display);font-weight:850;font-size:15px;color:var(--ink);margin:0 0 7px}
  .paor-horizontal-sub{font-size:12px;line-height:1.65;color:var(--ink-faint);margin:0 0 10px}
  .paor-score-table{min-width:760px}
  .paor-score-table th.cycle-head{min-width:115px}
  .paor-matrix-table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%}
  .paor-matrix-table th,.paor-matrix-table td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px;vertical-align:top;background:#fff}
  .paor-matrix-table th:last-child,.paor-matrix-table td:last-child{border-right:0}
  .paor-matrix-table tbody tr:last-child td,.paor-matrix-table tbody tr:last-child th{border-bottom:0}
  .paor-matrix-table thead th{background:#ECFDF5;color:#065F46;font-weight:850;text-align:center;min-width:280px}
  .paor-matrix-table .matrix-label{position:sticky;left:0;z-index:4;min-width:175px;max-width:175px;background:#F0FDFA;color:#0F766E;font-weight:850;line-height:1.45;box-shadow:1px 0 0 var(--line)}
  .paor-matrix-table textarea{width:270px;min-height:92px;resize:vertical;border:1px solid #D5E7E1;border-radius:10px;padding:8px 9px;font-family:inherit;font-size:12.5px;line-height:1.6;background:#fff}
  .cycle-chip{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:8px;color:#fff;font-size:11px;font-weight:900;margin-right:5px}
  @media(max-width:680px){
    .table-toolbar .toolbar-note{width:100%;margin-left:0}
    .data-entry-wrap{border-radius:12px}
    .data-entry-table{min-width:680px}
    .paor-matrix-table textarea{width:245px}
  }
  @media (max-width:900px){ .grid{ grid-template-columns:1fr; } }

  .card{ background:var(--surface); border-radius:var(--radius); box-shadow:var(--shadow); overflow:hidden; }
  .card-top{ height:6px; background:linear-gradient(90deg,var(--accent,var(--violet)), color-mix(in srgb, var(--accent,var(--violet)) 60%, white)); }
  .card-body{ padding:26px 26px 28px; }
  .card-head{ display:flex; align-items:center; gap:12px; margin-bottom:6px; }
  .icon-badge{ width:38px;height:38px; border-radius:12px; background:color-mix(in srgb, var(--accent,var(--violet)) 14%, white); color:var(--accent,var(--violet));
    display:flex; align-items:center; justify-content:center; font-family:var(--mono); font-weight:700; font-size:14px; flex-shrink:0; }
  .card h3{ font-weight:700; font-size:20px; }
  .card .hint{ font-size:13.5px; color:var(--ink-faint); line-height:1.6; margin:0 0 18px; }

  details.assump{ background:var(--bg-soft); border-radius:12px; padding:12px 14px; margin-bottom:18px; font-size:13px; line-height:1.7; color:var(--ink-soft); }
  details.assump summary{ cursor:pointer; font-weight:600; color:var(--ink); list-style:none; display:flex; align-items:center; gap:6px; }
  details.assump summary::-webkit-details-marker{ display:none; }
  details.assump summary::before{ content:"▸"; color:var(--accent,var(--violet)); transition:transform .15s; }
  details.assump[open] summary::before{ transform:rotate(90deg); }
  details.assump ul{ margin:10px 0 0; padding-left:18px; }
  details.assump li{ margin-bottom:5px; }

  .field{ margin-bottom:16px; }
  .field label{ display:block; font-family:var(--mono); font-size:11px; letter-spacing:.05em; text-transform:uppercase; color:var(--ink-faint); margin-bottom:7px; }
  .field input[type=text], .field input[type=number]{ width:100%; border:1.5px solid var(--line); border-radius:10px; padding:10px 12px; font-family:var(--sans); font-size:14px; color:var(--ink); background:#fff; outline:none; transition:border-color .15s; }
  .field input:focus{ border-color:var(--accent,var(--violet)); }
  textarea{ width:100%; min-height:100px; border:1.5px solid var(--line); border-radius:12px; padding:12px; font-family:var(--mono); font-size:14px; color:var(--ink); resize:vertical; outline:none; line-height:1.6; transition:border-color .15s; }
  textarea:focus{ border-color:var(--accent,var(--violet)); }
  .two-col{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
  select{ width:100%; border:1.5px solid var(--line); border-radius:10px; padding:10px 12px; font-family:var(--sans); font-size:14px; color:var(--ink); background:#fff; }

  .btn{ display:inline-flex; align-items:center; gap:8px; background:linear-gradient(120deg,var(--accent,var(--violet)), color-mix(in srgb, var(--accent,var(--violet)) 70%, #4C1D95)); color:#fff; border:none;
    padding:13px 20px; font-family:var(--sans); font-weight:700; font-size:14.5px; border-radius:12px; cursor:pointer; width:100%; justify-content:center; transition:transform .12s, box-shadow .12s; box-shadow:0 10px 20px -10px var(--accent,var(--violet)); }
  .btn:hover{ transform:translateY(-1px); }
  .btn.secondary{ background:var(--bg-soft); color:var(--ink); box-shadow:none; margin-top:12px; border:1.5px solid var(--line); }
  .btn.secondary:hover{ background:#fff; border-color:var(--accent,var(--violet)); }
  .btn.small{ width:auto; padding:8px 14px; font-size:13px; }
  .err{ color:var(--warn); font-size:13px; margin-top:10px; display:none; font-weight:600; }
  .err[role="alert"]{ }

  .report{ min-height:440px; }
  .report .card-body{ padding:28px 30px 30px; }
  .report-empty{ height:100%; min-height:380px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; color:var(--ink-faint); font-size:14px; gap:12px; }
  .report-empty .ico{ width:64px;height:64px; border-radius:18px; background:var(--bg-soft); display:flex; align-items:center; justify-content:center; font-size:26px; }

  .report-head{ display:flex; justify-content:space-between; align-items:flex-start; gap:16px; margin-bottom:20px; padding-bottom:16px; border-bottom:2px dashed var(--line); flex-wrap:wrap; }
  .report-head h3{ font-size:21px; }
  .stamp{ font-family:var(--mono); font-weight:700; font-size:12.5px; letter-spacing:.04em; padding:9px 16px; background:var(--sig-bg); color:var(--sig); border-radius:999px; white-space:nowrap; display:inline-flex; align-items:center; gap:6px; }
  .stamp::before{ content:"✓"; font-weight:800; }
  .stamp.no{ background:var(--warn-bg); color:var(--warn); }
  .stamp.no::before{ content:"–"; }

  table.stat-table{ width:100%; border-collapse:collapse; margin-bottom:20px; }
  table.stat-table td, table.stat-table th{ padding:9px 6px; font-size:13.5px; border-bottom:1px solid var(--line); text-align:left; }
  table.stat-table th{ font-family:var(--mono); font-size:10.5px; text-transform:uppercase; letter-spacing:.06em; color:var(--ink-faint); font-weight:700; }
  table.stat-table td.val{ font-family:var(--mono); font-weight:700; color:var(--ink); text-align:right; }
  table.stat-table tr.hl td{ background:var(--sig-bg); }
  table.stat-table tr.hl.no td{ background:var(--warn-bg); }

  .apa-block{ background:var(--bg-soft); border-radius:16px; padding:20px 22px 16px; margin-bottom:20px; }
  .apa-block .apa-label{ display:inline-flex; align-items:center; gap:6px; font-family:var(--mono); font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--accent,var(--violet)); background:#fff; padding:5px 12px; border-radius:999px; margin-bottom:10px; }
  table.apa-table{ width:100%; border-collapse:collapse; font-size:13.5px; color:var(--ink); }
  table.apa-table caption{ text-align:left; font-family:var(--display); font-weight:600; font-size:14.5px; color:var(--ink); margin-bottom:12px; caption-side:top; }
  table.apa-table thead tr{ border-top:2.5px solid var(--ink); border-bottom:1.5px solid var(--ink); }
  table.apa-table th{ padding:8px 6px; font-weight:700; text-align:center; font-family:var(--sans); }
  table.apa-table td{ padding:8px 6px; text-align:center; }
  table.apa-table th:first-child, table.apa-table td:first-child{ text-align:left; }
  table.apa-table tbody tr:last-child{ border-bottom:2.5px solid var(--ink); }
  table.apa-table .fnote{ display:block; font-family:var(--mono); font-size:11px; color:var(--ink-faint); margin-top:10px; }
  .apa-scroll{ overflow-x:auto; -webkit-overflow-scrolling:touch; }

  .assump-check{ border-radius:14px; padding:16px 18px; margin-bottom:18px; background:var(--bg-soft); }
  .assump-check h4{ font-size:14px; margin-bottom:10px; display:flex; align-items:center; gap:8px; }
  .assump-row{ display:flex; align-items:flex-start; gap:10px; padding:8px 0; border-top:1px solid var(--line); font-size:13.5px; }
  .assump-row:first-of-type{ border-top:none; }
  .assump-icon{ flex-shrink:0; width:22px; height:22px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:800; margin-top:1px; }
  .assump-icon.ok{ background:var(--sig-bg); color:var(--sig); }
  .assump-icon.warn{ background:var(--warn-bg); color:var(--warn); }
  .assump-icon.info{ background:var(--info-bg); color:var(--info); }

  .curve-wrap{ margin:8px 0 20px; background:var(--bg-soft); border-radius:14px; padding:14px 14px 6px; }
  .curve-wrap .cap{ font-family:var(--mono); font-size:11px; color:var(--ink-faint); margin-top:4px; text-align:center; }

  .interp{ background:var(--sig-bg); border-radius:14px; padding:18px 20px; font-size:14.5px; line-height:1.85; color:var(--ink); margin-bottom:16px; }
  .interp.no{ background:var(--warn-bg); }
  .interp b{ font-family:var(--mono); }

  .ch4-box{ background:#fff; border:2px dashed var(--accent,var(--violet)); border-radius:14px; padding:18px 20px; margin-bottom:16px; position:relative; }
  .ch4-box .ch4-label{ display:inline-flex; align-items:center; gap:6px; font-family:var(--mono); font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--accent,var(--violet)); margin-bottom:10px; }
  .ch4-box p{ font-size:14.5px; line-height:1.85; color:var(--ink); margin:0 0 12px; }
  .copy-btn{ display:inline-flex; align-items:center; gap:6px; background:var(--accent,var(--violet)); color:#fff; border:none; padding:8px 14px; font-size:13px; font-weight:700; border-radius:8px; cursor:pointer; }
  .copy-btn.copied{ background:var(--sig); }

  .method-box{ background:#FFF8EB; border-left:4px solid var(--amber); border-radius:10px; padding:16px 18px; font-size:13.5px; line-height:1.75; color:var(--ink); margin-bottom:16px; }
  .method-box .m-label{ display:block; font-weight:700; margin-bottom:6px; color:#92400E; }

  .legend{ font-family:var(--mono); font-size:11.5px; color:var(--ink-faint); margin:-4px 0 16px; }

  .guide-section{ margin-bottom:34px; }
  .guide-section h2{ font-size:24px; margin-bottom:6px; }
  .guide-section .sub{ color:var(--ink-faint); font-size:13.5px; margin-bottom:16px; }
  .guide-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:16px; }
  .guide-card{ background:var(--surface); border-radius:16px; padding:18px 20px; box-shadow:var(--shadow); }
  .guide-card h4{ font-size:15px; margin-bottom:8px; display:flex; align-items:center; gap:8px; }
  .guide-card p, .guide-card li{ font-size:13.5px; line-height:1.7; color:var(--ink-soft); }
  code.inline{ background:var(--bg-soft); padding:2px 7px; border-radius:6px; font-family:var(--mono); font-size:12.5px; color:var(--ink); }
  pre.codeblock{ background:var(--ink); color:#E9E4FF; padding:14px 16px; border-radius:10px; font-family:var(--mono); font-size:13px; overflow-x:auto; }

  .glossary-item{ padding:16px 0; border-top:1px solid var(--line); }
  .glossary-item:first-child{ border-top:none; }
  .glossary-term{ font-family:var(--mono); font-weight:700; color:var(--accent,var(--violet)); font-size:14.5px; }
  .glossary-desc{ font-size:14px; line-height:1.7; margin-top:4px; }

  .ref-item{ padding:14px 0; border-top:1px solid var(--line); font-size:13.5px; line-height:1.7; }
  .ref-item:first-child{ border-top:none; }
  .ref-tag{ display:inline-block; font-family:var(--mono); font-size:10.5px; text-transform:uppercase; letter-spacing:.05em; background:var(--bg-soft); color:var(--ink-faint); padding:2px 8px; border-radius:6px; margin-right:8px; }

  .explain-cat{ margin-bottom:28px; }
  .explain-cat h3{ font-size:16px; color:var(--ink); margin-bottom:12px; display:flex; align-items:center; gap:8px; }
  details.explain{ background:var(--surface); border:1.5px solid var(--line); border-radius:14px; padding:0; margin-bottom:12px; box-shadow:var(--shadow); overflow:hidden; }
  details.explain summary{ cursor:pointer; list-style:none; padding:16px 20px; display:flex; align-items:center; justify-content:space-between; gap:10px; font-family:var(--sans); font-weight:700; font-size:14.5px; color:var(--ink); }
  details.explain summary::-webkit-details-marker{ display:none; }
  details.explain summary .ex-arrow{ color:var(--ink-faint); transition:transform .2s; flex-shrink:0; }
  details.explain[open] summary .ex-arrow{ transform:rotate(180deg); }
  details.explain summary .ex-tag{ font-family:var(--mono); font-size:10.5px; font-weight:600; text-transform:uppercase; letter-spacing:.05em; color:var(--accent,var(--violet)); background:color-mix(in srgb, var(--accent,var(--violet)) 12%, white); padding:3px 9px; border-radius:6px; margin-right:10px; white-space:nowrap; }
  details.explain .ex-body{ padding:2px 20px 20px; font-size:13.8px; line-height:1.85; color:var(--ink-soft); }
  details.explain .ex-body p{ margin:0 0 12px; }
  details.explain .ex-analogy{ background:var(--bg-soft); border-radius:10px; padding:12px 14px; margin:10px 0; font-size:13.3px; }
  details.explain .ex-analogy b{ color:var(--accent,var(--violet)); }
  details.explain .ex-formula{ background:var(--ink); color:#E9E4FF; padding:10px 14px; border-radius:8px; font-family:var(--mono); font-size:12.8px; margin:10px 0; overflow-x:auto; }
  details.explain .ex-when{ display:flex; align-items:flex-start; gap:8px; font-size:13px; color:var(--ink-faint); margin-top:10px; }

  .decision-flow{ display:flex; flex-direction:column; gap:10px; }
  .decision-opt{ background:var(--surface); border:1.5px solid var(--line); border-radius:14px; padding:16px 18px; cursor:pointer; text-align:left; font-family:var(--sans); font-size:14.5px; color:var(--ink); transition:all .15s; }
  .decision-opt:hover{ border-color:var(--violet); background:var(--bg-soft); }
  .decision-result{ margin-top:16px; padding:18px 20px; background:var(--sig-bg); border-radius:14px; font-size:14.5px; line-height:1.8; }
  .decision-result.dev{ background:var(--info-bg); }

  .advisor-banner{padding:16px 18px;border:1px solid #C7D2FE;border-radius:16px;background:linear-gradient(135deg,#EEF2FF,#F8FAFF);font-size:13.5px;line-height:1.8;color:var(--ink-soft);margin-bottom:16px}
  .advisor-banner b{color:#4338CA}
  .advisor-grid{display:grid;grid-template-columns:minmax(310px,.85fr) minmax(0,1.35fr);gap:16px;align-items:start}
  .advisor-controls{position:sticky;top:86px}
  .advisor-data-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .advisor-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
  .advisor-report{min-height:360px}
  .advisor-report .report-empty{min-height:320px}
  .advisor-diag-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}
  .advisor-diag{border:1px solid var(--line);border-radius:14px;background:#fff;padding:14px;overflow:hidden}
  .advisor-diag.primary{grid-column:1/-1;border:2px solid #8B5CF6;background:linear-gradient(135deg,#FBFAFF,#F7F5FF);box-shadow:0 4px 14px rgba(124,58,237,.07)}
  .advisor-diag h5{font-size:13px;margin:0 0 8px;color:var(--ink)}
  .advisor-diag.primary h5{font-size:15px;color:#5B21B6}
  .advisor-primary-tag{display:inline-block;margin:0 0 8px;padding:5px 9px;border-radius:999px;background:#EDE9FE;color:#5B21B6;font-size:11.5px;font-weight:900}
  .advisor-key-note{border:1px solid #C4B5FD;background:#F5F3FF;border-radius:14px;padding:11px 13px;margin:10px 0 12px;color:#4C1D95;font-size:12.7px;line-height:1.75}
  .advisor-census{border:1px solid #93C5FD;background:#EFF6FF;border-radius:14px;padding:12px 14px;margin:12px 0;color:#1E3A8A;font-size:12.8px;line-height:1.75}
  .advisor-smalln{border:1px solid #FCD34D;background:#FFFBEB;border-radius:14px;padding:12px 14px;margin:12px 0;color:#92400E;font-size:12.8px;line-height:1.75}
  .advisor-statline{font-family:var(--mono);font-size:11.5px;line-height:1.7;color:var(--ink-soft);background:var(--bg-soft);border-radius:9px;padding:8px 10px;margin-bottom:9px}
  .advisor-rec{border:1px solid #BBF7D0;background:#F0FDF4;border-radius:15px;padding:16px 18px;margin:14px 0;line-height:1.85}
  .advisor-rec.warn{border-color:#FED7AA;background:#FFF7ED}
  .advisor-rec h4{margin:0 0 7px;font-size:16px}
  .advisor-evidence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0}
  .advisor-evidence .ev{border:1px solid var(--line);border-radius:11px;padding:10px;background:#fff;font-size:12px;line-height:1.55}
  .bell-note{border:1px solid #C4B5FD;background:linear-gradient(135deg,#F5F3FF,#FCFAFF);border-radius:18px;padding:18px 20px;margin:14px 0 18px;box-shadow:0 4px 14px rgba(124,58,237,.06)}
  .bell-note .bell-grid{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:22px;align-items:center}
  .bell-note-wide{margin-top:14px}
  .bell-title{font-size:17px;font-weight:900;color:#5B21B6;margin-bottom:8px;line-height:1.4}
  .bell-lead{font-size:13px;line-height:1.8;color:var(--ink-soft);margin:0 0 10px}
  .bell-tip{border:1px solid #DDD6FE;background:rgba(255,255,255,.68);border-radius:14px;padding:10px 12px;font-size:12.7px;line-height:1.75;color:#4C1D95;margin:0 0 10px}
  .bell-points{margin:8px 0 0;padding-left:18px;color:var(--ink-soft);font-size:12.8px;line-height:1.78}
  .bell-points li+li{margin-top:4px}
  .population-box{border:1px solid #BAE6FD;background:linear-gradient(135deg,#F0F9FF,#F8FDFF);border-radius:15px;padding:14px 15px;margin:12px 0}
  .population-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .population-help{font-size:11.8px;line-height:1.65;color:var(--ink-soft);margin-top:7px}
  .population-pill{display:inline-block;padding:3px 8px;border-radius:999px;background:#E0F2FE;color:#075985;font-size:11px;font-weight:800;margin-right:5px}
  .advisor-source{font-size:11.5px;color:var(--ink-faint);line-height:1.65;border-top:1px dashed var(--line);padding-top:10px;margin-top:12px}
  @media(max-width:900px){.advisor-grid{grid-template-columns:1fr}.advisor-controls{position:static}}
  @media(max-width:680px){.advisor-data-grid,.advisor-diag-grid,.advisor-evidence,.population-grid{grid-template-columns:1fr}.bell-note .bell-grid{grid-template-columns:1fr}}


  .usage-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:16px 0 22px; }
  .usage-stat{ background:var(--surface); border:1px solid var(--line); border-radius:16px; padding:18px; box-shadow:var(--shadow-sm); }
  .usage-stat .k{ font-size:12px; color:var(--ink-faint); margin-bottom:6px; }
  .usage-stat .v{ font-size:24px; font-weight:900; color:var(--violet); }
  .usage-table-wrap{ overflow:auto; border:1px solid var(--line); border-radius:14px; }
  .usage-table{ width:100%; border-collapse:collapse; font-size:13px; background:#fff; }
  .usage-table th,.usage-table td{ padding:10px 12px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; }
  .usage-table th{ background:var(--bg-soft); color:var(--ink-soft); font-weight:800; position:sticky; top:0; }
  .usage-actions{ display:flex; gap:10px; flex-wrap:wrap; margin:14px 0; }
  .usage-note{ padding:14px 16px; border-radius:14px; background:var(--info-bg); color:var(--ink-soft); font-size:13px; line-height:1.75; }
  @media(max-width:820px){ .usage-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
  @media(max-width:520px){ .usage-grid{ grid-template-columns:1fr; } }

  /* ===== BILINGUAL ACADEMIC UI ===== */
  .language-switch{display:flex;align-items:center;gap:4px;margin-left:8px;padding:3px;background:#f4f0ff;border:1px solid var(--line);border-radius:999px;white-space:nowrap;}
  .language-switch button{border:0;background:transparent;color:var(--ink-soft);font:800 11.5px/1 var(--sans);padding:7px 10px;border-radius:999px;cursor:pointer;letter-spacing:.03em;}
  .language-switch button.active{background:var(--violet);color:#fff;box-shadow:0 4px 10px rgba(124,58,237,.22);}
  .language-switch .sep{font-size:10px;color:var(--ink-faint);}
  .lang-en-block{display:none;}
  html[data-lang="en"] .lang-th-block{display:none!important;}
  html[data-lang="en"] .lang-en-block{display:block!important;}
  html[data-lang="th"] .lang-en-block{display:none!important;}
  .academic-en{line-height:1.8;}
  .academic-en h3{margin-top:22px;}
  .academic-en ul{padding-left:22px;}
  .academic-en li{margin:6px 0;}
  @media(max-width:1180px){.language-switch{margin-left:auto}.topbar-inner{gap:6px}.top-nav{order:3;width:100%;}}
  @media(max-width:820px){.language-switch{position:absolute;right:70px;top:11px;z-index:6}.topbar-inner{position:relative}.top-nav{width:auto}}

  footer{ max-width:1100px; margin:0 auto; padding:0 24px 60px; color:var(--ink-faint); font-size:12.5px; font-family:var(--mono); line-height:1.85; }
  footer strong{ color:var(--ink-soft); }
  .version-tag{ display:inline-block; margin-top:10px; padding:3px 10px; background:var(--bg-soft); border-radius:6px; }

  @media print{ .topbar, nav.tabs, .card.input-card, footer, .meta-card, .hero{ display:none; } }

/* STAT LAB v6.0 — validation-ready academic & UX core */
  .top-nav button{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  .btn,.hamburger,nav.tabs button{min-height:44px}
  .analysis-shell{display:grid;grid-template-columns:245px minmax(0,1fr);gap:18px;align-items:start;max-width:1180px;margin:0 auto}
  .analysis-sidebar{display:flex!important;flex-direction:column!important;gap:7px!important;position:sticky!important;top:78px!important;overflow:visible!important;background:rgba(255,255,255,.86);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:var(--shadow-sm);z-index:10}
  .analysis-sidebar button{width:100%;justify-content:flex-start!important;text-align:left!important;border-radius:12px!important;padding:11px 12px!important;white-space:normal!important}
  .analysis-sidebar button[aria-selected="true"]{box-shadow:0 6px 16px rgba(124,58,237,.16)}
  .analysis-main{min-width:0}
  .analysis-process{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:0 0 14px;padding:9px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm)}
  .analysis-process>div{display:flex;align-items:center;gap:7px;padding:7px 9px;background:var(--bg-soft);border-radius:11px;color:var(--ink-soft);font-size:11px;min-width:0}
  .analysis-process span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:8px;background:#fff;color:var(--violet);font-family:var(--mono);font-weight:900;flex:0 0 auto}
  .analysis-process b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}
  .hub-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow-sm);min-height:190px}
  .hub-card.feature{background:linear-gradient(135deg,#FAF7FF,#F8FBFF);border-color:#D8CEFF}
  .hub-icon{font-size:27px;margin-bottom:8px}.hub-card h3{font-size:16px;margin-bottom:7px}.hub-card p{font-size:12.8px;line-height:1.75;min-height:64px;margin:0 0 12px}
  .learning-rule-card{background:#fff;border:1px solid #C7D2FE;border-radius:18px;padding:18px;margin:16px 0;box-shadow:var(--shadow-sm)}
  .learning-rule-card h3{font-size:17px;margin-bottom:10px}.learning-rule-card p{font-size:12.8px;line-height:1.8;margin:10px 0 0}
  .sigma-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.sigma-row span{background:#EEF2FF;border-radius:12px;padding:11px;text-align:center;color:#3730A3;font-family:var(--mono);font-size:12px}
  .validation-center{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;background:linear-gradient(135deg,#F0FDF4,#F8FBFF);border:1px solid #A7F3D0;border-radius:18px;padding:18px;margin:18px 0}
  .validation-center h3{font-size:17px;margin:4px 0 5px}.validation-center p{font-size:12.3px;line-height:1.75;margin:0}.validation-kicker{font-family:var(--mono);font-size:9.5px;font-weight:900;letter-spacing:.08em;color:#047857}
  .validation-result{grid-column:1/-1;border-top:1px dashed #A7F3D0;padding-top:10px;font-family:var(--mono);font-size:11.5px;line-height:1.7;color:#475569}
  .validation-result.pass{color:#047857;font-weight:800}.validation-result.fail{color:#B91C1C;font-weight:800}
  .mobile-bottom-nav{display:none}
  .advanced-note{font-size:11.5px;color:var(--ink-faint)}
  @media(max-width:980px){
    .analysis-shell{grid-template-columns:1fr}.analysis-sidebar{position:sticky!important;top:69px!important;flex-direction:row!important;overflow-x:auto!important;border-radius:14px;padding:7px}.analysis-sidebar button{width:auto!important;min-width:max-content;white-space:nowrap!important}.analysis-process{grid-template-columns:repeat(5,minmax(115px,1fr));overflow-x:auto}
  }
  @media(max-width:820px){
    body{padding-bottom:70px}.hub-grid{grid-template-columns:1fr}.sigma-row{grid-template-columns:1fr}.validation-center{grid-template-columns:1fr}.validation-center .btn{width:100%}
    .mobile-bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:90;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:6px max(6px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));box-shadow:0 -10px 30px rgba(76,29,149,.10)}
    .mobile-bottom-nav button{border:0;background:transparent;color:var(--ink-faint);border-radius:11px;padding:5px 2px;min-height:50px;font-family:var(--sans);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:10px;cursor:pointer}.mobile-bottom-nav button span{font-size:17px;line-height:1}.mobile-bottom-nav button b{font-size:9.5px}.mobile-bottom-nav button.active{background:var(--bg-soft);color:var(--violet)}
  }
  @media(max-width:520px){.analysis-process{display:flex}.analysis-process>div{min-width:120px}.hub-card{min-height:auto}.topbar-inner{padding-left:14px;padding-right:14px}}
  @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* ================================================================
   STAT LAB v6.0.1 — Typography & Legacy Navigation Hotfix
   Restores web buttons/details that were accidentally affected by
   Word-export-only CSS and increases on-screen readability.
   ================================================================ */
body{font-size:16px;line-height:1.65;}
.brand{font-size:17px;}
.brand-by{font-size:11px;}
.anan-hero-signature{font-size:13.5px;}
.top-nav button{font-size:15px;}
.badge{font-size:13px;}
.hero p{font-size:17px;line-height:1.75;}
.meta-field label{font-size:13px;letter-spacing:.055em;}
.meta-field input,.meta-field select{font-size:18px;line-height:1.45;}
.quick-step{min-height:92px;padding:14px;}
.quick-step-num{width:36px;height:36px;flex-basis:36px;font-size:14px;}
.quick-step b{font-size:15.5px;line-height:1.5;margin-bottom:5px;}
.quick-step span{font-size:14px;line-height:1.7;color:#6F6792;}
.analysis-sidebar button{font-size:15px!important;line-height:1.45!important;min-height:48px;}
.analysis-sidebar button .num{font-size:12px;}
.analysis-process>div,.analysis-process b{font-size:13.5px;}
.analysis-process span{font-size:13px;width:28px;height:28px;}
.card .hint{font-size:15px;line-height:1.75;color:#756D96;}
.field label{font-size:14.5px;line-height:1.5;}
.field input,.field select,.field textarea{font-size:16px;line-height:1.55;}
.horizontal-stat-title{font-size:16px;}
.horizontal-stat-sub{font-size:14px;line-height:1.7;}
.horizontal-stat-table thead th{font-size:13.5px;}
.horizontal-stat-table input[type="number"],.horizontal-stat-table input[type="text"]{font-size:15px;min-height:42px;}
.horizontal-stat-table input::placeholder{font-size:12px;}
.watermark-note,.toolbar-note,.advanced-note{font-size:13px!important;line-height:1.65;}
.sample-n-control label,.paor-view-control label{font-size:13px;}
.sample-n-control input,.paor-view-control select{font-size:14px!important;min-height:38px;}
.practice-data-note,.small-n-banner,.decision-rule-box,.table-mode-note{font-size:14px;line-height:1.75;}
.paste-entry-box summary{font-size:14px;}
.paste-grid .field textarea{font-size:14px;}
.paste-help{font-size:13px;}
.e1-simple-status .big{font-size:18px;}
.e1-simple-status .sub{font-size:13.5px;}
.e1-simple-status .tag{font-size:12.5px;}
.data-entry-table thead th{font-size:13.5px;}
.data-entry-table input[type="number"],.data-entry-table input[type="text"]{font-size:15px;min-height:40px;}
.paor-horizontal-title{font-size:17px;}
.paor-horizontal-sub{font-size:14px;}
.paor-matrix-table textarea{font-size:14.5px;line-height:1.7;}
.cycle-chip{font-size:12px;}
.btn{font-size:15px;line-height:1.4;}
.report,.report p,.interp,.note,.usage-note,.assump-check,.method-box,.ch4-box{font-size:15px;line-height:1.75;}
.glossary-desc,.guide-card p,.guide-section p,.academic-en p{font-size:15px;line-height:1.8;}
.guide-card h4{font-size:17px;}
.guide-section .sub{font-size:15px;line-height:1.75;}
.hub-card h3{font-size:18px;}
.hub-card p{font-size:15px;line-height:1.8;min-height:72px;}
.learning-rule-card h3,.validation-center h3{font-size:19px;}
.learning-rule-card p,.validation-center p{font-size:15px;line-height:1.8;}
.sigma-row span{font-size:14px;}
.validation-kicker{font-size:11px;}
.validation-result{font-size:13.5px;}
footer{font-size:13.5px;}
/* Ensure web controls are visible. Word-only hiding rules must never leak here. */
button{display:inline-flex;}
details{display:block;}
summary{display:list-item;}
@media(max-width:820px){
  body{font-size:16px;}
  .mobile-bottom-nav button{display:flex;font-size:11.5px;}
  .mobile-bottom-nav button b{font-size:10.5px;}
  .analysis-sidebar button{font-size:14px!important;}
  .quick-step b{font-size:15px;}.quick-step span{font-size:13.5px;}
}