/* ==== software-case-v2.css ==== */
.next-tech .software-screen{margin:45px 0 65px}.software-screen figure{margin:0}.next-tech .software-screen img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}.next-tech .editor-screen{padding:25px 35px;background:linear-gradient(145deg,#243535,#102225);border:1px solid #a7d9cc25}.next-tech .editor-screen figure{max-height:none;overflow:visible}.next-tech .editor-screen img{min-width:650px}.next-tech .capture-caption{line-height:1.8;margin:18px 0 0;color:#9fb4b1}.software-explanation{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin:45px 0 60px}.software-explanation span{font:10px/1.8 monospace;letter-spacing:.1em;color:#a1d8bf}.software-explanation h3{font-family:Georgia,serif;font-size:clamp(28px,3.2vw,46px);line-height:1.15;margin:20px 0 25px;letter-spacing:-.04em}.software-explanation p{max-width:53ch}.sipos-context{display:grid;grid-template-columns:.6fr 1.2fr 1fr;gap:40px;border-block:1px solid #a7d9cc30;padding:30px 0;margin:35px 0}.sipos-context p{font-size:14px}.sipos-context .eyebrow{color:#bbd5c9}.sipos-screen{background:#19151e;padding:20px 25px 25px;border:1px solid #c7b2d833}.screen-tabs{display:flex;gap:25px;margin:0 0 20px}.screen-tabs button{font-family:inherit;font-size:12px;line-height:1.5;border:0;border-bottom:1px solid transparent;background:none;color:#bbaac4;min-height:44px;padding:8px 0}.screen-tabs button[aria-pressed=true]{border-color:#b5e0d4;color:#e0f2e9}.next-tech .sipos-screen img{max-width:1200px;margin:auto}.next-tech .sipos-screen .capture-caption{color:#b9a9c0}
@media(max-width:650px){.software-explanation,.sipos-context{grid-template-columns:1fr;gap:18px}.next-tech .editor-screen{padding:12px}.next-tech .editor-screen figure{max-height:none}.next-tech .editor-screen img{min-width:0}.next-tech .sipos-screen{padding:12px}.screen-tabs{gap:20px}.software-explanation h3{font-size:32px}.sipos-context{padding:23px 0}}

/* ==== software-detail-v3.css ==== */
.tool-story,.config-change,.diagnostic-strip{display:grid;grid-template-columns:1.25fr 1fr;gap:6vw;align-items:center;margin:55px 0 75px}.tool-story-copy h3,.config-change h3,.diagnostic-strip h3{font:clamp(30px,3.5vw,49px)/1.12 Georgia,serif;letter-spacing:-.04em;margin:18px 0 25px}.tool-story-copy p,.config-change p,.diagnostic-strip p{max-width:51ch}.tool-terminal{background:#061418;border:1px solid #b3e4d32b;padding:25px 30px;color:#b7dbc8;min-width:0;box-shadow:0 20px 65px #0002}.terminal-label{display:flex;justify-content:space-between;gap:12px;padding-bottom:20px;border-bottom:1px solid #b3e4d31c;font:9px/1.8 monospace;letter-spacing:.09em;color:#86a9a0}.tool-terminal pre,.config-pair pre{font:12px/1.8 Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:25px 0}.tool-terminal .capture-caption{color:#8da69f}.config-change{grid-template-columns:1fr 1.25fr;border-block:1px solid #b3e4d329;padding-block:40px}.config-pair{display:grid;gap:20px;min-width:0}.config-pair figure{margin:0;padding:15px 22px;background:#b3e4d308;border-left:1px solid #749688}.config-pair figure:last-child{border-left-color:#b6dab4}.config-pair figcaption{font:10px/1.8 monospace;color:#9fbaad}.config-pair pre{margin:12px 0;color:#c8e2d5;font-size:13px}.display-blueprint{margin:50px 0 65px;padding:30px 4%;background:radial-gradient(ellipse at center,#27504755,transparent 70%),linear-gradient(#b3e4d308 1px,transparent 1px),linear-gradient(90deg,#b3e4d308 1px,transparent 1px);background-size:auto,25px 25px,25px 25px;border-block:1px solid #b3e4d329}.blueprint-top{display:flex;justify-content:space-between;gap:20px;font:10px/1.8 monospace;letter-spacing:.06em;color:#a1c9b8}.display-span{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:55px 0 25px;position:relative}.display-span:before{content:"";position:absolute;inset:15% 0;background:linear-gradient(100deg,#a8d5b21c,#a8d5b25c,#a8d5b21c);transform:skewY(-5deg);border-block:1px solid #9bc9b555;pointer-events:none}.display-span>div{aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border:1px solid #a7d0bd65;background:#10292bb8;box-shadow:0 15px 35px #0002}.display-span span,.display-span small{font:10px/1.8 monospace;color:#a1b9b1}.display-span strong{font:clamp(13px,2.2vw,28px)/1.7 monospace;color:#d8eee0}.display-blueprint>p{font-size:13px;text-align:center}.diagnostic-strip{grid-template-columns:1fr 1fr}.related-tools{display:grid;grid-template-columns:1fr 1fr;gap:6vw;border-top:1px solid #b3e4d329;margin:40px 0;padding-top:30px}.related-tools span{font:10px/1.8 monospace;letter-spacing:.09em;color:#a1c9b8}.related-tools p{font-size:14px;max-width:46ch}
@media(max-width:760px){.tool-story,.config-change,.diagnostic-strip{grid-template-columns:1fr;gap:25px;margin:35px 0 50px}.tool-terminal{padding:18px}.tool-story-copy{grid-row:1}.display-blueprint{padding:20px 12px}.display-span{gap:4px;margin:35px 0 20px}.related-tools{grid-template-columns:1fr;gap:12px}}

/* ==== Type floor ==== */
/* software-case-v2.css */
.next-tech .capture-caption,
.sipos-context .eyebrow,
.software-explanation span { font-size: 12px; }
@media (max-width: 650px) {
  .screen-tabs button { font-size: 12px; }
}
/* software-detail-v3.css */
.blueprint-top,
.config-pair figcaption,
.display-blueprint .capture-caption,
.display-span span, .display-span small,
.related-tools span,
.terminal-label { font-size: 12px; }
/* At 12px the bar titles wrap; keep the right-hand value in one piece. */
.blueprint-top span:last-child,
.terminal-label span:last-child { white-space: nowrap; }
@media (max-width: 760px) {
  .config-pair pre,
  .tool-terminal pre { font-size: 12px; }
  .display-span strong { font-size: clamp(12px, 2.7vw, 15px); }
}
