.workshop-page { --workshop-navy:#0F172A; --workshop-blue:#4169A1; --workshop-gold:#C99724; }
.workshop-page .site-header { border-top:3px solid var(--workshop-blue); }
.workshop-page .breadcrumb, .workshop-page .section-kicker { color:var(--workshop-blue); }
.workshop-hero { background:linear-gradient(135deg,#F7F9FC 0%,#EEF3FA 55%,#E8EEF7 100%); border-bottom:1px solid var(--border-color); }
.workshop-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.9fr); gap:var(--space-5); align-items:center; }
.workshop-hero h1 { max-width:12ch; }
.workshop-hero .workshop-dek { color:var(--ink); font-size:clamp(1.25rem,2.3vw,1.65rem); line-height:1.35; }
.workshop-equation { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:.65rem; align-items:center; }
.equation-card { min-height:170px; padding:1.1rem; display:flex; flex-direction:column; justify-content:space-between; color:#fff; border-radius:18px; box-shadow:0 16px 34px rgba(15,23,42,.14); }
.equation-card span,.workshop-number { font-size:.78rem; font-weight:700; letter-spacing:.08em; }
.equation-card strong { font-size:1.35rem; line-height:1.05; }
.equation-card small { color:rgba(255,255,255,.78); line-height:1.3; }
.equation-model { background:#334C70; }.equation-place { background:#456FA9; }.equation-cost { background:#8A650F; }
.equation-symbol { color:var(--workshop-blue); font-size:1.7rem; font-weight:700; text-align:center; }
.equation-result { grid-column:1 / -1; display:flex; justify-content:center; gap:.75rem; align-items:center; padding-top:.85rem; color:var(--workshop-navy); font-size:1.35rem; }.equation-result span { color:var(--workshop-gold); font-size:1.7rem; }
.workshop-intro-grid,.workshop-exercise-grid,.workshop-cta-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:var(--space-5); align-items:center; }
.workshop-card-grid { margin-top:var(--space-3); }.workshop-card-grid .card { min-height:100%; border-top:4px solid var(--workshop-blue); }.workshop-card-grid .card:nth-child(3n+2) { border-top-color:var(--workshop-gold); }.workshop-card-grid .card:nth-child(3n) { border-top-color:var(--purple); }
.workshop-number { display:block; color:var(--workshop-blue); margin-bottom:.6rem; }.workshop-card-grid h3 { margin-top:0; }
.continuum { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; align-items:center; gap:.75rem; margin:2rem 0; }.continuum div { padding:1.1rem; background:#fff; border:1px solid rgba(29,95,175,.18); border-radius:14px; }.continuum strong,.continuum span { display:block; }.continuum span { color:var(--muted); font-size:.9rem; }.continuum i { color:var(--workshop-blue); font-size:1.5rem; font-style:normal; }.decision-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }.decision-grid div { padding:1.25rem; border-left:4px solid var(--workshop-gold); background:rgba(255,255,255,.6); }.decision-grid h3 { margin-top:0; }
.pattern-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; margin-top:1.5rem; }.pattern-card { display:flex; flex-direction:column; padding:1.35rem; border:1px solid var(--border-color); border-radius:16px; background:#fff; }.pattern-card h3 { margin-top:0; }.pattern-card span { margin-top:auto; padding-top:1.25rem; color:var(--workshop-blue); font-size:.9rem; font-weight:600; }
.workshop-exercise-grid { align-items:start; }.canvas-preview { display:grid; gap:.65rem; padding:1rem; border:1px solid rgba(109,74,255,.18); border-radius:18px; background:#fff; box-shadow:0 12px 30px rgba(50,38,100,.08); }.canvas-preview div { display:grid; grid-template-columns:2rem 1fr; column-gap:.6rem; align-items:baseline; padding:.8rem .95rem; border-radius:10px; background:var(--surface-alt); }.canvas-preview span { grid-row:span 2; color:var(--purple); font-size:.78rem; font-weight:700; }.canvas-preview strong,.canvas-preview small { display:block; }.canvas-preview small { color:var(--muted); }
.workshop-cta { border-top:3px solid var(--workshop-gold); }.workshop-cta h2 { color:#fff; }.workshop-cta p { color:var(--footer-muted); }.workshop-facts { display:grid; gap:1rem; }.workshop-facts div { display:grid; gap:.15rem; padding-bottom:.8rem; border-bottom:1px solid rgba(255,255,255,.16); }.workshop-facts strong { color:#fff; }.workshop-facts span { color:var(--footer-muted); }.workshop-facts .button { justify-self:start; margin-top:.35rem; }
@media (max-width:900px) { .workshop-hero-grid,.workshop-intro-grid,.workshop-exercise-grid,.workshop-cta-grid { grid-template-columns:1fr; }.workshop-hero h1 { max-width:16ch; }.pattern-grid { grid-template-columns:1fr 1fr; }.continuum { grid-template-columns:1fr 1fr; }.continuum i { display:none; } }
@media (max-width:620px) { .workshop-equation { grid-template-columns:1fr; }.equation-symbol { transform:rotate(90deg); }.equation-result { grid-column:auto; }.pattern-grid,.decision-grid { grid-template-columns:1fr; }.continuum { grid-template-columns:1fr; }.continuum div { display:flex; justify-content:space-between; align-items:baseline; gap:1rem; } }