:root{--bg:#f6f7f9;--paper:#fff;--ink:#1a2233;--muted:#68738c;--line:#e2e6ee;--navy:#1f3864;--navy-soft:#e9eef7;--accent:#2e75b6;--link:#2e75b6;--ok:#2f7d4f;--ok-bg:#e6f4ea;--bad:#b3261e;--bad-bg:#fdeceb;--warn-bg:#fff7e0;--warn:#8a6100;--shadow:0 1px 2px #1018280d,0 6px 20px #1018280d;--google-btn-bg:#fff;--google-btn-border:#747775;--google-btn-text:#1f1f1f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#12151c;--paper:#191e28;--ink:#e7ecf4;--muted:#95a0b8;--line:#2a3140;--navy:#a8c2f0;--navy-soft:#202a3c;--accent:#7fb0e8;--link:#8ab8ee;--ok:#7ddba4;--ok-bg:#16301f;--bad:#ff9d95;--bad-bg:#331917;--warn-bg:#2e2712;--warn:#f0cd7a;--shadow:0 1px 2px #0006,0 8px 24px #0000004d;--google-btn-bg:#131314;--google-btn-border:#8e918f;--google-btn-text:#e3e3e3}}:root[data-theme=dark]{--bg:#12151c;--paper:#191e28;--ink:#e7ecf4;--muted:#95a0b8;--line:#2a3140;--navy:#a8c2f0;--navy-soft:#202a3c;--accent:#7fb0e8;--link:#8ab8ee;--ok:#7ddba4;--ok-bg:#16301f;--bad:#ff9d95;--bad-bg:#331917;--warn-bg:#2e2712;--warn:#f0cd7a;--shadow:0 1px 2px #0006,0 8px 24px #0000004d;--google-btn-bg:#131314;--google-btn-border:#8e918f;--google-btn-text:#e3e3e3}:root{--topbar-h:57px}*{box-sizing:border-box}html,body{overflow-x:hidden}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Noto Sans Thai Looped,IBM Plex Sans Thai,Sarabun,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.9}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-family:IBM Plex Sans Thai,inherit}code{font-family:IBM Plex Mono,monospace}.logo-img{display:block}.logo-img--dark,:root[data-theme=dark] .logo-img--light{display:none}:root[data-theme=dark] .logo-img--dark{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .logo-img--light{display:none}:root:not([data-theme=light]) .logo-img--dark{display:block}}.gate{text-align:center;max-width:380px;margin:12vh auto;padding:0 20px}.gate .logo-img{width:auto;height:56px;margin:0 auto 22px}.gate h1{color:var(--navy);margin:0 0 10px;font-family:IBM Plex Sans Thai;font-size:1.6rem;font-weight:700}.gate p{color:var(--muted);margin:0 0 26px;line-height:1.7}.btn{color:#fff;background:var(--navy);cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-family:inherit;font-size:.92rem;font-weight:600}.btn:hover{opacity:.9}.btn.ghost{color:var(--muted);border:1px solid var(--line);background:0 0}.btn.ghost.sm{padding:5px 12px;font-size:.82rem;font-weight:500}.google-btn{border:1px solid var(--google-btn-border);background:var(--google-btn-bg);width:100%;max-width:260px;height:40px;color:var(--google-btn-text);letter-spacing:.25px;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:12px;margin:0 auto;padding:0 12px;font-family:Roboto,system-ui,sans-serif;font-size:.875rem;font-weight:500;transition:box-shadow .15s;display:inline-flex}.google-btn:hover{box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.google-btn svg{flex:0 0 20px;width:20px;height:20px}.dev-signin{border-top:1px solid var(--line);flex-direction:column;gap:8px;margin-top:26px;padding-top:22px;display:flex}.dev-signin input{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:6px;padding:8px 10px;font-family:inherit;font-size:.9rem}.dev-signin button{color:var(--ink);background:var(--paper);border:1px solid var(--line);cursor:pointer;border-radius:6px;padding:8px 12px;font-family:inherit;font-size:.85rem;font-weight:600}.dev-signin button:hover{background:var(--navy-soft)}.layout{min-height:100vh}.topbar{background:var(--paper);border-bottom:1px solid var(--line);z-index:10;-webkit-backdrop-filter:blur(8px);background:color-mix(in srgb, var(--paper) 88%, transparent);align-items:center;gap:18px;padding:12px 20px;display:flex;position:sticky;top:0}.brand{color:var(--navy);flex:none;align-items:center;gap:8px;font-family:IBM Plex Sans Thai;font-size:1.1rem;font-weight:700;display:flex}.brand .logo-img{width:auto;height:28px}.brand b{color:var(--accent);font-weight:500}.theme-toggle{padding:6px 10px;font-size:1rem;line-height:1}.user{color:var(--muted);align-items:center;gap:10px;margin-left:auto;font-size:.86rem;display:flex}.lang-toggle{border:1px solid var(--line);border-radius:99px;align-items:center;font-size:.8rem;display:inline-flex;overflow:hidden}.lang-toggle__seg{cursor:pointer;color:var(--muted);background:0 0;border:none;padding:5px 12px;font-family:inherit;font-weight:500}.lang-toggle__seg:hover{color:var(--navy)}.lang-toggle__seg--active{background:var(--navy-soft);color:var(--navy);cursor:default;font-weight:600}.hamburger{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;border-radius:6px;padding:6px 10px;font-size:1.1rem;line-height:1;display:none}.body{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:34px;max-width:1200px;margin:0 auto;padding:0 20px;display:grid}.content{min-width:0;max-width:760px;padding:26px 0 60px}.sidebar{top:var(--topbar-h);height:calc(100vh - var(--topbar-h));overscroll-behavior:contain;scrollbar-width:thin;padding:26px 0 40px;font-size:.9rem;position:sticky;overflow-y:auto}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar h3{letter-spacing:.1em;color:var(--muted);text-transform:uppercase;margin:20px 0 6px;font-family:IBM Plex Sans Thai;font-size:.78rem;font-weight:600}.sidebar section:first-child h3{margin-top:0}.sidebar ul{margin:0;padding:0;list-style:none}.sidebar li{padding:2.5px 0}.sidebar a{color:var(--ink)}.home .hero{text-align:center;padding:72px 0 30px}.home .hero .hero-logo{width:auto;height:56px;margin:0 auto 16px}.home .hero h1{color:var(--navy);margin:0;font-size:2.3rem;font-weight:700}.home .hero .tagline{color:var(--muted);margin:6px 0 26px}.home h2{color:var(--navy);margin:30px 0 10px;font-size:1.22rem;font-weight:600}.domain-cards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:0 0 40px;display:grid}.card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);color:inherit;border-radius:12px;padding:18px;transition:transform .15s,box-shadow .15s,border-color .15s;display:block}.card:hover{border-color:var(--accent);box-shadow:var(--shadow), 0 4px 14px #0000001f;text-decoration:none;transform:translateY(-2px)}.card b{color:var(--navy);margin-bottom:2px;font-family:IBM Plex Sans Thai;display:block}.card .card-desc{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0 0 8px;font-size:.86rem;line-height:1.5;overflow:hidden}.card span{color:var(--muted);font-size:.82rem}.home-bottom{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:24px;margin-bottom:60px;display:grid}.recent-panel,.quiz-card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;padding:22px 26px}.recent-panel h2,.quiz-card h2{margin:0 0 12px}ul.recent{margin:0;padding:0;list-style:none}ul.recent li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:9px 0;display:flex}ul.recent li:last-child{border:none}.recent-main{flex-direction:column;gap:2px;min-width:0;display:flex}.recent-main a{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.recent-domain{font-size:.76rem}.quiz-card{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.quiz-card-title{color:var(--ink);margin:0;font-weight:600}.quiz-card .btn{margin-top:10px}.quiz-card-link{color:var(--muted);font-size:.86rem}.muted{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.84rem}.wikilink{border-bottom:1px dotted var(--accent)}.wikilink.broken{color:var(--bad);border-bottom:1px dotted var(--bad);cursor:help}p code,li code,td code{font-family:IBM Plex Mono,monospace;font-size:.9em}.content:has(.article-wrap){max-width:960px}.article-wrap{grid-template-columns:minmax(0,1fr) 200px;align-items:start;gap:34px;display:grid}.article-wrap>*{min-width:0}.article{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;min-width:0;margin:26px 0 60px;padding:36px 42px;position:relative;overflow:hidden}.article h1{color:var(--navy);margin:0 0 4px;font-size:1.9rem;font-weight:700;line-height:1.4}.article .summary{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 14px;font-size:1.02rem;display:-webkit-box;overflow:hidden}.meta-strip{color:var(--muted);border-bottom:1px solid var(--line);margin-bottom:20px;padding:10px 0 16px;font-size:.84rem}.article h2{color:var(--navy);border-bottom:none;margin:30px 0 10px;font-size:1.22rem;font-weight:600}.article>p{margin:0 0 13px}.badge{font-size:.82rem}.badge-plain{color:var(--muted);margin-bottom:8px;display:inline-block}.badge-inferred{background:var(--warn-bg);color:var(--warn);border-radius:99px;margin-bottom:8px;padding:2px 11px;font-weight:600;display:inline-block}.stamp{border:2.5px solid var(--ok);color:var(--ok);letter-spacing:.06em;opacity:.85;border-radius:8px;padding:4px 14px;font-family:IBM Plex Sans Thai;font-size:.9rem;font-weight:700;position:absolute;top:30px;right:34px;transform:rotate(-7deg)}.stamp small{letter-spacing:.12em;opacity:.8;font-size:.62rem;font-weight:500;display:block}.article-body{overflow-wrap:break-word}.article-body pre{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:14px 16px;font-family:IBM Plex Mono,monospace;font-size:.84rem;line-height:1.7;overflow-x:auto}.article-body code{font-family:IBM Plex Mono,monospace;font-size:.9em}.article-body blockquote{border-left:2px solid var(--line);color:var(--ink);margin:16px 0;padding:2px 0 2px 16px;font-size:.95rem}.article-body .table-scroll{-webkit-overflow-scrolling:touch;max-width:100%;margin:14px 0;overflow-x:auto}.article-body table{border-collapse:collapse;width:100%;margin:0;font-size:.9rem}.article-body th{text-align:left;color:var(--muted);border-bottom:2px solid var(--line);padding:8px 10px;font-size:.8rem;font-weight:600}.article-body td{border-bottom:1px solid var(--line);vertical-align:top;padding:9px 10px}.article-body .callout{background:var(--warn-bg);border-left:4px solid var(--warn);border-radius:8px;margin:16px 0;padding:13px 16px;font-size:.95rem}.article-body .code-list{margin:14px 0;padding:0;list-style:none}.article-body .code-list li{grid-template-columns:90px 1fr;gap:10px;padding:3px 0;display:grid}.article-body .code-list .code{color:var(--navy);margin-right:8px;font-family:IBM Plex Mono,monospace;font-size:.86em}.related{border-top:1px solid var(--line);margin-top:34px;padding-top:18px}.related h2{margin-top:0}.related ul{margin:0;padding-left:20px}.toc{top:var(--topbar-h);max-height:calc(100vh - var(--topbar-h));overscroll-behavior:contain;scrollbar-width:thin;align-self:start;padding:34px 0;font-size:.85rem;position:sticky;overflow-y:auto}.toc::-webkit-scrollbar{width:6px}.toc::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.toc::-webkit-scrollbar-track{background:0 0}.toc b{letter-spacing:.1em;color:var(--muted);text-transform:uppercase;margin-bottom:8px;font-family:IBM Plex Sans Thai;font-size:.76rem;font-weight:600;display:block}.toc ul{border-left:2px solid var(--line);margin:0;padding:0;list-style:none}.toc li{padding:0}.toc li a{color:var(--muted);padding:3px 0 3px 12px;display:block}.toc li.d3 a{padding-left:22px}.search-wrap{flex:1;max-width:420px;position:relative}.search-wrap--hero{flex:none;max-width:520px;margin:0 auto}.search{border:1px solid var(--line);color:var(--muted);background:var(--bg);cursor:text;border-radius:8px;align-items:center;gap:8px;padding:7px 12px;font-size:.9rem;display:flex}.search--hero{background:var(--paper);box-shadow:var(--shadow);padding:12px 18px;font-size:1rem}.search input{min-width:0;color:var(--ink);font-family:inherit;font-size:inherit;background:0 0;border:none;outline:none;flex:1}.search input::placeholder{color:var(--muted)}.search kbd{border:1px solid var(--line);color:var(--muted);border-radius:4px;padding:1px 5px;font-family:IBM Plex Mono,monospace;font-size:.72rem}.search-dropdown{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);z-index:100;border-radius:12px;flex-direction:column;max-height:70vh;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden}.search-dropdown ul{flex:1;margin:0;padding:8px 0;list-style:none;overflow-y:auto}.search-dropdown li{padding:0}.search-dropdown a{color:inherit;padding:10px 16px;transition:background .15s;display:block}.search-dropdown a:hover{background:var(--navy-soft);text-decoration:none}.search-dropdown b{margin-bottom:2px;font-weight:600;display:block}.search-dropdown span{font-size:.84rem}.search-dropdown .search-empty{padding:10px 16px}@media (width<=900px){.hamburger{justify-content:center;align-items:center;display:inline-flex}.topbar{flex-wrap:wrap}.search-wrap{flex:100%;order:5;max-width:none}.body{padding:0 16px;display:block}.sidebar{inset:var(--topbar-h) 0 0 auto;width:78vw;max-width:300px;height:calc(100vh - var(--topbar-h));background:var(--paper);border-right:1px solid var(--line);box-shadow:var(--shadow);z-index:9;padding:20px;transition:transform .2s;position:fixed;overflow-y:auto;transform:translate(100%)}.layout.nav-open .sidebar{transform:translate(0)}.content{max-width:none;padding:20px 0 48px}.content:has(.article-wrap){max-width:none}.article-wrap{display:block}.article{padding:24px 20px}.toc{display:none}.stamp{margin-bottom:10px;display:inline-block;position:static}}.chip{border:1px solid var(--line);color:var(--muted);border-radius:99px;padding:2px 11px;font-size:.8rem;display:inline-block}.quiz-list{max-width:680px;margin:0 auto;padding:30px 0 60px}.quiz-list h1{color:var(--navy);margin:0 0 4px;font-size:1.9rem;font-weight:700}.quiz-list .subtitle{color:var(--muted);margin:0 0 24px}.quiz-list .card{margin-bottom:16px}.quiz-card-v2>b{color:var(--navy);margin-bottom:4px;font-family:IBM Plex Sans Thai;font-size:1.3rem;display:block}.quiz-card-v2 .card-desc{color:var(--muted);white-space:normal;margin:0 0 10px;overflow:visible}.quiz-card-v2 .quiz-meta{white-space:normal;margin-bottom:12px;display:block}.section-chips{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.quiz-card-v2 .quiz-stats{white-space:normal;margin-bottom:14px;display:block}.quiz-best{color:var(--navy);font-weight:600}.quiz-cta-row{align-items:center;gap:16px;display:flex}.quiz-cta-row .quiet-link{color:var(--accent);font-size:.85rem}.quiz-list>p>a{font-size:.9rem}.quiz.card{max-width:680px;margin:30px auto 60px;padding:24px}.quiz .bar{background:var(--line);border-radius:99px;height:6px;margin:0 0 6px;overflow:hidden}.quiz .bar>i{background:var(--accent);width:0;height:100%;transition:width .28s;display:block}.quiz .meta{color:var(--muted);justify-content:space-between;gap:10px;margin-bottom:18px;font-size:.86rem;display:flex}.quiz .qtext{color:var(--ink);margin:14px 0 20px;font-size:1.16rem;font-weight:600;line-height:1.9}.quiz .opts{flex-direction:column;gap:10px;display:flex}.quiz .opt{background:var(--paper);border:1px solid var(--line);width:100%;color:var(--ink);text-align:left;cursor:pointer;border-radius:10px;align-items:flex-start;gap:12px;padding:15px 17px;font-family:inherit;font-size:1.02rem;line-height:1.85;display:flex}.quiz .opt:hover:not(:disabled){border-color:var(--accent)}.quiz .opt:disabled{cursor:default}.quiz .opt .k{background:var(--navy-soft);height:26px;color:var(--navy);border-radius:7px;flex:0 0 26px;place-items:center;margin-top:1px;font-size:.82rem;font-weight:700;display:grid}.quiz .opt[data-state=ok]{border-color:var(--ok);background:var(--ok-bg)}.quiz .opt[data-state=ok] .k{background:var(--ok);color:#fff}.quiz .opt[data-state=bad]{border-color:var(--bad);background:var(--bad-bg)}.quiz .opt[data-state=bad] .k{background:var(--bad);color:#fff}.quiz .exp{background:var(--warn-bg);border-left:4px solid var(--warn);color:var(--ink);border-radius:10px;margin-top:18px;padding:16px 18px;font-size:1rem;line-height:1.9}.quiz .exp b{margin-bottom:2px;display:block}.quiz .foot{justify-content:flex-end;margin-top:22px;display:flex}.quiz .score{color:var(--navy);font-size:3.2rem;font-weight:700;line-height:1.15}.quiz .score small{color:var(--muted);margin-left:12px;font-size:1rem;font-weight:400}.quiz .rev{border:1px solid var(--line);border-radius:10px;margin-bottom:12px;padding:15px 16px}.quiz .rev .q{color:var(--ink);margin-bottom:8px;font-weight:500}.quiz .rev .a{margin:3px 0;font-size:.94rem}.quiz .rev .a.bad{color:var(--bad)}.quiz .rev .a.ok{color:var(--ok)}.history,.admin-results{max-width:820px;margin:0 auto;padding:30px 0 60px}.history h1,.admin-results h1{color:var(--navy);margin:0 0 20px;font-size:1.9rem;font-weight:700}.admin-results h2{color:var(--navy);margin:32px 0 14px;font-size:1.3rem;font-weight:700}.history table,.admin-results table{border-collapse:collapse;width:100%;margin-bottom:10px}.history th,.history td,.admin-results th,.admin-results td{border-bottom:1px solid var(--line);text-align:left;padding:10px 12px;font-size:.95rem}.history th,.admin-results th{color:var(--muted);font-weight:600}.admin-results .qtext-trunc{text-overflow:ellipsis;white-space:nowrap;max-width:360px;overflow:hidden}