:root{--ink:#102630;--muted:#5c6e75;--paper:#f3f0e8;--card:#fbfaf6;--line:#c7d0d1;--teal:#087b77;--orange:#e57843;--navy:#061a27}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Noto Sans Thai","Segoe UI",sans-serif;line-height:1.72}a{color:inherit;text-decoration:none}.top{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;padding:13px 6vw;color:#d9e7e8;background:#071b28}.hero{padding:92px 6vw 78px;color:white;background:radial-gradient(circle at 80% 18%,rgba(8,123,119,.34),transparent 30%),#071b28}.wrap{width:min(1180px,88vw);margin:auto}.hero-grid,.head{display:grid;grid-template-columns:1.12fr .72fr;gap:68px;align-items:end}.eyebrow{margin:0 0 12px;color:#168b86;font:800 11px ui-monospace,monospace;letter-spacing:.13em}.hero .eyebrow{color:#68ddd5}h1{margin:0;font:700 clamp(48px,7vw,82px)/1.03 Georgia,serif;letter-spacing:-.05em}.lead{color:#c3d2d5;font-size:19px}.hero aside{padding:23px;border-left:1px solid #527b83;color:#bfd0d3}.hero aside strong{display:block;color:white;font-size:21px}.thesis{display:grid;grid-template-columns:1fr 70px 1fr;background:#e4ebe8}.thesis>div{padding:30px 6vw}.thesis i{align-self:center;text-align:center;color:var(--teal);font-size:30px}.thesis b,.thesis span{display:block}.thesis span{color:var(--muted)}.section{padding:88px 0}.section.alt{background:#e6ebe8}.head{margin-bottom:38px}.head h2{margin:0;font:700 clamp(34px,4vw,52px)/1.15 Georgia,serif}.head>p{margin:0;color:var(--muted)}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.case{padding:25px;background:var(--card);border:1px solid var(--line);border-top:4px solid var(--orange)}.case p{color:var(--muted);font-size:14px}.work{display:grid;grid-template-columns:1fr 1fr;gap:24px}.work article{padding:28px;border:1px solid var(--line);background:var(--card)}.work h3{font:700 29px Georgia,serif}.cost,.sql{padding:22px;color:#d7efec;background:var(--navy);font:14px/1.7 ui-monospace,monospace}.lab{display:grid;grid-template-columns:.75fr 1.25fr;gap:30px;padding:32px;background:var(--card);border:1px solid var(--line)}.controls label{display:block;margin-bottom:20px;font-weight:700}.controls input{width:100%}.controls output{float:right;color:var(--teal)}.result{display:grid;grid-template-columns:1fr 1fr;gap:12px}.result div{padding:18px;background:#e7efec}.result b,.result span{display:block}.result b{font-size:29px}.verdict{grid-column:1/-1;background:#0d3c45!important;color:white}.sql-tabs{display:flex;gap:8px;flex-wrap:wrap}.sql-tabs button{padding:11px 15px;border:1px solid #9cacb0;background:transparent;cursor:pointer;font-weight:800}.sql-tabs button.active{color:white;background:var(--teal)}.sql{display:none;margin-top:18px;overflow:auto;white-space:pre-wrap}.sql.active{display:block}.decision{width:100%;border-collapse:collapse;background:var(--card)}.decision th,.decision td{padding:15px;border:1px solid var(--line);text-align:left;vertical-align:top}.decision th{color:white;background:#0c3942}.warning{margin-top:22px;padding:24px;border-left:5px solid var(--orange);background:#f4e4d9}.steps{display:grid;grid-template-columns:repeat(5,1fr)}.steps div{padding:20px;border:1px solid var(--line);background:var(--card)}.steps b,.steps span{display:block}.steps b{color:var(--teal)}footer{display:flex;justify-content:space-between;padding:36px 6vw;color:#bccbce;background:var(--navy)}@media(max-width:850px){.hero-grid,.head,.lab{grid-template-columns:1fr}.case-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.work{grid-template-columns:1fr}}@media(max-width:580px){.case-grid,.steps,.result,.thesis{grid-template-columns:1fr}.thesis i{transform:rotate(90deg)}.wrap{width:92vw}footer{flex-direction:column}}