/* =====================================================================
   Sumatran design options (staging test) — three treatments of the same
   content, applied by block style classes. Core blocks only.
   A = Editorial Broadsheet (bs-), B = Tactile Paper Card (pc-),
   C = Minimalist Executive Dossier (dx-)
   ===================================================================== */

/* ---------- A · Editorial Broadsheet ---------- */
.is-style-bs-masthead { border-top: 3px solid var(--wp--preset--color--ink); padding-top: 1rem; padding-bottom: var(--wp--preset--spacing--60); }
.is-style-bs-masthead > * + * { margin-top: 0; }
.wp-block-group .is-style-bs-meta, .is-style-bs-meta { margin: 0; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--wp--preset--color--ink-muted); }
.wp-block-heading.is-style-bs-serif { font-family: var(--wp--preset--font-family--serif); font-weight: 500; letter-spacing: -0.015em; line-height: 1.1; }
h1.wp-block-heading.is-style-bs-serif { font-size: clamp(2.75rem, 7vw, 6.25rem); line-height: 0.98; letter-spacing: -0.03em; margin-block: var(--wp--preset--spacing--50); max-width: 14ch; }
h2.wp-block-heading.is-style-bs-serif { font-size: clamp(1.75rem, 3.2vw, 2.75rem); margin-top: 0; }
.wp-block-columns.is-style-bs-ruled { gap: 0 !important; border-top: 1px solid var(--wp--preset--color--ink); padding-top: 1.25rem; margin-block: 0; }
.wp-block-columns.is-style-bs-ruled > .wp-block-column { padding-inline: 1.5rem; }
.wp-block-columns.is-style-bs-ruled > .wp-block-column:first-child { padding-left: 0; }
.wp-block-columns.is-style-bs-ruled > .wp-block-column:last-child { padding-right: 0; }
.wp-block-columns.is-style-bs-ruled > .wp-block-column + .wp-block-column { border-left: 1px solid var(--wp--preset--color--border-strong); }
.wp-block-columns.is-style-bs-ruled > .wp-block-column > :first-child { margin-top: 0; }
@media (max-width: 781px) {
  .wp-block-columns.is-style-bs-ruled > .wp-block-column { padding-inline: 0; }
  .wp-block-columns.is-style-bs-ruled > .wp-block-column + .wp-block-column { border-left: 0; border-top: 1px solid var(--wp--preset--color--border); padding-top: 1.25rem; margin-top: 1.25rem; }
}
.is-style-bs-section { padding-block: var(--wp--preset--spacing--60); }
.wp-block-group .is-style-bs-kicker, .is-style-bs-kicker { margin: 0 0 0.75rem; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--wp--preset--color--brand-plum); }
.wp-block-group .is-style-bs-pullquote, .is-style-bs-pullquote { font-family: var(--wp--preset--font-family--serif); font-size: clamp(1.5rem, 2.8vw, 2.25rem); line-height: 1.3; letter-spacing: -0.01em; margin: 0; }
.is-style-bs-offers .sumatran-offer-cols { gap: 0; border-top: 1px solid var(--wp--preset--color--ink); border-left: 1px solid var(--wp--preset--color--border); }
.is-style-bs-offers .sumatran-offer-col { padding: 1.5rem; border-right: 1px solid var(--wp--preset--color--border); border-bottom: 1px solid var(--wp--preset--color--border); }
.is-style-bs-offers .sumatran-offer-col__duration { border-bottom: 1px solid var(--wp--preset--color--border); }
.is-style-bs-offers .sumatran-offer-col__value { font-family: var(--wp--preset--font-family--serif); font-weight: 500; font-size: clamp(2.5rem, 3.6vw, 3.5rem); letter-spacing: -0.03em; color: var(--wp--preset--color--ink); }
.is-style-bs-offers .sumatran-offer-col__title { font-family: var(--wp--preset--font-family--serif); font-weight: 500; font-size: 1.5rem; letter-spacing: -0.01em; }
.wp-block-list.is-style-bs-index { list-style: none; margin: 0; padding: 0; counter-reset: bs; border-top: 1px solid var(--wp--preset--color--ink); }
.is-style-bs-index li { counter-increment: bs; display: grid; grid-template-columns: 3rem 1fr; padding: 0.875rem 0; border-bottom: 1px solid var(--wp--preset--color--border); font-family: var(--wp--preset--font-family--serif); font-size: 1.375rem; line-height: 1.3; }
.is-style-bs-index li::before { content: counter(bs, decimal-leading-zero); font-family: var(--wp--preset--font-family--body); font-size: 0.75rem; font-weight: 600; letter-spacing: 0.1em; color: var(--wp--preset--color--ink-muted); padding-top: 0.45rem; }
.is-style-bs-colophon { border: 1px solid var(--wp--preset--color--ink); padding: var(--wp--preset--spacing--50); margin-block: var(--wp--preset--spacing--60); background: var(--wp--preset--color--surface); }
.is-style-bs-colophon > :first-child { margin-top: 0; }

