:root {
  --tk-navy: #123568;
  --tk-navy-deep: #08264f;
  --tk-cyan: #18b8c4;
  --tk-cyan-pale: #e7f6f5;
  --tk-amber: #f4bb49;
  --tk-amber-pale: #fff4d9;
  --tk-paper: #fbfaf7;
  --tk-ink: #17212d;
  --tk-muted: #687580;
  --tk-line: #b9c9ce;
}

.toolkit-view {
  color: var(--tk-ink);
  background: #e7eeec;
  font-family: var(--sans, Carlito, Arial, sans-serif);
}

.toolkit-view button,
.toolkit-view textarea {
  font: inherit;
}

.toolkit-opening,
.toolkit-selector,
.toolkit-saved,
.toolkit-blueprint,
.toolkit-final,
.toolkit-blank {
  width: min(1320px, calc(100% - 48px));
  margin: 0 auto;
  box-sizing: border-box;
}

.toolkit-opening {
  min-height: calc(100vh - 70px);
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(300px, .8fr);
  align-content: center;
  gap: 42px 64px;
  padding: clamp(70px, 10vw, 142px) clamp(28px, 5vw, 82px);
  background:
    linear-gradient(90deg, transparent 0 60%, rgba(24,184,196,.08) 60% 61%, transparent 61%),
    radial-gradient(circle at 86% 22%, rgba(244,187,73,.18) 0 5%, transparent 5.2%),
    var(--tk-paper);
  border-inline: 1px solid rgba(18,53,104,.13);
}

.toolkit-opening > p,
.toolkit-blueprint-head p,
.toolkit-kicker,
.toolkit-selector header p,
.toolkit-saved header p,
.toolkit-final > p,
.toolkit-blank header p {
  margin: 0;
  color: var(--tk-cyan);
  font: 700 .82rem/1.2 var(--mono, monospace);
  letter-spacing: .15em;
  text-transform: uppercase;
}

.toolkit-opening > p { grid-column: 1 / -1; }

.toolkit-opening h1 {
  margin: 0;
  color: var(--tk-navy);
  font: 750 clamp(2.8rem, 6vw, 6.2rem)/.91 var(--display, var(--sans));
  letter-spacing: -.045em;
  text-transform: uppercase;
}

.toolkit-opening h1 span {
  display: block;
  margin-bottom: 14px;
  color: var(--tk-amber);
  font: 700 .23em/1 var(--mono, monospace);
  letter-spacing: .12em;
}

.toolkit-opening > div {
  display: grid;
  gap: 10px;
  align-content: start;
  padding: 28px 0 28px 32px;
  border-left: 6px solid var(--tk-amber);
}

