/* Compact header; hero sizing restored to the original site stylesheet. */
.site-header {min-height:48px;padding:4px 0;gap:14px}
.brand {font-size:15px;gap:10px}
.brand-code-logo {width:64px;height:24px}
.primary-nav {gap:12px}
.primary-nav a,.primary-nav .linkedin-button {font-family:'IBM Plex Mono',monospace;font-size:14px;font-weight:400;letter-spacing:.08em;line-height:1.4}
.primary-nav .linkedin-button {padding:6px 11px;margin:0}
.hero-lede {max-width:58ch;font-size:clamp(19px,2.85cqw,23px);line-height:1.7;text-wrap:pretty}
/* Retain the slimmer metrics and company rail. */
.portfolio-metrics .scorecard article,.portfolio-metrics .scorecard article:last-child,.portfolio-metrics .scorecard article:nth-child(2) {min-height:108px;padding:16px 14px;gap:6px}
.portfolio-metrics .scorecard strong {font-size:clamp(30px,3vw,44px);line-height:1.15}
.portfolio-metrics .scorecard span {font-size:13px}
.company-sequence {padding-block:19px}
.company-sequence span {font-size:21px}
/* Larger editorial type and generous reading space inside every system. */
#system {width:min(1440px,calc(100% - clamp(32px,7.8vw,120px)))}
#revenue-studio {font-size:18px;line-height:1.8}
#revenue-studio .intro {gap:48px;margin-bottom:48px}
#revenue-studio .intro>p {font-size:18px;line-height:1.8;max-width:400px}
#revenue-studio .workspace {grid-template-columns:310px minmax(0,1fr)}
#revenue-studio aside {padding:26px 16px}
#revenue-studio .system-item {padding:20px 12px;margin-bottom:8px;gap:14px}
#revenue-studio .system-item strong {font-size:16px;line-height:1.5}
#revenue-studio .system-item small {font-size:14px;line-height:1.75;margin-top:10px}
#revenue-studio .menu-label {font-size:12px;line-height:1.6;margin-bottom:24px}
#revenue-studio .studio-main {padding:42px;overflow-wrap:break-word}
#revenue-studio .meta {font-size:12px;line-height:1.8;gap:18px}
#revenue-studio .studio-main>h3 {font-size:clamp(30px,2.7vw,40px);line-height:1.2;margin:30px 0 24px;max-width:760px}
#revenue-studio .studio-main>p {font-size:18px;line-height:1.85;max-width:68ch}
#revenue-studio p {margin-block:14px}
#revenue-studio .tabs {gap:10px;margin:32px 0;padding:16px 0}
#revenue-studio .tabs button {font-size:15px;line-height:1.5;padding:12px 16px;transition:background .18s,border-color .18s,color .18s}
#revenue-studio .tabs button:hover,#revenue-studio .tabs button:focus-visible {background:#8edacc1a;border-color:#8edacc66;color:#8EDACC}
#revenue-studio .section-label,#revenue-studio .step-label {font-size:12px;line-height:1.6}
#revenue-studio .flow {grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px;align-items:stretch}
#revenue-studio .flow>.arrow {display:none}
#revenue-studio .node {padding:24px 20px}
#revenue-studio .node b {font-size:19px;line-height:1.45;min-height:0;margin:16px 0}
#revenue-studio .node small {font-size:16px;line-height:1.75}
#revenue-studio .node .tool {font-size:12px;line-height:1.8;margin-top:20px}
#revenue-studio .node[data-stage="2"] .step-label {color:#8EDACC}
#revenue-studio .detail {font-size:18px;line-height:1.85;padding:28px;margin-block:30px}
#revenue-studio .detail h4 {font-size:23px;line-height:1.4;margin:14px 0}
#revenue-studio .responsibility {font-size:16px;line-height:1.85;gap:30px;margin-top:32px;padding-top:28px}
#revenue-studio .responsibility strong {font-size:12px;margin-bottom:16px}
#revenue-studio #sf-rules,#revenue-studio details>p,#revenue-studio [data-panel="measures"]>p {font-size:15px;line-height:1.85}
#revenue-studio summary {font-size:16px;padding-block:18px}
#revenue-studio table {font-size:15px;line-height:1.8}
#revenue-studio td,#revenue-studio th {padding:18px 10px}
#revenue-studio label {font-size:16px;line-height:1.6}
#revenue-studio select {font-size:16px;min-height:50px}
#revenue-studio .action {font-size:14px;padding:15px 18px}
#revenue-studio .output {padding:28px}
#revenue-studio .result-row,#revenue-studio .metric {font-size:17px;line-height:1.85;padding-block:18px}
#revenue-studio .result-row strong {font-size:12px;line-height:1.7}
#revenue-studio .metric h4 {font-size:24px;line-height:1.4}
.blueprint-flow li:nth-child(3) {color:#8EDACC}
@media(min-width:1101px){.hero-lede {width:100%;max-width:58ch}}
@media(max-width:1100px){
 #revenue-studio .workspace {grid-template-columns:260px minmax(0,1fr)}
 #revenue-studio .studio-main {padding:28px}
 #revenue-studio .flow {grid-template-columns:1fr}
}
@media(max-width:900px){
 .site-header {min-height:48px;padding-block:4px}
 .brand {font-size:12px}
 .primary-nav a,.primary-nav .linkedin-button {font-size:14px;font-weight:400;padding:12px}
 .hero-lede {font-size:18px;max-width:none}
 .portfolio-metrics .scorecard {grid-template-columns:repeat(2,minmax(0,1fr))}
 .portfolio-metrics .scorecard span {font-size:12px}
}
@media(max-width:720px){
 #revenue-studio .intro {display:block;margin-bottom:30px}
 #revenue-studio .intro>p {font-size:17px;max-width:none}
 #revenue-studio .workspace {grid-template-columns:1fr}
 #revenue-studio aside {position:static;padding:16px}
 #revenue-studio .system-item {min-height:76px;padding:14px 10px;margin:0}
 #revenue-studio .system-item strong {font-size:14px;line-height:1.5}
 #revenue-studio .system-item small {display:none}
 #revenue-studio .studio-main {padding:26px 20px}
 #revenue-studio .studio-main>h3 {font-size:29px}
 #revenue-studio .studio-main>p,#revenue-studio .detail,#revenue-studio .result-row,#revenue-studio .metric {font-size:17px;line-height:1.8}
 #revenue-studio .tabs {gap:5px}
 #revenue-studio .tabs button {font-size:13px;line-height:1.5;padding:12px 7px}
 #revenue-studio .detail {padding:22px 18px}
 #revenue-studio .responsibility {grid-template-columns:1fr}
 #revenue-studio table {font-size:13px}
 #revenue-studio th,#revenue-studio td {padding:14px 6px}
}
@media(prefers-reduced-motion:reduce){#revenue-studio .tabs button {transition:none}}