/* ---------- B · Tactile Paper Card ---------- */
.is-style-pc-card { box-sizing: border-box; background: var(--wp--preset--color--surface); border: 1px solid var(--wp--preset--color--border); border-radius: 12px; box-shadow: 0 1px 2px rgba(17,17,17,0.04), 0 8px 24px rgba(17,17,17,0.04); padding: clamp(1.5rem, 3vw, 2.5rem); }
.is-style-pc-card > :first-child { margin-top: 0; }
.is-style-pc-card > :last-child { margin-bottom: 0; }
.wp-block-column > .is-style-pc-card { height: 100%; }
.is-style-pc-card-plum { box-sizing: border-box; background: var(--wp--preset--color--brand-plum); color: var(--wp--preset--color--surface); border-radius: 12px; padding: clamp(2rem, 5vw, 4rem); box-shadow: 0 12px 32px rgba(102,76,107,0.18); }
.is-style-pc-card-plum h2, .is-style-pc-card-plum p { color: var(--wp--preset--color--surface); }
.is-style-pc-card-plum > :first-child { margin-top: 0; }
.wp-block-columns.is-style-pc-grid { gap: 1.5rem; align-items: stretch; margin-block: 0; }
.wp-block-group .is-style-pc-chip, .is-style-pc-chip { display: inline-block; margin: 0; padding: 0.25rem 0.75rem; border-radius: 999px; background: var(--wp--preset--color--plum-tint); color: var(--wp--preset--color--brand-plum); font-size: 0.8125rem; font-weight: 600; }
.is-style-pc-section { padding-block: var(--wp--preset--spacing--60) 0; }
.is-style-pc-section:last-child { padding-bottom: var(--wp--preset--spacing--60); }
.is-style-pc-offers .sumatran-offer-card { border-radius: 12px; box-shadow: 0 1px 2px rgba(17,17,17,0.04), 0 8px 24px rgba(17,17,17,0.04); transition: box-shadow .2s ease, transform .2s ease; }
.is-style-pc-offers .sumatran-offer-card:hover { box-shadow: 0 2px 4px rgba(17,17,17,0.05), 0 16px 32px rgba(17,17,17,0.08); transform: translateY(-2px); }
@media (prefers-reduced-motion: reduce) { .is-style-pc-offers .sumatran-offer-card, .is-style-pc-offers .sumatran-offer-card:hover { transition: none; transform: none; } }
.wp-block-list.is-style-pc-checks { list-style: none; padding: 0; margin: 0; }
.is-style-pc-checks li { position: relative; padding: 0.625rem 0 0.625rem 2rem; border-top: 1px solid var(--wp--preset--color--border); }
.is-style-pc-checks li:first-child { border-top: 0; }
.is-style-pc-checks li::before { content: ""; position: absolute; left: 0; top: 0.95rem; width: 1.125rem; height: 1.125rem; border-radius: 50%; background: var(--wp--preset--color--plum-tint); box-shadow: inset 0 0 0 5px var(--wp--preset--color--plum-tint), inset 0 0 0 9px var(--wp--preset--color--brand-plum); }

