.related-system{width:min(1180px,calc(100% - 32px));margin:45px auto;padding:32px;border:1px solid #dce5ef;border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(20,28,40,.06);font-family:"Noto Sans Thai",Tahoma,sans-serif}.related-system h2{margin:0 0 6px;color:#172033;font-size:28px}.related-system>p{margin:0 0 24px;color:#687183}.related-tabs{display:flex;gap:8px;padding:7px;border:1px solid #e0e8f1;border-radius:15px;background:#f4f7fb;overflow-x:auto}.related-tabs button,.related-accordion{min-height:44px;border:0;border-radius:11px;color:#435066;background:transparent;font:800 15px inherit;cursor:pointer}.related-tabs button{flex:1;padding:9px 16px;white-space:nowrap}.related-tabs button[aria-selected="true"]{color:#fff;background:linear-gradient(135deg,#1557b0,#168fc9);box-shadow:0 8px 20px rgba(21,87,176,.2)}.related-tabs button:focus-visible,.related-accordion:focus-visible{outline:3px solid rgba(23,105,194,.32);outline-offset:2px}.related-panels{position:relative;min-height:185px;margin-top:20px}.related-group{position:absolute;inset:0 auto auto 0;width:100%;height:0;overflow:hidden;visibility:hidden;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity 260ms ease,transform 260ms ease}.related-group.is-active{position:relative;height:auto;visibility:visible;opacity:1;transform:none;pointer-events:auto}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.related-link{display:block;min-width:0;padding:15px;border:1px solid #e8ebf0;border-radius:14px;color:#172033!important;background:#fafbfc;text-decoration:none!important;transition:transform 220ms ease,border-color 220ms ease,background 220ms ease}.related-link:hover,.related-link:focus-visible{border-color:#77b6e4;background:#f5faff;transform:translateY(-2px)}.related-link:focus-visible{outline:3px solid rgba(23,105,194,.28);outline-offset:2px}.related-link b,.related-link small{display:block;overflow-wrap:anywhere}.related-link small{margin-top:4px;color:#687386;line-height:1.55}.related-accordion{display:none;width:100%;padding:10px 14px;text-align:left}.related-cta{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px;padding-top:22px;border-top:1px solid #e7eaf0}.related-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:8px 17px;border-radius:12px;color:#fff!important;background:#ff6a00;text-decoration:none!important;font-weight:750}.related-cta a:nth-child(2){background:#111827}.related-cta a:nth-child(3){background:#19a857}.related-cta a:focus-visible{outline:3px solid rgba(23,105,194,.35);outline-offset:3px}
@media(max-width:760px){.related-system{padding:21px}.related-tabs{display:none}.related-panels{min-height:0;margin-top:10px}.related-accordion{position:relative;display:block;margin-top:9px;border:1px solid #dfe7f0;background:#f7f9fc}.related-accordion:after{content:"+";position:absolute;right:14px;font-size:20px}.related-accordion[aria-expanded="true"]{color:#1557b0;border-color:#acd0eb;background:#edf7ff}.related-accordion[aria-expanded="true"]:after{content:"−"}.related-group,.related-group.is-active{position:relative;inset:auto;width:100%;transition:max-height 320ms ease,opacity 240ms ease,transform 240ms ease}.related-group{height:auto;max-height:0;visibility:visible;opacity:0;transform:translateY(-5px);pointer-events:none}.related-group.is-active{max-height:1800px;opacity:1;transform:none;pointer-events:auto}.related-grid{grid-template-columns:1fr;padding:10px 0 2px}.related-cta{display:grid}.related-cta a{width:100%}}
@media(prefers-reduced-motion:reduce){.related-group,.related-link{transition:none}.related-link:hover{transform:none}}