body:has(.q8-shell){margin:0;background:#191b1a;color:#e9e7df;font-family:'Noto Sans Thai',system-ui,sans-serif;font-size:16px;line-height:1.7}.q8-shell{max-width:1120px;margin:auto;padding:26px 26px 60px}.q8-shell nav{display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid #474c47;padding:12px 0 22px}.q8-shell a,.q8-comparison a{color:#bddaab;text-underline-offset:4px}.q8-shell h1{font-size:clamp(29px,4vw,46px);line-height:1.3;margin:12px 0 20px}.q8-shell h2,.q8-comparison h2{font-size:25px;line-height:1.5}.q8-eyebrow{color:#b4b9af;margin-top:36px;letter-spacing:.08em;font-size:13px}.q8-lead{font-size:20px;max-width:850px}.q8-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:30px 0}.q8-summary>div{border-top:2px solid #9fbd8c;padding-top:14px}.q8-summary strong{display:block;font-size:32px}.q8-summary span{display:block;color:#c0c5bc;font-size:14px}.q8-shell>section{padding:18px 0 32px;border-top:1px solid #474c47}.q8-comparison{color:#e9e7df;background:#191b1a;padding:24px 0;line-height:1.7}.q8-comparison p{font-size:14px;color:#c0c5bc}.q8-comparison select,.q8-shell select{font:inherit;max-width:100%;background:#252925;color:#e9e7df;border:1px solid #71796d;border-radius:3px;min-height:44px;padding:6px 10px}.q8-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.q8-grid>section{min-width:0}.q8-grid h3{font-size:19px;line-height:1.5;margin-bottom:0}.q8-bar-row{margin:24px 0}.q8-bar-label{font-size:14px;font-weight:600;overflow-wrap:anywhere}.q8-bar-track{height:15px;background:#30372f;margin:10px 0 5px;border-left:1px solid #cad4c4}.q8-bar{height:100%;background:#a8ca95}.q8-bar.v100{background:#91b8cb}.q8-bar-value{font-size:19px;font-variant-numeric:tabular-nums}.q8-axis{font-size:12px;color:#b3bcae}.q8-comparison .q8-caveat{border-left:3px solid #c5a77a;padding-left:15px;color:#d5c9b5}.q8-shell details{border-top:1px solid #474c47;padding:6px 0}.q8-shell summary{cursor:pointer;min-height:44px;padding:10px 4px;box-sizing:border-box;font-weight:600;overflow-wrap:anywhere}.q8-shell details details{margin:0 10px}.q8-shell pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#232723;padding:14px;font-family:ui-monospace,monospace;font-size:13px;line-height:1.7;border-radius:3px;max-width:100%;box-sizing:border-box}.q8-chip{display:inline-block;font-size:12px;color:#ded6c7;border:1px solid #606659;border-radius:3px;padding:2px 7px;margin:4px}.q8-run-note{border-left:2px solid #c5a77a;padding:4px 12px}.q8-timing{font-variant-numeric:tabular-nums}.q8-shell :focus-visible,.q8-comparison :focus-visible{outline:3px solid #d5c68d;outline-offset:3px}.q8-shell footer{margin-top:30px;color:#b5baaf}.q8-shell [hidden]{display:none!important}@media(max-width:650px){.q8-shell{padding:18px 18px 40px}.q8-grid{grid-template-columns:1fr;gap:12px}.q8-summary{grid-template-columns:1fr 1fr;gap:18px}.q8-summary>div:last-child{grid-column:1/-1}.q8-summary strong{font-size:27px}.q8-shell nav{font-size:14px}.q8-shell details details{margin:0 3px}.q8-shell h2,.q8-comparison h2{font-size:22px}.q8-shell summary{font-size:15px}.q8-bar-label{font-size:13px}}