/* DEV656 — only two operational pages. No global Rich/Header/Core/Local overrides. */
.la-operational-page .la-hero.is-operational-hero {
  min-height: 340px;
  background: linear-gradient(110deg,#f8f6f0,#e9e8e0);
}
.la-operational-page .la-hero.is-operational-hero .la-hero-inner {
  padding: 52px 0 45px;
}
.la-operational-page .la-hero.is-operational-hero .la-hero-copy {max-width:610px}
.la-operational-page .la-hero.is-operational-hero h1 {
  font-size:clamp(36px,3.8vw,49px);line-height:1.16; margin-bottom:12px;
}
.la-operational-page .la-hero.is-operational-hero .la-hero-sub {font-size:19px;line-height:1.5}
.la-operational-page .la-hero.is-operational-hero .la-lead {font-size:15px;max-width:570px;line-height:1.65}
.la-operational-page .la-hero.is-operational-hero .la-btn {margin-top:17px}
.la-operational-page .la-operational-handoff {scroll-margin-top:100px}

.la-operational-page.is-contact-hub .la-contact-hero-actions {display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:17px}
.la-operational-page.is-contact-hub .la-contact-hero-actions .la-btn {display:inline-flex;align-items:center;justify-content:center;height:46px;min-height:46px;box-sizing:border-box;margin-top:0;padding:0 18px;line-height:1}
.la-operational-page.is-contact-hub .la-contact-hero-phone {display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;min-height:46px;box-sizing:border-box;padding:0 16px;border:1px solid rgba(63,78,58,.34);border-radius:999px;background:rgba(255,255,255,.78);color:#344333!important;text-decoration:none!important;font-size:14px;font-weight:700;line-height:1;box-shadow:none;transition:background-color .18s ease,border-color .18s ease,color .18s ease}
.la-operational-page.is-contact-hub .la-contact-phone-icon {display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:18px;line-height:0;color:#3f563f}
.la-operational-page.is-contact-hub .la-contact-phone-icon svg {display:block;width:18px;height:18px;fill:currentColor}
.la-operational-page.is-contact-hub .la-contact-hero-phone strong {font-size:16px;line-height:1;letter-spacing:-.02em;color:#283526}
.la-operational-page.is-contact-hub .la-contact-hero-phone:hover {border-color:rgba(63,78,58,.55);background:#fff;color:#283526!important}
.la-operational-page.is-contact-hub .la-section {padding:42px 0}
.la-operational-page.is-contact-hub .la-card {min-height:124px;padding:22px}
.la-operational-page.is-contact-hub .la-card h3 {margin:10px 0 6px}
.la-operational-page.is-contact-hub .la-section-head {margin-bottom:20px}
.la-operational-page.is-contact-hub .la-section h2 {font-size:28px}
.la-operational-page .la-operational-preview {background:#fff;padding:40px 0 54px;border-top:1px solid #eeece6}
.la-operational-page .la-operational-preview h2 {font-size:24px;line-height:1.3;margin:6px 0 8px}
.la-operational-page .la-operational-preview p {max-width:780px;color:#6b7168}
.la-operational-page .la-operational-skeleton-tabs {margin:20px 0;padding:14px 18px;border:1px dashed #bfc8ba;border-radius:13px;color:#63715e}
.la-operational-page .la-operational-skeleton-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.la-operational-page .la-operational-skeleton-grid>div {height:190px;background:linear-gradient(#eff1eb 0 68%,#fff 68% 100%);border:1px solid #e2e4dc;border-radius:14px}
.la-operational-page .la-operational-form-skeleton {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}
.la-operational-page .la-operational-form-skeleton span {height:50px;border:1px solid #dadfd5;border-radius:9px;background:#fbfcfa}
.la-operational-page .la-operational-form-skeleton .is-wide {grid-column:span 2;height:124px}
body.lineart-operational-contact #content .wpforms-container {max-width:1080px;margin-left:auto;margin-right:auto}
body.lineart-operational-contact #content .wpforms-container input,
body.lineart-operational-contact #content .wpforms-container select,
body.lineart-operational-contact #content .wpforms-container textarea {max-width:100%;border-radius:9px}
@media(max-width:900px){
  .la-operational-page .la-operational-skeleton-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .la-operational-page .la-hero.is-operational-hero {min-height:290px}
  .la-operational-page .la-hero.is-operational-hero .la-hero-inner {padding:42px 0 38px}
  .la-operational-page .la-hero.is-operational-hero .la-hero-copy {max-width:100%}
  .la-operational-page .la-hero.is-operational-hero .la-hero-sub {font-size:17px}
  .la-operational-page.is-contact-hub .la-grid {grid-template-columns:1fr}
  .la-operational-page.is-contact-hub .la-contact-hero-actions {align-items:flex-start;gap:10px 16px}
  .la-operational-page.is-contact-hub .la-contact-hero-phone {font-size:13px}
  .la-operational-page.is-contact-hub .la-contact-hero-phone strong {font-size:16px}
  .la-operational-page .la-operational-skeleton-grid {grid-template-columns:1fr}
}

/* ==========================================================================
   DEV654 — verified KBoard gallery archive runtime polish + Core alignment
   Scope is /cases/ only; KBoard remains functional owner.
   ========================================================================== */
body.lineart-operational-cases #kboard-default-list.lineart-gallery-list,
body.lineart-operational-cases #kboard-default-list.la-cases-archive-board {
  width:min(1180px,calc(100% - 48px));
  max-width:1180px;
  margin:0 auto;
  padding:24px 0 52px;
  --kboard-primary:#566d55;
  --kboard-primary-hover:#3f563f;
  --kboard-text:#2e312a;
  --kboard-text-muted:#73756c;
  --kboard-bg-alt:#f7f7f2;
  --kboard-border:#d7d1c5;
}
body.lineart-operational-cases #kboard-default-list .lineart-list-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:0 0 16px;
  padding:0 0 14px;
  border-bottom:1px solid #ebe8df;
}
body.lineart-operational-cases #kboard-default-list .lineart-total {
  color:#444a40;
  font-size:14px;
  font-weight:750;
}
body.lineart-operational-cases #kboard-default-list select,
body.lineart-operational-cases #kboard-default-list input[type="text"] {
  border-color:#d7d1c5!important;
  border-radius:10px!important;
  color:#343a32!important;
  background-color:#fff!important;
}
body.lineart-operational-cases #kboard-default-list select:focus,
body.lineart-operational-cases #kboard-default-list input[type="text"]:focus {
  border-color:#707957!important;
  box-shadow:0 0 0 3px rgba(112,121,87,.13)!important;
}

/* Tabs are a progressive mirror of KBoard's real category select. */
body.lineart-operational-cases .la-cases-tree-tabs:not([hidden]) {
  display:block;
  width:min(1180px,calc(100% - 48px));
  max-width:1180px;
  margin:0 auto;
  padding:21px 0 17px;
}
body.lineart-operational-cases .la-cases-tree-tabs__row {
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin:0 0 9px;
}
body.lineart-operational-cases .la-cases-tree-tabs__row:last-child {margin-bottom:0}
body.lineart-operational-cases .la-cases-tree-tabs a {
  min-height:40px;
  margin:0;
  padding:9px 17px;
  border:1px solid #d7d1c5;
  border-radius:999px;
  background:#fff;
  color:#4b5348;
  font:inherit;
  font-size:14px;
  font-weight:750;
  line-height:1.35;
  letter-spacing:-.02em;
  text-decoration:none!important;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
}
body.lineart-operational-cases .la-cases-tree-tabs a:hover {
  border-color:rgba(112,121,87,.55);
  background:#f6f7f2;
  color:#344333;
}
body.lineart-operational-cases .la-cases-tree-tabs a.is-active,
body.lineart-operational-cases .la-cases-tree-tabs a[aria-current="page"] {
  border-color:#566d55;
  background:#566d55;
  color:#fff;
  box-shadow:0 6px 16px rgba(63,86,63,.12);
}
body.lineart-operational-cases .la-cases-tree-tabs a:focus-visible {
  outline:3px solid rgba(112,121,87,.30);
  outline-offset:2px;
}
/* Hide only the native tree-category dropdown once its accessible tab mirror exists. */
body.lineart-operational-cases #kboard-default-list.la-cases-tabs-ready .kboard-tree-category-search {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

/* Core case-card rhythm: 3 columns, six KBoard records per page via DEV654 RPP filter. */
body.lineart-operational-cases #kboard-default-list .lineart-card-grid,
body.lineart-operational-cases #kboard-default-list .la-cases-js-grid {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:22px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
body.lineart-operational-cases #kboard-default-list .lineart-card-grid > .lineart-card,
body.lineart-operational-cases #kboard-default-list .la-cases-js-grid > .lineart-card {
  min-width:0;
  overflow:hidden;
  border:1px solid #d7d1c5!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 10px 30px rgba(59,55,45,.055)!important;
  transition:border-color .24s ease,box-shadow .24s ease,transform .24s ease;
}
body.lineart-operational-cases #kboard-default-list .lineart-card:hover {
  border-color:rgba(112,121,87,.46)!important;
  box-shadow:0 14px 34px rgba(59,55,45,.075)!important;
  transform:translateY(-1px);
}
body.lineart-operational-cases #kboard-default-list .lineart-card-link {
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  color:inherit!important;
  text-decoration:none!important;
}
body.lineart-operational-cases #kboard-default-list .lineart-card-thumb,
body.lineart-operational-cases #kboard-default-list .lineart-card-thumb.la-cases-media-frame {
  position:relative!important;
  display:flex!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:4/3!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:#f0ede5!important;
}
body.lineart-operational-cases #kboard-default-list .lineart-card-thumb > img {
  position:static!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:100%!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  transition:none!important;
}
/* Field-card graphics contain text near their edges; never zoom/crop them in archive cards. */
body.lineart-operational-cases #kboard-default-list .lineart-card:hover .lineart-card-thumb > img {transform:none!important}
body.lineart-operational-cases #kboard-default-list .lineart-card-body {
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  min-height:116px;
  padding:20px 20px 19px!important;
}
body.lineart-operational-cases #kboard-default-list .lineart-card-body h3 {
  display:-webkit-box;
  overflow:hidden;
  min-height:53px;
  margin:0!important;
  color:#2e312a!important;
  font-size:17px!important;
  font-weight:750!important;
  line-height:1.5!important;
  letter-spacing:-.025em!important;
  text-overflow:ellipsis;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
