/* ============================================================================
 * TASK239 — Work-surfaces hub (/משטחי-עבודה-למטבח/). Sand & Bronze, RTL.
 * Reuses the .jmsb-arch skeleton (woo-archive.css) + content blocks (wave1.css); mirrors quartz-hub.css.
 * ========================================================================== */
.jmsb-wt .wt-hero .wt-crumbs{margin:0 auto 16px;font-size:.88rem;color:#6b6151}
.jmsb-wt .wt-crumbs a{color:var(--gold-deep,#78571f);text-decoration:none}
.jmsb-wt .wt-crumbs a:hover{text-decoration:underline}
.jmsb-wt .wt-crumbs .sep{margin:0 8px;color:#b9ad97}
.jmsb-wt .wt-hero .wt-intro{max-width:860px;margin:14px auto 0;font-size:1.06rem;line-height:1.95;color:#463d2e}
.jmsb-wt .wt-hero-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}
/* TASK242: the hero sits on the light sand band; the shared .pdp-btn-line (cream text, built for the dark CTA)
   gets the same gold-on-sand treatment as the types guide and service hub heroes */
.jmsb-wt .wt-hero-cta .pdp-btn-line{color:var(--gold-deep,#78571f);border-color:rgba(156,116,51,.5);background:transparent}
.jmsb-wt .wt-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-wt .arch-body .wt-wrap{max-width:1120px}
.jmsb-wt .wt-section{max-width:880px;margin:0 auto 40px;scroll-margin-top:110px}
.jmsb-wt .wt-section>h2{font-size:1.55rem;line-height:1.3;margin:0 0 14px;color:var(--ink,#2a2418)}
.jmsb-wt .wt-section h3{font-size:1.15rem;line-height:1.4;margin:22px 0 8px;color:var(--ink,#2a2418)}
.jmsb-wt .wt-section p{line-height:1.95;margin:0 0 14px;color:#463d2e}
.jmsb-wt .wt-section a{color:var(--gold-deep,#78571f)}
.jmsb-wt .wt-section ul{margin:0 0 16px;padding-inline-start:22px;line-height:1.9;color:#463d2e}
.jmsb-wt .wt-section li{margin:0 0 6px}

/* comparison table (same look as the types guide table) */
.jmsb-wt .wt-table-wrap{overflow-x:auto;margin:6px 0 18px}
.jmsb-wt .wt-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-wt .wt-table th,.jmsb-wt .wt-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-wt .wt-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-wt .wt-table tbody tr:last-child td{border-bottom:0}
.jmsb-wt .wt-table td:first-child{font-weight:600;white-space:nowrap}

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

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

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