/* Focused reinforcement landing, built on the public home's design system. */
.reinforcement-layouts-landing .layout-breadcrumb { display: flex; flex-wrap: wrap; gap: 10px; padding-top: 24px; font-size: 11px; color: var(--muted); }
.reinforcement-layouts-landing .layout-breadcrumb a:hover { color: var(--blue); text-decoration: underline; }
.reinforcement-layouts-landing .hero-grid { padding-block: 52px 65px; grid-template-columns: .93fr 1.07fr; gap: 52px; }
.reinforcement-layouts-landing .hero h1 { font-size: clamp(40px, 3.75vw, 54px); max-width: 550px; }
.reinforcement-layouts-landing .hero-description { max-width: 485px; }
.reinforcement-layouts-landing .hero-drawing { margin-bottom: 0; }
.reinforcement-layouts-landing .hero-drawing-link { padding: 16px 12px 35px; }
.reinforcement-layouts-landing .hero-drawing-link img { aspect-ratio: 2836 / 1817; }
.reinforcement-layouts-landing .drawing-expand { bottom: 8px; }
.reinforcement-layouts-landing .drawing-titleblock > span { font-size: 10px; }
.layout-audience { margin-top: 25px; font-size: 12px; color: var(--muted); max-width: 385px; }
.layout-drawing-legend { display: flex; gap: 18px; padding: 15px; border-top: 1px solid var(--line); }
.layout-drawing-legend > span { display: flex; align-items: center; gap: 6px; color: var(--muted); font-size: 10px; }
.layout-drawing-legend b { font: 10px var(--mono); color: var(--blue); }
.layout-process-strip { display: flex; align-items: center; justify-content: space-between; gap: 30px; border-top: 1px solid var(--line); padding-block: 25px; }
.layout-process-strip > span { font: 10px/1.6 var(--mono); color: var(--muted); letter-spacing: .04em; }
.layout-process-strip ol { display: flex; flex-wrap: wrap; align-items: center; gap: 35px; list-style: none; margin: 0; padding: 0; }
.layout-process-strip li { display: flex; align-items: center; gap: 10px; font-size: 12px; font-weight: 500; }
.layout-process-strip li span { font: 10px var(--mono); color: var(--blue); }
.reinforcement-layouts-landing .output-tabs { justify-content: flex-start; }
.reinforcement-layouts-landing .output-tab { flex: 1; }
.reinforcement-layouts-landing .output-tab > span { color: #52667d; }
.reinforcement-layouts-landing .sheet-label { color: #53677e; }
.reinforcement-layouts-landing .footer-meta, .reinforcement-layouts-landing .footer-bottom { color: #536479; }
.reinforcement-layouts-landing .output-info > p { font-size: 14px; }
.reinforcement-layouts-landing .check-list li { font-size: 12px; }
.reinforcement-layouts-landing .check-list li > span { color: var(--blue); flex-shrink: 0; }
.reinforcement-layouts-landing .output-note { max-width: 890px; line-height: 1.8; }
.reinforcement-layouts-landing .workflow-section .section-heading > p { color: #b6c5d8; }
.reinforcement-layouts-landing .workflow-section h2 > span { color: #a9c6ed; }
.reinforcement-layouts-landing .workflow-steps p { font-size: 14px; }
.reinforcement-layouts-landing .demo-figure { align-self: start; margin-top: 20px; }
.reinforcement-layouts-landing .demo-video { aspect-ratio: 16 / 10; object-fit: contain; background: #101d2f; }
.reinforcement-layouts-landing .demo-figure .light-link { display: inline-flex; align-items: center; gap: 10px; margin-top: 18px; }
.layout-control-section { background: #fff; }
.layout-control-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 65px; }
.layout-review-card { padding: 30px; border: 1px solid #d6e0ee; border-left: 3px solid var(--blue); background: #f6f8fc; border-radius: 3px; align-self: start; }
.layout-review-card h3 { margin-top: 20px; font-size: 25px; line-height: 1.35; }
.layout-review-card p { margin-top: 16px; font-size: 14px; color: var(--muted); }
.layout-review-card .text-link { margin-top: 22px; }
.layout-control-table table { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 1.7; text-align: left; }
.layout-control-table caption { text-align: left; font-size: 13px; font-weight: 600; margin-bottom: 20px; }
.layout-control-table thead { background: #edf2f9; }
.layout-control-table th, .layout-control-table td { padding: 18px 15px; border-bottom: 1px solid var(--line); vertical-align: top; }
.layout-control-table thead th { font: 10px/1.6 var(--mono); text-transform: uppercase; color: #4b5e77; }
.layout-control-table tbody th { width: 42%; font-weight: 550; }
.layout-control-table td { color: var(--muted); }
.layout-control-table > p { margin-top: 20px; color: var(--muted); font-size: 12px; }
.reinforcement-layouts-landing .faq-grid { grid-template-columns: .8fr 1.2fr; gap: 65px; }
.reinforcement-layouts-landing .faq-grid h2 { font-size: clamp(30px, 3vw, 40px); }
.reinforcement-layouts-landing .faq-item summary { font-size: 14px; gap: 15px; }
.reinforcement-layouts-landing .faq-item summary > span { flex-shrink: 0; }
.reinforcement-layouts-landing .faq-item p { font-size: 14px; }
.reinforcement-layouts-landing .faq-item summary > span { color: #526b8b; }
.layout-resources { background: #edf2f8; border-top: 1px solid var(--line); }
.layout-resources h2 { margin-top: 18px; }
.layout-resource-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin-top: 35px; }
.layout-resource-grid > a { display: flex; flex-direction: column; border-top: 1px solid #b9c9dd; padding-top: 23px; }
.layout-resource-grid h3 { font-size: 21px; line-height: 1.35; margin-top: 16px; }
.layout-resource-grid p { font-size: 14px; color: var(--muted); margin-top: 12px; margin-bottom: 24px; }
.layout-resource-grid .text-link { margin-top: auto; font-size: 12px; }
.layout-resource-grid a:hover h3 { color: var(--blue); }
@media (max-width: 1180px) {
  .reinforcement-layouts-landing .hero-grid { gap: 35px; }
  .reinforcement-layouts-landing .hero h1 { font-size: 44px; }
  .layout-process-strip ol { gap: 22px; }
  .layout-drawing-legend { gap: 12px; flex-wrap: wrap; }
  .layout-control-grid, .reinforcement-layouts-landing .faq-grid { gap: 35px; }
}
@media (max-width: 900px) {
  .reinforcement-layouts-landing .hero h1 { font-size: 39px; }
  .reinforcement-layouts-landing .drawing-topbar { font-size: 8px; }
  .layout-process-strip { flex-direction: column; align-items: start; gap: 17px; }
  .layout-process-strip ol { width: 100%; justify-content: space-between; }
  .layout-control-grid { grid-template-columns: 1fr 1.2fr; gap: 25px; }
  .layout-review-card { padding: 24px; }
  .layout-review-card h3 { font-size: 23px; }
  .layout-control-table table { font-size: 13px; }
}
@media (max-width: 760px) {
  .reinforcement-layouts-landing .layout-breadcrumb { padding-top: 20px; font-size: 10px; }
  .reinforcement-layouts-landing .hero-grid { grid-template-columns: 1fr; gap: 32px; padding-block: 33px 35px; }
  .reinforcement-layouts-landing .hero h1 { font-size: clamp(36px, 7vw, 50px); max-width: 540px; }
  .reinforcement-layouts-landing .hero-copy .eyebrow { font-size: 9px; }
  .reinforcement-layouts-landing .hero-actions { gap: 9px; }
  .layout-audience { margin-top: 20px; font-size: 11px; }
  .layout-drawing-legend { justify-content: space-between; gap: 8px; padding: 12px; }
  .layout-drawing-legend > span, .layout-drawing-legend b { font-size: 9px; }
  .layout-process-strip ol { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
  .layout-process-strip li { font-size: 12px; }
  .reinforcement-layouts-landing .output-info { min-height: 315px; }
  .layout-control-grid, .reinforcement-layouts-landing .faq-grid { grid-template-columns: 1fr; gap: 32px; }
  .layout-control-table th, .layout-control-table td { padding: 15px 10px; }
  .layout-resource-grid { grid-template-columns: 1fr; gap: 30px; }
  .layout-resource-grid h3 { font-size: 22px; }
  .layout-resource-grid p { margin-bottom: 18px; }
  .reinforcement-layouts-landing .pricing-copy h2 { font-size: 36px; }
  .reinforcement-layouts-landing .final-section .eyebrow { max-width: 285px; }
}
@media (max-width: 374px) {
  .reinforcement-layouts-landing .hero h1 { font-size: 33px; }
  .layout-drawing-legend { gap: 8px 12px; justify-content: start; }
  .reinforcement-layouts-landing .hero-actions .button { font-size: 11px; }
}