/* "What we build" page template (tools/content-pages/room-pages.mjs). Same section system as the homepage (Eugene,
   2026-10-05): full-width sections alternating grid paper and near-black; split-colour headers; light sections have
   no cards (drawing + text rows on thin rules); dark sections use dark lines and cards. Values measured from the
   homepage: paper #f9fbfa + 24px rules, ink #071214, header 43px/400, blue #1F7A99 (light) / #7cc7df (dark). */
.rp-light{background-color:#f9fbfa;background-image:linear-gradient(rgba(219,228,223,.27) 1px,transparent 1px),linear-gradient(90deg,rgba(219,228,223,.27) 1px,transparent 1px);background-size:24px 24px;color:#182e34}
.rp-dark{background:#071214;color:#fff}
.rp-in{max-width:1176px;margin:0 auto;padding:88px var(--page-inset,40px)}
.rp-h{margin:0 0 36px;font-size:clamp(30px,3vw,43px);font-weight:400;line-height:1.12;letter-spacing:-.03em;max-width:none;text-wrap:balance}
.rp-light .rp-h{color:#182e34}.rp-light .rp-h em{font-style:normal;color:#1F7A99}
.rp-dark .rp-h{color:#fff}.rp-dark .rp-h em{font-style:normal;color:#7cc7df}
.rp-h-next{margin-top:72px}
.rp-lead{max-width:68ch;margin:-12px 0 28px;font-size:18px;line-height:1.6}
.rp-light .rp-lead{color:#4b6064}.rp-dark .rp-lead{color:#c9d5d5}
.rp-note{max-width:80ch;margin:18px 0 0;font-size:15px;line-height:1.6}
.rp-light .rp-note{color:#4b6064}.rp-dark .rp-note{color:#adbabd}

/* Parts: drawing | header + copy, divided by rules (homepage service-story layout) */
.rp-parts{border-bottom:1px solid #bfcccb}
.rp-part{display:grid;grid-template-columns:140px minmax(0,1fr);gap:40px;align-items:start;padding:36px 0;border-top:1px solid #bfcccb}
.rp-draw{display:block;width:140px;height:110px;object-fit:contain}
.rp-part h3{margin:0 0 10px;font-size:24px;font-weight:400;letter-spacing:-.01em;color:#182e34}
.rp-part p{margin:0;max-width:64ch;font-size:17px;line-height:1.6;color:#4b6064}
.rp-links{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:14px!important}
.rp-light a{color:#1F7A99;font-weight:600;text-decoration:none}.rp-light a:hover{text-decoration:underline}
.rp-dark a{color:#7cc7df;font-weight:600;text-decoration:none}.rp-dark a:hover{text-decoration:underline}

/* Dark tables: lines, not boxes */
.rp-tbl{overflow-x:auto}
.rp-tbl table{width:100%;border-collapse:collapse}
.rp-tbl th,.rp-tbl td{padding:16px 18px 16px 0;text-align:left;font-size:17px;line-height:1.45;border-bottom:1px solid rgba(255,255,255,.14);vertical-align:top}
.rp-tbl thead th{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#7cc7df;border-bottom-color:rgba(124,199,223,.4)}
.rp-tbl tbody th{font-weight:500;color:#fff;width:24%}
.rp-tbl td{color:#c9d5d5}

/* Components: columns on rules */
.rp-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px}
.rp-cols>div{padding:24px 0;border-top:1px solid #bfcccb}
.rp-cols h3{margin:0 0 8px;font-size:20px;font-weight:500;color:#182e34}
.rp-cols p{margin:0;font-size:16px;line-height:1.6;color:#4b6064}

/* Keep running: copy beside a ruled fact list */
.rp-running{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:56px;align-items:start}
.rp-running p{margin:0 0 14px;font-size:17px;line-height:1.65;color:#203438;max-width:62ch}
.rp-facts{list-style:none;margin:0;padding:0;border-top:1px solid #bfcccb}
.rp-facts li{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid #bfcccb}
.rp-facts strong{font-size:17px;font-weight:500;color:#182e34}
.rp-facts span{font-size:15px;color:#4b6064}

/* FAQ accordion on dark */
.rp-faq{border-top:1px solid rgba(255,255,255,.14)}
.rp-q{border-bottom:1px solid rgba(255,255,255,.14)}
.rp-q summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;font-size:22px;font-weight:400;color:#fff}
.rp-q summary::-webkit-details-marker{display:none}
.rp-q summary::after{content:'';flex:none;width:10px;height:10px;border-right:1.6px solid #7cc7df;border-bottom:1.6px solid #7cc7df;transform:rotate(45deg) translateY(-3px);transition:transform .2s}
.rp-q[open] summary::after{transform:rotate(-135deg) translateY(-1px)}
.rp-q>div{padding:0 0 26px;max-width:76ch}
.rp-q p{margin:0 0 10px;font-size:17px;line-height:1.65;color:#c9d5d5}

/* Products (catalogue strip) + local */
.rp-products .cat-products{padding:0;margin:0}
.rp-products .cat-products .sec-head{margin:0 0 36px}
.rp-products .cat-products .sec-head h2{margin:0;font-size:clamp(30px,3vw,43px);font-weight:400;letter-spacing:-.03em;color:#182e34}
.rp-local{margin-top:56px;padding-top:28px;border-top:1px solid #bfcccb}
.rp-uses{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px}
.rp-uses li{font-size:15px;font-weight:500;color:#182e34}
.rp-uses li+li::before{content:'·';margin-right:22px;color:#1F7A99}
.rp-local p{margin:0;font-size:16px;line-height:1.6;color:#4b6064}
.rp-local .rp-base{margin-top:6px;font-weight:600;color:#182e34}

/* Close: centred like the homepage close, steps prime Build your project */
.rp-close .rp-in{text-align:center}
.rp-close .rp-h{margin-inline:auto}
.rp-close .rp-lead{margin-inline:auto}
.rp-steps{list-style:none;margin:36px auto 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;max-width:960px;text-align:left}
.rp-steps li{display:flex;align-items:center;gap:14px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18);font-size:17px;line-height:1.35;color:#e4ebea}
.rp-steps span{flex:none;font-size:15px;font-weight:600;color:#7cc7df}
.rp-cta-line{margin:36px auto 0;font-size:19px;color:#fff}
.rp-acts{margin-top:24px}
.rp-close .btn-primary{min-height:54px;padding-inline:36px;font-size:17px}
.rp-call{margin:16px 0 0;font-size:15px;color:#adbabd}

@media (max-width:980px){.rp-cols{grid-template-columns:1fr 1fr}.rp-steps{grid-template-columns:1fr 1fr}.rp-running{grid-template-columns:1fr;gap:28px}}
@media (max-width:640px){
 .rp-in{padding:56px 20px}.rp-h{margin-bottom:26px}.rp-h-next{margin-top:52px}
 .rp-part{grid-template-columns:72px minmax(0,1fr);gap:18px;padding:26px 0}.rp-draw{width:72px;height:60px}.rp-part h3{font-size:20px}
 .rp-cols,.rp-steps{grid-template-columns:1fr}
 .rp-tbl th,.rp-tbl td{font-size:15px;padding:12px 12px 12px 0}
 .rp-q summary{font-size:18px}
}

/* Trimmed page (2026-10-05): brands line per part, products on paper, one trust band. */
.rp-detail{margin-top:8px!important;font-size:15px!important;color:#5b6d70!important}
.rp-products .cat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.rp-trust{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:56px;align-items:start}
.rp-trust-sec .rp-in{padding-block:64px}
.rp-trust-text p{margin:0 0 10px;font-size:16px;line-height:1.6;color:#4b6064}
.rp-trust-text .rp-base{font-size:19px;font-weight:500;color:#182e34}
.rp-trust .rp-uses{margin-top:14px}
@media (max-width:980px){.rp-products .cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rp-trust{grid-template-columns:1fr;gap:28px}}
/* Pre-filled planner links under the comparison columns (2026-10-05). */
.rp-tbl tfoot td{padding-top:20px;border-bottom:0}
.rp-dark a.rp-start{display:inline-flex;align-items:center;min-height:44px;font-size:17px;font-weight:600;color:#7cc7df}