/* A dedicated design reads as a development brief beside the live object. */
body.workshop-design .design-page-main{max-width:1480px;margin:auto;padding:28px 4vw 64px}
body.workshop-design .design-page-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:0 0 25px;border:0;border-bottom:1px solid var(--ws-line);background:transparent}
body.workshop-design .design-page-hero>div{max-width:920px;min-width:0}
body.workshop-design .design-page-hero h1{font:500 clamp(30px,4.5vw,62px)/1.1 var(--ws-font);letter-spacing:-.045em;overflow-wrap:anywhere;word-break:normal;white-space:normal;margin:8px 0 12px;padding:0}
body.workshop-design .design-page-hero>div>p:last-child{font:14px/1.7 var(--ws-font);color:var(--ws-muted);margin:0}
body.workshop-design .design-page-hero dl{display:grid;grid-template-columns:1fr 1fr;background:var(--ws-line);border-color:var(--ws-line);flex:0 0 235px}
body.workshop-design .design-page-hero dl div{padding:15px;background:var(--ws-surface);min-width:0}
body.workshop-design .design-page-hero dt{font:10px/1.5 var(--ws-mono);color:var(--ws-muted)}
body.workshop-design .design-page-hero dd{font:500 13px/1.5 var(--ws-font);color:var(--ws-text);margin-top:7px}
body.workshop-design .design-page-visual{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:0 30px;align-items:start;margin-top:24px;border:0;background:transparent}
body.workshop-design .design-page-visual iframe{grid-row:1/3;width:100%;height:clamp(420px,42vw,570px);min-height:0;aspect-ratio:auto;background:var(--ws-surface);border:1px solid var(--ws-line)}
body.workshop-design .design-page-visual .design-quick-summary{background:transparent;border:0;padding:6px 0;margin:0;min-width:0}
body.workshop-design .summary-heading{font:500 12px/1.5 var(--ws-mono);color:var(--ws-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px}
body.workshop-design .summary-intent{padding:0 0 20px;border:0;border-bottom:1px solid var(--ws-line);margin:0 0 5px;background:transparent}
body.workshop-design .summary-intent>span{font:11px/1.5 var(--ws-mono);color:var(--ws-muted);margin-bottom:9px}
body.workshop-design .summary-intent strong{font:400 15px/1.7 var(--ws-font);color:var(--ws-text)}
body.workshop-design .summary-metrics{display:grid;grid-template-columns:1fr 1fr;gap:0;background:transparent;border:0;margin:0}
body.workshop-design .summary-metrics>div{padding:15px 12px 15px 0;border:0;border-bottom:1px solid var(--ws-line);background:transparent;min-width:0}
body.workshop-design .summary-metrics dt{font:11px/1.5 var(--ws-font);color:var(--ws-muted)}
body.workshop-design .summary-metrics dd{font:500 16px/1.5 var(--ws-font);color:var(--ws-text);overflow-wrap:anywhere}
body.workshop-design .summary-metrics small,body.workshop-design .summary-note{font:11px/1.65 var(--ws-font);color:var(--ws-muted)}
body.workshop-design .design-page-visual>div{grid-column:2;display:flex;flex-direction:column;gap:10px;padding:20px 0 0;align-items:stretch}
body.workshop-design .design-page-visual .primary-link,body.workshop-design .design-page-visual .secondary{text-align:center}
body.workshop-design .design-page-story{grid-template-columns:minmax(200px,.65fr) minmax(0,1.35fr);gap:40px;padding:30px;margin-top:30px;background:var(--ws-surface);border:1px solid var(--ws-line)}
body.workshop-design .design-page-story h2{font:500 clamp(25px,3vw,37px)/1.15 var(--ws-font);color:var(--ws-text);letter-spacing:-.03em;overflow-wrap:anywhere;white-space:normal;word-break:normal}
body.workshop-design .design-page-story article{max-width:72ch;min-width:0}
body.workshop-design .design-page-story article p{font:15px/1.9 var(--ws-font);color:var(--ws-muted);overflow-wrap:anywhere}
body.workshop-design .design-page-actions{padding:24px;background:var(--ws-panel);border-color:var(--ws-line);margin-top:20px}
@media(max-width:900px){body.workshop-design .design-page-main{padding:24px 24px 48px}body.workshop-design .design-page-hero{display:block}body.workshop-design .design-page-hero dl{max-width:400px;margin-top:20px}body.workshop-design .design-page-visual{grid-template-columns:minmax(0,1.1fr) minmax(240px,1fr);gap:0 24px}body.workshop-design .design-page-visual iframe{height:460px}body.workshop-design .design-page-story{grid-template-columns:1fr;gap:15px}}
@media(max-width:760px){body.workshop-design .design-page-main{padding:20px 16px 42px}body.workshop-design .design-page-hero h1{font-size:clamp(27px,7vw,43px)}body.workshop-design .design-page-hero dl{margin-top:15px}body.workshop-design .design-page-visual{display:flex;flex-direction:column;gap:23px;margin-top:18px}body.workshop-design .design-page-visual iframe{height:clamp(320px,85vw,470px);width:100%}body.workshop-design .design-page-visual>div{width:100%;padding:0}body.workshop-design .design-page-visual .design-quick-summary{width:100%;padding:0}body.workshop-design .design-page-story{padding:23px;margin-top:25px}body.workshop-design .design-page-story h2{font-size:28px}body.workshop-design .design-page-actions{padding:20px;align-items:stretch;flex-direction:column}}