.content-page .cp-art.cp-art-concept img{height:auto;aspect-ratio:900/507;object-fit:contain;transform:none}
.cp-art-concept .cp-art-label{display:none}
.article-concept{margin:26px 0 42px}
.article-concept .concept-intro h2{margin-top:9px}
.article-concept .concept-note{font-size:12px;padding-left:14px;border-left:2px solid var(--green);line-height:1.7}
.concept-workspace{--concept-accent:#087f25;--concept-soft:#eef8f0;--concept-preview-ink:#626e65;margin-top:24px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow)}
.concept-workspace[data-visual-style=blue]{--concept-accent:#226e8e;--concept-soft:#eef6fb}
.concept-workspace[data-visual-style=violet]{--concept-accent:#7952af;--concept-soft:#f5f0fa}
[data-theme=dark] .concept-workspace{--concept-accent:#92ef78;--concept-soft:#172d1e;--concept-preview-ink:var(--muted)}
[data-theme=dark] .concept-workspace[data-visual-style=blue]{--concept-accent:#82c7ef;--concept-soft:#172633}
[data-theme=dark] .concept-workspace[data-visual-style=violet]{--concept-accent:#c6a2fa;--concept-soft:#291e35}
.concept-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 21px;background:var(--surface-soft);border-bottom:1px solid var(--line)}
.concept-brand{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:800;line-height:1.4}
.concept-brand img{width:35px;height:35px;object-fit:contain}
.concept-brand small{display:block;font-size:10px;font-weight:500;color:var(--muted);margin-top:2px}
.concept-status{font-size:9px;font-weight:700;border:1px solid var(--line);border-radius:20px;padding:6px 9px;color:var(--green-ink);white-space:nowrap}
.concept-workspace-body{padding:23px}
.concept-workspace-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}
.article-body .concept-workspace h3{font-size:21px;line-height:1.35;margin:0 0 12px}
.article-body .concept-workspace p{font-size:13px;line-height:1.75}
.concept-style-label,.concept-currency-label{display:flex;align-items:center;gap:8px;font-size:10px;white-space:nowrap}
.concept-workspace select,.concept-currency-label select{padding:7px 9px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:7px;font-size:11px}
.concept-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0}
.concept-metrics>div{padding:13px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft);min-width:0}
.concept-metrics span{display:block;font-size:10px;line-height:1.6;color:var(--muted)}
.concept-metrics strong{display:block;font-size:17px;line-height:1.4;color:var(--concept-accent);margin-top:5px;overflow-wrap:anywhere}
.concept-stages{display:flex;gap:7px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:13px}
.concept-stages button{flex:1 1 130px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);font-size:11px;line-height:1.5;text-align:left;transition:background-color 200ms,color 200ms,border-color 200ms}
.concept-stages button[aria-selected=true]{background:var(--concept-soft);border-color:var(--concept-accent);color:var(--concept-accent)}
.concept-preview{padding:18px;background:var(--concept-soft);color:var(--concept-preview-ink);border-radius:9px;margin-top:14px}
.concept-preview-label{display:block;font-size:8px;font-weight:700;letter-spacing:1px;color:var(--concept-accent)}
.article-body .concept-preview h4{font-size:17px;line-height:1.5;margin:8px 0}
.article-body .concept-preview-note{font-size:11px;margin-bottom:0}
.concept-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:20px}
.concept-actions .button{font-size:11px;min-height:42px}
.concept-actions>span{font-size:10px;line-height:1.65;color:var(--muted);max-width:210px}
.concept-economics{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft)}
.concept-economics>summary{cursor:pointer;font-size:14px;line-height:1.6;font-weight:700;list-style-position:inside;color:var(--green-ink)}
.concept-economics>summary:focus-visible{outline:3px solid var(--green);outline-offset:5px}
.concept-estimator{padding-top:15px}
.article-body .concept-estimator>p{font-size:12px;line-height:1.8}
.concept-cost-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}
.concept-cost-fields label{display:grid;gap:7px;font-size:11px;line-height:1.5;color:var(--muted)}
.concept-cost-fields input{width:100%;min-width:0;padding:11px 12px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:7px;font-size:14px}
.concept-cost-results{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;margin:20px 0}
.concept-cost-results>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.concept-cost-results span{font-size:10px;line-height:1.5;color:var(--muted)}
.concept-cost-results strong{display:block;margin-top:8px;font-size:17px;line-height:1.5;overflow-wrap:anywhere;color:var(--green-ink)}
.article-body .concept-cost-results p{font-size:12px;line-height:1.8}
.article-body .concept-estimator .concept-formula{font-size:11px;color:var(--muted)}
.no-js .concept-stages,.no-js .concept-style-label{display:none}
@media(max-width:600px){.concept-workspace-body{padding:18px}.concept-topbar{padding:14px}.concept-workspace-heading{display:block}.concept-style-label{margin-bottom:14px}.concept-metrics{grid-template-columns:1fr;gap:8px}.concept-metrics>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.concept-metrics strong{font-size:15px;margin:0}.concept-status{font-size:8px;padding:5px 7px}.concept-brand{font-size:11px}.concept-brand small{font-size:9px}.concept-cost-results>div{grid-template-columns:1fr;gap:13px}.concept-cost-results span{display:flex;justify-content:space-between;align-items:baseline;gap:14px}.concept-cost-results strong{margin:0;text-align:right}.concept-economics{padding:15px}.concept-cost-fields{gap:12px}.concept-preview{padding:15px}}
@media(max-width:350px){.concept-cost-fields{grid-template-columns:1fr}.concept-topbar{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.concept-stages button{transition:none}}