/* ============================================================================
 * FR-0004 (19.10.2026) — space hub and child pages (templates/page-space-jmsb.php). Sand & Bronze, RTL.
 * Reuses the .jmsb-arch skeleton (woo-archive.css) + content blocks (wave1.css); mirrors quartz-hub.css.
 * ========================================================================== */
.jmsb-sp .sp-hero .sp-crumbs{margin:0 auto 16px;font-size:.88rem;color:#6b6151}
.jmsb-sp .sp-crumbs a{color:var(--gold-deep,#78571f);text-decoration:none}
.jmsb-sp .sp-crumbs a:hover{text-decoration:underline}
.jmsb-sp .sp-crumbs .sep{margin:0 8px;color:#b9ad97}
.jmsb-sp .sp-hero .sp-intro{max-width:860px;margin:14px auto 0;font-size:1.06rem;line-height:1.95;color:#463d2e}
.jmsb-sp .sp-hero-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}
.jmsb-sp .sp-hero-cta .pdp-btn-line{color:var(--gold-deep,#78571f);border-color:rgba(156,116,51,.5);background:transparent}
.jmsb-sp .sp-hero-cta .pdp-btn-line:hover{border-color:var(--gold,#9c7433);background:rgba(156,116,51,.06)}

/* content column: same structure as the category/hub pages; text constrained for readability */
.jmsb-arch.jmsb-sp .arch-body .sp-wrap{max-width:1120px}
.jmsb-sp .sp-section{max-width:880px;margin:0 auto 40px;scroll-margin-top:110px}
.jmsb-sp .sp-section>h2{font-size:1.55rem;line-height:1.3;margin:0 0 14px;color:var(--ink,#2a2418)}
.jmsb-sp .sp-section h3{font-size:1.15rem;line-height:1.4;margin:22px 0 8px;color:var(--ink,#2a2418)}
.jmsb-sp .sp-section p{line-height:1.95;margin:0 0 14px;color:#463d2e}
.jmsb-sp .sp-section a{color:var(--gold-deep,#78571f)}
.jmsb-sp .sp-section ul{margin:0 0 16px;padding-inline-start:22px;line-height:1.9;color:#463d2e}
.jmsb-sp .sp-section li{margin:0 0 6px}

/* comparison table (same look as the types guide table) */
.jmsb-sp .sp-table-wrap{overflow-x:auto;margin:6px 0 18px}
.jmsb-sp .sp-table{width:100%;border-collapse:collapse;background:var(--surface,#fffefb);border:1px solid var(--line,#e7ddc9);border-radius:14px;overflow:hidden;font-size:1rem}
.jmsb-sp .sp-table th,.jmsb-sp .sp-table td{text-align:right;padding:13px 18px;border-bottom:1px solid var(--line,#ece3d2);line-height:1.7;color:#463d2e;vertical-align:top}
.jmsb-sp .sp-table thead th{background:linear-gradient(180deg,rgba(156,116,51,.12),rgba(156,116,51,.06));font-family:var(--serif,'Frank Ruhl Libre',serif);font-size:1.05rem;color:var(--ink,#2a2418)}
.jmsb-sp .sp-table tbody tr:last-child td{border-bottom:0}
.jmsb-sp .sp-table td:first-child{font-weight:600;white-space:nowrap}

/* project photo */
.jmsb-sp .sp-figure{margin:4px 0 16px}
.jmsb-sp .sp-figure img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--line,#e7ddc9)}
.jmsb-sp .sp-figure figcaption{margin-top:8px;font-size:.9rem;color:#6b6151;text-align:center}

/* FAQ uses the shared .jmsb-faq accordion (wave1.css) */
.jmsb-sp .sp-faq .jmsb-faq{max-width:880px;margin-left:auto;margin-right:auto}
.jmsb-sp .sp-bottom-cta .sp-nap{margin-top:14px;font-size:.92rem;color:#6b6151}

@media(max-width:560px){
	.jmsb-sp .sp-section>h2{font-size:1.3rem}
	.jmsb-sp .sp-hero .sp-intro{font-size:1rem}
	.jmsb-sp .sp-table th,.jmsb-sp .sp-table td{padding:11px 12px;font-size:.94rem}
	.jmsb-sp .sp-table td:first-child{white-space:normal}
}

/* hero: the WhatsApp button keeps the shared green style; the phone button is gold-on-sand */

/* hub cards: one card per child page (data/space-nav.php), right under the hero */
.jmsb-sp .sp-cards-band{padding:8px 0 26px}
.jmsb-sp .sp-cards-h{max-width:1120px;margin:0 auto 12px;font-size:.92rem;letter-spacing:.04em;color:var(--gold-deep,#78571f);font-weight:600}
.jmsb-sp .sp-cards{list-style:none;margin:0 auto;padding:0;max-width:1120px;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}
.jmsb-sp .sp-card a{display:flex;flex-direction:column;gap:8px;height:100%;padding:20px 20px 18px;background:var(--surface,#fffefb);border:1px solid var(--line,#e7ddc9);border-radius:16px;text-decoration:none;color:inherit;transition:border-color .2s,box-shadow .2s,transform .2s}
.jmsb-sp .sp-card a:hover,.jmsb-sp .sp-card a:focus-visible{border-color:var(--gold,#9c7433);box-shadow:0 8px 22px rgba(60,42,14,.08);transform:translateY(-2px)}
.jmsb-sp .sp-card-t{font-family:var(--serif,'Frank Ruhl Libre',serif);font-size:1.18rem;line-height:1.3;color:var(--ink,#2a2418)}
.jmsb-sp .sp-card-d{font-size:.95rem;line-height:1.7;color:#5a5040}
.jmsb-sp .sp-card-go{margin-top:auto;color:var(--gold-deep,#78571f);font-size:1.1rem}

/* model lists inside the body */
.jmsb-sp .sp-section ol{margin:0 0 16px;padding-inline-start:22px;line-height:1.9;color:#463d2e}
.jmsb-sp .sp-section ol li{margin:0 0 8px}
.jmsb-sp .sp-table td a{white-space:normal}

/* "more in this space" links on child pages */
.jmsb-sp .sp-family{padding:6px 0 34px}
.jmsb-sp .sp-family h2{max-width:880px;margin:0 auto 14px;font-size:1.35rem;color:var(--ink,#2a2418)}
.jmsb-sp .sp-chips{list-style:none;margin:0 auto;padding:0;max-width:880px;display:flex;flex-wrap:wrap;gap:10px}
.jmsb-sp .sp-chips a{display:inline-block;padding:9px 16px;border:1px solid rgba(156,116,51,.45);border-radius:999px;background:var(--surface,#fffefb);color:var(--gold-deep,#78571f);text-decoration:none;font-size:.97rem;line-height:1.4}
.jmsb-sp .sp-chips a:hover,.jmsb-sp .sp-chips a:focus-visible{background:rgba(156,116,51,.08);border-color:var(--gold,#9c7433)}

@media(max-width:900px){.jmsb-sp .sp-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){
	.jmsb-sp .sp-cards{grid-template-columns:1fr;gap:12px}
	.jmsb-sp .sp-card a{padding:16px}
}