@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&family=Prompt:wght@400;500;600;700;800&display=swap");
:root{font-family:"Sarabun","Noto Sans Thai",Tahoma,sans-serif;color:#203049;background:#f4f7fb;font-size:15px;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.lc-shell{min-height:100vh;display:flex;flex-direction:column}.lc-top{background:#fff;border-bottom:1px solid #e5eaf2;box-shadow:0 3px 18px #12345a08}.lc-top-inner{max-width:1200px;padding:16px 24px;margin:auto;display:flex;align-items:center;gap:32px}.lc-brand{font-size:21px;font-weight:800;color:#15447b;letter-spacing:-.9px;white-space:nowrap}.lc-brand span{font-weight:550;color:#2366a8}.lc-top nav{display:flex;gap:22px;flex:1;font-size:13px;color:#475875}.lc-top nav a:hover{color:#2366a8}.lc-logout button{border:1px solid #dce4ee;color:#54657c;background:white;padding:8px 13px;border-radius:9px;font-size:12px}.lc-main{width:100%;max-width:1200px;margin:auto;padding:25px 24px 50px;flex:1}.lc-preview-notice{background:#fff7e9;border:1px solid #f2dfb5;border-radius:10px;color:#7b560f;padding:12px 15px;font-size:13px;margin-bottom:24px}.lc-dot{display:inline-block;border-radius:50%;height:9px;width:9px;background:#d99a31;margin-right:7px}.lc-hero{background:linear-gradient(113deg,#10365e,#1d528e 75%,#2871b3);color:white;padding:45px 46px;border-radius:18px;display:flex;justify-content:space-between;gap:30px;min-height:258px;overflow:hidden}.lc-eyebrow{letter-spacing:1px;font-size:11px;font-weight:750;color:#3c7bb6}.lc-hero .lc-eyebrow{color:#a6d7ff}.lc-hero h1{font-size:clamp(27px,3.5vw,40px);letter-spacing:-.7px;line-height:1.4;margin:10px 0}.lc-hero h1 span{color:#c6e6ff}.lc-hero p{color:#e1efff;font-size:14px;margin:9px 0 20px;max-width:600px}.lc-hero-motif{align-self:center;border-radius:20px;border:1px solid #ffffff55;background:#ffffff13;transform:rotate(-8deg);padding:25px 30px;display:flex;flex-direction:column;text-align:center;box-shadow:0 18px 50px #081e4b40}.lc-hero-motif span{font-weight:800;font-size:60px;letter-spacing:-5px}.lc-hero-motif small{font-size:14px;letter-spacing:2px}.lc-search{display:flex;gap:8px;background:#fff;border-radius:11px;padding:6px;max-width:600px}.lc-search input{border:0;outline:0;min-width:100px;flex:1;padding:11px;color:#1e3651}.lc-search button{background:#2777be;border:0;border-radius:8px;color:#fff;padding:10px 25px;font-weight:700}.lc-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin:30px 0 13px}.lc-section-title h2{margin:0;font-size:20px;color:#183d69}.lc-section-title span{color:#8793a5;font-size:12px}.lc-panel,.lc-category,.lc-post{background:#fff;border:1px solid #e6ebf2;border-radius:13px;box-shadow:0 4px 15px #15335a04;overflow:hidden}.lc-topic-row{display:flex;align-items:center;gap:13px;padding:14px 18px;border-bottom:1px solid #edf0f5}.lc-topic-row:last-child{border-bottom:0}.lc-topic-row:hover,.lc-board:hover{background:#f7fbff}.lc-topic-icon,.lc-board-icon{width:35px;height:35px;display:grid;place-items:center;flex-shrink:0;border-radius:10px;background:#ecf4fd;color:#3376b9;font-size:19px}.lc-topic-info,.lc-board-title{flex:1;min-width:0}.lc-topic-name{display:block;font-weight:650;font-size:14px;color:#213d5f;overflow-wrap:anywhere}.lc-meta,.lc-board-title small{display:block;color:#7a8799;font-size:12px;margin-top:4px}.lc-topic-count,.lc-board-stats{min-width:55px;text-align:center;font-size:15px;color:#4c6081;font-weight:600}.lc-topic-count small,.lc-board-stats small{display:block;color:#95a2b2;font-size:10px;font-weight:400}.lc-topic-arrow,.lc-board-arrow{font-size:24px;color:#a1b0c2}.lc-categories{display:grid;grid-template-columns:1fr;gap:18px}.lc-category-heading{display:flex;gap:14px;align-items:flex-start;padding:17px 20px;background:linear-gradient(110deg,#f1f6fc,#fff);border-bottom:1px solid #e6edf5}.lc-category-no{width:37px;height:37px;background:#205c98;color:#fff;display:grid;place-items:center;flex-shrink:0;border-radius:10px;font-weight:700}.lc-category-heading h3{margin:1px 0 4px;font-size:16px;color:#1e4b7f;line-height:1.5}.lc-category-heading p{margin:0;color:#7d8da0;font-size:12px}.lc-boards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.lc-board{padding:15px 20px;display:flex;align-items:center;gap:12px;min-width:0;border-bottom:1px solid #edf1f6}.lc-board:nth-child(odd){border-right:1px solid #edf1f6}.lc-board-title strong{display:block;color:#243b55;font-size:13px;line-height:1.5}.lc-board-title small{white-space:normal;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lc-board-stats{font-size:13px}.lc-page-head{padding:9px 0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.lc-page-head h1{font-size:clamp(22px,3vw,30px);margin:6px 0;color:#1a3e6b;line-height:1.45}.lc-page-head p{margin:0;color:#748198;font-size:13px;line-height:1.7}.lc-stat{font-weight:800;color:#245d9b;font-size:25px;background:#eaf3fd;min-width:100px;padding:15px 12px;text-align:center;border-radius:14px}.lc-stat small{display:block;font-weight:500;font-size:12px;color:#6284a6}.lc-breadcrumb{font-size:12px;color:#7186a0;display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:7px 0 15px}.lc-breadcrumb a{color:#215f9e}.lc-pages{display:flex;align-items:center;justify-content:center;gap:18px;margin:21px 0}.lc-pages a{border:1px solid #d7e3f0;padding:9px 15px;background:#fff;color:#235d98;border-radius:9px}.lc-pages span{color:#728197;font-size:12px}.lc-post{margin-bottom:16px}.lc-post-author{display:flex;align-items:center;gap:12px;background:#f9fbfe;border-bottom:1px solid #e8eef5;padding:15px 20px}.lc-post-author strong{font-size:14px}.lc-avatar{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#dcebf9;color:#265f9b;font-weight:800}.lc-post-content{padding:20px 24px;line-height:1.95;font-size:15px;color:#293e56;overflow-wrap:anywhere}.lc-post-content img{width:auto;height:auto;max-width:100%;max-height:none;vertical-align:middle;border-radius:6px}.lc-post-content a{color:#1d66aa;overflow-wrap:anywhere;text-decoration:underline}.lc-post-content blockquote{border-left:3px solid #88aed8;background:#f5f9fe;margin:12px 0;padding:12px 18px}.lc-post-content pre{white-space:pre-wrap;background:#eef4fa;padding:12px;border-radius:8px;overflow-x:auto}.lc-empty{padding:35px 20px;text-align:center;color:#8695a7}.lc-note{font-size:12px;color:#8592a2;line-height:1.8}.lc-footer{padding:18px 24px;border-top:1px solid #e1e9f2;background:#fff;color:#8695a6;display:flex;gap:10px;justify-content:space-between;font-size:11px}.lc-sr{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(0,0,0,0)}.lc-login-body{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(120deg,#edf5ff,#f9fbff)}.lc-login{max-width:420px;width:100%;background:#fff;border-radius:17px;border:1px solid #e2e9f1;box-shadow:0 16px 45px #1e47821a;padding:30px}.lc-login h1{font-size:22px;margin:21px 0 8px}.lc-login p{color:#667994;font-size:13px;line-height:1.7}.lc-login form{display:grid;gap:9px;margin-top:25px}.lc-login label{font-weight:650;font-size:13px}.lc-login input{border:1px solid #cfdcec;border-radius:9px;padding:12px}.lc-login button{background:#1a5b9e;color:#fff;padding:12px;border:0;border-radius:9px;margin-top:7px;font-weight:700}.lc-login .lc-small{font-size:11px;margin-top:22px}.lc-error{background:#fff0ed;color:#b04132;padding:11px;border-radius:8px;font-size:13px}@media(max-width:800px){.lc-top-inner{gap:15px;flex-wrap:wrap;padding:14px 16px}.lc-top nav{order:3;width:100%;gap:16px}.lc-logout{margin-left:auto}.lc-main{padding:15px 14px 35px}.lc-hero{padding:27px 23px}.lc-hero-motif{display:none}.lc-section-title{align-items:flex-start;flex-direction:column;gap:3px}.lc-boards{grid-template-columns:1fr}.lc-board:nth-child(odd){border-right:0}.lc-footer{flex-direction:column}.lc-topic-count{min-width:45px}}@media(max-width:520px){.lc-hero h1{font-size:27px}.lc-board{padding:13px 12px;gap:10px}.lc-board-stats{min-width:45px}.lc-category-heading{padding:14px}.lc-category-heading h3{font-size:15px}.lc-topic-row{gap:9px;padding:12px}.lc-topic-name{font-size:13px}.lc-topic-icon,.lc-board-icon{width:30px;height:30px}.lc-post-content{padding:16px}.lc-topic-count small{font-size:9px}}

/* Modern type hierarchy matching the Lertchai Master visual direction. */
:where(.lc-brand,.lc-hero h1,.lc-page-head h1,.lc-section-title h2,.lc-category-heading h3,.lc-topic-name,.lc-login h1){font-family:"Prompt","Sarabun",sans-serif}
.lc-hero h1,.lc-page-head h1{font-weight:700;letter-spacing:0;line-height:1.5}
.lc-category-heading h3,.lc-section-title h2{font-weight:600;letter-spacing:0}
.lc-post-content{word-break:normal;overflow-wrap:anywhere}

/* ---------------------------------------------------------------
   Lertchai Community v0.3 — UI refinement, homepage-first.
   Keeps category / board ordering, IDs, routing and data untouched.
   Uses natural image sizing defined in v0.2; no fixed img dimensions.
   --------------------------------------------------------------- */

/* Consistent, legible Thai type scale (Prompt headings, Sarabun body). */
:root {
  font-family: "Sarabun", "Noto Sans Thai", system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.65;
  color: #223650;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body { font-family: inherit; }
:where(.lc-brand,.lc-hero h1,.lc-page-head h1,.lc-section-title h2,
       .lc-category-heading h3,.lc-board-title strong,.lc-topic-name,.lc-login h1) {
  font-family: "Prompt", "Sarabun", "Noto Sans Thai", sans-serif;
}
.lc-top nav { font-size: 14px; }
.lc-logout button { font-size: 13px; }
.lc-preview-notice { font-size: 13.5px; line-height: 1.65; }
.lc-hero p { font-size: 15px; line-height: 1.85; }
.lc-section-title { margin-top: 32px; margin-bottom: 15px; }
.lc-section-title h2 { font-size: 22px; line-height: 1.45; font-weight: 650; }
.lc-section-title span { font-size: 13px; color: #657890; }

/* A vertical full-width board list under EACH existing category. */
.lc-categories { grid-template-columns: minmax(0, 1fr); gap: 22px; }
.lc-category {
  border: 1px solid #dce6f3;
  border-radius: 15px;
  box-shadow: 0 4px 22px rgb(17 57 102 / 5%);
}
.lc-category-heading {
  align-items: center;
  gap: 16px;
  padding: 18px 24px;
  background: linear-gradient(110deg, #154577 0%, #1e5b94 65%, #256da9 100%);
  border-bottom: 1px solid #1e5184;
}
.lc-category-no {
  width: 44px; height: 44px;
  border-radius: 12px;
  background: #ffffff1e;
  border: 1px solid #ffffff50;
  color: #fff;
  font-family: "Prompt", "Sarabun", sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.lc-category-heading h3 {
  margin: 0 0 3px;
  color: #fff;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.55;
  overflow-wrap: anywhere;
}
.lc-category-heading p { color: #edf5ff; font-size: 13px; line-height: 1.5; }
.lc-boards { display: grid; grid-template-columns: minmax(0, 1fr); }
.lc-board {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 18px;
  padding: 18px 24px;
  border-bottom: 1px solid #e7edf5;
  background: #fff;
  transition: background-color .17s ease, box-shadow .17s ease;
}
.lc-board:nth-child(odd) { border-right: 0; }
.lc-board:last-child { border-bottom: 0; }
.lc-board:hover { background: #f2f7fe; box-shadow: inset 4px 0 0 #357fc4; }
.lc-board:focus-visible {
  outline: 3px solid #5d9edd;
  outline-offset: -3px;
  background: #edf5ff;
}
.lc-board-icon {
  width: 43px; height: 43px;
  background: #eaf3ff;
  border: 1px solid #dceafa;
  color: #286db1;
  font-size: 21px;
  border-radius: 12px;
}
.lc-board-title { flex: 1 1 auto; min-width: 0; }
.lc-board-title strong {
  color: #174775;
  display: block;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
.lc-board-title small {
  color: #5f7086;
  font-size: 14px;
  line-height: 1.7;
  margin-top: 3px;
  white-space: normal;
  display: block;
  overflow: visible;
  -webkit-line-clamp: unset;
  -webkit-box-orient: unset;
  overflow-wrap: anywhere;
}
.lc-board-stats {
  flex: 0 0 80px;
  min-width: 80px;
  border-radius: 10px;
  background: #f0f6fd;
  padding: 7px 4px;
  color: #1b548c;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.15;
  font-variant-numeric: tabular-nums;
}
.lc-board-stats small {
  margin-top: 4px;
  font-size: 12px;
  color: #526b88;
  font-weight: 500;
}
.lc-board-arrow { color: #789fca; font-size: 28px; line-height: 1; }

/* Readability improvements elsewhere without altering layout or behavior. */
.lc-topic-name { font-size: 15px; line-height: 1.65; font-weight: 600; }
.lc-meta { font-size: 13px; color: #65758c; }
.lc-topic-count small { font-size: 11px; }
.lc-page-head h1 { font-weight: 650; }
.lc-page-head p { font-size: 14px; }
.lc-post-content { font-size: 16px; line-height: 2; }
.lc-post-content img { width: auto; height: auto; max-width: 100%; }
.lc-footer { font-size: 12px; }

@media (max-width: 800px) {
  .lc-category-heading { padding: 15px 17px; }
  .lc-category-heading h3 { font-size: 18px; }
  .lc-board { padding: 15px 17px; gap: 13px; }
  .lc-board-stats { flex-basis: 70px; min-width: 70px; }
}
@media (max-width: 520px) {
  .lc-section-title h2 { font-size: 20px; }
  .lc-category-heading { gap: 12px; padding: 14px; }
  .lc-category-no { width: 39px; height: 39px; font-size: 14px; }
  .lc-category-heading h3 { font-size: 17px; }
  .lc-category-heading p { font-size: 12px; }
  .lc-board { gap: 10px; padding: 14px 12px; }
  .lc-board-icon { width: 36px; height: 36px; border-radius: 10px; font-size: 18px; }
  .lc-board-title strong { font-size: 15px; }
  .lc-board-title small { font-size: 13px; line-height: 1.7; }
  .lc-board-stats {
    flex-basis: 56px; min-width: 56px;
    padding: 6px 2px;
    font-size: 14px;
  }
  .lc-board-stats small { font-size: 10.5px; }
  .lc-board-arrow { font-size: 23px; }
  .lc-topic-name { font-size: 14px; }
  .lc-post-content { font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .lc-board { transition: none; }
}


/* ---------------------------------------------------------------
   Lertchai Community v0.4 — Content Fidelity + modern topic reading.
   Alignment follows EACH SMF BBCode block, not a global image rule.
   Colours/type are modernized while original post data is untouched.
   --------------------------------------------------------------- */
:root {
  font-family: "Anuphan", "Prompt", "Sarabun", Tahoma, sans-serif;
  color: #1e3552;
}
body, button, input { font-family: "Anuphan", "Prompt", "Sarabun", Tahoma, sans-serif; }
.lc-top nav, .lc-preview-notice, .lc-board-title small, .lc-meta,
.lc-page-head p, .lc-post-author, .lc-post-content, .lc-footer {
  font-family: "Anuphan", "Prompt", "Sarabun", Tahoma, sans-serif;
}
.lc-brand, .lc-hero h1, .lc-section-title h2,
.lc-category-heading h3, .lc-board-title strong, .lc-topic-name,
.lc-page-head h1, .lc-login h1 {
  font-family: "Prompt", "Anuphan", "Sarabun", sans-serif;
}

/* Restrict topic-page styling: homepage, board and search keep v0.3 layouts. */
.lc-topic-view .lc-breadcrumb {
  margin-bottom: 14px;
  color: #5f7692;
  font-size: 13px;
}
.lc-topic-view .lc-page-head {
  position: relative;
  display: block;
  margin-bottom: 22px;
  padding: 24px 29px 25px;
  border: 1px solid #dce7f4;
  border-left: 5px solid #c79a49;
  border-radius: 15px;
  background: linear-gradient(112deg, #fff 5%, #f4f8fe 74%, #e9f3ff 100%);
  box-shadow: 0 9px 30px rgb(20 62 112 / 6%);
}
.lc-topic-view .lc-page-head .lc-eyebrow {
  color: #2b72b5;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .02em;
}
.lc-topic-view .lc-page-head h1 {
  margin: 9px 0 12px;
  font-size: clamp(24px, 2.5vw, 32px);
  font-weight: 650;
  line-height: 1.6;
  letter-spacing: 0;
  color: #153e6e;
  overflow-wrap: anywhere;
}
.lc-topic-view .lc-page-head p {
  color: #526f92;
  font-size: 14px;
  font-weight: 500;
}
.lc-topic-view .lc-post {
  border: 1px solid #dce6f3;
  border-radius: 15px;
  box-shadow: 0 9px 26px rgb(15 59 108 / 6%);
}
.lc-topic-view .lc-post-author {
  padding: 16px 25px;
  gap: 14px;
  background: linear-gradient(90deg, #ecf4fc 0%, #f7faff 100%);
  border-bottom: 1px solid #dce8f5;
  color: #193c64;
}
.lc-topic-view .lc-post-author strong {
  font-size: 15px;
  font-weight: 700;
}
.lc-topic-view .lc-post-author .lc-meta {
  color: #607b9b;
  font-size: 13px;
}
.lc-topic-view .lc-avatar {
  width: 43px;
  height: 43px;
  background: #d4e8fc;
  color: #19558c;
  border: 1px solid #bfdbf5;
}
.lc-topic-view .lc-post-content {
  padding: 28px clamp(20px, 3vw, 38px) 34px;
  background: #fff;
  font-family: "Anuphan", "Prompt", "Sarabun", Tahoma, sans-serif;
  font-size: 17px;
  line-height: 1.95;
  font-weight: 400;
  color: #263c55;
  overflow-wrap: anywhere;
  text-align: left;
}
.lc-topic-view .lc-post-content strong {
  color: #183f6c;
  font-weight: 650;
}
.lc-topic-view .lc-post-content a {
  color: #1264ac;
  text-decoration-color: #9fc3e6;
  text-underline-offset: 3px;
}
.lc-topic-view .lc-post-content a:hover { color: #0a487d; }
/* Content Fidelity: BBCode alignment overrides ONLY the section it enclosed. */
.lc-topic-view .lc-post-content .lc-bb-align {
  display: block;
  min-width: 0;
  max-width: 100%;
}
.lc-topic-view .lc-post-content .lc-bb-align--center { text-align: center; }
.lc-topic-view .lc-post-content .lc-bb-align--left { text-align: left; }
.lc-topic-view .lc-post-content .lc-bb-align--right { text-align: right; }
.lc-topic-view .lc-post-content .lc-content-image {
  display: inline-block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: none;
  object-fit: contain;
  vertical-align: middle;
  border-radius: 5px;
}
.lc-topic-view .lc-post-content blockquote {
  border-left: 4px solid #4386bf;
  background: #f4f8fe;
  color: #36526e;
  border-radius: 0 9px 9px 0;
}
.lc-topic-view .lc-post-content pre {
  color: #2b4056;
  background: #f3f7fc;
  border: 1px solid #e3edf6;
}
.lc-topic-view .lc-note {
  padding: 2px 4px;
  color: #697f9a;
  font-size: 12px;
}
@media(max-width: 800px) {
  .lc-topic-view .lc-page-head { padding: 19px 19px 20px; margin-bottom: 16px; }
  .lc-topic-view .lc-page-head h1 { font-size: clamp(22px, 4.5vw, 27px); }
  .lc-topic-view .lc-post-author { padding: 13px 17px; }
  .lc-topic-view .lc-post-content { padding: 18px 18px 25px; font-size: 16px; }
}
@media(max-width: 520px) {
  .lc-topic-view .lc-page-head h1 { font-size: 22px; }
  .lc-topic-view .lc-post-content { font-size: 15.5px; line-height: 1.9; }
  .lc-topic-view .lc-avatar { width: 36px; height: 36px; }
}

/* =============================================================
  v0.5 — Shared typography, spacious board topics, 30/page UI.
  No global override of SMF BBCode alignment: center/left/right remain
  scoped to .lc-bb-align blocks in the rendering layer.
  ============================================================= */
:root { font-family: "Noto Sans Thai", "Prompt", Tahoma, sans-serif; background: #f1f5f9; color: #213954; }
body, button, input { font-family: "Noto Sans Thai", "Prompt", Tahoma, sans-serif; }
.lc-top nav, .lc-preview-notice, .lc-board-title small, .lc-meta,
.lc-page-head p, .lc-post-author, .lc-post-content, .lc-footer,
.lc-breadcrumb, .lc-topic-count, .lc-board-stats { font-family: "Noto Sans Thai", "Prompt", Tahoma, sans-serif; }
.lc-brand,.lc-hero h1,.lc-section-title h2,.lc-category-heading h3,
.lc-board-title strong,.lc-topic-name,.lc-page-head h1,.lc-login h1 { font-family: "Prompt", "Noto Sans Thai", Tahoma, sans-serif; }
.lc-main { padding-top: 26px; padding-bottom: 55px; }
.lc-preview-notice { margin-bottom: 25px; }
.lc-breadcrumb { margin: 12px 0 21px; font-size: 14px; line-height: 1.7; color: #5d728e; }
.lc-breadcrumb a { color: #245f9b; font-weight: 500; }
.lc-breadcrumb a:hover { text-decoration: underline; }
.lc-page-head.lc-board-head {
  padding: 25px 28px; margin: 0 0 24px;
  border: 1px solid #dce7f5; border-left: 5px solid #d0a04e;
  border-radius: 16px;
  background: linear-gradient(120deg, #ffffff 0%, #f6faff 68%, #eaf4ff 100%);
  box-shadow: 0 8px 26px rgb(27 63 109 / 5%);
}
.lc-board-head .lc-eyebrow { color: #2a6eac; font-size: 12px; letter-spacing: .025em; }
.lc-board-head h1 { font-size: clamp(23px, 2.7vw, 30px); line-height: 1.55; margin: 7px 0 10px; }
.lc-board-head p { color: #526d8d; font-size: 15px; line-height: 1.85; max-width: 850px; }
.lc-board-head .lc-stat { flex: none; min-width: 104px; padding: 15px; background: #e5f1ff; color: #19548a; border: 1px solid #d1e6fb; }
.lc-board-head .lc-stat small { color: #486b91; }
.lc-panel.lc-topic-list { border-color: #dbe5f0; box-shadow: 0 8px 28px rgb(19 62 104 / 5%); }
/* Headings are inside the same padded grid as rows; never touch card borders. */
.lc-topic-list > .lc-section-title {
  margin: 0; padding: 20px 26px; align-items: center;
  background: linear-gradient(110deg, #174777, #235f99 80%, #2769a2);
  gap: 14px;
}
.lc-topic-list > .lc-section-title h2 { font-size: 20px; line-height: 1.6; color: #fff; font-weight: 600; }
.lc-topic-list > .lc-section-title span { font-size: 13px; color: #e1effd; line-height: 1.6; text-align: right; }
.lc-topic-row {
  gap: 17px; padding: 18px 26px;
  border-bottom: 1px solid #e8edf5;
  background: #fff;
  transition: background-color .14s ease, box-shadow .14s ease;
}
.lc-topic-row:nth-of-type(even) { background: #fafcff; }
.lc-topic-row:hover { background: #eef6ff; box-shadow: inset 4px 0 #5b95d0; }
.lc-topic-row:focus-visible { outline: 3px solid #5598d6; outline-offset: -3px; }
.lc-topic-icon { width: 42px; height: 42px; font-size: 21px; border: 1px solid #dce9f8; background: #eff6ff; color: #2c70ad; }
.lc-topic-name { font-size: 16px; font-weight: 600; line-height: 1.65; color: #154a7f; }
.lc-topic-row .lc-meta { font-size: 13px; line-height: 1.6; color: #627894; margin-top: 5px; }
.lc-topic-count { flex: 0 0 85px; min-width: 85px; font-size: 16px; line-height: 1.25; color: #215b92; font-weight: 700; font-variant-numeric: tabular-nums; }
.lc-topic-count small { font-size: 12px; margin-top: 3px; color: #7086a0; font-weight: 400; }
.lc-topic-arrow { flex: none; color: #7fa6cd; }
.lc-topic-row-pinned { background: #fffcf5 !important; }
.lc-topic-row-pinned:hover { background: #fff6e5 !important; box-shadow: inset 4px 0 #c39643; }
.lc-topic-row-pinned .lc-topic-icon { background: #fff0d4; border-color: #f2dca8; color: #956516; font-size: 15px; }
.lc-pin-label { display: inline-block; vertical-align: middle; font-family: "Noto Sans Thai",sans-serif; background: #fff0d0; color: #865d19; border: 1px solid #f1d89b; border-radius: 7px; padding: 0 7px; font-size: 11px; line-height: 1.9; font-weight: 700; margin-right: 6px; white-space: nowrap; }
/* Pagination appears above AND below the listing, with the same inner gutters. */
.lc-pagination {
  padding: 15px 24px; display: flex; align-items: center;
  justify-content: space-between; flex-wrap: wrap; gap: 10px 15px;
  background: #f8fbff; border-top: 1px solid #e6edf6; border-bottom: 1px solid #e6edf6;
}
.lc-pagination .lc-pages { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin: 0; gap: 6px; }
.lc-pages-summary,.lc-pages-context { font-size: 13px; color: #59718d; font-variant-numeric: tabular-nums; }
.lc-page-button {
  min-width: 40px; min-height: 40px; display: inline-flex; align-items: center; justify-content: center;
  gap: 5px; padding: 6px 10px; border: 1px solid #d5e2ef; border-radius: 10px;
  background: #fff; color: #215b92; font: 600 14px/1.45 "Noto Sans Thai",sans-serif;
  box-shadow: 0 1px 2px rgb(20 57 91 / 3%);
}
.lc-pages a.lc-page-button:hover { color: #164575; background: #eaf4ff; border-color: #8fb7df; }
.lc-pages a.lc-page-button:focus-visible { outline: 3px solid #4b8fc9; outline-offset: 2px; }
.lc-page-button.lc-page-current { color: #fff; background: #1c568f; border-color: #1c568f; box-shadow: 0 2px 7px rgb(22 71 117 / 15%); }
.lc-page-button.lc-page-disabled { color: #9aaabd; background: #f1f5f9; border-color: #e1e9f0; cursor: default; }
.lc-page-ellipsis { color: #8b9ab0; padding: 5px 1px; }
/* Existing topic-page pager also benefits from new style but topic page size stays 20. */
.lc-topic-view > .lc-pages { gap: 10px; }
.lc-topic-view > .lc-pages a { display:inline-flex; min-height: 38px; align-items:center; }
/* Reader background: subtle gray without changing original BBCode centering. */
.lc-topic-view .lc-post-content { background: #f8fafc; color: #233c56; }
.lc-topic-view .lc-post-content .lc-bb-align--center { text-align: center; }
.lc-topic-view .lc-post-content .lc-bb-align--left { text-align: left; }
.lc-topic-view .lc-post-content .lc-bb-align--right { text-align: right; }
.lc-topic-view .lc-post-content strong { color: #1c436f; }
/* Shared family resemblance with the Lertchai Master footer. Static, no counter changes. */
.lc-footer { background: #113c6c; color: #d6e5f6; padding: 0 24px; border-top: 3px solid #d1a359; display: block; font-size: 13px; }
.lc-footer-inner { max-width: 1152px; margin: auto; padding: 29px 0 17px; }
.lc-footer-grid { display: grid; grid-template-columns: 1.5fr .8fr 1fr; gap: 34px; padding-bottom: 26px; }
.lc-footer-identity { display: flex; align-items: flex-start; gap: 13px; min-width: 0; }
.lc-footer-mark { display: grid; place-items: center; flex: 0 0 43px; width: 43px; height: 43px; border-radius: 12px; color: #fff; border: 1px solid #ffffff60; background: #ffffff18; font: 700 16px "Prompt",sans-serif; }
.lc-footer-identity strong { color: #fff; font: 600 18px/1.5 "Prompt", sans-serif; }
.lc-footer-identity strong span { color: #a9d6fd; }
.lc-footer-identity p { font-size: 14px; margin: 5px 0; color: #f4cb7e; }
.lc-footer-identity small { color: #c1d7ed; font-size: 12px; line-height: 1.7; }
.lc-footer-links,.lc-footer-social { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.lc-footer-links strong,.lc-footer-social strong { color: #fff; font-size: 14px; margin-bottom: 4px; }
.lc-footer a { color: #cfe5fb; font-size: 13px; line-height: 1.7; }
.lc-footer a:hover { color: #fff; text-decoration: underline; }
.lc-footer-bottom { border-top: 1px solid #ffffff35; padding-top: 14px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; font-size: 12px; }
.lc-footer-preview-label { color: #f0d497; }
.lc-footer-up { display: inline-block; padding: 5px 10px; border: 1px solid #ffffff40; border-radius: 8px; }
@media(max-width: 850px) {
  .lc-footer-grid { grid-template-columns: 1fr 1fr; gap: 18px; }
  .lc-footer-identity { grid-column: 1 / -1; }
  .lc-pagination { justify-content: center; text-align: center; }
  .lc-pages-summary { width: 100%; }
  .lc-pages-context { width: 100%; }
}
@media(max-width: 600px) {
  .lc-main { padding-left: 13px; padding-right: 13px; }
  .lc-page-head.lc-board-head { flex-direction: column; align-items: flex-start; padding: 18px 18px; }
  .lc-board-head .lc-stat { font-size: 19px; min-width: 90px; padding: 9px 12px; align-self: flex-start; }
  .lc-topic-list > .lc-section-title { padding: 16px 17px; align-items: flex-start; }
  .lc-topic-list > .lc-section-title span { text-align: left; }
  .lc-topic-row { padding: 15px 16px; gap: 10px; }
  .lc-topic-icon { width: 35px; height: 35px; font-size: 17px; }
  .lc-topic-name { font-size: 14px; }
  .lc-topic-count { flex-basis: 53px; min-width: 53px; font-size: 13px; }
  .lc-topic-count small { font-size: 10px; }
  .lc-topic-arrow { font-size: 21px; }
  .lc-pagination { padding: 14px 12px; gap: 8px; }
  .lc-page-button { min-width: 38px; min-height: 38px; padding: 5px 8px; }
  .lc-page-prev span,.lc-page-next span,.lc-page-disabled span { display: none; }
  .lc-footer { padding: 0 16px; }
  .lc-footer-grid { grid-template-columns: 1fr; gap: 18px; }
  .lc-footer-identity { grid-column: auto; }
  .lc-footer-bottom { gap: 9px; }
}
@media(prefers-reduced-motion: reduce) { .lc-topic-row { transition: none; } }


/* ==============================================================
   v0.6 — LML-inspired visual design (navy / royal blue / gold).
   Appearance only: NO changes to SMF categories, order, counts,
   message storage, BBCode alignment or preview access controls.
   ============================================================== */
:root {
  --lc-navy: #081f42;
  --lc-blue: #15599e;
  --lc-blue-deep: #164575;
  --lc-gold: #f3ba34;
  --lc-text: #183b61;
  --lc-border: #dce6f1;
  --lc-page: #eef3f9;
  font-family: "Noto Sans Thai", "Prompt", Tahoma, sans-serif;
  background: var(--lc-page);
  color: var(--lc-text);
}
body { background: var(--lc-page); }
/* LML-inspired three-level navigation. Keep navigation functional. */
.lc-brand-strip { background: var(--lc-navy); color: #f5d273; }
.lc-brand-strip-inner {
  max-width: 1200px; margin: 0 auto; padding: 10px 24px;
  display: flex; gap: 16px; align-items: center; justify-content: space-between;
  font: 600 13px/1.5 "Prompt", sans-serif;
}
.lc-brand-strip-inner span:last-child { color: #edf4ff; font-size: 12px; font-weight: 500; }
.lc-top { border-bottom: 0; box-shadow: none; }
.lc-top-inner { max-width: 1200px; padding: 15px 24px; gap: 18px; justify-content: space-between; }
.lc-brand { display: inline-flex; align-items: center; gap: 14px; min-width: 0; letter-spacing: 0; white-space: normal; }
.lc-brand .lc-brand-mark {
  width: 61px; height: 54px; flex: none; display: inline-grid; place-items: center;
  border-radius: 14px; background: linear-gradient(132deg, #082b56 0%, #185b9c 64%, #d8a637 100%);
  color: #fff; font: 800 23px/1 "Prompt", sans-serif;
  box-shadow: 0 7px 18px rgb(13 48 88 / 12%);
}
.lc-brand-lockup { display: flex; flex-direction: column; gap: 0; min-width: 0; }
.lc-brand-lockup strong { font: 700 21px/1.55 "Prompt", sans-serif; color: #123e6d; }
.lc-brand-lockup small { font: 400 12px/1.55 "Noto Sans Thai", sans-serif; color: #647891; }
.lc-logout { margin-left: auto; }
.lc-logout button {
  border: 1px solid #d4e2f1; color: #174775; background: #fff;
  border-radius: 10px; padding: 10px 15px; font: 500 13px "Noto Sans Thai", sans-serif;
}
.lc-logout button:hover { background: #f0f6fc; border-color: #aac9e9; }
.lc-primary-nav { background: #155b9d; color: white; box-shadow: 0 4px 15px rgb(9 48 88 / 12%); }
.lc-primary-inner {
  max-width: 1200px; margin: auto; padding: 0 24px;
  display: flex; align-items: stretch; gap: 4px; overflow-x: auto;
  scrollbar-width: thin; scrollbar-color: #88b8dd transparent;
}
.lc-primary-inner a {
  display: inline-flex; align-items: center; justify-content: center;
  flex-shrink: 0; padding: 14px 17px 13px;
  color: #fff; font: 600 14px/1.6 "Prompt", sans-serif;
  border-bottom: 3px solid transparent;
  transition: background-color .18s ease, border-color .18s ease;
}
.lc-primary-inner a:hover, .lc-primary-inner a:focus-visible {
  background: #ffffff18; border-color: var(--lc-gold); outline-offset: -3px;
}
.lc-main { padding-top: 26px; }
.lc-preview-notice { background: #fff9ed; border-color: #f2dfb5; margin-bottom: 23px; }
/* Home banner / tools */
.lc-hero {
  position: relative; min-height: 250px; padding: 34px clamp(22px, 4vw, 46px);
  background: radial-gradient(circle at 96% 22%, #315a79 0%, transparent 36%),
              linear-gradient(118deg, #071b3a 0%, #0b2a58 62%, #154a81 100%);
  border: 1px solid #315475; border-radius: 24px;
  box-shadow: 0 14px 34px rgb(12 41 81 / 11%);
}
.lc-hero::before { content: ""; position: absolute; inset: 14px; border: 1px solid #ffffff24; border-radius: 18px; pointer-events: none; }
.lc-hero > div:first-child { position: relative; z-index: 1; min-width: 0; }
.lc-hero .lc-eyebrow { color: #e6c478; letter-spacing: .07em; }
.lc-hero h1 { font-size: clamp(28px, 3.2vw, 42px); line-height: 1.48; margin: 12px 0 9px; }
.lc-hero h1 span { color: var(--lc-gold); }
.lc-hero p { color: #d6e6f8; }
.lc-hero-motif { border-color: #ffffff40; transform: rotate(-6deg); }
.lc-hero-motif span { color: #fff; }
.lc-hero-motif small { color: #ebc675; }
.lc-search { position: relative; z-index: 1; max-width: 615px; box-shadow: 0 7px 15px #04142b35; }
.lc-search input { font-size: 15px; }
.lc-search button { background: #e9ad2a; color: #15283d; padding-inline: 23px; }
.lc-search button:hover { background: #f9c44a; }
.lc-section-title h2 { color: #173f6c; }
.lc-section-title span { color: #5b708c; }
.lc-panel, .lc-category, .lc-post { border-color: var(--lc-border); box-shadow: 0 5px 25px rgb(19 55 93 / 5%); }
/* Full-width category heading; right-aligned, large board count. */
.lc-category-heading {
  display: flex; align-items: center; flex-wrap: nowrap; gap: 16px;
  padding: 16px 24px;
  background: linear-gradient(107deg, #133f70, #1c5792 58%, #256ea8);
  border-bottom: 1px solid #2a689e;
}
.lc-category-no {
  width: 46px; height: 46px; flex: 0 0 46px; border-radius: 12px;
  background: #ffffff15; border: 1px solid #ffffff4d;
}
.lc-category-title { flex: 1 1 auto; min-width: 0; }
.lc-category-title h3 { font-size: 18px; line-height: 1.6; font-weight: 600; margin: 0; color: #fff; }
.lc-category-total {
  display: flex; flex-direction: column; justify-content: center; align-items: center;
  flex: 0 0 84px; min-width: 84px; padding: 7px 9px;
  background: #eaf3ff; border: 1px solid #ffffff70; border-radius: 12px;
  color: #184f84; font-variant-numeric: tabular-nums;
}
.lc-category-total strong { font: 700 25px/1.18 "Prompt", sans-serif; color: #164777; }
.lc-category-total small { font: 500 12px/1.5 "Noto Sans Thai", sans-serif; color: #426b94; }
.lc-board { padding: 19px 24px; gap: 17px; }
.lc-board-icon { border-color: #d9e7f8; background: #eaf3ff; color: #1e66a9; }
.lc-board-title strong { font-size: 16px; color: #154877; }
.lc-board-title small { color: #526b87; }
.lc-board-stats { background: #eff5fc; border: 1px solid #e7f0f9; color: #174e83; }
.lc-board-arrow { color: #5e8dbc; }
.lc-board:hover { background: #f3f8ff; }
/* Board topic list / reading layout, consistent spacing. */
.lc-page-head.lc-board-head, .lc-topic-view .lc-page-head {
  background: linear-gradient(109deg, #fff 0%, #f7faff 57%, #e9f3ff 100%);
  border-left-color: #dda72e;
  padding: 25px 29px;
}
.lc-breadcrumb { margin-inline: 2px; line-height: 1.8; }
.lc-board-head .lc-stat { background: #eaf3ff; border-color: #dbeafa; }
.lc-topic-list > .lc-section-title { padding: 21px 26px; background: linear-gradient(108deg, #123e71, #1c5c9c); }
.lc-topic-list > .lc-section-title span { color: #e6f1fd; }
.lc-topic-row { padding: 18px 26px; gap: 17px; }
.lc-topic-name { color: #164c81; }
.lc-topic-row .lc-meta { color: #5e7591; }
.lc-topic-count { background: #f0f6fd; border: 1px solid #e4edf8; border-radius: 11px; padding: 7px 4px; }
.lc-topic-row-pinned .lc-topic-count { background: #fff1d9; border-color: #f5dfac; }
.lc-pagination { padding-inline: 26px; }
.lc-page-button.lc-page-current { background: #164f89; border-color: #164f89; }
.lc-topic-view .lc-post-author { background: linear-gradient(90deg, #ecf4fd, #f7fbff); }
.lc-topic-view .lc-post-content {
  background: #f8fafc; font-family: "Noto Sans Thai", "Prompt", Tahoma, sans-serif;
  color: #233c57; font-size: 16.5px; line-height: 1.98;
}
/* Keep individual [center], [left], [right] blocks exactly scoped. */
.lc-topic-view .lc-post-content .lc-bb-align--center { text-align: center; }
.lc-topic-view .lc-post-content .lc-bb-align--left { text-align: left; }
.lc-topic-view .lc-post-content .lc-bb-align--right { text-align: right; }
.lc-topic-view .lc-post-content .lc-content-image {
  width: auto; height: auto; max-width: 100%; max-height: none;
  display: inline-block; vertical-align: middle;
}
/* Footer: visual unification only. NO counter writes / reads in Preview. */
.lc-footer {
  background: linear-gradient(125deg, #071f42 0%, #103d71 90%);
  border-top: 3px solid var(--lc-gold);
}
.lc-footer-mark { background: linear-gradient(135deg, #205d9d, #113763); color: #fff; border-color: #ffffff45; }
.lc-footer-identity p { color: #f0cc80; }
.lc-footer-preview-label { color: #f6d795; }
.lc-footer-links a, .lc-footer-social a { text-decoration: none; }
@media (max-width: 850px) {
  .lc-brand-strip-inner { padding-inline: 17px; }
  .lc-top-inner { padding-inline: 17px; }
  .lc-primary-inner { padding-inline: 12px; }
  .lc-primary-inner a { padding: 12px 13px 11px; font-size: 13px; }
}
@media (max-width: 600px) {
  .lc-brand-strip-inner { padding: 8px 14px; }
  .lc-brand-strip-inner span:last-child { display: none; }
  .lc-top-inner { padding: 12px 14px; gap: 11px; flex-wrap: nowrap; }
  .lc-brand { gap: 9px; }
  .lc-brand-mark { width: 43px; height: 43px; border-radius: 10px; font-size: 18px; }
  .lc-brand-lockup strong { font-size: 16px; }
  .lc-brand-lockup small { display: none; }
  .lc-logout button { padding: 8px 10px; font-size: 11px; white-space: nowrap; }
  .lc-primary-inner { padding-inline: 9px; }
  .lc-hero { padding: 27px 21px; border-radius: 17px; min-height: 220px; }
  .lc-hero::before { inset: 9px; border-radius: 12px; }
  .lc-category-heading { gap: 10px; padding: 13px 13px; }
  .lc-category-no { width: 37px; height: 37px; flex-basis: 37px; font-size: 13px; }
  .lc-category-title h3 { font-size: 15px; line-height: 1.55; }
  .lc-category-total { flex: 0 0 59px; min-width: 59px; padding: 7px 5px; border-radius: 10px; }
  .lc-category-total strong { font-size: 20px; }
  .lc-category-total small { font-size: 10.5px; }
  .lc-board { padding: 15px 14px; gap: 10px; }
  .lc-board-title strong { font-size: 14.5px; }
  .lc-board-title small { font-size: 12.5px; }
  .lc-board-stats { flex-basis: 59px; min-width: 59px; }
  .lc-page-head.lc-board-head, .lc-topic-view .lc-page-head { padding: 19px 18px; }
  .lc-topic-list > .lc-section-title { padding: 17px 18px; }
  .lc-topic-row { padding: 15px 16px; gap: 10px; }
  .lc-topic-count { flex-basis: 53px; min-width: 53px; }
  .lc-pagination { padding-inline: 13px; }
  .lc-topic-view .lc-post-content { font-size: 15.5px; }
}
@media (prefers-reduced-motion: reduce) {
  .lc-primary-inner a { transition: none; }
}


/* ==================================================================
   v0.7 — Compact community UI, Lertchai Master logo and global search
   2026-10-11. This section changes PRESENTATION ONLY.
   SMF order, database, BBCode alignment, and post layout are unchanged.
   ================================================================== */

/* Shared master logo: /newimage/logo-icon/logoweb.png (main site). */
.lc-brand-logo {
  display: block; width: 106px; height: 59px; object-fit: contain;
  flex: 0 0 auto;
}
.lc-brand { gap: 13px; }
.lc-top-inner { padding-block: 10px; }
.lc-brand-lockup strong { font-size: 20px; line-height: 1.42; }
.lc-brand-lockup small { line-height: 1.55; }
.lc-footer-logo {
  width: 108px; height: 65px; display: block; flex: 0 0 auto;
  object-fit: contain; border-radius: 11px; background: #fff;
  padding: 5px 6px;
}

/* The entire navigation collection is centered; on narrow screens the
   scrollable strip starts at the left instead of hiding early items. */
.lc-primary-inner { justify-content: center; }
.lc-primary-inner a { text-align: center; }

/* Functional search on every page, independent of homepage Hero. */
.lc-search-panel {
  display: flex; align-items: center; gap: 20px;
  padding: 15px 21px; margin: 0 0 25px;
  background: #fff; border: 1px solid #dbe6f2;
  border-left: 4px solid #e9b335; border-radius: 13px;
  box-shadow: 0 3px 15px rgb(15 50 91 / 4%);
  scroll-margin-top: 18px;
}
.lc-search-copy { display: flex; flex-direction: column; min-width: 205px; gap: 2px; }
.lc-search-copy strong { font: 600 16px/1.55 "Prompt",sans-serif; color: #174679; }
.lc-search-copy small { font: 400 12px/1.55 "Noto Sans Thai",sans-serif; color: #647891; }
.lc-search-panel .lc-search-inline {
  display: flex; flex: 1 1 420px; align-items: stretch; min-width: 0;
  max-width: none; padding: 4px; margin: 0; border: 1px solid #d7e4f2;
  border-radius: 11px; background: #f9fbff; box-shadow: none;
}
.lc-search-panel .lc-search-inline:focus-within {
  border-color: #5696ce; outline: 2px solid #95c2ec5c;
}
.lc-search-panel .lc-search-inline input {
  flex: 1 1 auto; width: 100%; min-width: 0;
  background: transparent; color: #183e66;
  border: 0; outline: 0; box-shadow: none; padding: 9px 13px;
  font: 400 14px/1.5 "Noto Sans Thai",sans-serif;
}
.lc-search-panel .lc-search-inline button {
  flex: 0 0 auto; min-width: 92px;
  border: 0; border-radius: 8px; background: #eab434; color: #122942;
  font: 600 14px/1.5 "Prompt",sans-serif;
  padding: 9px 17px; box-shadow: none;
}
.lc-search-panel .lc-search-inline button:hover { background: #f4c350; }
.lc-search-panel .lc-search-inline button:focus-visible { outline: 3px solid #326ea7; outline-offset: 2px; }

/* More readable category name but smaller category head in height. */
.lc-category-heading { padding: 10px 23px; gap: 14px; }
.lc-category-no {
  width: 40px; height: 40px; flex: 0 0 40px; border-radius: 10px;
  display: inline-grid; place-items: center;
}
.lc-category-title h3 { font-size: 18.5px; line-height: 1.45; font-weight: 600; }
.lc-category-total {
  flex: 0 0 72px; min-width: 72px; padding: 4px 7px;
  border-radius: 10px;
}
.lc-category-total strong { font-size: 23px; line-height: 1.17; }
.lc-category-total small { margin: 0; font-size: 11px; line-height: 1.5; }

/* Compact board rows without clipping long Thai labels/descriptions. */
.lc-board { padding: 11px 23px; gap: 14px; min-height: 66px; }
.lc-board-icon { width: 39px; height: 39px; flex: 0 0 39px; border-radius: 11px; }
.lc-board-title strong { font-size: 16px; line-height: 1.5; }
.lc-board-title small { font-size: 13.2px; line-height: 1.5; margin-top: 2px; }
.lc-board-stats { flex: 0 0 76px; min-width: 76px; padding: 6px 4px; }
.lc-board-stats small { font-size: 11px; margin-top: 2px; }

/* Login preview uses the same real branding, but does not modify auth. */
.lc-login-brand { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.lc-login-brand img { width: 100px; height: 56px; object-fit: contain; }
.lc-login-brand strong { font: 650 18px/1.5 "Prompt",sans-serif; color: #174778; }

@media (max-width: 850px) {
  .lc-search-panel { gap: 13px; }
  .lc-search-copy { min-width: 165px; }
  .lc-category-heading { padding-inline: 18px; }
  .lc-board { padding-inline: 18px; }
}
@media (max-width: 700px) {
  .lc-primary-inner { justify-content: flex-start; }
  .lc-search-panel { flex-wrap: wrap; padding: 13px 15px; gap: 9px; }
  .lc-search-copy { flex: 1 1 100%; min-width: 0; }
  .lc-search-panel .lc-search-inline { flex-basis: 100%; }
}
@media (max-width: 600px) {
  .lc-brand-logo { width: 75px; height: 44px; }
  .lc-brand { gap: 8px; }
  .lc-brand-lockup strong { font-size: 16px; }
  .lc-top-inner { padding-block: 10px; }
  .lc-search-panel { margin-bottom: 19px; }
  .lc-search-copy strong { font-size: 14px; }
  .lc-search-copy small { font-size: 11px; }
  .lc-search-panel .lc-search-inline input { padding: 10px 9px; font-size: 13px; }
  .lc-search-panel .lc-search-inline button { min-width: 76px; padding-inline: 12px; font-size: 13px; }
  .lc-category-heading { padding: 9px 13px; gap: 10px; }
  .lc-category-no { width: 35px; height: 35px; flex-basis: 35px; font-size: 12px; }
  .lc-category-title h3 { font-size: 16px; line-height: 1.5; }
  .lc-category-total { flex: 0 0 57px; min-width: 57px; padding: 4px 5px; border-radius: 9px; }
  .lc-category-total strong { font-size: 20px; }
  .lc-category-total small { font-size: 10px; }
  .lc-board { padding: 10px 13px; gap: 9px; min-height: 62px; }
  .lc-board-icon { width: 34px; height: 34px; flex-basis: 34px; }
  .lc-board-title strong { font-size: 14.5px; }
  .lc-board-title small { font-size: 12px; line-height: 1.45; }
  .lc-board-stats { flex: 0 0 57px; min-width: 57px; padding: 6px 3px; }
  .lc-board-stats small { font-size: 10px; }
  .lc-footer-logo { width: 92px; height: 57px; }
  .lc-login-brand strong { font-size: 16px; }
}


/* ================================================================
   v0.8 — Comfortably compact visual rhythm / latest five / footer
   Stylesheet-only visual refinements. Categories and board ordering
   remain unchanged; the data queries above are read-only.
   ================================================================ */
:root {
  --lc-space-home: 22px;
  --lc-gold-soft: #fff0c9;
  --lc-gold-ink: #81500e;
}
/* A consistent cadence across homepage search, recent topics, and categories. */
.lc-main:has(> .lc-home) .lc-search-panel { margin-bottom: var(--lc-space-home); }
.lc-home { display: flex; flex-direction: column; gap: var(--lc-space-home); }
.lc-home .lc-section-title { margin: 0 0 12px; align-items: center; }
.lc-home .lc-cat-title { margin-bottom: 0; scroll-margin-top: 20px; }
.lc-home .lc-categories { gap: var(--lc-space-home); }
.lc-home-recent { scroll-margin-top: 18px; }
.lc-recent-all {
  color: #14558f; font: 600 13px/1.6 "Prompt", "Noto Sans Thai", sans-serif;
  padding: 6px 10px; border-radius: 9px;
  border: 1px solid #d4e6f7; background: #f8fbff;
  display: inline-flex; align-items: center; gap: 6px;
  text-decoration: none;
}
.lc-recent-all:hover { background: #eaf4ff; border-color: #8cbce5; }
.lc-recent-all:focus-visible { outline: 3px solid #6ba4d5; outline-offset: 2px; }
.lc-recent-all span { font-size: 20px; line-height: 1; }
/* Category numbers: modern, subtly lifted badge; category name stays primary. */
.lc-category-heading .lc-category-no {
  color: #fff; font: 750 16px/1 "Prompt",sans-serif;
  background: linear-gradient(145deg, #377bb7 0%, #1a4b82 56%, #103761 100%);
  border: 1px solid #9cc8ec99;
  box-shadow: inset 0 1px 0 #ffffff65, 0 4px 11px #061e3d38;
  text-shadow: 0 1px 2px #092d5b66;
}
/* Board count gold, topic count remains blue — clear visual hierarchy. */
.lc-category-heading .lc-category-total {
  background: var(--lc-gold-soft); border-color: #f4d78b;
  box-shadow: inset 0 1px 0 #ffffffb8, 0 2px 8px #09284718;
}
.lc-category-heading .lc-category-total strong,
.lc-category-heading .lc-category-total small { color: var(--lc-gold-ink); }
.lc-board-stats { background: #eaf3ff; border-color: #d7e7f8; }
/* Restore gentle breathing room without returning to the tall v0.6 rows. */
.lc-board { padding-top: 15px; padding-bottom: 15px; min-height: 75px; }
.lc-board-title small { line-height: 1.57; margin-top: 4px; }
/* Footer: no gold divider and no white backing behind transparent main logo. */
.lc-footer { border-top: 0; }
.lc-footer-logo {
  background: transparent; border: 0; border-radius: 0; padding: 0;
  width: 108px; height: 65px; object-fit: contain;
  /* Render the original transparent LM logo unchanged, as on the other sites. */
  filter: none;
}
/* New page reuses same legible, bordered heading surface. */
.lc-latest-head { margin-top: 6px; }
@media (max-width: 700px) {
  :root { --lc-space-home: 18px; }
  .lc-home .lc-section-title { flex-wrap: wrap; row-gap: 8px; }
  .lc-recent-all { font-size: 12px; }
}
@media (max-width: 600px) {
  .lc-board { padding-top: 13px; padding-bottom: 13px; min-height: 70px; }
  .lc-board-title small { margin-top: 3px; line-height: 1.5; }
  .lc-category-heading .lc-category-no { font-size: 13px; }
  .lc-footer-logo { width: 92px; height: 57px; }
}


/* ================================================================
   v0.9 — Focused navigation and readable SMF post typography.
   Preserve Content Fidelity: BBCode controls alignment, not CSS.
   ================================================================ */
.lc-primary-inner a {
  white-space: nowrap;
}
/* A larger reading size is applied ONLY to message bodies. The main
   navigation, lists, author metadata, and pagination keep their scale. */
.lc-topic-view .lc-post-content {
  font-size: 18px;
  line-height: 1.8;
  overflow-wrap: anywhere;
}
@media (max-width: 600px) {
  .lc-topic-view .lc-post-content {
    font-size: 17px;
    line-height: 1.8;
  }
}

/* Four destinations should all be visible on small phones without
   horizontal scrolling. The desktop navigation stays centered. */
@media (max-width: 600px) {
  .lc-primary-inner {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    justify-content: stretch;
    overflow-x: visible;
    gap: 0 6px;
    padding: 2px 10px;
  }
  .lc-primary-inner a {
    white-space: normal;
    text-align: center;
    min-width: 0;
    min-height: 44px;
    padding: 9px 5px;
    line-height: 1.45;
  }
}


/* ================================================================
   v0.10 — Compact header search, self-contained SVG navigation,
   consistent board/topic icons, subtle navy board total.
   No SMF tables, category/board ordering or post alignment changed.
   ================================================================ */
.lc-svg-icon { width: 19px; height: 19px; display: inline-block; vertical-align: middle; flex: 0 0 auto; }
/* Header: real LM logo | compact search | preview control. */
.lc-top-inner { column-gap: 18px; row-gap: 10px; }
.lc-brand { margin-right: auto; }
.lc-header-search {
  display: flex; flex: 0 0 270px; width: 270px; max-width: 100%;
  height: 40px; align-items: center; overflow: hidden;
  background: #f7faff; border: 1px solid #cfddec;
  border-radius: 10px; transition: border-color .15s, box-shadow .15s;
}
.lc-header-search:focus-within { border-color: #5391c7; box-shadow: 0 0 0 3px #5391c729; }
.lc-header-search input {
  border: 0; outline: 0; min-width: 0; width: 100%; flex: 1;
  background: transparent; color: #193e65; padding: 8px 12px;
  font: 400 13px/1.4 "Noto Sans Thai", sans-serif;
}
.lc-header-search input::placeholder { color: #72879e; }
.lc-header-search button {
  align-self: stretch; flex: 0 0 42px; border: 0; border-left: 1px solid #dce7f2;
  background: #edf4fc; color: #1e609b; display: inline-grid; place-items: center;
}
.lc-header-search button:hover { background: #dcecfb; }
.lc-header-search button:focus-visible { outline: 2px solid #266ba6; outline-offset: -3px; }
.lc-header-search .lc-svg-icon { width: 18px; height: 18px; }
.lc-logout { margin-left: 0; flex: 0 0 auto; }
/* Remove excessive empty space previously occupied by search card. */
.lc-main { padding-top: 23px; }
.lc-preview-notice { margin-bottom: 22px; }
.lc-home { gap: var(--lc-space-home, 22px); }
/* Compact four-link navbar, with icons loaded locally inside markup. */
.lc-primary-inner a { gap: 8px; }
.lc-primary-inner a .lc-svg-icon { width: 17px; height: 17px; }
/* Board totals belong to the blue category band, not a pale yellow tile. */
.lc-category-heading .lc-category-total {
  background: #16436f; border: 1px solid #6c91b6;
  box-shadow: inset 0 1px 0 #ffffff25;
}
.lc-category-heading .lc-category-total strong { color: #f6d080; }
.lc-category-heading .lc-category-total small { color: #f2e6cc; }
/* Distinct document types: folders for boards, discussion for topics, pins for sticky. */
.lc-board-icon .lc-svg-icon, .lc-topic-icon .lc-svg-icon { width: 20px; height: 20px; }
.lc-topic-row-pinned .lc-topic-icon {
  color: #996313; background: #fff1d9; border-color: #f2d9a4;
}
.lc-topic-list > .lc-section-title h2, .lc-home-recent > .lc-section-title h2 {
  display: inline-flex; align-items: center; gap: 9px;
}
.lc-topic-list > .lc-section-title h2 .lc-svg-icon { color: #fff; width: 19px; height: 19px; }
.lc-home-recent > .lc-section-title h2 .lc-svg-icon { color: #2467a4; }
/* Touch friendly, with search separate below brand on narrower screens. */
@media(max-width: 950px) {
  .lc-top-inner { flex-wrap: wrap; }
  .lc-header-search { order: 3; flex: 0 1 340px; width: 340px; margin-left: auto; }
}
@media(max-width: 600px) {
  .lc-top-inner { gap: 8px 10px; }
  .lc-brand { max-width: calc(100% - 118px); }
  .lc-brand-lockup strong { font-size: 15px; }
  .lc-header-search { flex: 1 1 100%; width: 100%; margin-left: 0; height: 40px; }
  .lc-logout button { font-size: 11px; }
  .lc-primary-inner a { gap: 6px; }
  .lc-primary-inner a .lc-svg-icon { width: 16px; height: 16px; }
  .lc-topic-icon .lc-svg-icon,.lc-board-icon .lc-svg-icon { width: 18px; height: 18px; }
}
@media(prefers-reduced-motion: reduce) {
  .lc-header-search { transition: none; }
}

/* v0.12.2 — Visible admin entry from the Preview header. The admin login remains separate. */
.lc-admin-entry {
  display: inline-flex; align-items: center; justify-content: center; gap: 7px;
  flex: 0 0 auto; min-height: 40px; padding: 8px 13px;
  border-radius: 10px; background: #16436f; color: #ffffff;
  border: 1px solid #16436f; font: 600 13px/1.4 "Noto Sans Thai", sans-serif;
  white-space: nowrap; transition: background .16s ease;
}
.lc-admin-entry:hover { background: #245e93; color: #ffffff; }
.lc-admin-entry:focus-visible { outline: 3px solid #d7a743; outline-offset: 2px; }
.lc-admin-entry .lc-svg-icon { width: 15px; height: 15px; }
@media(max-width: 600px) {
  .lc-top-inner { justify-content: flex-start; }
  .lc-brand { order: 0; margin-right: auto; }
  .lc-logout { order: 1; }
  .lc-header-search { order: 2; }
  .lc-admin-entry { order: 3; font-size: 12px; min-height: 36px; padding: 7px 12px; }
}
@media(prefers-reduced-motion: reduce) { .lc-admin-entry { transition: none; } }

/* v0.12.5: discreet gear-only link beside the motto. Visible entry point;
   real access is protected by Preview + owner authentication, not by CSS. */
.lc-brand-strip-inner .lc-brand-owner-area{display:inline-flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}
.lc-brand-strip-inner .lc-brand-tagline{color:#edf4ff;font-size:12px;font-weight:500;white-space:nowrap}
.lc-brand-owner-link{display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;padding:3px;border:0;border-radius:6px;background:transparent;color:#d8b66a;text-decoration:none;box-sizing:border-box}
.lc-brand-owner-link:hover{background:rgba(255,255,255,.10);color:#f6d080}
.lc-brand-owner-link:focus-visible{outline:2px solid #f7cd6c;outline-offset:2px}
.lc-brand-owner-link .lc-svg-icon{width:18px;height:18px;flex:none}
@media(max-width:600px){
 .lc-brand-strip-inner .lc-brand-owner-area{gap:5px}
 .lc-brand-strip-inner .lc-brand-tagline{font-size:10px;white-space:normal;text-align:right;line-height:1.35}
}

/* Optional per-image BBCode border (no change to legacy images or layout). */
.lc-post-content img.lc-image-border,
.lc-owner-rich-editor img.lc-image-border {
  border-style: solid;
  box-sizing: border-box;
}
.lc-post-content img.lc-image-border--gray, .lc-owner-rich-editor img.lc-image-border--gray { border-color: #cbd5e1; }
.lc-post-content img.lc-image-border--dark, .lc-owner-rich-editor img.lc-image-border--dark { border-color: #64748b; }
.lc-post-content img.lc-image-border--blue, .lc-owner-rich-editor img.lc-image-border--blue { border-color: #2563a6; }
.lc-post-content img.lc-image-border--black, .lc-owner-rich-editor img.lc-image-border--black { border-color: #252b35; }
.lc-post-content img.lc-image-border--gold, .lc-owner-rich-editor img.lc-image-border--gold { border-color: #b88b36; }
.lc-post-content img.lc-image-border-width--1, .lc-owner-rich-editor img.lc-image-border-width--1 { border-width: 1px; }
.lc-post-content img.lc-image-border-width--2, .lc-owner-rich-editor img.lc-image-border-width--2 { border-width: 2px; }
.lc-post-content img.lc-image-border-width--3, .lc-owner-rich-editor img.lc-image-border-width--3 { border-width: 3px; }
/* Owner-only quick controls in existing layout. Does NOT modify columns/cards. */
.lc-owner-quick{display:flex;justify-content:flex-end;margin:9px 0 14px;gap:8px;flex-wrap:wrap}
.lc-owner-quick a,.lc-owner-inline-row a{display:inline-flex;align-items:center;gap:5px;color:#165f9b;text-decoration:none;font-weight:600;font-size:.86rem;padding:7px 12px;border:1px solid #c8ddef;border-radius:7px;background:#f7fbff}
.lc-owner-quick a:hover,.lc-owner-inline-row a:hover{border-color:#87b8df;background:#ecf7ff}
.lc-owner-inline-row{display:flex;justify-content:flex-end;margin:-2px 0 7px;padding-right:12px}


/* v0.14.3: opt-in typography for explicitly selected archived text only. */
.lc-text-font--noto{font-family:"Noto Sans Thai",Tahoma,sans-serif}
.lc-text-font--prompt{font-family:Prompt,"Noto Sans Thai",sans-serif}
.lc-text-font--sarabun{font-family:"TH Sarabun New","Noto Sans Thai",Tahoma,sans-serif}
.lc-text-font--tahoma{font-family:Tahoma,"Noto Sans Thai",sans-serif}
.lc-text-font--arial{font-family:Arial,"Noto Sans Thai",sans-serif}
.lc-text-font--times{font-family:"Times New Roman","Noto Sans Thai",serif}
.lc-text-size--10{font-size:10pt}
.lc-text-size--12{font-size:12pt}
.lc-text-size--14{font-size:14pt}
.lc-text-size--16{font-size:16pt}
.lc-text-size--18{font-size:18pt}
.lc-text-size--20{font-size:20pt}
.lc-text-size--24{font-size:24pt}
.lc-text-size--28{font-size:28pt}
.lc-text-size--32{font-size:32pt}
.lc-text-color--black{color:#202c3d}
.lc-text-color--navy{color:#183d6a}
.lc-text-color--blue{color:#2167ad}
.lc-text-color--red{color:#ba2839}
.lc-text-color--green{color:#18734c}
.lc-text-color--purple{color:#7442a0}
.lc-text-color--gray{color:#64748b}
.lc-text-color--gold{color:#987017}
@media(max-width:650px){.lc-text-size--28{font-size:min(28pt,7vw)}.lc-text-size--32{font-size:min(32pt,8vw)}}


/* v0.14.4 — Visual harmony with Lertchai Master / LML.
   ONLY paint-level refinements. Do not change layout, columns, typography
   of posts, image dimensions, BBCode, admin controls or routing. */
:root {
  --lc-navy: #102b4e;
  --lc-blue: #195f9f;
  --lc-gold: #e7bd67;
  --lc-text: #193c63;
  --lc-border: #dbe6f1;
  --lc-page: #f1f5fa;
}
.lc-brand-strip {
  background: linear-gradient(90deg, #102948 0%, #173b65 100%);
}
.lc-primary-nav {
  background: linear-gradient(90deg, #17548c 0%, #2066a0 100%);
  box-shadow: 0 3px 12px rgb(11 49 86 / 11%);
}
.lc-primary-inner a:hover,
.lc-primary-inner a:focus-visible {
  background: rgb(255 255 255 / 12%);
  border-bottom-color: #e7bd67;
}
.lc-header-search {
  background: #f8fbff;
  border-color: #d2e1ef;
}
.lc-header-search:focus-within {
  border-color: #397db5;
  box-shadow: 0 0 0 3px rgb(40 114 178 / 14%);
}
.lc-header-search button { background: #edf5fc; color: #195f9f; }
.lc-header-search button:hover { background: #e1eefb; }
.lc-panel,.lc-category,.lc-post {
  border-color: #dbe6f1;
  box-shadow: 0 5px 20px rgb(20 59 95 / 5%);
}
.lc-category-heading {
  background: linear-gradient(110deg, #164573 0%, #205d97 62%, #2a72a8 100%);
  border-bottom-color: #306a99;
}
.lc-board:hover { background: #f3f9ff; }
.lc-topic-row:not(.lc-topic-row-pinned):hover { background: #f2f8ff; }
.lc-section-title h2,.lc-page-head h1 { color: #193e69; }
.lc-owner-quick a,.lc-owner-inline-row a {
  background: #f7fbff;
  border-color: #cbdfee;
  color: #1b619d;
}
.lc-owner-quick a:hover,.lc-owner-inline-row a:hover {
  background: #edf6ff;
  border-color: #9cc3e2;
}
.lc-footer { background: linear-gradient(120deg, #102b4e 0%, #174777 100%); }
/* Visible keyboard focus: independent of hover; no size or positioning changes. */
.lc-logout button:focus-visible,
.lc-owner-quick a:focus-visible,
.lc-owner-inline-row a:focus-visible {
  outline: 2px solid #d4a44d;
  outline-offset: 2px;
}

/* Two read-only footer counters: no change to Community layout outside footer. */
.lc-counter-pair { display: inline-flex; flex-wrap: wrap; gap: 3px 14px; align-items: center; }
.lc-counter-pair .lc-counter-item { white-space: nowrap; }

/* v0.14.9: Golden counters consistent with the main site, keeping footer layout unchanged. */
.lc-counter-pair .lc-counter-item strong{color:#ffc941;font-weight:750;font-variant-numeric:tabular-nums}


/* v0.14.10 — Small, scoped visual alignment; no data or behavior changes. */
/* Match the established Lertchai Master navy family without altering navigation. */
.lc-brand-strip { background: linear-gradient(90deg, #061a38 0%, #0a315f 100%); }
.lc-primary-nav {
  background: linear-gradient(90deg, #0a315f 0%, #0b3c78 68%, #0b579f 100%);
}
.lc-footer {
  background:
    radial-gradient(circle at 93% -15%, rgba(244,197,66,.12), transparent 34%),
    radial-gradient(circle at -8% 115%, rgba(255,255,255,.055), transparent 30%),
    linear-gradient(135deg, #061a38 0%, #0a315f 62%, #0b3c78 100%);
}

/* Match topic-row cadence to the approved compact board-row design.
   Min-height only: long Thai topic titles may freely wrap and expand. */
.lc-topic-list .lc-topic-row {
  min-height: 75px;
  gap: 14px;
  padding: 13px 23px;
}
.lc-topic-list .lc-topic-icon {
  width: 39px;
  height: 39px;
  flex: 0 0 39px;
  font-size: 19px;
}
.lc-topic-list .lc-topic-name { line-height: 1.5; }
.lc-topic-list .lc-topic-row .lc-meta { margin-top: 3px; line-height: 1.5; }
.lc-topic-list .lc-topic-count {
  flex: 0 0 76px;
  min-width: 76px;
  padding: 6px 4px;
  font-size: 15px;
}
.lc-topic-list .lc-topic-count small { font-size: 11px; }

@media (max-width: 600px) {
  /* Keep the same visual rhythm while preserving comfortable touch targets. */
  .lc-topic-list .lc-topic-row { min-height: 70px; gap: 9px; padding: 11px 13px; }
  .lc-topic-list .lc-topic-icon { width: 34px; height: 34px; flex-basis: 34px; }
  .lc-topic-list .lc-topic-name { font-size: 14px; }
  .lc-topic-list .lc-topic-row .lc-meta { font-size: 12px; }
  .lc-topic-list .lc-topic-count { flex-basis: 57px; min-width: 57px; padding: 6px 3px; }
  .lc-topic-list .lc-topic-count small { font-size: 10px; }
}

/* v0.14.11: homepage latest-topic rows match category/board density.
   Only the homepage block is changed; topic-list and reading views are untouched. */
.lc-home-recent .lc-topic-row {
  min-height: 75px; padding: 13px 23px; gap: 14px;
}
.lc-home-recent .lc-topic-icon { width: 39px; height: 39px; flex: 0 0 39px; }
.lc-home-recent .lc-topic-name { line-height: 1.5; }
.lc-home-recent .lc-topic-row .lc-meta { margin-top: 3px; line-height: 1.5; }
.lc-home-recent .lc-topic-count { flex: 0 0 76px; min-width: 76px; padding: 6px 4px; font-size: 15px; }
.lc-home-recent .lc-topic-count small { font-size: 11px; }
@media (max-width: 850px) {
  .lc-home-recent .lc-topic-row { min-height: 62px; padding: 10px 13px; gap: 9px; }
  .lc-home-recent .lc-topic-icon { width: 34px; height: 34px; flex-basis: 34px; }
  .lc-home-recent .lc-topic-name { font-size: 14.5px; }
  .lc-home-recent .lc-topic-row .lc-meta { font-size: 12px; }
  .lc-home-recent .lc-topic-count { flex-basis: 57px; min-width: 57px; font-size: 13px; padding: 6px 3px; }
  .lc-home-recent .lc-topic-count small { font-size: 10px; }
}

/* Topic-only fallback: do not show broken legacy SMF image placeholders.
   A class is applied only after image load fails; the original URL is retained. */
.lc-post-content img.lc-image-load-failed { display: none !important; }

/* Opt-in galleries in newly authored posts; no changes to legacy SMF images. */
.lc-post-content .lc-gallery{display:grid;grid-template-columns:repeat(var(--lc-cols,2),minmax(0,1fr));gap:10px;margin:15px 0;max-width:100%;min-width:0;align-items:start}
.lc-post-content .lc-gallery--1{--lc-cols:1}.lc-post-content .lc-gallery--2{--lc-cols:2}.lc-post-content .lc-gallery--3{--lc-cols:3}
.lc-post-content .lc-gallery .lc-content-image{display:block;width:auto;max-width:100%;min-width:0;height:auto;object-fit:contain;margin:0 auto;cursor:zoom-in}
@media(max-width:650px){.lc-post-content .lc-gallery--3{--lc-cols:2}}

.lc-post-content .lc-gallery .lc-gallery-image-link{display:flex;justify-content:center;min-width:0;max-width:100%;line-height:0}
.lc-post-content .lc-gallery .lc-gallery-image-link img{width:auto;height:auto;max-width:100%;object-fit:contain}