/* ใช้ทุกหน้า: ส่วนที่ไม่มีในแคนวาส (เมนูมือถือ, สถานะเปิด/ปิด, เนื้อหาบทความเดิม) */
[hidden]{display:none!important}
body{margin:0}
.hs a:focus-visible,.hs button:focus-visible{outline:2px solid #FC4013;outline-offset:3px}

/* เมนูมือถือ */
.hs-menu{position:fixed;inset:0;z-index:100;background:rgba(20,13,10,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-family:'Anuphan','Noto Sans Thai',sans-serif}
.hs-menu-in{position:absolute;left:12px;right:12px;top:12px;background:#FFFFFF;border-radius:28px;padding:20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 30px 60px rgba(0,0,0,.25)}
.hs-menu-x{align-self:flex-end;width:44px;height:44px;border-radius:50%;border:1px solid #E7E6E6;background:#FFFFFF;color:#1F1E1D;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.hs-menu nav{display:flex;flex-direction:column}
.hs-menu nav a{display:flex;align-items:center;min-height:52px;padding:0 8px;border-bottom:1px solid #F0EFEE;color:#1F1E1D;text-decoration:none;font-size:18px;font-weight:500}
.hs-menu nav a.on{color:#C4180A}
.hs-menu .btn{display:flex;justify-content:center;min-height:52px;border-radius:999px;background:#FC4013;color:#FFFFFF;font-weight:600;text-decoration:none;align-items:center;margin-top:8px}
.hs-menu-tel{text-align:center;color:#524E4C;font-size:15px;padding:6px 0}

/* คำถามที่พบบ่อย: ซ่อนคำตอบของข้อที่ยังไม่เปิด */
.faq-i:not(.on) .faq-a{display:none}

/* เนื้อหาบทความที่ย้ายมาจาก WordPress */
.prose img{max-width:100%;height:auto;border-radius:16px;display:block;margin:18px auto}
.prose a img{display:block}
.prose h2{margin:44px 0 16px}
.prose h3{margin:32px 0 12px;font-size:22px;font-weight:600;line-height:1.4;color:#1F1E1D}
.prose h4,.prose h5,.prose h6{margin:24px 0 10px;font-size:19px;font-weight:600;color:#1F1E1D}
.prose ul,.prose ol{margin:0 0 22px;padding-left:24px}
.prose li{margin:6px 0}
.prose table{width:100%;border-collapse:collapse;margin:0 0 24px;font-size:15px;display:block;overflow-x:auto}
.prose th,.prose td{border:1px solid #E7E6E6;padding:10px 12px;text-align:left;vertical-align:top}
.prose th{background:#F6F5F5}
.prose blockquote{margin:0 0 22px;padding:16px 20px;border-radius:16px;background:#FFF6F1}
.prose iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:16px}
.prose a{color:#C4180A}
.ar-tags span{border-radius:999px;padding:6px 14px;border:1px solid #E7E6E6;font-size:14px;color:#524E4C}
.hs-copied{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#1F1E1D;color:#FFFFFF;border-radius:999px;padding:10px 18px;font-size:14px;z-index:120;font-family:'Anuphan',sans-serif}
.gc li a.soon{color:#716C69;cursor:default}
.gc li a.soon small{flex:none;font-size:12px;border-radius:999px;padding:2px 10px;background:#F6F5F5;color:#716C69}
.gc li a.soon:hover{color:#716C69}
/* หน้าไม่พบ */
.nf{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:140px 16px 80px;gap:12px}
.nf b{font-size:96px;font-weight:500;line-height:1;color:#FC4013;letter-spacing:-0.03em}
.nf h1{margin:0;font-size:32px;font-weight:500}
.nf p{margin:0;color:#524E4C}
.nf .btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:12px}
@media (max-width:420px){.sfacts{grid-template-columns:minmax(0,1fr)!important}}
/* รีวิวจากระบบ: ป้าย "เรียนจริง" + จุดเด่นที่ผู้ปกครองเลือก */
.rc .top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.rc .rver{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:3px 10px;background:#EAF7EF;color:#1E7A45;font-size:12px;font-weight:600;white-space:nowrap}
.rtags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.rtags li{border-radius:999px;padding:4px 10px;background:#FFF3ED;color:#9C1510;font-size:13px;line-height:1.4}
@media (max-width:560px){.rlanes .rc .rver,.rlanes .rc .rav{display:none}.rlanes .rtags li{font-size:12px;padding:3px 8px}.rlanes .rc .rstars{font-size:15px}}

/* เช็กถูกมาตรฐาน (แบบเดียวกับหน้าแรก): วงกลมเล็ก + ไอคอนเส้น */
.ck{flex:none;width:22px;height:22px;border-radius:50%;background:#FFF3ED;color:#C4180A;display:inline-flex;align-items:center;justify-content:center;font-style:normal;vertical-align:middle}
.ck svg{display:block}
.ck.ck-sm{width:18px;height:18px;margin-left:2px}
.sfree .ck,.tp-chk .ck{background:rgba(252,64,19,.22);color:#FF8A5F}
.sfree li{display:flex;align-items:center;gap:10px}
.sj-facts i{width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.22);color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;flex:none}
.tp-chk li{align-items:center}
/* ช่องเลือก (dropdown) มาตรฐานเดียวทั้งเว็บ: ลูกศรของเราเอง ห่างขอบขวา 16px (ลูกศรของเบราว์เซอร์ชิดขอบ) */
.hs select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23524E4C' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px 16px;padding-right:44px;cursor:pointer}
.hs select::-ms-expand{display:none}

/* ===== ทางเข้าระบบวางแผน (แคนวาส บอร์ด PlanPromo) ===== */
/* เมนู: ป้าย "ฟรี" */
.nav-free{font-style:normal;margin-left:2px;border-radius:999px;padding:1px 7px;background:#FFE055;color:#1F1E1D;font-size:11px;font-weight:700;line-height:1.5}
.hs-menu nav a .nav-free{margin-left:auto;font-size:12px;padding:1px 8px}
.hs-menu nav a.nav-plan{justify-content:space-between;margin:4px -8px 0;padding:0 16px;border-radius:14px;border-bottom:0;background:#FFF3ED;font-weight:600}
.hs-menu nav a.nav-plan .nav-free{font-size:12px;padding:1px 8px}

/* แถบชิ้นช่วงของแผน */
.pp-strip{position:relative;display:flex;gap:4px;height:30px;font-family:'Anuphan','Noto Sans Thai',sans-serif}
.pp-strip span{min-width:0;display:flex;align-items:center;padding:0 10px;border-radius:10px;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pp-strip .s1{background:#FFF4CC;color:#7A4B00}.pp-strip .s2{background:#FFE3D6;color:#9C1510}.pp-strip .s3{background:#1F1E1D;color:#FFFFFF}
.pp-strip i{position:absolute;bottom:-12px;width:9px;height:9px;margin-left:-4px;border-radius:2px;transform:rotate(45deg);background:#FC4013}
.pp-strip b{position:absolute;right:-6px;top:-8px;width:22px;height:22px;border-radius:50%;background:#FC4013;color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;border:2px solid #FFFFFF;box-sizing:border-box}

/* แถบสีเข้มชวนวางแผน (หน้าวิชา / ค่าเรียน) */
.pp-band{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:40px;align-items:center;max-width:1100px;margin:0 auto;box-sizing:border-box;border-radius:32px;background:#1F1E1D;color:#FFFFFF;padding:36px 40px;text-align:left}
.pp-band .glow{position:absolute;width:520px;height:520px;right:-180px;top:-260px;border-radius:50%;background:radial-gradient(circle,rgba(252,64,19,.55) 0%,rgba(252,64,19,0) 70%);pointer-events:none}
.pp-band > *{position:relative}
.pp-k{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#FFE055}
.pp-band h2{margin:10px 0 0;font-size:32px;font-weight:500;line-height:1.25;letter-spacing:-0.01em;text-wrap:balance;color:#FFFFFF}
.pp-band p{margin:10px 0 0;font-size:16px;line-height:1.6;color:rgba(255,255,255,.8);max-width:520px}
.pp-btns{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px}
.pp-btns .btn{min-height:52px}
.pp-tl{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:15px;color:#FFFFFF;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.4)}
.pp-tl:hover{color:#FFFFFF;border-bottom-color:#FFFFFF}
.pp-mock{display:block;border-radius:24px;background:#FFFFFF;color:#1F1E1D;padding:18px 18px 16px;box-shadow:0 24px 50px rgba(0,0,0,.35);transform:rotate(2deg);text-decoration:none}
.pp-mock small{display:block;font-size:12px;color:#716C69}
.pp-mock > b{display:block;font-size:17px;font-weight:600;margin:2px 0 14px}
.pp-mock .row{display:flex;gap:6px;margin-top:22px}
.pp-mock .row span{flex:1;border-radius:12px;background:#F6F5F5;padding:8px 10px;font-size:12px;color:#524E4C;line-height:1.4}
.pp-mock .row span b{display:block;font-size:16px;color:#1F1E1D}

/* บทความ: การ์ดแผนตัวอย่างในเนื้อหา */
.pp-art{margin:36px 0;border:1px solid #E7E6E6;border-radius:28px;padding:22px 24px;background:#FFFFFF;box-shadow:0 16px 40px rgba(31,30,29,.06);font-family:'Anuphan','Noto Sans Thai',sans-serif}
.pp-art-h{display:flex;gap:14px;align-items:flex-start}
.pp-art-h .ic{flex:none;width:48px;height:48px;border-radius:16px;background:#FFF3ED;color:#C4180A;display:inline-flex;align-items:center;justify-content:center}
.pp-art-h small{display:inline-flex;border-radius:999px;padding:2px 9px;background:#FFF4CC;color:#7A4B00;font-size:12px;font-weight:700;line-height:1.5}
.pp-art-h b{display:block;margin-top:4px;font-size:20px;font-weight:600;line-height:1.35;color:#1F1E1D}
.pp-art .pp-strip{margin:18px 0 14px}
.pp-art .meta{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:20px;font-size:14px;line-height:1.5;color:#524E4C}
.pp-art .meta > span{display:inline-flex;align-items:center;gap:6px}
.pp-art .meta svg{color:#C4180A}
.pp-art .meta .si{display:inline-flex}
.pp-art .acts{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid #F0EFEF}
.pp-art .acts .btn{min-height:46px;padding:0 20px;font-size:15px;text-decoration:none}
.pp-art a.btn-p{color:#FFFFFF}.pp-art a.btn-o{color:#1F1E1D}

/* หน้าสมัครเรียน: บรรทัดชวนวางแผน */
.pp-hint{display:flex;align-items:center;gap:12px;margin:0 0 24px;border-radius:20px;background:#FFF6F1;padding:14px 16px}
.pp-hint .ic{flex:none;width:40px;height:40px;border-radius:12px;background:#FFFFFF;color:#C4180A;display:inline-flex;align-items:center;justify-content:center}
.pp-hint > span b{display:block;font-size:15px;font-weight:600;line-height:1.45}
.pp-hint > span small{display:block;font-size:14px;color:#716C69;line-height:1.5}
.pp-hint a{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:15px;color:#C4180A;text-decoration:none;white-space:nowrap}

@media (max-width:1100px){.pp-band{grid-template-columns:minmax(0,1fr) 300px;gap:24px;padding:32px}}
@media (max-width:860px){
  .pp-band{grid-template-columns:minmax(0,1fr);padding:28px 24px}
  .pp-mock{transform:none;max-width:420px}
  .pp-band h2{font-size:26px}
}
@media (max-width:560px){
  .pp-band{padding:24px 18px;border-radius:26px}
  .pp-band h2{font-size:23px}
  .pp-band p{font-size:15px}
  .pp-btns{flex-direction:column;align-items:stretch;gap:12px}
  .pp-btns .btn{width:100%}
  .pp-tl{align-self:center}
  .pp-mock{display:none}
  .pp-art{padding:18px 16px;border-radius:24px}
  .pp-art-h b{font-size:18px}
  .pp-art .acts{flex-direction:column-reverse}
  .pp-art .acts .btn{width:100%}
  .pp-strip span{font-size:11px;padding:0 6px}
  .pp-hint{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:start;column-gap:12px}
  .pp-hint a{grid-column:2;justify-self:start;margin:8px 0 0}
}
.pp-sec{padding-top:96px}
@media (max-width:860px){.pp-sec{padding-top:64px}}
/* เมนูบน: ป้าย "ฟรี" 2 ตัวทำให้เมนูยาวขึ้น — ห้ามตัดบรรทัด, จอกลางย่อช่องไฟ, แคบกว่า 1180 ใช้เมนูมือถือ */
.topbar .toplinks a{white-space:nowrap}
@media (max-width:1340px){.topbar .toplinks a{padding:9px 11px;font-size:14px}}
@media (max-width:1180px){.topbar .toplinks{display:none}.topbar .topmenu{display:inline-flex}}

/* ส่วนท้าย: ปุ่ม LINE ใช้โลโก้ LINE (icons/line.svg) บนวงกลมขาว */
.soc.soc-line{background:#FFFFFF;box-shadow:inset 0 0 0 1px #E7E6E6}

/* กล่องเล่าเรื่องให้พี่ฟ้า (หน้าแรก + หน้าติวเตอร์): 2 ปุ่ม คุยกับพี่ฟ้า (LINE) | วางแผนการเรียนให้น้อง — ดีไซน์ PlanEntry */
.hask-btns{display:flex;gap:8px;align-items:center}
.hask-go{display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:0 26px;border:0;border-radius:999px;background:#FC4013;color:#FFFFFF;font-family:inherit;font-weight:600;font-size:16px;text-decoration:none;white-space:nowrap;cursor:pointer;box-shadow:0 10px 22px rgba(252,64,19,.28)}
.hask-go:hover{background:#ED2609;color:#FFFFFF}
.hask-go:focus-visible{outline:2px solid #FFE055;outline-offset:3px}
.hask-line{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 20px;border-radius:999px;border:1px solid #D2D0CF;background:#FFFFFF;color:#1F1E1D;font-family:inherit;font-weight:600;font-size:16px;white-space:nowrap;cursor:pointer}
.hask-line:hover{border-color:#1F1E1D}
.hask-line:focus-visible{outline:2px solid #FC4013;outline-offset:3px}
.hask-note{position:relative;z-index:3;margin:14px auto 0;max-width:760px;font-size:14px;color:rgba(255,255,255,.9)}
.hask-note b{font-weight:600;color:#FFFFFF}
.hask-note span{margin:0 8px}
@media (max-width:860px){
  .hask-btns{flex-direction:column-reverse;align-items:stretch}
  .hask-go{justify-content:center}
  .hask-line{min-height:48px}
  .hask-note span{display:block;height:0;overflow:hidden}
}