/* Magister Catalyst · Getting started · 2026 */
.quickstart{padding:32px;margin-bottom:38px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:7px 7px 0 var(--soft)}
.quickstart-heading{display:flex;justify-content:space-between;align-items:center;gap:28px}
.quickstart-heading .eyebrow{font-size:9px;margin-bottom:15px}
.quickstart-heading h2{font-size:34px;letter-spacing:-1.2px}
.quickstart-route{display:flex;align-items:center;gap:15px;font:11px var(--mono);color:var(--muted);white-space:nowrap}
.quickstart-route>span:nth-child(2){font-size:26px;color:var(--orange)}
.quickstart-intro{max-width:760px;font-size:14px;line-height:1.8;color:var(--muted);margin-top:18px}
.quickstart-intro code{font-size:12px;color:var(--accent)}
.quickstart-code{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:25px}
.quickstart-pane{margin:0;box-shadow:none}
.quickstart-pane figcaption{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 20px;border-bottom:1px solid #63765540;color:#a4b99b;font:9px/1.6 var(--mono);letter-spacing:.5px}
.quickstart-pane figcaption strong{font-weight:400;color:#d9e4cb;letter-spacing:0}
.quickstart .editor pre{padding:23px 20px;min-height:0;font-size:12px;line-height:1.95}
.quickstart-output{color:var(--lime)}
.quickstart-notes{display:flex;flex-wrap:wrap;gap:14px 30px;margin-top:24px;color:var(--muted);font-size:11px}
.quickstart-notes>span{display:flex;align-items:center;gap:9px}
.quickstart-notes code{color:var(--accent);font-size:12px}
@media(max-width:850px){
  .quickstart{padding:26px}
  .quickstart-route{display:none}
  .quickstart-code{grid-template-columns:1fr}
}
@media(max-width:650px){
  .quickstart{padding:23px 18px;margin-bottom:31px;box-shadow:5px 5px 0 var(--soft)}
  .quickstart-heading h2{font-size:29px}
  .quickstart-intro{font-size:13px}
  .quickstart-pane figcaption{padding:13px 12px;font-size:8px;letter-spacing:0;gap:8px}
  .quickstart .editor pre{padding:20px 12px;font-size:10px}
  .quickstart-notes{gap:12px 22px}
}
@media print{
  .quickstart{box-shadow:none;break-inside:avoid}
  .quickstart-pane{background:white;border-color:#bbb}
  .quickstart-pane figcaption,.quickstart-pane figcaption strong,
  .quickstart .editor pre,.quickstart .editor pre span{color:black}
}