body.lineart-operational-cases #kboard-default-list .lineart-card-meta {
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:auto!important;
  padding-top:14px!important;
  color:#777b72!important;
  font-size:12px!important;
  font-weight:600!important;
}
body.lineart-operational-cases #kboard-default-list .lineart-card-badges span {
  border-radius:999px!important;
  box-shadow:none!important;
}

/* Keep native KBoard operations, but bring the controls into the Sage system. */
body.lineart-operational-cases #kboard-default-list .kboard-pagination {padding:30px 0 18px!important}
body.lineart-operational-cases #kboard-default-list .kboard-pagination li.active a,
body.lineart-operational-cases #kboard-default-list .kboard-pagination li a:hover {
  border-color:#566d55!important;
  background:#566d55!important;
  color:#fff!important;
}
body.lineart-operational-cases #kboard-default-list .kboard-search {margin:0 auto 10px!important;padding:0!important;background:transparent!important}
body.lineart-operational-cases #kboard-default-list .kboard-search form {justify-content:center!important}
body.lineart-operational-cases #kboard-default-list .kboard-default-button-small,
body.lineart-operational-cases #kboard-default-list button.kboard-default-button-small,
body.lineart-operational-cases #kboard-default-list a.kboard-default-button-small {
  border-color:#566d55!important;
  background:#566d55!important;
  color:#fff!important;
  border-radius:10px!important;
  box-shadow:none!important;
}
body.lineart-operational-cases #kboard-default-list .kboard-default-poweredby {
  opacity:.55;
  font-size:11px!important;
}