/* ---------- C · Minimalist Executive Dossier ---------- */
.is-style-dx-page { background: var(--wp--preset--color--surface); padding-block: var(--wp--preset--spacing--70); }
.wp-block-heading.is-style-dx-intro { font-size: clamp(2.25rem, 4.6vw, 4rem); font-weight: 600; line-height: 1.08; letter-spacing: -0.035em; max-width: 18ch; margin-top: 0; }
h1.wp-block-heading.is-style-dx-intro { font-size: clamp(2.75rem, 6vw, 5.25rem); max-width: 16ch; }
.wp-block-group .is-style-dx-lede, .is-style-dx-lede { font-size: clamp(1.125rem, 1.6vw, 1.3125rem); line-height: 1.6; color: var(--wp--preset--color--ink-muted); max-width: 38em; }
.wp-block-group .is-style-dx-label, .is-style-dx-label { margin: 0 0 1rem; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--wp--preset--color--ink-muted); }
.wp-block-separator.is-style-dx-rule { border: 0; border-top: 1px solid var(--wp--preset--color--border); height: 0; opacity: 1; margin-block: var(--wp--preset--spacing--70) !important; max-width: var(--wp--style--global--wide-size) !important; width: 100%; background: none; }
.is-style-dx-offers .sumatran-offer-cols { grid-template-columns: 1fr; gap: 0; border-bottom: 1px solid var(--wp--preset--color--border); }
.is-style-dx-offers .sumatran-offer-col { display: grid; grid-template-columns: 11rem minmax(0, 1fr) auto; column-gap: 2.5rem; row-gap: 0.375rem; padding: 1.75rem 0; border-top: 1px solid var(--wp--preset--color--border); }
.is-style-dx-offers .sumatran-offer-col > * { grid-column: 2; margin: 0; }
.is-style-dx-offers .sumatran-offer-col__duration { grid-column: 1; grid-row: 1 / span 3; border: 0; padding: 0; flex-direction: column; align-items: flex-start; gap: 0; }
.is-style-dx-offers .sumatran-offer-col__value { font-size: 2.25rem; color: var(--wp--preset--color--ink); }
.is-style-dx-offers .sumatran-offer-col__link { grid-column: 3; grid-row: 1; padding-top: 0.25rem; }
@media (max-width: 781px) {
  .is-style-dx-offers .sumatran-offer-col { grid-template-columns: 1fr; }
  .is-style-dx-offers .sumatran-offer-col > *, .is-style-dx-offers .sumatran-offer-col__duration, .is-style-dx-offers .sumatran-offer-col__link { grid-column: 1; grid-row: auto; }
  .is-style-dx-offers .sumatran-offer-col__duration { flex-direction: row; align-items: baseline; gap: 0.5rem; }
}
.wp-block-list.is-style-dx-plain { list-style: none; margin: 0; padding: 0; }
.is-style-dx-plain li { padding: 1rem 0; border-top: 1px solid var(--wp--preset--color--border); font-size: 1.25rem; font-weight: 500; letter-spacing: -0.01em; }
.is-style-dx-plain li:last-child { border-bottom: 1px solid var(--wp--preset--color--border); }
.wp-block-columns.is-style-dx-split { gap: var(--wp--preset--spacing--60); margin-block: 0; }
.wp-block-column > .is-style-pc-card h2.wp-block-heading { font-size: var(--wp--preset--font-size--x-large); }
.is-style-bs-masthead .wp-block-buttons, .is-style-bs-colophon .wp-block-buttons { justify-content: flex-end; }
@media (max-width: 781px) { .is-style-bs-masthead .wp-block-buttons, .is-style-bs-colophon .wp-block-buttons { justify-content: flex-start; } }
.wp-block-columns.is-style-pc-grid + .wp-block-columns.is-style-pc-grid { margin-top: 1.5rem; }
.is-style-dx-hero > * + * { margin-top: var(--wp--preset--spacing--40); }
.is-style-dx-hero .is-style-dx-label { margin-bottom: 0; }