.toolkit-opening > div p { margin: 0; font-size: 1.08rem; line-height: 1.55; }
.toolkit-opening blockquote { grid-column: 1 / -1; margin: 4px 0 0; padding: 28px; color: #fff; background: var(--tk-navy); font-size: clamp(1.2rem, 2.2vw, 2rem); font-weight: 700; text-align: center; }
.toolkit-opening > button { grid-column: 1 / -1; justify-self: center; min-width: 270px; padding: 15px 22px; border: 2px solid var(--tk-navy); background: transparent; color: var(--tk-navy); font-weight: 700; text-transform: uppercase; cursor: pointer; }
.toolkit-opening > button span { margin-left: 20px; color: var(--tk-cyan); }

.toolkit-selector { padding: 80px clamp(28px, 5vw, 72px); background: var(--tk-navy-deep); color: white; }
.toolkit-selector header { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 42px; }
.toolkit-selector h2 { margin: 0; max-width: 780px; font: 750 clamp(2.5rem, 5.4vw, 5rem)/.95 var(--display, var(--sans)); text-transform: uppercase; }
.toolkit-selector > div { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); border-top: 1px solid rgba(255,255,255,.25); }
.toolkit-selector > div button { position: relative; display: grid; grid-template-columns: minmax(0,1fr) 32px; gap: 4px 20px; min-height: 116px; padding: 20px 58px 20px 20px; border: 0; border-bottom: 1px solid rgba(255,255,255,.22); background: transparent; color: white; text-align: left; cursor: pointer; }
.toolkit-selector > div button:nth-child(odd) { border-right: 1px solid rgba(255,255,255,.22); }
.toolkit-selector > div button:hover,
.toolkit-selector > div button:focus-visible { background: rgba(24,184,196,.13); }
.toolkit-selector button span { color: #aec0d0; font-size: 1.02rem; }
.toolkit-selector button b { color: #fff; font-size: 1.18rem; line-height: 1.22; }
.toolkit-selector button i { grid-column: 2; grid-row: 1 / 3; align-self: center; color: var(--tk-amber); font-style: normal; font-size: 1.5rem; }
.toolkit-selector button em { position: absolute; top: 19px; right: 16px; color: var(--tk-cyan); font: 700 .72rem var(--mono, monospace); font-style: normal; }

.toolkit-saved { padding: 58px clamp(28px, 5vw, 72px); background: #f0f3ef; border-bottom: 1px solid var(--tk-line); }
.toolkit-saved header { display:flex; justify-content:space-between; gap:24px; align-items:end; margin-bottom:25px; }
.toolkit-saved h2 { margin:6px 0 0; color:var(--tk-navy); font-size:clamp(1.8rem,3vw,3rem); }
.toolkit-saved header > span { color:var(--tk-muted); font-weight:700; }
.toolkit-saved > p { margin:0; color:var(--tk-muted); }
.toolkit-saved > div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.toolkit-saved article { display:grid; grid-template-columns:40px 1fr; gap:3px 12px; padding:18px; background:white; border-top:4px solid var(--tk-cyan); }
.toolkit-saved article span { grid-row:1/3; color:var(--tk-amber); font:700 .8rem var(--mono,monospace); }
.toolkit-saved article b { color:var(--tk-navy); }
.toolkit-saved article p { margin:0; color:var(--tk-muted); font-size:.86rem; }

.toolkit-blueprint { margin-top: 64px; background: var(--tk-paper); box-shadow: 0 12px 50px rgba(8,38,79,.11); }
.toolkit-blueprint-nav { min-height:70px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:12px; padding:12px 28px; background:#eaf1f0; border-bottom:1px solid var(--tk-line); }
.toolkit-blueprint-nav > span { min-height:1px; }
.toolkit-blueprint-nav button { border:0; background:transparent; color:var(--tk-navy); cursor:pointer; text-align:left; }
.toolkit-blueprint-nav button:last-child { text-align:right; }
.toolkit-blueprint-nav button span { display:block; color:var(--tk-cyan); font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.toolkit-blueprint-nav button b { font-size:.78rem; }
.toolkit-blueprint-nav .toolkit-all { padding:10px 16px; border:1px solid var(--tk-navy); font-size:.78rem; font-weight:700; text-align:center; text-transform:uppercase; }

.toolkit-blueprint-head { display:grid; grid-template-columns:1fr auto; gap:36px; align-items:end; padding:72px clamp(30px,6vw,88px) 46px; border-bottom:8px solid var(--tk-navy); }
.toolkit-blueprint-head h2 { max-width:880px; margin:12px 0; color:var(--tk-navy); font:750 clamp(2.5rem,5vw,5.4rem)/.95 var(--display,var(--sans)); letter-spacing:-.035em; }
.toolkit-blueprint-head > div > span { color:var(--tk-muted); font-weight:700; }
.toolkit-blueprint-head > button { min-width:190px; padding:15px 18px; border:1px solid var(--tk-navy); background:white; color:var(--tk-navy); cursor:pointer; text-align:left; }
.toolkit-blueprint-head > button span { display:block; color:var(--tk-muted); font-size:.72rem; text-transform:uppercase; }
.toolkit-blueprint-head > button b { display:block; margin-top:4px; }
.toolkit-theory-note { display:flex; gap:16px; padding:18px clamp(30px,6vw,88px); background:var(--tk-cyan-pale); color:var(--tk-navy); }
.toolkit-theory-note b { color:#087d86; }

.toolkit-section,
.toolkit-outcome,
.toolkit-commit,
.toolkit-duo,
.toolkit-transfer,
.toolkit-copy { margin-inline:clamp(30px,6vw,88px); }
.toolkit-section { padding:56px 0; border-bottom:1px solid #ccd5d5; }
.toolkit-section > h3 { margin:10px 0 28px; color:var(--tk-navy); font-size:clamp(1.75rem,3vw,3rem); }

.toolkit-glance { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:24px 0 0; border-top:1px solid var(--tk-line); border-left:1px solid var(--tk-line); }
.toolkit-glance div { min-height:105px; padding:17px; border-right:1px solid var(--tk-line); border-bottom:1px solid var(--tk-line); }
.toolkit-glance dt { color:var(--tk-muted); font:700 .69rem var(--mono,monospace); text-transform:uppercase; letter-spacing:.08em; }
.toolkit-glance dd { margin:10px 0 0; color:var(--tk-navy); font-weight:700; line-height:1.25; }
.toolkit-outcome { margin-top:10px; padding:42px clamp(24px,4vw,54px); background:var(--tk-navy); color:white; }
.toolkit-outcome > p { margin:0; color:var(--tk-amber); font:700 .72rem var(--mono,monospace); text-transform:uppercase; letter-spacing:.1em; }
.toolkit-outcome blockquote { margin:16px 0 0; max-width:1000px; font:700 clamp(1.45rem,2.8vw,2.6rem)/1.2 var(--display,var(--sans)); }

.toolkit-target > div { display:grid; grid-template-columns:.6fr 1.4fr; gap:34px; }
.toolkit-target > div > p { margin:0; color:var(--tk-navy); font-size:1.25rem; font-weight:700; }
.toolkit-target ul { margin:0; columns:2; column-gap:46px; }
.toolkit-target li { break-inside:avoid; margin-bottom:11px; padding-left:5px; }
.toolkit-target blockquote { grid-column:1/-1; margin:15px 0 0; padding:18px 24px; border-left:5px solid var(--tk-cyan); background:var(--tk-cyan-pale); color:var(--tk-navy); font-weight:700; }
.toolkit-why > p:last-child { max-width:850px; margin:18px 0 0 auto; font-size:1.12rem; line-height:1.65; }

.toolkit-sequence { display:flex; align-items:stretch; overflow-x:auto; padding:8px 0 16px; }
.toolkit-sequence span { flex:1 0 112px; min-height:88px; display:flex; flex-direction:column; justify-content:center; gap:7px; padding:12px; border:1px solid var(--tk-line); color:var(--tk-navy); background:white; }
.toolkit-sequence span i { color:var(--tk-amber); font:700 .66rem var(--mono,monospace); font-style:normal; }
.toolkit-sequence span b { font-size:.8rem; line-height:1.1; overflow-wrap:anywhere; }
.toolkit-sequence em { align-self:center; flex:0 0 28px; color:var(--tk-cyan); font-size:1.35rem; font-style:normal; text-align:center; }

.toolkit-stages { position:relative; display:grid; gap:16px; margin:0; padding:0 0 0 48px; list-style:none; }
.toolkit-stages::before { content:""; position:absolute; inset:0 auto 0 15px; width:4px; background:var(--tk-cyan); }
.toolkit-stages li { position:relative; display:grid; grid-template-columns:150px minmax(0,1fr); gap:22px; padding:22px; border:1px solid var(--tk-line); background:white; }
.toolkit-stages li::before { content:""; position:absolute; left:-41px; top:30px; width:14px; height:14px; border:5px solid var(--tk-paper); border-radius:50%; background:var(--tk-amber); box-shadow:0 0 0 2px var(--tk-cyan); }
.toolkit-stages header span { color:var(--tk-cyan); font:700 .72rem var(--mono,monospace); }
.toolkit-stages header h4 { margin:8px 0 0; color:var(--tk-navy); font-size:1.3rem; }
.toolkit-stages dl { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; margin:0; background:var(--tk-line); }
.toolkit-stages dl div { padding:14px; background:#f7f8f5; }
.toolkit-stages dt { color:var(--tk-navy); font-size:.68rem; font-weight:700; text-transform:uppercase; }
.toolkit-stages dd { margin:8px 0 0; font-size:.86rem; line-height:1.4; }

.toolkit-commit { display:grid; grid-template-columns:1fr 1fr; margin-block:56px; background:var(--tk-amber-pale); border:2px solid var(--tk-amber); }
.toolkit-commit > div { padding:30px; }
.toolkit-commit > div + div { border-left:1px solid #d7a83f; }
.toolkit-commit p { margin:0 0 24px; color:#a06500; font:700 .8rem var(--mono,monospace); text-transform:uppercase; letter-spacing:.11em; }
.toolkit-commit h3 { margin:0 0 10px; color:var(--tk-navy); font-size:1rem; }
.toolkit-commit strong { font-size:1.15rem; line-height:1.35; }

.toolkit-duo { display:grid; grid-template-columns:1.35fr .65fr; gap:18px; }
.toolkit-duo .toolkit-section { margin:0; padding:34px; border:0; background:var(--tk-navy); color:white; }
.toolkit-ai-job .toolkit-kicker { color:var(--tk-amber); }
.toolkit-ai-job > p:last-child { font-size:1.08rem; line-height:1.55; }
.toolkit-must-not { padding:34px; background:#f7e7e0; border-left:6px solid #e9744b; }
.toolkit-must-not > p { margin:0 0 16px; color:#9a3f29; font-weight:700; text-transform:uppercase; }
.toolkit-must-not ul { margin:0; padding-left:20px; }
.toolkit-must-not li { margin:7px 0; }

.toolkit-support { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; margin-top:24px; background:var(--tk-line); }
.toolkit-support > div { position:relative; min-height:170px; padding:22px; background:white; }
.toolkit-support span { position:absolute; top:15px; right:15px; color:#d4dcda; font:700 2rem var(--mono,monospace); }
.toolkit-support b { display:block; max-width:100px; color:var(--tk-cyan); font-size:.76rem; text-transform:uppercase; }
.toolkit-support p { margin:28px 0 0; line-height:1.45; }
.toolkit-visible > div { display:flex; flex-wrap:wrap; gap:8px; margin-top:22px; }
.toolkit-visible > div span { padding:10px 14px; border:1px solid var(--tk-cyan); background:var(--tk-cyan-pale); color:var(--tk-navy); font-weight:700; }

.toolkit-revision > div { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; align-items:stretch; gap:12px; margin-top:22px; }
.toolkit-revision article { padding:22px; border:1px solid var(--tk-line); background:white; }
.toolkit-revision article:last-of-type { border-color:var(--tk-amber); background:var(--tk-amber-pale); }
.toolkit-revision article span { color:var(--tk-cyan); font-size:.72rem; font-weight:700; text-transform:uppercase; }
.toolkit-revision article p { margin:14px 0 0; line-height:1.48; }
.toolkit-revision i { align-self:center; color:var(--tk-cyan); font-style:normal; font-size:1.4rem; }

.toolkit-transfer { padding:42px; background:var(--tk-cyan-pale); border-left:9px solid var(--tk-cyan); }
.toolkit-transfer > p:first-child { margin:0; color:#087d86; font:700 .8rem var(--mono,monospace); letter-spacing:.1em; text-transform:uppercase; }
.toolkit-transfer h3 { margin:9px 0 15px; color:var(--tk-navy); font-size:1.55rem; }
.toolkit-transfer > p:last-of-type { max-width:900px; line-height:1.55; }
.toolkit-transfer button,
.toolkit-related button { border:0; padding:0; background:transparent; color:#087d86; font-weight:700; cursor:pointer; }
.toolkit-debrief ol { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; margin:22px 0 0; padding:1px; background:var(--tk-line); list-style:none; counter-reset:debrief; }
.toolkit-debrief li { counter-increment:debrief; min-height:90px; padding:20px; background:white; line-height:1.4; }
.toolkit-debrief li::before { content:counter(debrief,decimal-leading-zero); display:block; margin-bottom:8px; color:var(--tk-amber); font:700 .72rem var(--mono,monospace); }

.toolkit-output dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; margin:22px 0; background:var(--tk-line); }
.toolkit-output dl div { padding:20px; background:#f7f8f5; }
.toolkit-output dt { color:var(--tk-navy); font-weight:700; }
.toolkit-output dd { margin:8px 0 0; color:var(--tk-muted); line-height:1.4; }
.toolkit-related { display:flex; flex-wrap:wrap; gap:18px; padding-top:12px; }

.toolkit-copy { margin-block:56px; padding:42px; background:var(--tk-navy-deep); color:white; }
.toolkit-copy > div p { margin:0; color:var(--tk-amber); font:700 .76rem var(--mono,monospace); text-transform:uppercase; letter-spacing:.1em; }
.toolkit-copy h3 { margin:8px 0 22px; font-size:2rem; }
.toolkit-copy pre { max-height:500px; overflow:auto; margin:0; padding:25px; border:1px solid rgba(255,255,255,.2); background:rgba(255,255,255,.06); color:#e8eff3; font:500 .82rem/1.55 var(--mono,monospace); white-space:pre-wrap; }
.toolkit-copy > button,
.toolkit-copy details button { margin-top:18px; padding:12px 18px; border:0; background:var(--tk-amber); color:var(--tk-navy-deep); font-weight:700; text-transform:uppercase; cursor:pointer; }
.toolkit-copy details { margin-top:28px; border-top:1px solid rgba(255,255,255,.25); }
.toolkit-copy summary { padding:22px 0; color:var(--tk-cyan); font-weight:700; cursor:pointer; text-transform:uppercase; }

.toolkit-adapt-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:24px; }
.toolkit-adapt label { position:relative; display:grid; grid-template-columns:35px 1fr; gap:2px 10px; padding:18px; border:1px solid var(--tk-line); background:white; }
.toolkit-adapt label > span { grid-row:1/3; color:var(--tk-amber); font:700 .75rem var(--mono,monospace); }
.toolkit-adapt label > b { color:var(--tk-navy); font-size:.82rem; text-transform:uppercase; }
.toolkit-adapt textarea { grid-column:2; width:100%; min-height:74px; box-sizing:border-box; resize:vertical; padding:11px; border:1px solid #c7cfcd; color:var(--tk-ink); background:#fbfbf8; }
.toolkit-save { margin-top:18px; padding:14px 19px; border:2px solid var(--tk-navy); background:transparent; color:var(--tk-navy); font-weight:700; text-transform:uppercase; cursor:pointer; }

.toolkit-final { margin-top:64px; padding:80px clamp(30px,7vw,100px); background:var(--tk-navy-deep); color:white; text-align:center; }
.toolkit-final h2 { margin:10px 0 25px; color:white; font:750 clamp(3.2rem,7vw,7rem)/.9 var(--display,var(--sans)); text-transform:uppercase; }
.toolkit-final blockquote { margin:0 auto 45px; max-width:700px; color:#bfd1dd; font-size:1.15rem; line-height:1.55; }
.toolkit-final > div { max-width:540px; display:grid; margin:0 auto 42px; }
.toolkit-final > div span { padding:10px; border:1px solid rgba(255,255,255,.25); color:white; font-weight:700; text-transform:uppercase; }
.toolkit-final > div i { color:var(--tk-amber); font-style:normal; }
.toolkit-final > strong { display:block; margin:0 auto 30px; color:var(--tk-amber); font-size:1.45rem; line-height:1.4; }
.toolkit-final > button { padding:16px 22px; border:0; background:var(--tk-cyan); color:var(--tk-navy-deep); font-weight:800; text-transform:uppercase; cursor:pointer; }
.toolkit-blank { padding:70px clamp(30px,6vw,88px); background:var(--tk-paper); }
.toolkit-blank header { margin-bottom:34px; }
.toolkit-blank h2 { margin:10px 0; color:var(--tk-navy); font-size:clamp(2rem,4vw,4rem); }
.toolkit-blank header span { color:var(--tk-muted); }

.toolkit-contents-entry { display:grid; grid-template-columns:minmax(150px,.75fr) minmax(260px,1.7fr) auto; align-items:center; gap:24px; margin:28px clamp(22px,6vw,92px); padding:28px 32px; border-left:8px solid var(--tk-cyan); background:var(--tk-navy-deep); color:white; box-shadow:0 18px 40px rgba(6,35,66,.12); }
.toolkit-contents-entry > p { margin:0; color:var(--tk-amber); font:750 .75rem var(--mono,monospace); letter-spacing:.13em; text-transform:uppercase; }
.toolkit-contents-entry > div { min-width:0; }
.toolkit-contents-entry h2 { margin:0; color:white; font:750 clamp(1.65rem,3vw,2.8rem)/1 var(--display,var(--sans)); }
.toolkit-contents-entry span { display:block; margin-top:6px; color:#adc2d3; }
.toolkit-contents-entry button { padding:14px 18px; border:1px solid var(--tk-cyan); background:transparent; color:white; font-weight:750; white-space:nowrap; cursor:pointer; }
.toolkit-contents-entry button:hover,
.toolkit-contents-entry button:focus-visible { background:var(--tk-cyan); color:var(--tk-navy-deep); }

.rail-toolkit { border-bottom:1px solid rgba(255,255,255,.11); }
.rail-toolkit-toggle { width:100%; min-height:78px; display:grid; grid-template-columns:42px minmax(0,1fr) 18px; align-items:center; gap:5px; padding:9px 11px 9px 5px; border:0; border-left:3px solid transparent; background:rgba(244,187,73,.07); color:#d5dfE7; text-align:left; cursor:pointer; }
.rail-toolkit-toggle:hover,
.rail-toolkit-toggle:focus-visible,
.rail-toolkit.contains-current > .rail-toolkit-toggle { border-left-color:var(--amber); background:rgba(255,255,255,.08); color:#fff; }
.rail-toolkit-toggle > span { color:var(--cyan); font:700 .58rem var(--mono,monospace); text-align:center; }
.rail-toolkit-toggle > b { min-width:0; display:grid; gap:2px; }
.rail-toolkit-toggle small { color:var(--amber); font:700 .48rem var(--sans); letter-spacing:.12em; text-transform:uppercase; }
.rail-toolkit-toggle strong { font:650 .61rem/1.2 var(--sans); }
.rail-toolkit-toggle em { color:#7898b4; font:570 .48rem/1.2 var(--sans); font-style:normal; }
.rail-toolkit-toggle > i { color:var(--cyan); font-style:normal; text-align:center; transition:transform .18s ease; }
.rail-toolkit.open .rail-toolkit-toggle > i { transform:rotate(90deg); }
.rail-blueprints { padding:4px 0 8px; background:rgba(2,17,41,.25); }
.rail-blueprints[hidden] { display:none; }
.rail-blueprint { width:100%; min-height:47px; display:grid; grid-template-columns:42px minmax(0,1fr); gap:5px; align-items:center; padding:7px 11px 7px 5px; border:0; border-left:3px solid transparent; background:transparent; color:#94abc0; text-align:left; cursor:pointer; }
.rail-blueprint:hover,
.rail-blueprint.active { border-left-color:var(--cyan); background:rgba(255,255,255,.075); color:white; }
.rail-blueprint > span { color:var(--amber); font:700 .53rem var(--sans); text-align:center; }
.rail-blueprint > b { min-width:0; font:570 .56rem/1.25 var(--sans); }
.rail-toolkit-toggle small { font-size:calc(.48rem + 2pt); }
.rail-toolkit-toggle strong { font-size:calc(.61rem + 2pt); }
.rail-toolkit-toggle em { font-size:calc(.48rem + 2pt); }
.rail-blueprint > b { font-size:calc(.56rem + 2pt); line-height:1.2; }

@media (max-width: 980px) {
  .toolkit-opening { grid-template-columns:1fr; }
  .toolkit-opening > p,
  .toolkit-opening blockquote,
  .toolkit-opening > button { grid-column:1; }
  .toolkit-glance { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .toolkit-stages li { grid-template-columns:1fr; }
  .toolkit-stages dl { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .toolkit-support { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .toolkit-duo { grid-template-columns:1fr; }
  .toolkit-saved > div { grid-template-columns:1fr; }
}

@media (max-width: 700px) {
  .toolkit-opening,
  .toolkit-selector,
  .toolkit-saved,
  .toolkit-blueprint,
  .toolkit-final,
  .toolkit-blank { width:100%; }
  .toolkit-opening { min-height:auto; padding:64px 24px; }
  .toolkit-selector { padding:58px 22px; }
  .toolkit-selector header { display:block; }
  .toolkit-selector header p { margin-bottom:10px; }
  .toolkit-selector > div { grid-template-columns:1fr; }
  .toolkit-selector > div button:nth-child(odd) { border-right:0; }
  .toolkit-blueprint-nav { grid-template-columns:1fr auto 1fr; padding-inline:12px; }
  .toolkit-blueprint-nav button b { display:none; }
  .toolkit-blueprint-head { grid-template-columns:1fr; padding:52px 24px 32px; }
  .toolkit-blueprint-head > button { width:100%; }
  .toolkit-theory-note { display:grid; padding-inline:24px; }
  .toolkit-section,
  .toolkit-outcome,
  .toolkit-commit,
  .toolkit-duo,
  .toolkit-transfer,
  .toolkit-copy { margin-inline:24px; }
  .toolkit-glance,
  .toolkit-target > div,
  .toolkit-commit,
  .toolkit-output dl,
  .toolkit-adapt-grid { grid-template-columns:1fr; }
  .toolkit-target ul { columns:1; }
  .toolkit-commit > div + div { border-left:0; border-top:1px solid #d7a83f; }
  .toolkit-stages { padding-left:30px; }
  .toolkit-stages::before { left:8px; }
  .toolkit-stages li::before { left:-29px; }
  .toolkit-stages dl,
  .toolkit-support,
  .toolkit-debrief ol { grid-template-columns:1fr; }
  .toolkit-revision > div { grid-template-columns:1fr; }
  .toolkit-revision i { transform:rotate(90deg); justify-self:center; }
  .toolkit-copy { padding:28px 20px; }
  .toolkit-copy pre { font-size:.72rem; }
  .toolkit-contents-entry { grid-template-columns:1fr; margin-inline:22px; padding:25px 22px; }
  .toolkit-contents-entry button { width:100%; white-space:normal; }
}

@media (min-width:761px) {
  .rail-collapsed .rail-toolkit-toggle { grid-template-columns:1fr; padding-inline:0; }
  .rail-collapsed .rail-toolkit-toggle > b,
  .rail-collapsed .rail-toolkit-toggle > i,
  .rail-collapsed .rail-blueprints { display:none; }
}

@media (prefers-reduced-motion:no-preference) {
  .toolkit-selector button,
  .toolkit-blueprint-nav button,
  .toolkit-view button { transition:background .16s ease,color .16s ease,border-color .16s ease; }
}

@media print {
  .book-rail,
  .book-tools,
  .toolkit-blueprint-nav,
  .toolkit-view button { display:none !important; }
  .toolkit-view { background:white; }
  .toolkit-opening,
  .toolkit-selector,
  .toolkit-saved,
  .toolkit-blueprint,
  .toolkit-final,
  .toolkit-blank { width:100%; box-shadow:none; }
  .toolkit-blueprint { break-before:page; }
  .toolkit-blueprint section,
  .toolkit-blueprint aside,
  .toolkit-stages li { break-inside:avoid; }
  .toolkit-copy pre { max-height:none; overflow:visible; color:#111; background:white; border:1px solid #999; }
  .toolkit-copy { color:#111; background:white; border:2px solid var(--tk-navy); }
  .toolkit-copy details > :not(summary) { display:block !important; }
  .toolkit-copy summary { color:var(--tk-navy); }
}