@media(max-width:1024px){
  body.lineart-operational-cases #kboard-default-list .lineart-card-grid,
  body.lineart-operational-cases #kboard-default-list .la-cases-js-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
}
@media(max-width:760px){
  body.lineart-operational-cases #kboard-default-list.lineart-gallery-list,
  body.lineart-operational-cases #kboard-default-list.la-cases-archive-board,
  body.lineart-operational-cases .la-cases-tree-tabs:not([hidden]) {width:calc(100% - 28px)}
  body.lineart-operational-cases #kboard-default-list .lineart-card-grid,
  body.lineart-operational-cases #kboard-default-list .la-cases-js-grid {gap:13px!important}
  body.lineart-operational-cases #kboard-default-list .lineart-card-body {padding:16px!important}
  body.lineart-operational-cases #kboard-default-list .lineart-card-body h3 {font-size:16px!important}
}
@media(max-width:560px){
  body.lineart-operational-cases #kboard-default-list .lineart-card-grid,
  body.lineart-operational-cases #kboard-default-list .la-cases-js-grid {grid-template-columns:1fr!important}
}

/* DEV655 native LineArt inquiry form — exact live shortcode is also shown in the renewal preview.
 * Functional ownership (nonce, DB save, SOLAPI, field names) stays in the inquiry module. */
