.leveler-column,
body.leveler-column-page {
  --ink: #222222;
  --body: #333333;
  --muted: #747982;
  --navy: #04384c;
  --navy-deep: #022d3d;
  --green: #137a52;
  --surface: #f4f6fa;
  --surface-2: #e9edf3;
  --line: #d8dde5;
  --white: #ffffff;
  --container: 1200px;
  --font: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", YuGothic, Meiryo, sans-serif;
}

.leveler-column, .leveler-column * { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.leveler-column-page { margin: 0; color: var(--body); background: var(--surface); font-family: var(--font); font-size: 16px; line-height: 1.5; }
.leveler-column img { display: block; max-width: 100%; }
.leveler-column a { color: inherit; text-decoration: none; }
.leveler-column button, .leveler-column input { font: inherit; }

.lc-fixture-notice {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.lc-breadcrumb {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #535860;
  font-size: 12px;
}
.lc-breadcrumb a { text-decoration: underline; text-underline-offset: 4px; }

/* Hub */
.lc-featured {
  position: relative;
  min-height: 571px;
  overflow: hidden;
  padding: 76px 0 30px;
  background: var(--surface);
}
.lc-featured .lc-breadcrumb { position: absolute; top: 76px; left: max(24px, calc(50% - 600px)); z-index: 4; }
.lc-featured__label {
  position: absolute;
  top: 105px;
  left: max(24px, calc(50% - 600px));
  z-index: 4;
  margin: 0;
  color: var(--white);
  font-size: 16px;
  font-weight: 800;
}
.lc-featured__viewport { position: relative; height: 430px; overflow: hidden; }
.lc-featured__track {
  position: absolute;
  left: calc(50% - 1120px);
  bottom: 0;
  display: flex;
  gap: 48px;
  width: max-content;
}
.lc-feature-card {
  flex: 0 0 800px;
  height: 430px;
  overflow: hidden;
  border-radius: 42px 42px 42px 42px;
  background: var(--navy-deep);
  color: var(--white);
}
.lc-feature-card > img,
.lc-feature-card__media { width: 100%; height: 300px; }
.lc-feature-card > img,
.lc-feature-card__media img { width: 100%; height: 100%; object-fit: cover; }
.lc-feature-card__media { position: relative; }
.lc-feature-card__cover {
  position: absolute;
  inset: 50% auto auto 50%;
  display: grid;
  justify-items: center;
  width: min(72%, 560px);
  padding: 20px 28px;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(4, 56, 76, .14);
  border-radius: 20px;
  background: rgba(255,255,255,.94);
  color: var(--navy);
  text-align: center;
}
.lc-feature-card__cover span { padding: 4px 16px; border-radius: 8px; background: var(--navy); color: #fff; font-size: 13px; font-weight: 800; }
.lc-feature-card__cover b { margin-top: 12px; font-size: 30px; line-height: 1.35; }
.lc-feature-card__cover small { margin-top: 4px; font-size: 18px; font-weight: 800; }
.lc-feature-card__body { height: 130px; padding: 22px 40px; background: var(--navy); }
.lc-feature-card__body h2 { margin: 9px 0 0; font-size: 18px; line-height: 1.55; }
.lc-feature-card--side { opacity: .94; }
.lc-feature-card--side .lc-feature-card__body { display: grid; align-content: center; gap: 6px; }
.lc-feature-card--side .lc-feature-card__body span { color: #d7e7ec; font-size: 12px; }
.lc-feature-card--side .lc-feature-card__body strong { font-size: 18px; }
.lc-card-meta { display: flex; align-items: center; justify-content: space-between; gap: 16px; font-size: 12px; }
.lc-card-meta span { color: var(--navy); font-weight: 800; }
.lc-feature-card .lc-card-meta span { color: #d8edf2; }
.lc-card-meta time { color: #8b9099; letter-spacing: .03em; }
.lc-feature-card .lc-card-meta time { color: #b9c7cd; }
.lc-slider-dots { display: flex; justify-content: center; gap: 7px; margin-top: 22px; }
.lc-slider-dots i { width: 8px; height: 8px; border-radius: 50%; background: #dfe3e9; }
.lc-slider-dots .is-active { background: var(--navy); }

.lc-archive { padding: 40px 0 120px; }
.lc-filter-panel { width: min(var(--container), calc(100% - 48px)); margin: 0 auto; overflow: hidden; border-radius: 24px; background: var(--surface-2); }
.lc-filter-panel summary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 84px;
  cursor: pointer;
  list-style: none;
  color: var(--ink);
  font-size: 13px;
  font-weight: 800;
}
.lc-filter-panel summary::-webkit-details-marker { display: none; }
.lc-filter-panel summary span { display: grid; place-items: center; width: 17px; height: 17px; border-radius: 4px; background: var(--navy); color: #fff; font-size: 11px; }
.lc-filter-panel[open] summary span { transform: rotate(45deg); }
.lc-filter-form { display: grid; gap: 24px; padding: 0 36px 36px; }
.lc-filter-form__row { display: grid; grid-template-columns: 132px minmax(0, 1fr); align-items: start; gap: 16px; margin: 0; padding: 0; border: 0; }
.lc-filter-form__row > label,
.lc-filter-form__label { padding: 14px 0 0; color: var(--ink); font-size: 13px; font-weight: 800; }
.lc-search-field { display: flex; align-items: center; min-height: 48px; padding: 0 20px; border-radius: 24px; background: var(--white); }
.lc-search-field span { margin-right: 12px; color: var(--navy); font-size: 24px; transform: rotate(-20deg); }
.lc-search-field input { width: 100%; border: 0; outline: 0; background: transparent; font-size: 13px; }
.lc-filter-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.lc-filter-chips label { cursor: pointer; }
.lc-filter-chips input { position: absolute; opacity: 0; pointer-events: none; }
.lc-filter-chips span { display: inline-flex; align-items: center; min-height: 48px; padding: 0 18px; border: 1px solid #dce1e8; border-radius: 12px; color: #4d535b; background: rgba(255,255,255,.18); font-size: 13px; font-weight: 700; }
.lc-filter-chips input:checked + span { border-color: var(--navy); background: var(--navy); color: #fff; }
.lc-filter-form__submit { justify-self: center; display: flex; align-items: center; justify-content: space-between; width: 240px; min-height: 64px; padding: 0 16px 0 24px; border: 0; border-radius: 17px; background: #fff; color: var(--ink); font-size: 13px; font-weight: 800; cursor: pointer; }
.lc-filter-form__submit span { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--navy); color: #fff; font-size: 20px; }

.lc-article-grid { display: grid; grid-template-columns: repeat(3, 360px); gap: 60px; width: var(--container); margin: 120px auto 0; }
.lc-filter-panel[open] + .lc-article-grid { margin-top: 72px; }
.lc-article-card { min-width: 0; }
.lc-article-card a { display: block; }
.lc-article-card__media { position: relative; width: 360px; aspect-ratio: 360 / 203; overflow: hidden; border-radius: 12px; background: #dce7ea; }
.lc-article-card__media img { width: 100%; height: 100%; object-fit: cover; }
.lc-article-card__media::after { content: ""; position: absolute; inset: 0; background: rgba(2,45,61,.13); }
.lc-article-card__media > span {
  position: absolute;
  z-index: 1;
  inset: 50% auto auto 50%;
  width: 82%;
  padding: 17px 14px;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(4,56,76,.16);
  border-radius: 12px;
  background: rgba(255,255,255,.94);
  color: var(--navy);
  font-size: 21px;
  font-weight: 800;
  line-height: 1.45;
  text-align: center;
}
.lc-article-card__media small { font-size: 13px; }
.lc-article-card .lc-card-meta { margin-top: 19px; }
.lc-article-card h2 { margin: 10px 0 0; color: var(--ink); font-size: 16px; line-height: 1.55; }
.lc-pagination { display: flex; align-items: center; justify-content: center; gap: 26px; margin-top: 88px; font-size: 14px; }
.lc-pagination a, .lc-pagination span { display: grid; place-items: center; min-width: 28px; height: 36px; }
.lc-pagination .is-current { border-bottom: 2px solid var(--navy); color: var(--navy); font-weight: 800; }
.lc-pagination__next { border-radius: 50%; background: var(--navy); color: #fff; font-size: 22px; }

.lc-consultation { min-height: 560px; padding: 112px 0; background: var(--navy-deep); color: #fff; }
.lc-consultation__inner { display: flex; align-items: center; justify-content: space-between; width: var(--container); margin: 0 auto; }
.lc-consultation h2 { margin: 0; font-size: 34px; line-height: 1.55; }
.lc-consultation p { max-width: 560px; margin: 24px 0 0; color: #d6e1e5; line-height: 1.9; }
.lc-consultation a { display: flex; align-items: center; justify-content: space-between; width: 330px; min-height: 82px; padding: 0 22px 0 28px; border: 1px solid rgba(255,255,255,.34); border-radius: 16px; background: #fff; color: var(--navy); font-weight: 800; }
.lc-consultation a span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--navy); color: #fff; font-size: 22px; }

/* Article */
.lc-article-page { padding: 94px 0 132px; }
.lc-breadcrumb--article { width: var(--container); margin: 0 auto 48px; overflow: hidden; white-space: nowrap; }
.lc-article-layout { display: grid; grid-template-columns: 300px 48px 800px; gap: 26px; width: var(--container); margin: 0 auto; align-items: start; }
.lc-article-sidebar { grid-column: 1; }
.lc-article-sidebar section { margin-bottom: 48px; }
.lc-article-sidebar h2 { display: flex; align-items: center; gap: 14px; margin: 0 0 24px; padding-bottom: 14px; border-bottom: 1px solid var(--line); color: var(--ink); font-size: 17px; }
.lc-article-sidebar h2 i { width: 12px; height: 12px; border-radius: 4px; background: var(--navy); box-shadow: 0 0 0 6px rgba(4,56,76,.08); }
.lc-sidebar-article { display: grid; grid-template-columns: 100px 1fr; gap: 10px; margin-bottom: 18px; font-size: 12px; line-height: 1.55; }
.lc-sidebar-article img { width: 100px; height: 64px; border-radius: 5px; object-fit: cover; }
.lc-sidebar-article span { display: block; }
.lc-sidebar-article b { display: block; margin-bottom: 4px; color: var(--navy); font-size: 11px; }
.lc-sidebar-categories a { display: block; padding: 6px 0; color: #5c626a; font-size: 13px; }
.lc-sidebar-categories a::before, .lc-sidebar-toc a::before { content: "・"; }
.lc-sidebar-toc { position: sticky; top: 108px; padding: 20px 18px 24px; border-radius: 18px; background: rgba(255,255,255,.55); }
.lc-sidebar-toc h2 { justify-content: center; margin-bottom: 12px; border-bottom: 0; color: var(--navy); }
.lc-sidebar-toc a { display: block; padding: 7px 0; font-size: 12px; line-height: 1.55; }

.lc-share-rail { position: sticky; top: 112px; grid-column: 2; display: grid; justify-items: center; gap: 14px; padding-top: 2px; }
.lc-share-rail a, .lc-share-mobile a { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; color: #fff; background: var(--navy); font-size: 12px; font-weight: 800; }
.lc-share-mobile { display: none; }

.lc-article-content { grid-column: 3; min-width: 0; }
.lc-article-meta { display: flex; justify-content: space-between; gap: 24px; font-size: 13px; }
.lc-article-meta a { color: var(--navy); font-weight: 800; }
.lc-article-meta time { color: #8b9099; }
.lc-article-header h1 { margin: 10px 0 0; color: var(--ink); font-size: 24px; font-weight: 800; line-height: 1.7; letter-spacing: .01em; }
.lc-article-eyecatch { position: relative; width: 800px; margin: 64px 0 0; overflow: hidden; border-radius: 14px; }
.lc-article-eyecatch img { width: 800px; height: 450px; object-fit: cover; }
.lc-article-eyecatch::after { content: ""; position: absolute; inset: 0; background: rgba(2,45,61,.13); }
.lc-article-eyecatch figcaption { position: absolute; z-index: 1; inset: 50% auto auto 50%; display: grid; justify-items: center; width: 66%; padding: 26px 30px; transform: translate(-50%,-50%); border: 1px solid rgba(4,56,76,.16); border-radius: 18px; background: rgba(255,255,255,.95); color: var(--navy); text-align: center; }
.lc-article-eyecatch figcaption span { padding: 4px 14px; border-radius: 7px; background: var(--navy); color: #fff; font-size: 12px; font-weight: 800; }
.lc-article-eyecatch figcaption strong { margin-top: 12px; font-size: 32px; line-height: 1.35; }
.lc-article-eyecatch figcaption small { margin-top: 5px; font-size: 15px; font-weight: 800; }

.lc-article-toc { width: 800px; margin-top: 48px; padding: 24px 72px 30px; border-radius: 16px; background: #e0e4e9; }
.lc-article-toc h2 { margin: 0 0 13px; color: var(--navy); font-size: 17px; text-align: center; }
.lc-article-toc ol { margin: 0; padding-left: 22px; }
.lc-article-toc li { padding: 6px 0; font-size: 13px; line-height: 1.55; }

.lc-article-body { margin-top: 48px; }
.lc-article-body p { margin: 0 0 24px; color: var(--body); font-size: 15px; line-height: 2; }
.lc-article-body > h2 { margin: 54px 0 25px; padding-bottom: 12px; border-bottom: 1px solid var(--line); color: var(--ink); font-size: 24px; line-height: 1.7; }
.lc-article-body > h2::after { content: ""; display: block; width: 92px; height: 2px; margin-top: 12px; margin-bottom: -14px; background: var(--navy); }
.lc-article-body > h3 { margin: 48px 0 20px; padding-left: 15px; border-left: 3px solid var(--navy); color: var(--ink); font-size: 20px; line-height: 2; }
.lc-article-body > ul { margin: 16px 0 32px; padding: 24px 32px 24px 50px; border-radius: 12px; background: #edf1f4; }
.lc-article-body > ul li { padding: 5px 0; font-size: 15px; line-height: 1.8; }
.lc-summary-box { margin: 36px 0 54px; overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.lc-summary-box h2 { margin: 0; padding: 18px 24px; background: var(--navy); color: #fff; font-size: 16px; }
.lc-summary-box ul { margin: 0; padding: 20px 32px 22px 48px; }
.lc-summary-box li { padding: 4px 0; font-size: 14px; line-height: 1.7; }
.lc-comparison-table { margin: 34px 0 52px; overflow: hidden; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.lc-comparison-table [role="row"] { display: grid; grid-template-columns: 1.1fr 1fr 1fr; }
.lc-comparison-table b, .lc-comparison-table span { padding: 15px 16px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); font-size: 13px; }
.lc-comparison-table b { background: #e4ebee; color: var(--navy); }
.lc-comparison-table [role="row"] > :last-child { border-right: 0; }
.lc-comparison-table [role="row"]:last-child > * { border-bottom: 0; }

.lc-inline-cta { display: grid; grid-template-columns: 1fr 220px; align-items: center; gap: 28px; margin: 52px 0; padding: 32px 36px; border-radius: 16px; background: var(--navy-deep); color: #fff; }
.lc-inline-cta span { color: #bbd1d9; font-size: 11px; font-weight: 800; }
.lc-inline-cta h2 { margin: 8px 0 0; font-size: 20px; line-height: 1.55; }
.lc-inline-cta p { margin: 9px 0 0; color: #dce8eb; font-size: 13px; line-height: 1.75; }
.lc-inline-cta a { display: flex; align-items: center; justify-content: space-between; min-height: 58px; padding: 0 14px 0 20px; border-radius: 10px; background: #fff; color: var(--navy); font-size: 13px; font-weight: 800; }
.lc-inline-cta a b { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--navy); color: #fff; font-size: 18px; }

.lc-author-box { display: grid; grid-template-columns: 70px 1fr; gap: 22px; margin-top: 72px; padding: 28px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.lc-author-box__mark { display: grid; place-items: center; width: 70px; height: 70px; border-radius: 50%; background: var(--navy); color: #fff; font-size: 24px; font-weight: 800; }
.lc-author-box b { color: var(--ink); }
.lc-author-box p { margin: 8px 0; font-size: 13px; line-height: 1.7; }
.lc-author-box small { color: var(--muted); font-size: 11px; }

.lc-related { margin-top: 80px; }
.lc-related > h2 { margin: 0 0 30px; padding-bottom: 13px; border-bottom: 1px solid var(--line); color: var(--ink); font-size: 24px; }
.lc-related > h2::after { content: ""; display: block; width: 72px; height: 2px; margin-top: 12px; margin-bottom: -15px; background: var(--navy); }
.lc-related__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.lc-related__grid a { min-width: 0; }
.lc-related__grid img { width: 100%; aspect-ratio: 16/9; border-radius: 8px; object-fit: cover; }
.lc-related__grid span { display: grid; grid-template-columns: 1fr auto; gap: 4px 10px; margin-top: 12px; }
.lc-related__grid b { color: var(--navy); font-size: 10px; }
.lc-related__grid time { color: var(--muted); font-size: 10px; }
.lc-related__grid strong { grid-column: 1 / -1; color: var(--ink); font-size: 13px; line-height: 1.6; }

.lc-article-final-cta { display: grid; grid-template-columns: 1fr 250px; align-items: center; gap: 40px; margin-top: 88px; padding: 46px 48px; border-radius: 18px; background: #dce8ed; }
.lc-article-final-cta h2 { margin: 0; color: var(--ink); font-size: 24px; }
.lc-article-final-cta p { margin: 14px 0 0; font-size: 14px; line-height: 1.8; }
.lc-article-final-cta a { display: flex; align-items: center; justify-content: space-between; min-height: 68px; padding: 0 17px 0 22px; border-radius: 12px; background: var(--navy); color: #fff; font-size: 13px; font-weight: 800; }
.lc-article-final-cta a span { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: #fff; color: var(--navy); font-size: 20px; }

/* Phase 1.1: canonical Column thumbnail grammar */
.lc-thumb {
  position: relative;
  display: block;
  overflow: hidden;
  border: 1px solid #d2dde0;
  background: #edf2f1;
  color: var(--navy);
  isolation: isolate;
}
.lc-thumb::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 8px; background: var(--green); }
.lc-thumb__category { position: absolute; z-index: 2; top: 22px; left: 26px; color: var(--green); font-size: 11px; font-weight: 800; }
.lc-thumb > strong,
.lc-thumb > figcaption { position: absolute; z-index: 2; top: 62px; left: 26px; width: 66%; margin: 0; color: var(--navy); font-size: 22px; font-weight: 800; line-height: 1.35; }
.lc-thumb > strong small,
.lc-thumb > figcaption small { display: block; margin-top: 7px; color: #42616c; font-size: 12px; font-weight: 700; line-height: 1.55; }
.lc-thumb__visual { position: absolute; z-index: 1; right: 25px; bottom: 22px; width: 84px; height: 64px; }
.lc-thumb__visual i { position: absolute; display: block; }
.lc-thumb--signal .lc-thumb__visual { display: flex; align-items: end; justify-content: flex-end; gap: 8px; border-bottom: 2px solid rgba(4,56,76,.22); }
.lc-thumb--signal .lc-thumb__visual i { position: static; width: 13px; border-radius: 3px 3px 0 0; background: var(--navy); }
.lc-thumb--signal .lc-thumb__visual i:nth-child(1) { height: 24px; opacity: .42; }
.lc-thumb--signal .lc-thumb__visual i:nth-child(2) { height: 42px; opacity: .68; }
.lc-thumb--signal .lc-thumb__visual i:nth-child(3) { height: 60px; }
.lc-thumb--route .lc-thumb__visual::before { content: ""; position: absolute; top: 31px; left: 7px; width: 70px; height: 2px; background: rgba(4,56,76,.28); transform: rotate(-19deg); }
.lc-thumb--route .lc-thumb__visual i { width: 15px; height: 15px; border: 4px solid var(--navy); border-radius: 50%; background: #edf2f1; }
.lc-thumb--route .lc-thumb__visual i:nth-child(1) { left: 0; bottom: 4px; }
.lc-thumb--route .lc-thumb__visual i:nth-child(2) { left: 35px; top: 22px; }
.lc-thumb--route .lc-thumb__visual i:nth-child(3) { right: 0; top: 2px; border-color: var(--green); }
.lc-thumb--frame .lc-thumb__visual i { width: 48px; height: 34px; border: 2px solid var(--navy); border-radius: 5px; background: rgba(255,255,255,.38); }
.lc-thumb--frame .lc-thumb__visual i:nth-child(1) { right: 0; top: 0; opacity: .35; }
.lc-thumb--frame .lc-thumb__visual i:nth-child(2) { right: 15px; top: 14px; opacity: .65; }
.lc-thumb--frame .lc-thumb__visual i:nth-child(3) { right: 30px; top: 28px; }

.lc-feature-card > .lc-thumb,
.lc-feature-card__media.lc-thumb { width: 100%; height: 300px; }
.lc-feature-card .lc-thumb__category { top: 34px; left: 44px; font-size: 13px; }
.lc-feature-card .lc-thumb > strong { top: 94px; left: 44px; font-size: 31px; }
.lc-feature-card .lc-thumb > strong small { margin-top: 10px; font-size: 17px; }
.lc-feature-card .lc-thumb__visual { right: 52px; bottom: 42px; width: 150px; height: 106px; transform: scale(1.35); transform-origin: right bottom; }
.lc-article-card__media.lc-thumb::after { content: none; }
.lc-article-card__media.lc-thumb > .lc-thumb__category { inset: 20px auto auto 24px; width: auto; padding: 0; transform: none; border: 0; border-radius: 0; background: transparent; font-size: 11px; text-align: left; }
.lc-article-card__media.lc-thumb > strong { position: absolute; inset: 63px auto auto 24px; width: 69%; padding: 0; transform: none; border: 0; background: transparent; color: var(--navy); font-size: 21px; line-height: 1.35; text-align: left; }
.lc-article-card__media.lc-thumb > strong small { font-size: 12px; }
.lc-article-card__media.lc-thumb > .lc-thumb__visual { inset: auto 22px 18px auto; width: 76px; padding: 0; transform: none; border: 0; border-radius: 0; background: transparent; }

.lc-sidebar-thumb { width: 100px; height: 64px; border-radius: 5px; }
.lc-sidebar-thumb::before { width: 4px; }
.lc-sidebar-thumb .lc-thumb__visual { right: 11px; bottom: 10px; transform: scale(.62); transform-origin: right bottom; }

.lc-article-eyecatch__thumb.lc-thumb { width: 800px; height: 450px; }
.lc-article-eyecatch__thumb.lc-thumb::after { content: none; }
.lc-article-eyecatch__thumb.lc-thumb > .lc-thumb__category { top: 52px; left: 58px; font-size: 14px; }
.lc-article-eyecatch__thumb.lc-thumb > figcaption { inset: 128px auto auto 58px; display: block; width: 64%; padding: 0; transform: none; border: 0; border-radius: 0; background: transparent; color: var(--navy); text-align: left; }
.lc-article-eyecatch__thumb.lc-thumb > figcaption strong { font-size: 38px; line-height: 1.35; }
.lc-article-eyecatch__thumb.lc-thumb > figcaption small { margin-top: 12px; font-size: 17px; }
.lc-article-eyecatch__thumb.lc-thumb > .lc-thumb__visual { right: 74px; bottom: 72px; transform: scale(2); transform-origin: right bottom; }

.lc-related-thumb { width: 100%; aspect-ratio: 16 / 9; border-radius: 8px; }
.lc-related-thumb > strong { top: 48px; left: 16px; width: 70%; font-size: 14px; }
.lc-related-thumb > .lc-thumb__category { top: 14px; left: 16px; font-size: 9px; }
.lc-related-thumb > .lc-thumb__visual { right: 12px; bottom: 10px; transform: scale(.55); transform-origin: right bottom; }

.lc-article-header h1 { font-size: 28px; line-height: 1.6; }
.lc-consultation { min-height: 280px; padding: 58px 0; }
.lc-consultation h2 { font-size: 28px; }
.lc-consultation p { margin-top: 16px; line-height: 1.75; }
.lc-consultation a { width: 300px; min-height: 64px; border-radius: 13px; }

@media (max-width: 720px) {
  .lc-breadcrumb--desktop { display: none; }

  .lc-featured { min-height: 430px; padding: 24px 0 18px; }
  .lc-featured__label { position: static; width: calc(100% - 32px); margin: 0 auto 12px; color: var(--navy); font-size: 13px; }
  .lc-featured__viewport { height: 310px; }
  .lc-featured__track { left: calc(50% - 553px); gap: 16px; }
  .lc-feature-card { flex-basis: 358px; height: 310px; border-radius: 38px; }
  .lc-feature-card > img, .lc-feature-card__media { height: 201px; }
  .lc-feature-card > .lc-thumb, .lc-feature-card__media.lc-thumb { height: 201px; }
  .lc-feature-card .lc-thumb__category { top: 20px; left: 28px; font-size: 10px; }
  .lc-feature-card .lc-thumb > strong { top: 58px; left: 28px; width: 72%; font-size: 21px; }
  .lc-feature-card .lc-thumb > strong small { margin-top: 6px; font-size: 11px; }
  .lc-feature-card .lc-thumb__visual { right: 24px; bottom: 20px; transform: scale(.72); }
  .lc-feature-card__body { height: 109px; padding: 14px 48px; }
  .lc-feature-card__body h2 { margin-top: 6px; font-size: 14px; line-height: 1.45; }
  .lc-feature-card__cover { width: 86%; padding: 13px 16px; border-radius: 16px; }
  .lc-feature-card__cover span { padding: 3px 11px; font-size: 10px; }
  .lc-feature-card__cover b { margin-top: 7px; font-size: 21px; }
  .lc-feature-card__cover small { font-size: 12px; }
  .lc-card-meta { font-size: 10px; }
  .lc-slider-dots { margin-top: 12px; }

  .lc-archive { padding: 42px 0 78px; }
  .lc-filter-panel { width: calc(100% - 32px); border-radius: 22px; }
  .lc-filter-panel summary { min-height: 66px; font-size: 12px; }
  .lc-filter-form { gap: 20px; padding: 0 18px 24px; }
  .lc-filter-form__row { grid-template-columns: 1fr; gap: 8px; }
  .lc-filter-form__row > label, .lc-filter-form__label { padding-top: 0; }
  .lc-filter-chips span { min-height: 42px; padding: 0 13px; border-radius: 10px; font-size: 11px; }
  .lc-filter-form__submit { width: 100%; min-height: 56px; }
  .lc-article-grid, .lc-filter-panel[open] + .lc-article-grid { grid-template-columns: 1fr; gap: 28px; width: calc(100% - 32px); margin-top: 38px; }
  .lc-article-card__media { width: 100%; aspect-ratio: 358 / 201; }
  .lc-article-card__media > span { padding: 14px 12px; font-size: 19px; }
  .lc-article-card .lc-card-meta { margin-top: 13px; }
  .lc-article-card h2 { margin-top: 7px; font-size: 14px; line-height: 1.55; }
  .lc-pagination { gap: 17px; margin-top: 58px; }

  .lc-consultation { min-height: 0; padding: 48px 16px; }
  .lc-consultation__inner { display: block; width: 100%; }
  .lc-consultation h2 { font-size: 22px; line-height: 1.5; }
  .lc-consultation p { margin-top: 14px; font-size: 13px; line-height: 1.7; }
  .lc-consultation a { width: 100%; min-height: 56px; margin-top: 24px; font-size: 13px; }

  .lc-article-page { padding: 28px 0 88px; }
  .lc-breadcrumb--article { display: none; }
  .lc-article-layout { display: flex; flex-direction: column; width: calc(100% - 32px); }
  .lc-article-sidebar { display: none; }
  .lc-share-rail { display: none; }
  .lc-article-content { order: 1; display: flex; flex-direction: column; width: 100%; }
  .lc-article-meta { font-size: 12px; }
  .lc-article-header h1 { margin-top: 10px; font-size: 22px; line-height: 1.55; }
  .lc-share-mobile { display: flex; gap: 14px; margin-top: 22px; }
  .lc-share-mobile a { width: 24px; height: 24px; font-size: 10px; }
  .lc-article-eyecatch__thumb.lc-thumb { width: 100%; height: auto; min-height: 239px; border-radius: 11px; }
  .lc-article-eyecatch__thumb.lc-thumb > .lc-thumb__category { top: 25px; left: 28px; font-size: 10px; }
  .lc-article-eyecatch__thumb.lc-thumb > figcaption { inset: 70px auto auto 28px; width: 74%; }
  .lc-article-eyecatch__thumb.lc-thumb > figcaption strong { font-size: 24px; }
  .lc-article-eyecatch__thumb.lc-thumb > figcaption small { margin-top: 7px; font-size: 12px; }
  .lc-article-eyecatch__thumb.lc-thumb > .lc-thumb__visual { right: 25px; bottom: 22px; transform: scale(.88); }
  .lc-article-toc { width: 100%; margin-top: 36px; padding: 18px 24px 24px; border-radius: 12px; }
  .lc-article-toc h2 { font-size: 16px; }
  .lc-article-toc li { font-size: 12px; line-height: 1.7; }
  .lc-article-body { margin-top: 38px; }
  .lc-article-body p { margin-bottom: 22px; font-size: 16px; line-height: 1.95; }
  .lc-article-body > h2 { margin-top: 48px; font-size: 22px; line-height: 1.55; }
  .lc-article-body > h3 { margin-top: 40px; font-size: 19px; line-height: 1.6; }
  .lc-article-body > ul { padding: 20px 18px 20px 38px; }
  .lc-article-body > ul li { font-size: 14px; }
  .lc-summary-box { margin: 32px 0 48px; }
  .lc-summary-box h2 { font-size: 15px; }
  .lc-summary-box ul { padding: 18px 18px 20px 38px; }
  .lc-comparison-table { overflow-x: auto; }
  .lc-comparison-table [role="row"] { grid-template-columns: 98px 130px 130px; width: max-content; }
  .lc-comparison-table b, .lc-comparison-table span { padding: 13px 12px; font-size: 12px; }
  .lc-inline-cta { grid-template-columns: 1fr; gap: 24px; padding: 28px 24px; }
  .lc-inline-cta h2 { font-size: 19px; }
  .lc-inline-cta a { min-height: 56px; }
  .lc-author-box { grid-template-columns: 54px 1fr; gap: 15px; margin-top: 58px; padding: 24px 0; }
  .lc-author-box__mark { width: 54px; height: 54px; font-size: 20px; }
  .lc-related { margin-top: 64px; }
  .lc-related > h2 { font-size: 22px; }
  .lc-related__grid { grid-template-columns: 1fr; gap: 28px; }
  .lc-related__grid strong { font-size: 14px; }
  .lc-article-final-cta { grid-template-columns: 1fr; gap: 28px; margin-top: 64px; padding: 34px 24px; }
  .lc-article-final-cta h2 { font-size: 22px; }
  .lc-article-final-cta a { min-height: 62px; }
  .lc-author-box { order: 5; }
  .lc-article-final-cta { order: 6; }
  .lc-related { order: 7; }
}


/* WordPress / SWELL integration */
body.leveler-column-page { background: var(--surface); }
.leveler-column { min-height: 60vh; overflow: clip; background: var(--surface); }
.lc-fixture-note { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.lc-feature-card > a { display: block; height: 100%; }
.lc-featured__empty { display: grid; place-items: center; width: min(var(--container), calc(100% - 48px)); min-height: 300px; margin: 60px auto 0; border-radius: 42px; background: var(--navy); color: #fff; }
.lc-featured__empty p { margin: 0; font-size: 28px; font-weight: 800; }
.lc-empty-state { width: min(var(--container), calc(100% - 48px)); margin: 80px auto 0; padding: 64px 24px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); text-align: center; }
.lc-empty-state h2 { margin: 0; color: var(--ink); font-size: 24px; }
.lc-empty-state p { margin: 14px 0 0; color: var(--muted); }
.lc-pagination .page-numbers { display: grid; place-items: center; min-width: 28px; height: 36px; }
.lc-pagination .current { border-bottom: 2px solid var(--navy); color: var(--navy); font-weight: 800; }
.lc-pagination .next, .lc-pagination .prev { border-radius: 50%; background: var(--navy); color: #fff; font-size: 22px; }
.lc-article-eyecatch { width: 800px; margin: 64px 0 0; }
.lc-article-eyecatch__thumb { width: 800px; height: 450px; border-radius: 14px; }
.lc-article-body table { width: 100%; margin: 34px 0 52px; overflow: hidden; border: 1px solid var(--line); border-collapse: separate; border-spacing: 0; border-radius: 10px; background: #fff; }
.lc-article-body th, .lc-article-body td { padding: 15px 16px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); font-size: 13px; text-align: left; }
.lc-article-body th { background: #e4ebee; color: var(--navy); }
.lc-article-body tr > :last-child { border-right: 0; }
.lc-article-body tbody tr:last-child > * { border-bottom: 0; }
.lc-sidebar-toc a.is-sub, .lc-article-toc li.is-sub { padding-left: 16px; color: var(--muted); }

@media (max-width: 1279px) and (min-width: 721px) {
  .lc-article-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px 32px; width: calc(100% - 48px); }
  .lc-article-card__media { width: 100%; }
  .lc-consultation__inner, .lc-breadcrumb--article { width: calc(100% - 48px); }
}

@media (max-width: 1100px) and (min-width: 721px) {
  .lc-article-page { padding-top: 56px; }
  .lc-article-layout { display: block; width: min(800px, calc(100% - 48px)); }
  .lc-article-sidebar, .lc-share-rail { display: none; }
  .lc-article-content, .lc-article-eyecatch, .lc-article-eyecatch__thumb, .lc-article-toc { width: 100%; }
  .lc-share-mobile { display: flex; gap: 14px; margin-top: 22px; }
}

@media (max-width: 720px) {
  .lc-article-eyecatch { width: 100%; margin-top: 44px; }
  .lc-article-eyecatch__thumb.lc-thumb { width: 100%; height: auto; min-height: 239px; border-radius: 11px; }
  .lc-featured__empty { min-height: 240px; margin-top: 18px; border-radius: 30px; }
  .lc-featured__empty p { padding: 0 24px; font-size: 20px; text-align: center; }
  .lc-empty-state { width: calc(100% - 32px); margin-top: 40px; padding: 42px 16px; }
  .lc-empty-state h2 { font-size: 20px; }
  .lc-article-body table { display: block; overflow-x: auto; white-space: nowrap; }
}

.lc-article-eyecatch__thumb.lc-thumb > strong { top: 128px; left: 58px; width: 64%; font-size: 38px; line-height: 1.35; }
@media (max-width: 720px) {
  .lc-article-eyecatch__thumb.lc-thumb > strong { top: 70px; left: 28px; width: 74%; font-size: 24px; }
}

.lc-thumb > strong { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.lc-featured--empty .lc-featured__label { color: var(--navy); }