/* The working area and live result use the width of the page. */
.shell{width:min(1460px,calc(100% - 48px))}
.hero{padding:70px 0 36px}.hero .lead{max-width:1000px}
.orientation{margin:18px 0 30px}.orientation article{border:1px solid var(--line);border-top:4px solid var(--accent);border-left:1px solid var(--line);padding:24px;border-radius:15px}
.builder{display:block}.workspace{display:grid;gap:22px}.panel{padding:clamp(24px,3vw,38px);border-radius:18px}
.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.field.wide{grid-column:1/-1}
.field span,.signal-fields label{font-size:13px}
.signal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.signal{border:1px solid var(--line);border-top:5px solid var(--accent);border-left:1px solid var(--line);border-radius:14px;min-width:0;padding:21px}
.signal-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.signal-fields .goal{grid-column:1/-1}
.signal-fields label{font-size:13px}
.preview{position:static;top:auto;margin-top:28px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:19px;box-shadow:0 14px 34px rgba(75,46,90,.09)}
.preview-head{padding:clamp(25px,3vw,42px);background:linear-gradient(120deg,#583168,#7e3f8f);border-bottom:0;color:#fff}
.preview-head small{color:#f8d7ad;font-size:12px}
.preview-head h2{font-size:clamp(2rem,4vw,3.4rem)}
.preview-mission,.preview-strategy{color:#f5eaf7;font-size:16px}
.preview-mission b,.preview-strategy b{color:#fff}
.preview-head .empty-text{color:#ebd9ef}
.gauge-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:24px}
.gauge,.gauge:last-child{min-width:0;min-height:150px;padding:20px;border:1px solid var(--line);border-top:5px solid var(--accent);border-radius:14px;background:#fff}
.gauge-top{display:grid;grid-template-columns:1fr auto;gap:7px 10px;align-items:start}
.gauge-code{grid-column:1;color:#663675;font-size:13px;font-weight:800}
.gauge-goal{grid-column:1/-1;grid-row:2;min-width:0;color:var(--ink);font-size:17px;line-height:1.3;overflow-wrap:anywhere}
.gauge-goal.empty-text{color:#687489}
.gauge-state{grid-column:2;grid-row:1;color:#576477;font-size:12px;text-align:right}
.gauge-meta{display:grid;gap:4px;margin:13px 0 0;color:#536074;font-size:12px;overflow-wrap:anywhere}
.actions{margin:24px 0 75px}
@media(max-width:1000px){.signal-grid,.gauge-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.shell{width:calc(100% - 28px)}.orientation,.field-grid,.signal-grid,.gauge-list,.signal-fields{grid-template-columns:1fr}.gauge-list{padding:15px}.panel{padding:22px}.preview-head{padding:25px}.field.wide,.signal-fields .goal{grid-column:auto}}
@media print{nav,.hero,.orientation,.workspace,.actions{display:none!important}.shell{width:100%}.builder{display:block}.preview{margin:0;border:0;box-shadow:none}.preview-head{background:#583168!important;color:#fff!important;print-color-adjust:exact}.gauge-list{grid-template-columns:repeat(3,minmax(0,1fr))}.gauge{break-inside:avoid;print-color-adjust:exact}}