body.lineart-operational-contact #lineart-inquiry.lineart-inquiry {
  width:min(1080px,calc(100% - 48px))!important;
  max-width:1080px!important;
  margin:0 auto 58px!important;
  padding:44px 0 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.lineart-operational-contact #lineart-inquiry .lineart-inquiry-head {margin:0 0 20px!important}
body.lineart-operational-contact #lineart-inquiry .lineart-inquiry-kicker {
  margin:0 0 7px!important;color:#69765b!important;font-size:11px!important;font-weight:850!important;letter-spacing:.16em!important
}
body.lineart-operational-contact #lineart-inquiry.lineart-inquiry h2 {
  margin:0 0 8px!important;color:#2e312a!important;font-size:28px!important;font-weight:760!important;line-height:1.3!important;letter-spacing:-.035em!important
}
body.lineart-operational-contact #lineart-inquiry .lineart-inquiry-desc,
body.lineart-operational-contact #lineart-inquiry .lineart-inquiry-note {color:#6c7068!important;font-size:14px!important;line-height:1.65!important}
body.lineart-operational-contact #lineart-inquiry .lineart-inquiry-card {
  padding:28px!important;border:1px solid #d7d1c5!important;border-radius:22px!important;background:#fff!important;box-shadow:0 10px 30px rgba(59,55,45,.055)!important
}
body.lineart-operational-contact #lineart-inquiry .lineart-inquiry-fields {
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important
}
body.lineart-operational-contact #lineart-inquiry .lineart-inquiry-fields label {display:flex!important;flex-direction:column!important;gap:7px!important;margin:0!important}
body.lineart-operational-contact #lineart-inquiry .lineart-inquiry-fields label.is-wide {grid-column:1/-1!important}
body.lineart-operational-contact #lineart-inquiry form input:not([type="hidden"]):not(.lineart-inquiry-trap),
body.lineart-operational-contact #lineart-inquiry form textarea {
  border-color:#d7d1c5!important;border-radius:12px!important;background:#fbfcfa!important;color:#343a32!important
}
body.lineart-operational-contact #lineart-inquiry form input:not([type="hidden"]):not(.lineart-inquiry-trap){min-height:50px!important}
body.lineart-operational-contact #lineart-inquiry form textarea{min-height:142px!important}
body.lineart-operational-contact #lineart-inquiry form input:focus,
body.lineart-operational-contact #lineart-inquiry form textarea:focus {
  border-color:#707957!important;box-shadow:0 0 0 3px rgba(112,121,87,.13)!important;outline:none!important
}
body.lineart-operational-contact #lineart-inquiry .lineart-inquiry-actions {display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important;margin-top:18px!important}
body.lineart-operational-contact #lineart-inquiry form button[type="submit"] {
  margin:0!important;padding:11px 18px!important;min-height:46px!important;border:1px solid #566d55!important;border-radius:999px!important;background:#566d55!important;color:#fff!important;box-shadow:none!important
}
body.lineart-operational-contact #lineart-inquiry form button[type="submit"]:hover {background:#3f563f!important;border-color:#3f563f!important}
body.lineart-operational-contact #lineart-inquiry .lineart-inquiry-phone {height:46px!important;min-height:46px!important;box-sizing:border-box!important;border-color:rgba(63,78,58,.34)!important;background:#f7f8f4!important;color:#344333!important}
body.lineart-operational-contact #lineart-inquiry .lineart-inquiry-phone-icon {display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 18px!important;width:18px!important;height:18px!important;line-height:0!important;color:#3f563f!important}
body.lineart-operational-contact #lineart-inquiry .lineart-inquiry-phone-icon svg {display:block!important;width:18px!important;height:18px!important;fill:currentColor!important}
body.lineart-operational-contact #lineart-inquiry .lineart-inquiry-note {margin-top:11px!important}
@media(max-width:760px){
  body.lineart-operational-contact #lineart-inquiry.lineart-inquiry {width:calc(100% - 28px)!important;margin:0 auto 42px!important;padding-top:34px!important}
  body.lineart-operational-contact #lineart-inquiry .lineart-inquiry-card {padding:20px!important}
  body.lineart-operational-contact #lineart-inquiry .lineart-inquiry-fields {grid-template-columns:1fr!important}
  body.lineart-operational-contact #lineart-inquiry .lineart-inquiry-fields label.is-wide {grid-column:auto!important}
  body.lineart-operational-contact #lineart-inquiry .lineart-inquiry-actions {align-items:stretch!important;flex-direction:column!important}
  body.lineart-operational-contact #lineart-inquiry form button[type="submit"],
  body.lineart-operational-contact #lineart-inquiry .lineart-inquiry-phone {width:100%!important}
}
