html{font-family:Inter,"Noto Sans Thai",ui-sans-serif,system-ui,sans-serif}
.header-actions{display:flex;align-items:center;gap:12px}
.header-actions a{color:#263648;text-decoration:none;font-size:14px;font-weight:650;white-space:nowrap}
.header-actions .language-link{border:1px solid #c9d2dc;border-radius:999px;padding:9px 15px;min-width:70px;text-align:center}
.header-actions .menu-link:hover,.header-actions .language-link:hover{color:#ba542c}
.menu-main{padding-bottom:12px}
.menu-heading{align-items:center}
.menu-section-title{font-size:18px;margin:0 0 16px;line-height:1.4}
.tool-card{display:flex;align-items:center;gap:20px;background:#101b29;color:#fff;text-decoration:none;border-radius:18px;padding:26px;box-shadow:0 12px 26px #1b293017}
.tool-card:hover,.tool-card:focus-visible{background:#182a3e}
.tool-mark{width:68px;height:68px;border:1px solid #607086;border-radius:15px;display:grid;place-items:center;flex:none;color:#ff956b;font-size:50px;font-weight:300;line-height:1}
.tool-body{display:flex;flex-direction:column;gap:8px;min-width:0}
.tool-body strong{font-size:23px;line-height:1.4}
.tool-body>span{font-size:16px;line-height:1.6;color:#d5dfeb}
.tool-body small{font-size:13px;color:#a3b6c9}
.tool-arrow{margin-left:auto;font-size:24px;color:#ff956b;align-self:flex-start}
.ideas{margin-top:42px}
.ideas-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px}
.ideas-head>span{font-size:13px;color:#647284}
.idea-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.idea-card{background:#fff;border:1px solid #d7dfe7;border-radius:14px;padding:19px 21px;min-height:157px}
.idea-number{font:12px ui-monospace,Consolas,monospace;color:#ba592e}
.idea-card h3{font-size:17px;line-height:1.45;margin:10px 0 7px}
.idea-card p{font-size:14px;line-height:1.65;color:#536374;margin:0}
.setup p,.instructions p{font-size:15px}
.result-key{font-size:14px}
.instrument-foot{font-size:11px;letter-spacing:0;flex-wrap:wrap}
.measurement-meta{font-size:13px}
@media(max-width:740px){
  .header-actions{gap:8px}
  .header-actions .menu-link{max-width:110px;white-space:normal;line-height:1.25}
  .header-actions .language-link{padding:8px 10px;min-width:60px}
  .menu-heading{padding-bottom:24px}
  .tool-card{padding:20px;gap:15px;align-items:flex-start}
  .tool-mark{width:52px;height:52px;font-size:40px}
  .tool-body strong{font-size:19px}
  .tool-body>span{font-size:15px}
  .tool-arrow{font-size:20px}
  .idea-grid{grid-template-columns:1fr}
  .idea-card{min-height:0}
}
@media(max-width:390px){.brand-sub{max-width:120px;line-height:1.25}.tool-mark{width:44px;height:44px;font-size:34px}.tool-card{gap:10px}.tool-body strong{font-size:17px}}

.brand-logo{display:block;width:108px;height:auto;flex:none}.brand{gap:18px}header{gap:20px}@media(max-width:740px){header{flex-wrap:wrap;gap:16px}.brand-logo{width:88px}.brand{gap:14px}.header-actions{margin-left:auto}.brand-sub{letter-spacing:.04em}}