/* Teephak STEP 16 — FAQ and contact pages only. Does not override approved global header. */
.tph16{--tp16-deep:#0a4f49;--tp16-green:#087769;--tp16-orange:#ed6818;--tp16-ink:#1f3741;--tp16-muted:#58717c;--tp16-border:#dce9e5;color:var(--tp16-ink);background:#f4f8f7;font:500 16px/1.7 'Noto Sans Thai',Tahoma,Arial,sans-serif}
.tph16 *{box-sizing:border-box}.tph16 a{text-decoration:none}.tph16 button,.tph16 input,.tph16 select,.tph16 textarea{font:inherit}.tph16 button{cursor:pointer}.tph16 button:focus-visible,.tph16 a:focus-visible,.tph16 input:focus-visible,.tph16 select:focus-visible,.tph16 textarea:focus-visible,.tph16 summary:focus-visible{outline:3px solid #f8a04f;outline-offset:3px}.tph16 [hidden]{display:none!important}.tph16 .container{width:min(1200px,calc(100% - 36px));max-width:1200px;margin-inline:auto}.tph16 h1,.tph16 h2,.tph16 h3,.tph16 p{font:inherit;margin:0}.tph16 h2{color:#123c43;font-weight:900}
.tph16-hero{position:relative;isolation:isolate;min-height:285px;color:#fff;background:linear-gradient(95deg,rgba(2,45,49,.95),rgba(7,82,74,.85) 58%,rgba(6,75,68,.5)),url('../images/tph-step14/hero.webp') center 46%/cover no-repeat;padding:52px 0 48px}
.tph16-hero-inner{position:relative;z-index:1}.tph16-kicker{display:block;color:#ffbd61;letter-spacing:.08em;font-size:12px;font-weight:900;margin-bottom:9px}.tph16-hero h1{font-size:clamp(28px,3.9vw,48px);font-weight:900;line-height:1.23;color:#fff;margin-bottom:13px;max-width:850px;text-shadow:none}.tph16-hero p{font-size:clamp(15px,1.4vw,17px);color:#f3fffc;max-width:800px;line-height:1.8}.tph16-content{padding:28px 0 65px;background:#f4f8f7}.tph16-panel{background:#fff;border:1px solid var(--tp16-border);border-radius:17px;padding:21px;box-shadow:none!important}.tph16-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
/* FAQ */
.tph16-faq-search{display:flex;align-items:center;gap:12px;background:#fff;padding:7px;border-radius:13px;margin-top:23px;width:min(690px,100%);min-height:58px;border:1px solid #e9f1ef}.tph16-faq-search>span{font-size:28px;color:#506575;margin-left:13px}.tph16-faq-search input{min-width:0;flex:1;border:0;background:transparent;color:#223b42;font-size:15px;outline:0;padding:9px 1px}.tph16-faq-search input::placeholder{color:#71848b;opacity:1}.tph16-faq-search button{background:var(--tp16-orange);color:#fff!important;padding:11px 21px;border:0;border-radius:10px;font-weight:900;white-space:nowrap;min-height:43px}.tph16-faq-layout{display:grid;grid-template-columns:250px minmax(0,1fr) 228px;gap:18px;align-items:start}.tph16-faq-cats{position:sticky;top:92px}.tph16-faq-cats h2,.tph16-faq-promos h2{font-size:17px;margin-bottom:12px}.tph16-faq-cats nav{display:grid;gap:7px}.tph16-faq-cats nav a{display:flex;align-items:center;justify-content:space-between;gap:9px;border:1px solid #ebf1ef;border-radius:10px;padding:10px 11px;font-size:14px;font-weight:800;color:#35515a;background:#f9fbfa}.tph16-faq-cats nav a b{font-size:13px}.tph16-faq-cats nav a.selected,.tph16-faq-cats nav a:hover{background:#e5f5ee;border-color:#bce1d4;color:#086955}.tph16-side-owner{display:flex;align-items:center;justify-content:space-between;color:#bd4b06!important;font-weight:900;font-size:14px;margin-top:16px;padding:12px 8px;border-top:1px solid #e1ebe7}.tph16-list-heading{display:flex;justify-content:space-between;gap:9px;align-items:center;margin:2px 0 15px}.tph16-list-heading h2{font-size:21px}.tph16-counter{border:1px solid #d3e6df;background:#e8f6f1;color:#086251;font-size:12px;font-weight:900;padding:5px 11px;border-radius:99px;white-space:nowrap}.tph16-faq-items{display:grid;gap:11px}.tph16-faq-item{border:1px solid var(--tp16-border);background:#fff;border-radius:14px;overflow:hidden;box-shadow:none}.tph16-faq-item[hidden]{display:none}.tph16-faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:16px 17px;color:#143b45;font-weight:900;font-size:15px}.tph16-faq-item summary::-webkit-details-marker{display:none}.tph16-faq-num{display:inline-flex;justify-content:center;align-items:center;width:34px;height:34px;flex:0 0 34px;background:#dff3ec;border-radius:99px;color:#0c695b;font-size:13px}.tph16-faq-question{flex:1;min-width:0;line-height:1.55}.tph16-faq-chevron{font-size:25px;font-weight:600;color:#10836f;line-height:1;transition:transform .15s}.tph16-faq-item[open] .tph16-faq-chevron{transform:rotate(45deg)}.tph16-faq-item[open] summary{border-bottom:1px solid #ecf2ef}.tph16-faq-answer{padding:15px 20px 20px 65px;font-size:15px;line-height:1.9;color:#35535d;overflow-wrap:anywhere}.tph16-tag{display:inline-block;background:#e9f7f2;color:#076e5d;border-radius:99px;padding:2px 11px;font-weight:800;font-size:12px;margin-bottom:8px}.tph16-faq-answer p{color:#35535d;white-space:normal}.tph16-state h3{font-weight:900;margin-bottom:6px}.tph16-state p{color:#526f79}.tph16-state a{color:var(--tp16-green);font-weight:900}.tph16-faq-cta{margin-top:23px;background:#e6f3ed;border:1px solid #cfe4da;border-radius:15px;padding:21px;display:flex;align-items:center;justify-content:space-between;gap:16px}.tph16-faq-cta h2{font-size:18px;margin:0 0 4px}.tph16-faq-cta p{font-size:14px;color:#355b5c;line-height:1.65}.tph16-faq-cta>a,.tph16-promo a{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:var(--tp16-orange);color:#fff!important;border-radius:10px;padding:10px 15px;font-size:14px;font-weight:900;white-space:nowrap;text-decoration:none}.tph16-faq-promos{display:grid;gap:13px}.tph16-promo{border-radius:15px;padding:20px;min-width:0}.tph16-promo h2{font-size:18px;font-weight:900;line-height:1.45}.tph16-promo p{font-size:14px;line-height:1.75;margin:10px 0 16px;color:#465f65}.tph16-promo-orange{background:#fff1e6;border:1px solid #fad9be}.tph16-promo-orange h2{color:#a74812}.tph16-promo-orange p{color:#604836}.tph16-green-link{background:#087769!important}
/* Contact */
.tph16-contact-hero{min-height:238px}.tph16-contact-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(285px,.85fr);gap:22px;align-items:start}.tph16-contact-form{padding:25px 28px}.tph16-contact-form>h2{font-size:24px;margin-bottom:6px}.tph16-muted{font-size:14px;color:var(--tp16-muted)!important}.tph16-form fieldset{border:0;padding:22px 0 20px;margin:0;min-inline-size:0;border-bottom:1px solid #e6eeeb}.tph16-form fieldset:last-of-type{border-bottom:0}.tph16-form legend{font-size:17px;font-weight:900;color:#134b4a;padding:0;margin-bottom:11px}.tph16-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.tph16-field{min-width:0;display:flex;flex-direction:column;gap:5px}.tph16-wide{grid-column:1/-1}.tph16-field label{color:#24424a;font-size:14px;font-weight:800}.tph16-field label b{color:#c75715}.tph16-field :is(input,select,textarea){width:100%;min-width:0;border:1px solid #cddfd9;border-radius:10px;padding:11px 12px;background:#fbfdfc;color:#24424a!important;font-size:15px;box-shadow:none!important}.tph16-field :is(input,select){min-height:46px}.tph16-field textarea{min-height:126px;resize:vertical}.tph16-field :is(input,textarea)::placeholder{color:#859198}.tph16-contact-actions{display:flex;flex-wrap:wrap;gap:11px;align-items:center;margin-top:9px}.tph16-contact-actions button{background:var(--tp16-orange);color:#fff!important;border:0;padding:12px 21px;border-radius:11px;font-weight:900;min-height:49px}.tph16-contact-actions a{padding:11px 20px;background:#067e57;color:#fff!important;font-weight:900;border-radius:11px;min-height:49px}.tph16-alert{border:1px solid;border-radius:10px;padding:12px 15px;margin-top:15px;font-size:14px;font-weight:800}.tph16-alert-ok{background:#e9f7ed;border-color:#b7e1c1;color:#126638}.tph16-alert-error{background:#fff1ec;border-color:#f2c1b2;color:#9b361b}.tph16-contact-aside{display:grid;gap:15px}.tph16-contact-channels h2{font-size:19px;margin-bottom:15px}.tph16-channel{display:flex;gap:11px;align-items:flex-start;padding:13px 0;border-top:1px solid #e7efec}.tph16-channel>span{display:grid;place-items:center;flex:0 0 41px;width:41px;height:41px;border-radius:11px;background:#e1f4eb;color:#08785d;font-size:19px;font-weight:900}.tph16-channel b{color:#1f414b;font-size:14px}.tph16-channel p{margin:2px 0 0;color:#526c73;overflow-wrap:anywhere;font-size:14px}.tph16-channel a{color:#087664;font-weight:900}.tph16-contact-steps{background:#e6f3ed;border:1px solid #d1e8d9;border-radius:15px;padding:21px}.tph16-contact-steps h2{font-size:19px;margin-bottom:13px}.tph16-contact-steps>div{display:flex;align-items:flex-start;gap:11px;margin:13px 0;font-size:14px;line-height:1.6;color:#355755}.tph16-contact-steps>div b{background:#08786a;color:#fff;flex:0 0 27px;width:27px;height:27px;border-radius:99px;display:grid;place-items:center}
@media(max-width:1130px){.tph16-faq-layout{grid-template-columns:225px minmax(0,1fr)}.tph16-faq-promos{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.tph16-hero{padding:42px 0;min-height:245px}.tph16-content{padding-top:17px}.tph16-faq-layout,.tph16-contact-layout{grid-template-columns:1fr;gap:14px}.tph16-faq-cats{position:static;order:0}.tph16-faq-main{order:1}.tph16-faq-promos{order:2}.tph16-faq-cats nav{display:flex;overflow-x:auto;gap:7px;scrollbar-width:thin}.tph16-faq-cats nav a{flex:0 0 auto;white-space:nowrap}.tph16-faq-cats{padding:15px}.tph16-faq-promos{grid-column:auto;grid-template-columns:1fr}.tph16-contact-aside{grid-row:auto}.tph16-contact-form{padding:20px 17px}.tph16-faq-cta{flex-direction:column;align-items:stretch}.tph16-faq-cta>a{width:100%}.tph16-contact-layout .tph16-panel{width:100%}}@media(max-width:480px){.tph16 .container{width:calc(100% - 24px)}.tph16-hero h1{font-size:29px}.tph16-faq-search{gap:6px;flex-wrap:wrap;padding:7px}.tph16-faq-search>span{margin-left:6px}.tph16-faq-search input{font-size:14px}.tph16-faq-search button{width:100%}.tph16-faq-item summary{padding:13px 12px;gap:9px}.tph16-faq-answer{padding:13px}.tph16-fields{grid-template-columns:1fr}.tph16-contact-form{padding:17px 14px}.tph16-contact-actions>*{flex:1 1 135px;text-align:center}}

/* STEP 16B: mobile-only containment. The approved Teephak public header is untouched. */
@media (max-width: 767.98px) {
  .tph16-faq {width:100%;max-width:100%;overflow-x:clip;}
  .tph16-faq .container {box-sizing:border-box;width:calc(100% - 24px);max-width:100%;margin-inline:auto;}
  .tph16-faq .tph16-faq-layout {display:grid;grid-template-columns:minmax(0,1fr)!important;gap:14px;min-width:0;max-width:100%;}
  .tph16-faq .tph16-faq-layout > *,
  .tph16-faq .tph16-faq-main,
  .tph16-faq .tph16-faq-items,
  .tph16-faq .tph16-faq-item,
  .tph16-faq .tph16-faq-answer,
  .tph16-faq .tph16-faq-cta,
  .tph16-faq .tph16-faq-promos,
  .tph16-faq .tph16-promo {box-sizing:border-box;min-width:0;max-width:100%;width:100%;}
  .tph16-faq .tph16-faq-cats {position:static;}
  .tph16-faq .tph16-faq-cats nav {display:flex;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;padding-bottom:4px;}
  .tph16-faq .tph16-faq-cats nav a {flex:0 0 auto;}
  .tph16-faq .tph16-faq-item {overflow:hidden;}
  .tph16-faq .tph16-faq-item summary {display:grid;grid-template-columns:34px minmax(0,1fr) 20px;align-items:center;gap:9px;padding:14px 12px;min-width:0;white-space:normal!important;}
  .tph16-faq .tph16-faq-question {min-width:0;width:auto;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word;line-height:1.6;}
  .tph16-faq .tph16-faq-answer {padding:14px 14px 18px;overflow:visible!important;}
  .tph16-faq .tph16-faq-answer p {display:block;width:100%;max-width:100%;min-width:0;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;line-height:1.85;font-size:15px;}
  .tph16-faq .tph16-faq-cta {display:flex;flex-direction:column;align-items:stretch;gap:13px;padding:17px 15px;}
  .tph16-faq .tph16-faq-cta h2,
  .tph16-faq .tph16-faq-cta p,
  .tph16-faq .tph16-promo h2,
  .tph16-faq .tph16-promo p {min-width:0;max-width:100%;overflow-wrap:anywhere;white-space:normal!important;}
  .tph16-faq .tph16-faq-cta>a {display:flex;min-height:48px;width:100%;white-space:normal;text-align:center;}
  .tph16-faq .tph16-faq-promos {grid-column:auto;display:grid;grid-template-columns:minmax(0,1fr)!important;gap:12px;}
  .tph16-faq .tph16-promo {padding:17px 15px;}
  .tph16-faq .tph16-promo a {min-height:44px;max-width:100%;}
  .tph16-faq .tph16-content {padding-bottom:calc(114px + env(safe-area-inset-bottom, 0px));}
}
@media (max-width: 359.98px) {
  .tph16-faq .tph16-faq-item summary {grid-template-columns:30px minmax(0,1fr) 18px;gap:7px;padding:12px 9px;}
  .tph16-faq .tph16-faq-num {width:30px;height:30px;flex-basis:30px;}
  .tph16-faq .tph16-list-heading {flex-wrap:wrap;}
  .tph16-faq .tph16-faq-cta {padding:15px 12px;}
}