/* /tr/ryzen-vps/ sections: 9950X processor, project board, execution drawings, generation charts, resource chart.
   Markup: includes/frontend/templates/service-ryzen-sections.php. Shared parts: service-sections.css. */

/* Processor (#ryzen-processor) */
.svc-rz-cpu{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--x-line);border-radius:18px;overflow:hidden;background:#fff}
.svc-rz-board{display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:28px;background:var(--x-green);background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:14px 14px}
.svc-rz-board .svc-x-label{color:#9fd4ab}
.svc-rz-chip{display:grid;place-items:center;padding:14px}
.svc-rz-chip>div{display:grid;place-items:center;gap:6px;width:min(250px,100%);aspect-ratio:1;padding:22px;border-radius:12px;background:linear-gradient(145deg,#2c2f2d,#151816);color:#f1f5f1;box-shadow:0 0 0 8px rgba(255,255,255,.06),0 0 0 9px rgba(255,255,255,.18),0 24px 50px rgba(0,0,0,.25);text-align:center}
.svc-rz-chip span{font:600 12px/1.4 'JetBrains Mono',monospace;letter-spacing:.2em;color:#b9c4bb}
.svc-rz-chip strong{font-size:52px;font-weight:700;letter-spacing:-.02em;line-height:1}
.svc-rz-chip small{font:10px/1.4 'JetBrains Mono',monospace;letter-spacing:.12em;color:#8fd19f}
.svc-rz-board-foot{margin:0;font:11px/1.6 'JetBrains Mono',monospace;color:#cfe3cf}
.svc-rz-specs{padding:28px 32px}
.svc-rz-specs dl{margin:0}
.svc-rz-specs dl>div{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #e0e8dc}
.svc-rz-specs dt{font-size:13px;color:#526151}
.svc-rz-specs dd{margin:0;font:700 15px/1.4 'JetBrains Mono',monospace;color:#1d2f22;text-align:right}
.svc-rz-specs-note{margin:18px 0 12px;padding:12px 16px;border-left:2px solid #b2c5ac;background:var(--x-soft);font-size:12px;line-height:1.8;color:#3d4f40}
.svc-rz-specs-copy{margin:20px 0 0;font-size:13px;line-height:1.85;color:var(--x-muted)}

/* Project board (#service-use-cases) */
.svc-rz-board-wrap{border:1px solid #ccd8cd;border-radius:20px;overflow:hidden;background:var(--x-soft)}
.svc-rz-projects-bar{display:flex;align-items:center;gap:18px;padding:16px 22px;border-bottom:1px solid var(--x-line);background:#fff}
.svc-rz-mini-chip{display:grid;place-items:center;width:62px;height:62px;flex:none;border-radius:8px;background:#1b1e1c;color:#f1f5f1;text-align:center;box-shadow:0 0 0 3px #e6ece4}
.svc-rz-mini-chip small{font:600 7px/1.2 'JetBrains Mono',monospace;letter-spacing:.08em;color:#aab5ac}
.svc-rz-mini-chip strong{font-size:15px;line-height:1}
.svc-rz-projects-name{display:grid;gap:2px;flex:1}
.svc-rz-projects-name strong{font-size:16px;font-weight:650}
.svc-rz-projects-name small{font:11px/1.5 'JetBrains Mono',monospace;color:#677564}
.svc-rz-projects{display:grid;grid-template-columns:1.1fr 1fr;gap:14px;padding:14px}
.svc-rz-project{padding:24px;border:1px solid var(--x-line);border-radius:14px;background:#fff}
.svc-rz-project.is-game{grid-row:span 2;display:flex;flex-direction:column}
.svc-rz-project.is-dev{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:26px;align-items:center}
.svc-page .svc-rz-project h3{margin:8px 0 10px;font-size:20px;line-height:1.3}
.svc-rz-project p:not(.svc-x-label){margin:0;font-size:13px;line-height:1.8;color:var(--x-muted)}
.svc-rz-game{display:flex;flex-direction:column;flex:1;margin-top:20px;padding:34px 24px 24px;border-radius:12px;background:var(--x-green);color:#e2efdc;min-height:280px}
.svc-rz-game .svc-x-label{color:#9fd4ab}
.svc-rz-blocks{display:grid;grid-template-columns:repeat(3,64px);gap:0;margin:auto auto 40px;transform:rotateX(55deg) rotateZ(45deg);transform-style:preserve-3d}
.svc-rz-blocks i{height:64px;background:#5fa36f;box-shadow:inset 0 -6px 0 #3f7a4f,inset -6px 0 0 #4b8d5c}
.svc-rz-blocks i:nth-child(2),.svc-rz-blocks i:nth-child(6){background:#8a6a45;box-shadow:inset 0 -6px 0 #6b5034,inset -6px 0 0 #7a5d3c}
.svc-rz-blocks i:nth-child(5){background:#7cc08b}
.svc-rz-blocks i:nth-child(9){background:#5f8fb0;box-shadow:inset 0 -6px 0 #4a7290,inset -6px 0 0 #54809e}
.svc-rz-project p.svc-rz-game-title{margin:6px 0 14px;font-size:18px;font-weight:650;color:#fff}
.svc-rz-game ul{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.svc-rz-game li{padding:5px 10px;border:1px solid rgba(255,255,255,.25);font:10px/1.5 'JetBrains Mono',monospace;color:#e2efdc}
.svc-rz-browser{margin-top:18px;border:1px solid #c6d4c3;border-radius:10px;overflow:hidden}
.svc-rz-browser-bar{display:flex;align-items:center;gap:10px;margin:0;padding:8px 12px;background:var(--x-soft);border-bottom:1px solid var(--x-line);font:10px/1.5 'JetBrains Mono',monospace;color:#3f5544}
.svc-rz-browser-bar span,.svc-rz-browser-bar span{display:inline-flex;gap:4px}
.svc-rz-browser-bar i{width:6px;height:6px;border-radius:50%;background:#9bb39b}
.svc-rz-browser>div{padding:14px}
.svc-rz-products{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}
.svc-rz-products i{height:46px;border-radius:6px;background:linear-gradient(#d4e6d2 60%,#f2f6f0 60%);border:1px solid #d6e0d2}
.svc-rz-project p.svc-rz-browser-foot{margin:0;display:flex;justify-content:space-between;font:11px/1.5 'JetBrains Mono',monospace;color:#3f5544}
.svc-rz-app{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px;margin:18px 0 0;padding:0;list-style:none}
.svc-rz-app li{display:grid;align-content:center;gap:4px;min-height:64px;padding:10px;border:1px solid #c8d6c5;background:#f8faf6;font-size:12px;font-weight:600}
.svc-rz-app li.is-api{background:var(--x-green);border-color:var(--x-green);color:#fff}
.svc-rz-app li span{font:700 13px 'JetBrains Mono',monospace;color:#9fd4ab}
.svc-rz-release{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
.svc-rz-release li{position:relative;padding:16px 12px;border:1px solid #c8d6c5;background:#f8faf6;font-size:13px;font-weight:600}
.svc-rz-release li:last-child{background:var(--x-green);border-color:var(--x-green);color:#fff}
.svc-rz-release li+li::before{content:'→';position:absolute;left:-13px;top:50%;transform:translateY(-50%);color:#618669;font-weight:700}
.svc-rz-release small{display:block;margin-bottom:4px;font:10px 'JetBrains Mono',monospace;opacity:.7}

/* Execution drawings (#ryzen-execution) */
.svc-rz-exec{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.svc-rz-exec article{padding:26px;border:1px solid var(--x-line);border-radius:16px;background:var(--x-soft)}
.svc-page .svc-rz-exec h3{margin:22px 0 8px;font-size:18px}
.svc-rz-exec p{margin:0;font-size:13px;line-height:1.8;color:var(--x-muted)}
.svc-rz-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:0;padding:22px;border:1px solid var(--x-edge);border-radius:10px;background:#fff;list-style:none}
.svc-rz-flow li{position:relative;padding:14px 6px;border:1px solid #c8d6c5;background:#f8faf6;font:600 12px/1.4 'JetBrains Mono',monospace;text-align:center}
.svc-rz-flow:not(.is-parallel) li+li::before{content:'→';position:absolute;left:-18px;top:50%;transform:translateY(-50%);color:#618669;font-weight:700}
.svc-rz-flow.is-parallel{gap:10px}
.svc-rz-flow.is-parallel li{border-top:3px solid var(--x-green)}

/* Generations (#service-comparison) */
.svc-rz-models{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}
.svc-rz-models>div{display:grid;gap:4px;padding:20px 22px;border-radius:14px}
.svc-rz-models .is-current{background:var(--x-green);color:#fff}
.svc-rz-models .is-current .svc-x-label{color:#9fd4ab}
.svc-rz-models .is-previous{background:#d9ecd7;color:#1d3a25}
.svc-rz-models span{font:600 11px/1.4 'JetBrains Mono',monospace;letter-spacing:.12em;opacity:.8}
.svc-rz-models strong{font-size:34px;line-height:1.1;font-weight:700}
.svc-rz-view{padding:26px;border:1px solid var(--x-line);border-radius:16px;background:#fff}
.svc-rz-view+.svc-rz-view{margin-top:14px}
.svc-page .svc-rz-view-name{margin:0 0 18px;font-size:13px;font:600 11px/1.5 'JetBrains Mono',monospace;letter-spacing:.07em;text-transform:uppercase;color:var(--x-label)}
[data-picker].is-ready .svc-rz-view-name{display:none}
.svc-rz-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.svc-rz-arch,.svc-rz-cores{padding:22px;border:1px solid #c8d6c5;border-radius:12px;background:#f8faf6}
.svc-rz-arch.is-current,.svc-rz-cores.is-current{border-color:var(--x-green)}
.svc-rz-arch small,.svc-rz-cores small{font:600 11px 'JetBrains Mono',monospace;color:#677564}
.svc-rz-arch>strong{display:block;margin:10px 0 16px;font-size:40px;line-height:1;font-weight:700;color:var(--x-green)}
.svc-rz-arch dl{margin:0}
.svc-rz-arch dl>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid #dde5d9}
.svc-rz-arch dt{font-size:12px;color:#526151}
.svc-rz-arch dd{margin:0;font:700 13px 'JetBrains Mono',monospace}
.svc-rz-clocks{display:grid;gap:18px}
.svc-rz-clock{padding:16px 18px;border:1px solid #c8d6c5;border-radius:12px;background:#f8faf6}
.svc-rz-clock.is-current{border-color:var(--x-green)}
.svc-rz-clock-model{margin:0 0 10px;font:700 14px 'JetBrains Mono',monospace}
.svc-rz-clock-row{display:grid;grid-template-columns:130px minmax(0,1fr) 120px;gap:14px;align-items:center;padding:5px 0;font-size:12px;color:#526151}
.svc-rz-clock-row strong{font:700 12px 'JetBrains Mono',monospace;color:#1d2f22;text-align:right}
.svc-rz-clock-track,.svc-rz-track{display:block;height:14px;border-radius:3px;background:#e7eee4;overflow:hidden}
.svc-rz-clock-track i,.svc-rz-track i{display:block;width:calc(var(--w) * 1%);height:100%;background:var(--x-green)}
.svc-rz-clock-row.is-boost i{background:#93c79f}
.svc-rz-scale-row{padding:0 19px;font:10px 'JetBrains Mono',monospace;color:#7c877b}
.svc-rz-scale{position:relative;height:14px}
.svc-rz-scale>span{position:absolute;left:calc(var(--w) * 1%);transform:translateX(-50%)}
.svc-rz-cores>p{margin:10px 0 14px;font-size:13px;color:#526151}
.svc-rz-cores>p strong{font-size:34px;font-weight:700;color:var(--x-green);margin-right:4px}
.svc-rz-core-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;max-width:280px}
.svc-rz-core-grid i{aspect-ratio:1;border-radius:3px;background:#a9d4b2}
.is-current .svc-rz-core-grid i{background:var(--x-green)}
.svc-rz-cores .svc-rz-cache{margin:14px 0 0;font:700 11px 'JetBrains Mono',monospace;color:#3f5544}
.svc-rz-caption{margin-top:20px;padding-top:16px;border-top:1px solid #e0e8dc}
.svc-page .svc-rz-caption h4{margin:0 0 6px;font-size:15px;font-weight:650}
.svc-rz-caption p{margin:0;font-size:13px;line-height:1.8;color:var(--x-muted)}
.svc-x-note a{color:inherit}

/* Resource chart (#service-resources) */
.svc-rz-chart{margin:0;padding:24px 26px;border:1px solid var(--x-line);border-radius:16px;background:#fff}
.svc-rz-chart+.svc-rz-chart{margin-top:14px}
.svc-rz-chart figcaption{margin-bottom:18px;font-size:16px;font-weight:650}
.svc-rz-chart ol{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.svc-rz-chart li{display:grid;grid-template-columns:140px minmax(0,1fr) 90px;gap:16px;align-items:center;font-size:13px;color:#3d4f40}
.svc-rz-chart li strong{font:700 13px 'JetBrains Mono',monospace;color:#1d2f22;text-align:right}
.svc-rz-track{height:22px}

@media(max-width:1000px){
.svc-rz-cpu{grid-template-columns:1fr}
.svc-rz-projects{grid-template-columns:1fr}
.svc-rz-project.is-game{grid-row:auto}
.svc-rz-project.is-dev{grid-template-columns:1fr}
}
@media(max-width:760px){
.svc-rz-specs{padding:22px 20px}
.svc-rz-projects-bar{flex-wrap:wrap;gap:12px;padding:14px 16px}
.svc-rz-projects-bar>.svc-x-label{width:100%}
.svc-rz-projects{padding:10px;gap:10px}
.svc-rz-project{padding:20px}
.svc-rz-app{grid-template-columns:1fr}
.svc-rz-release{gap:8px}
.svc-rz-release li{padding:12px 6px;font-size:11px;text-align:center}
.svc-rz-release li+li::before{display:none}
.svc-rz-exec{grid-template-columns:1fr}
.svc-rz-flow{padding:16px;gap:18px}
.svc-rz-flow li{font-size:11px}
.svc-rz-flow:not(.is-parallel) li+li::before{left:-15px}
.svc-rz-models strong{font-size:26px}
.svc-rz-models>div{padding:16px}
.svc-rz-view{padding:18px}
.svc-rz-pair{grid-template-columns:1fr 1fr;gap:10px}
.svc-rz-arch,.svc-rz-cores{padding:14px}
.svc-rz-arch>strong{font-size:28px}
.svc-rz-arch dl>div{flex-direction:column;gap:2px}
.svc-rz-cores>p strong{font-size:26px}
.svc-rz-core-grid{grid-template-columns:repeat(4,1fr)}
.svc-rz-clock-row{grid-template-columns:1fr auto;gap:6px 10px}
.svc-rz-clock-track{grid-column:1/-1;grid-row:2}
.svc-rz-scale-row{grid-template-columns:1fr}
.svc-rz-scale-row>span:not(.svc-rz-scale){display:none}
.svc-rz-chart{padding:18px}
.svc-rz-chart li{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}
.svc-rz-chart li .svc-rz-track{grid-column:1/-1;grid-row:2}
}