/* Shared inner-page presentation. All form names/actions remain server-owned. */
.page-inner .page-intro { padding: 24px 0 6px; }
.breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 28px; color: var(--muted); font-size: 11px; }
.breadcrumbs a { font-weight: 500; text-decoration: none; }
.breadcrumbs a:hover { text-decoration: underline; }
.breadcrumbs > span:last-child { overflow-wrap: anywhere; }
.page-intro-row { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 0 0 28px; }
.page-intro .eyebrow { margin-bottom: 12px; color: #4b7fae; }
.page-intro h1, .page-heading { margin: 0 0 12px; padding: 0; color: var(--deep); font-size: clamp(27px, 3.3vw, 42px); font-weight: 800; line-height: 1.45; letter-spacing: -.03em; }
.page-description { max-width: 690px; margin: 0; padding: 0; color: var(--muted); font-size: 14px; }
.page-action { display: inline-flex; align-items: center; justify-content: center; gap: 22px; flex: none; min-height: 46px; padding: 11px 21px; border-radius: 9px; background: var(--deep); color: #fff; font-size: 13px; text-decoration: none; }
.page-action:hover { background: #235b96; color: #fff; }
.page-action span { color: var(--accent); }
.forum-tabs { display: flex; flex-wrap: wrap; gap: 8px; padding: 18px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.forum-tabs a { padding: 10px 18px; border: 1px solid var(--line); border-radius: 25px; background: #fff; color: #526c89; font-size: 12px; font-weight: 500; text-decoration: none; }
.forum-tabs a:hover { background: #eaf3ff; border-color: #a4c8eb; }
.forum-tabs a[aria-current='page'] { border-color: var(--deep); background: var(--deep); color: #fff; }
.page-inner #content .content_item { padding: 30px; }
.page-inner .form_settings { margin: 0; }
.page-inner .form_settings > h2 { margin-bottom: 22px; font-size: 23px; }
.page-inner .form_settings > h2:has(center:empty) { display: none; }
.page-inner .content_item { overflow-wrap: anywhere; }
.page-forum .content_container_room, .page-forum .content_container_roomtop { padding: 18px 18px 11px; border-bottom: 0; border-radius: 11px 11px 0 0; background: #fff; }
.page-forum .content_container_roomtop { background: #f0f6ff; border-color: #c9dff5; }
.page-forum .content_container_roomtop::before { content: 'ปักหมุด'; display: inline-block; margin-bottom: 10px; padding: 2px 9px; border-radius: 5px; background: #dcecff; color: #386b9d; font-size: 10px; }
.page-forum .board-topic-line { align-items: flex-start; gap: 16px; }
.page-forum .board-topic-line > a { padding-top: 2px; font-size: 15px; line-height: 1.8; font-weight: 600; }
.page-forum .board-topic-line > a > img { margin-right: 7px; }
.page-forum .board-topic-thumbnail { width: 100px; height: 76px; border-radius: 8px; }
.page-forum .content_container_room2 { padding: 2px 18px 16px; border: 1px solid var(--line); border-top: 0; border-radius: 0 0 11px 11px; background: #fff; font-size: 11px; line-height: 1.9; }
.page-forum .content_container_roomtop + .content_container_room2 { background: #f0f6ff; border-color: #c9dff5; }
.page-forum .content_container_room2 font { color: #64748b; }
.page-forum .content_container_room3 { height: 13px; min-height: 0; padding: 0; }
.forum-toolbar { display: flex; justify-content: flex-end; margin-bottom: 18px; }
.forum-toolbar a { padding: 8px 13px; border: 1px solid var(--line); border-radius: 8px; font-size: 12px; text-decoration: none; }
.page-inner a[href*='page2='] { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; min-height: 34px; margin: 3px; padding: 4px 8px; border: 1px solid var(--line); border-radius: 7px; background: #f4f8ff; text-decoration: none; }
.page-inner #myDiv2 { clear: both; padding: 16px 0; color: var(--muted); font-size: 12px; }
.page-inner #myDiv2 p { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.page-inner #myDiv2 select { padding: 8px 12px; border: 1px solid var(--line); border-radius: 7px; background: #fff; }
.page-inner input[type='submit'], .page-inner input[type='reset'] { width: auto; min-height: 44px; padding: 10px 22px; border: 0; border-radius: 8px; background: var(--deep); color: #fff; font: 600 13px/1.6 'Noto Sans Thai', 'Segoe UI', sans-serif; cursor: pointer; }
.page-inner input[type='submit']:hover { background: #235b96; }
.page-inner input[type='reset'] { border: 1px solid var(--line); background: #f1f6fc; color: var(--deep); }
.page-inner .login-panel input[type='submit'] { width: 100%; }
.page-account .form_settings > form > table, .page-account .form_settings > table { display: table; width: 100%; border-collapse: collapse; table-layout: fixed; }
.page-account .form_settings td { width: auto; padding: 12px 0; vertical-align: top; color: var(--muted); font-size: 13px; line-height: 1.9; }
.page-account .form_settings td:first-child:not([colspan]) { width: 160px; padding-right: 20px; color: var(--ink); font-weight: 600; }
.page-account .form_settings td p { padding: 0; margin: 0; }
.page-account .form_settings label { font-size: 13px; }
.page-account .form_settings input:not([type='submit']):not([type='reset']):not([type='hidden']):not([type='checkbox']):not([type='radio']), .page-account .form_settings textarea { width: 100%; min-height: 46px; padding: 11px 13px; border-color: #cfdeed; background: #f9fbff; }
.page-account .form_settings select { width: auto; min-height: 44px; margin: 0 3px 5px 0; padding: 9px 7px; }
.page-account .form_settings td font { display: block; margin-top: 8px; color: #6d7890; font-size: 11px; font-weight: 400; }
.page-account .form_settings td table { width: 100%; table-layout: fixed; }
.page-account .form_settings input:focus, .page-account .form_settings textarea:focus { background: #fff; border-color: #69a4d9; }
.page-article #content_topic, .page-editor #content_topic { width: min(100%, 1000px); padding: clamp(22px, 4vw, 52px); }
.page-article .content_item_topic > h1 { margin-bottom: 28px; padding-bottom: 24px; border-bottom: 1px solid var(--line); font-size: clamp(25px, 3vw, 37px); line-height: 1.6; overflow-wrap: anywhere; }
.page-article .article-body { color: #35465d; font-size: 16px; line-height: 2; overflow-wrap: anywhere; }
.page-article .article-body p { margin-bottom: 18px; line-height: 2; }
.page-article .article-body img { height: auto; max-width: 100%; border-radius: 10px; }
.page-article .article-body iframe { max-width: 100%; }
.page-article .content_images_text, .page-article .content_images_text_com { float: none; clear: both; width: 100%; height: auto; margin: 28px 0; }
.page-article .content_container_com { float: none; width: 100%; margin: 0; padding: 22px; border: 1px solid #d7e5f6; border-radius: 12px; background: #f1f7ff; color: #506780; font-size: 12px; }
.page-article .content_container_com p { margin-bottom: 10px; padding: 0; }
.page-article .content_images_text_com table[id='indexupdate'] { display: table; width: 100%; border-collapse: collapse; }
.page-article table[id='indexupdate'] td { padding: 12px 10px; border-bottom: 1px solid var(--line); background: #f8fbff; font-size: 12px; }
.page-article table[id='indexupdate'] a { font-weight: 500; text-decoration: none; }
.page-article .content_container_com2, .page-article .content_container_com3, .page-article .content_container_com4, .page-article .content_container_com5, .page-article .content_container_com6 { float: none; width: 100%; height: auto; min-height: 0; margin: 0; padding: 16px; background: #f6f9fe; background-image: none; border-color: var(--line); overflow-wrap: anywhere; }
.page-article #content_com { position: static; float: none; width: 100%; padding: 0; }
.page-article fieldset { min-width: 0; padding: 16px; border: 1px solid var(--line); border-radius: 10px; }
.page-article form table { width: 100%; max-width: 100%; }
.page-article textarea { display: block; width: 100%; min-height: 160px; padding: 12px; border: 1px solid #cfdeed; border-radius: 8px; font: inherit; }
.page-article input[type='text'] { max-width: 100%; padding: 10px; border: 1px solid #cfdeed; border-radius: 8px; }
.page-editor #topic { display: block; width: 100%; margin-top: 10px; padding: 13px 15px; border: 1px solid #cbdcf0; border-radius: 9px; background: #f8fbff; font: inherit; }
.page-editor .editor-label { display: block; margin-bottom: 10px; font-size: 14px; font-weight: 600; }
.page-editor #room { min-height: 44px; max-width: 100%; margin: 8px 0 16px; padding: 9px 12px; border: 1px solid var(--line); border-radius: 8px; background: #fff; font: inherit; }
.page-editor .note-editor { border-color: #cfdeed; border-radius: 9px; overflow: hidden; }
.page-editor .note-toolbar { background: #eef5ff; }
.page-editor .note-editable { background: #fff; font: 15px/1.9 'Noto Sans Thai', sans-serif; }
.page-editor form > a { display: block; margin: 12px 0; color: #5b7794; font-size: 12px; font-weight: 400; }
.services-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin: 24px 0; }
.service-card { display: block; padding: 27px; border: 1px solid var(--line); border-radius: 12px; background: #f5f9ff; color: var(--ink); text-decoration: none; }
.service-card:hover { border-color: #8ab8e4; background: #edf5ff; }
.service-card .service-icon { display: grid; place-items: center; width: 44px; height: 44px; margin-bottom: 24px; border-radius: 11px; background: #dcecff; color: var(--primary); font-size: 24px; }
.service-card h3 { margin-bottom: 10px; font-size: 19px; }
.service-card p { margin: 0; color: var(--muted); font-size: 13px; font-weight: 400; }
.service-card .service-link { display: block; margin-top: 24px; color: var(--primary); font-size: 12px; }
.service-notice { padding: 18px 22px; border-left: 3px solid #9fc5e9; border-radius: 0 8px 8px 0; background: #f0f6fd; color: var(--muted); font-size: 12px; }
@media (max-width: 930px) {
  .page-inner .sidebar_container { margin-top: 22px; }
  .page-inner #content, .page-inner #content_topic { width: 100%; }
}
@media (max-width: 620px) {
  .page-inner .page-intro { padding-top: 18px; }
  .breadcrumbs { gap: 7px; margin-bottom: 22px; font-size: 10px; }
  .page-intro-row { align-items: flex-start; flex-direction: column; gap: 18px; padding-bottom: 22px; }
  .page-intro h1, .page-heading { font-size: 28px; }
  .page-description { font-size: 13px; }
  .forum-tabs { gap: 7px; }
  .forum-tabs a { padding: 9px 12px; font-size: 11px; }
  .page-inner #content .content_item { padding: 20px 16px; }
  .page-forum .content_container_room, .page-forum .content_container_roomtop { padding: 15px 12px 10px; }
  .page-forum .board-topic-line { gap: 10px; }
  .page-forum .board-topic-line > a { font-size: 13px; }
  .page-forum .board-topic-thumbnail { width: 60px; height: 60px; }
  .page-forum .content_container_room2 { padding: 3px 12px 13px; font-size: 10px; }
  .page-account .form_settings > form > table, .page-account .form_settings > table, .page-account .form_settings tbody, .page-account .form_settings tr, .page-account .form_settings td { display: block; width: 100%; }
  .page-account .form_settings td { padding: 0 0 15px; }
  .page-account .form_settings td:first-child:not([colspan]) { width: 100%; padding: 3px 0 7px; }
  .page-article #content_topic, .page-editor #content_topic { padding: 22px 16px; }
  .page-article .article-body { font-size: 15px; }
  .page-article form table, .page-article form tbody, .page-article form tr, .page-article form td { display: block; width: 100%; }
  .page-article form td { padding: 7px 0; }
  .page-article fieldset { padding: 10px; }
  .page-article table[id='indexupdate'] td:last-child { width: 25%; font-size: 10px; }
  .services-grid { grid-template-columns: 1fr; }
}