/* Business guides: the existing YPN type, colours and controls, with a readable article measure. */
.yg-breadcrumb { display:flex; flex-wrap:wrap; gap:8px; padding-block:20px; color:#5f6670; font-size:14px; }
.yg-breadcrumb a { color:var(--ypn-navy); text-decoration:underline; text-underline-offset:3px; }
#main-content.yg .sv3-hero { min-height:0; grid-template-columns:minmax(0,3fr) minmax(0,2fr); }
#main-content.yg .sv3-hero-copy { padding:48px; }
#main-content.yg .sv3-display { font-size:clamp(34px,4vw,54px); line-height:1.16; max-width:20ch; margin:24px 0; }
#main-content.yg .sv3-hero-lede { color:#e0e6ec; }
.yg-meta { margin-top:24px; font-size:14px; color:#d6dee6; }
.yg-author { display:flex; align-items:center; gap:14px; margin-top:28px; }
.yg-author img { width:48px; height:48px; flex:none; border-radius:50%; object-fit:cover; }
.yg-author p { color:#d6dee6; font-size:14px; line-height:1.6; }
.yg-author a { color:#fff; font-weight:600; text-decoration:underline; text-underline-offset:3px; }
.yg-author span { display:block; }
.yg-layout { display:grid; grid-template-columns:240px minmax(0,760px); gap:clamp(32px,5vw,80px); justify-content:center; padding-block:64px; align-items:start; }
.yg-toc { position:sticky; top:104px; border-top:2px solid var(--ypn-orange); padding-top:20px; }
.yg-toc h2 { font-family:var(--ypn-font-body); font-size:16px; font-weight:600; line-height:1.4; letter-spacing:normal; margin-bottom:12px; }
.yg-toc a { display:block; color:var(--ypn-navy); padding:12px 0; font-size:15px; line-height:1.45; text-decoration:none; border-bottom:1px solid #dee3e7; }
.yg-toc a:hover { text-decoration:underline; text-underline-offset:4px; }
.yg-article { min-width:0; font-size:18px; line-height:1.75; }
.yg-article section { padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #dee3e7; scroll-margin-top:110px; }
.yg-article .sv3-h2 { max-width:100%; margin-bottom:24px; }
.yg-article h3 { font-family:var(--ypn-font-display); color:var(--ypn-navy); font-size:24px; line-height:1.4; margin:26px 0 12px; }
.yg-article :is(p,ul,ol) { margin-bottom:18px; }
.yg-article :is(ul,ol) { padding-left:24px; }
.yg-article ul { list-style:disc; }
.yg-article ol { list-style:decimal; }
.yg-article li { padding-left:4px; margin-block:10px; }
.yg-article a:not(.sv3-btn) { color:#854500; text-decoration:underline; text-underline-offset:4px; }
.yg-note { padding:24px; background:#f5efe4; border-left:3px solid var(--ypn-orange); border-radius:0 12px 12px 0; margin-block:24px; }
.yg-note p:last-child { margin:0; }
.yg-table-wrap { overflow-x:auto; margin-block:24px; border:1px solid #d6dee6; border-radius:12px; }
.yg-table-wrap:focus-visible { outline:2px solid var(--ypn-navy); outline-offset:3px; }
.yg-table-wrap table { border-collapse:collapse; width:100%; font-size:16px; line-height:1.6; min-width:540px; }
.yg-table-wrap caption { text-align:left; padding:18px; font-weight:600; background:#f5efe4; }
.yg-table-wrap :is(th,td) { padding:16px 18px; text-align:left; vertical-align:top; border-bottom:1px solid #d6dee6; }
.yg-table-wrap thead { background:var(--ypn-navy); color:#fff; }
.yg-table-wrap tbody th { font-weight:600; min-width:135px; }
.yg-table-wrap tbody tr:last-child :is(th,td) { border-bottom:0; }
.yg-article .sv3-faq-item p { margin:0 0 20px; }
.yg-article .sv3-faq-item summary { font-size:18px; }
.yg-cta { background:var(--ypn-navy); color:#fff; border-radius:20px; padding:32px; }
.yg-cta h2 { font:400 30px/1.3 var(--ypn-font-display); margin-bottom:16px; color:#fff; }
.yg-cta .sv3-actions { margin-top:24px; }
.yg-related { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:32px; }
.yg-related a { display:flex; flex-direction:column; gap:16px; padding:28px; border:1px solid #d6dee6; border-radius:16px; color:var(--ypn-navy); background:#fff; text-decoration:none; }
.yg-related a:hover { border-color:var(--ypn-navy); }
.yg-related h3 { font:400 25px/1.35 var(--ypn-font-display); }
.yg-related p { font-size:16px; line-height:1.6; }
.yg-related span { margin-top:auto; text-decoration:underline; text-underline-offset:4px; font-weight:600; }
.yg-related-section { padding-block:64px; }
html[lang="th"] #main-content.yg .sv3-display { max-width:none; line-height:1.45; }
@media(max-width:900px) {
  #main-content.yg .sv3-hero { grid-template-columns:1fr; }
  #main-content.yg .sv3-hero-media { display:none; }
  .yg-layout { grid-template-columns:1fr; gap:40px; }
  .yg-toc { position:static; }
  .yg-toc ol { display:grid; grid-template-columns:1fr 1fr; column-gap:24px; }
  .yg-related { grid-template-columns:1fr; }
}
@media(max-width:640px) {
  #main-content.yg .sv3-hero-copy { padding:32px 24px; }
  .yg-layout { padding-block:40px; }
  .yg-toc ol { grid-template-columns:1fr; }
  .yg-article { font-size:17px; }
  .yg-cta { padding:24px; }
  .yg-cta .sv3-btn { height:auto; min-height:48px; white-space:normal; line-height:1.4; padding-block:12px; }
}
@media print {
  .rb-nav-wrap,.rb-nav-spacer,.footer,.ypn-whatsapp,.yg-toc,.yg-cta,.yg-related-section,.sv3-actions { display:none!important; }
  #main-content.yg .sv3-hero { display:block; color:#001f3d; background:white; }
  #main-content.yg .sv3-hero-media { display:none; }
  #main-content.yg .sv3-hero-lede,.yg-meta { color:#001f3d; }
  .yg-layout { display:block; padding:20px 0; }
  .yg-table-wrap { overflow:visible; }
  .yg-table-wrap table { min-width:0; font-size:12px; }
}