[data-ob-theme="markup-press"] body {
  background-image: radial-gradient(circle at 20% 10%, color-mix(in srgb, var(--ob-color-accent) 12%, transparent) 0 1px, transparent 1.5px);
  background-size: 18px 18px;
}

[data-ob-theme="markup-press"] { --mnix-brand-hue: 310; }

.sf-hero { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(19rem, .95fr); gap: clamp(2rem, 6vw, 6rem); align-items: center; padding-block: 3rem 5rem; }
.sf-kicker { display: inline-block; margin: 0 0 1.25rem; padding: .35rem .6rem; background: var(--ob-color-text); color: var(--ob-color-page); font: 700 .72rem/1.2 var(--ob-font-mono); letter-spacing: .12em; }
.sf-title-slot .ob-title { max-width: none; font-size: clamp(3rem, 5vw, 4.6rem); overflow-wrap: normal; text-wrap: balance; }
.sf-lede { max-width: 34rem; color: var(--ob-color-text); font-size: clamp(1.3rem, 2.2vw, 1.8rem); line-height: 1.4; }
.sf-poster { position: relative; min-height: 29rem; padding: 2rem; overflow: hidden; border: 3px solid var(--ob-color-text); background: #1647d8; color: #fffaf0; box-shadow: 14px 14px 0 var(--ob-color-accent); transform: rotate(1.5deg); }
.sf-poster::before { content: ""; position: absolute; width: 14rem; height: 14rem; right: -4rem; top: -5rem; border-radius: 50%; background: #ffd447; }
.sf-poster-number { position: relative; z-index: 1; font: 900 6rem/.8 Arial Black, sans-serif; color: #ffd447; }
.sf-poster-stack { position: relative; z-index: 1; display: grid; margin-top: 1.5rem; }
.sf-poster-stack strong { font: 900 clamp(3.5rem, 6vw, 4.8rem)/.82 Arial Black, sans-serif; letter-spacing: -.08em; }
.sf-poster-stack strong:nth-child(2) { color: #ffd447; transform: translateX(2.5rem); }
.sf-poster-stack strong:nth-child(3) { color: #ff8a72; transform: translateX(5rem); }
.sf-poster p { position: absolute; left: 2rem; right: 2rem; bottom: 3rem; padding-top: .75rem; border-top: 3px solid currentColor; font: 700 .8rem/1.5 var(--ob-font-mono); letter-spacing: .08em; }
.sf-poster p span { color: #ffd447; }
.sf-poster small { position: absolute; right: 1rem; bottom: 1rem; font-family: var(--ob-font-mono); }

.wc-journey-nav { display: flex; flex-wrap: wrap; gap: 0; margin-top: 2.5rem; border: 2px solid var(--ob-color-text); }
.wc-journey-nav a { flex: 1 1 9rem; padding: .85rem; border-right: 2px solid var(--ob-color-text); background: var(--ob-color-surface); color: var(--ob-color-text); text-decoration: none; font: 700 .72rem/1.35 var(--ob-font-mono); }
.wc-journey-nav a:last-child { border-right: 0; }
.wc-journey-nav a[aria-current="page"] { background: var(--ob-color-accent); color: var(--ob-color-accent-contrast); }
.wc-journey-nav a:hover, .wc-journey-nav a:focus-visible { background: #1647d8; color: #fff; }
.wc-journey-nav span { display: block; margin-bottom: .25rem; font-size: 1.4rem; }

.sf-skip, .sf-goals, .sf-roadmap { margin-block: 5rem; }
.sf-skip { position: relative; padding: 2rem clamp(1.5rem, 5vw, 4rem); border: 3px solid var(--ob-color-text); background: #ffd447; color: #181410; box-shadow: 10px 10px 0 #1647d8; }
.sf-skip .sf-kicker { background: #181410; color: #ffd447; }
.sf-skip h2 { max-width: 16ch; margin-top: 0; color: #181410; }
.sf-skip a { color: #1647d8; font-weight: 700; }
.sf-goal-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); counter-reset: foundation; border-top: 3px solid var(--ob-color-text); }
.sf-goal-grid article { position: relative; padding: 1.5rem 1rem 1.5rem 5rem; border-bottom: 2px solid var(--ob-color-text); counter-increment: foundation; }
.sf-goal-grid article:nth-child(odd) { border-right: 2px solid var(--ob-color-text); }
.sf-goal-grid article::before { content: counter(foundation, decimal-leading-zero); position: absolute; left: .5rem; top: 1.2rem; color: var(--ob-color-accent); font: 900 2.2rem/1 Arial Black, sans-serif; }
.sf-goal-grid span { color: var(--ob-color-subtle); font: .68rem/1.4 var(--ob-font-mono); }
.sf-goal-grid p { margin-block: .45rem; font-size: 1.15rem; }
.sf-goal-grid small { display: block; color: var(--ob-color-subtle); }
.sf-roadmap ol { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; padding: 0; border: 3px solid var(--ob-color-text); list-style: none; }
.sf-roadmap li + li { border-left: 3px solid var(--ob-color-text); }
.sf-roadmap a { display: flex; flex-direction: column; min-height: 23rem; padding: 1.5rem; background: var(--ob-color-surface); color: var(--ob-color-text); text-decoration: none; }
.sf-roadmap li:nth-child(2) a { background: #1647d8; color: #fff; }
.sf-roadmap li:nth-child(3) a { background: var(--ob-color-accent); color: var(--ob-color-accent-contrast); }
.sf-roadmap span { font: 900 4rem/1 Arial Black, sans-serif; }
.sf-roadmap strong { margin-block: auto 1rem; font-size: 1.5rem; }
.sf-roadmap p { font-size: 1rem; }
.sf-roadmap small { font: .7rem/1.4 var(--ob-font-mono); letter-spacing: .08em; }

[data-ob-theme="markup-press"] .ob-series-stage-label { margin-top: 3rem; padding-top: 1rem; border-top: 3px solid var(--ob-color-text); color: var(--ob-color-accent-soft); font: 900 1.1rem/1.4 Arial Black, sans-serif; text-transform: uppercase; }
[data-ob-theme="markup-press"] .ob-part { border: 0; border-bottom: 2px solid var(--ob-color-text); border-radius: 0; background: transparent; }
[data-ob-theme="markup-press"] .ob-part:first-of-type { border-top: 2px solid var(--ob-color-text); }
[data-ob-theme="markup-press"] .ob-part:hover { padding-left: 1.75rem; background: var(--ob-color-surface-raised); }
[data-ob-theme="markup-press"] .ob-part-number { color: var(--ob-color-accent-soft); font: 900 1.6rem/1 Arial Black, sans-serif; }
[data-ob-theme="markup-press"] .ob-prose { counter-reset: press-section; }
[data-ob-theme="markup-press"] .ob-prose h2 { position: relative; margin-top: 4rem; padding: 1rem 0 .5rem 4.8rem; border-top: 4px solid var(--ob-color-text); counter-increment: press-section; }
[data-ob-theme="markup-press"] .ob-prose h2::before { content: counter(press-section, decimal-leading-zero); position: absolute; left: 0; color: var(--ob-color-accent); font: 900 2.4rem/1 Arial Black, sans-serif; }
[data-ob-theme="markup-press"] .ob-prose blockquote { margin-inline: 0; padding: 1rem 1.5rem; border: 0; border-left: 10px solid #1647d8; background: var(--ob-color-surface); font-size: 1.15rem; }

@media (max-width: 820px) { .sf-hero { grid-template-columns: 1fr; } .sf-poster { max-width: 34rem; } .sf-roadmap ol { grid-template-columns: 1fr; } .sf-roadmap li + li { border-left: 0; border-top: 3px solid var(--ob-color-text); } .sf-roadmap a { min-height: 16rem; } }
@media (max-width: 560px) { .sf-goal-grid { grid-template-columns: 1fr; } .sf-goal-grid article:nth-child(odd) { border-right: 0; } .sf-poster { min-height: 26rem; transform: none; box-shadow: 8px 8px 0 var(--ob-color-accent); } .sf-poster-stack strong { font-size: 3.5rem; } .sf-poster-stack strong:nth-child(2) { transform: translateX(1rem); } .sf-poster-stack strong:nth-child(3) { transform: translateX(2rem); } .wc-journey-nav { display: grid; } .wc-journey-nav a { border-right: 0; border-bottom: 2px solid var(--ob-color-text); } .wc-journey-nav a:last-child { border-bottom: 0; } }
@media print { [data-ob-theme="markup-press"] body { background-image: none; } .sf-poster, .sf-skip { box-shadow: none; transform: none; } }