html.amdahl-board-open { overflow:hidden; }
/* Compact reading view as well as the fullscreen activities. */
body .amdahl-guide > section[id]:not(.is-amdahl-board) { padding-block:24px; }
.amdahl-guide > section[id]:not(.is-amdahl-board) > .wrap { position:relative; gap:16px; }
.amdahl-guide > section[id]:not(.is-amdahl-board) .panel { padding:16px; }
.amdahl-guide > section[id]:not(.is-amdahl-board) .two { gap:18px; align-items:center; }
.amdahl-guide > section[id]:not(.is-amdahl-board) .blocks { width:min(100%,260px,34dvh); margin:auto; gap:4px; }
.amdahl-guide > section[id]:not(.is-amdahl-board) .grid100 { max-width:420px; margin:12px auto 0; }
.amdahl-guide > section[id]:not(.is-amdahl-board) .blockcap { font-size:1rem; margin-top:8px; }
@media(min-width:761px) {
  .amdahl-guide > section[id]:not(.is-amdahl-board) .amdahl-board-toolbar { position:absolute; right:20px; top:0; margin:0; }
  .amdahl-guide > section[id]:not(.is-amdahl-board) .prose { max-width:none; padding-right:200px; }
  .amdahl-guide > section[id]:not(.is-amdahl-board) h2 { font-size:clamp(1.5rem,2.2vw,2rem); text-wrap:initial; }
  .amdahl-guide > section[id]:not(.is-amdahl-board) .lead { font-size:1rem; margin-top:8px; }
}
@media(max-width:760px) {
  body .amdahl-guide > section[id]:not(.is-amdahl-board) { padding-block:18px; }
  .amdahl-guide > section[id]:not(.is-amdahl-board) > .wrap { gap:12px; }
  .amdahl-guide > section[id]:not(.is-amdahl-board) .amdahl-board-toolbar { margin:0; }
  .amdahl-guide > section[id]:not(.is-amdahl-board) .blocks { width:min(100%,210px,28dvh); gap:3px; }
  .amdahl-guide > section[id]:not(.is-amdahl-board) h2 { font-size:1.5rem; }
  .amdahl-guide > section[id]:not(.is-amdahl-board) .lead { font-size:1rem; line-height:1.4; margin-top:6px; }
  .amdahl-guide > section[id]:not(.is-amdahl-board) .panel { padding:12px; }
}
@media(max-width:360px) {
  body .amdahl-guide > section[id]:not(.is-amdahl-board) { padding-block:12px; }
  .amdahl-guide > section[id]:not(.is-amdahl-board) > .wrap { gap:8px; }
  .amdahl-guide > section[id]:not(.is-amdahl-board) .amdahl-board-toolbar { position:absolute; top:0; right:20px; }
  .amdahl-guide > section[id]:not(.is-amdahl-board) .amdahl-board-toolbar button { font-size:.8rem; padding:6px 8px; min-height:36px; }
  .amdahl-guide > section[id]:not(.is-amdahl-board) .prose > .eyebrow { min-height:36px; display:flex; align-items:center; font-size:.7rem; }
  .amdahl-guide > section[id]:not(.is-amdahl-board) .blocks { width:min(100%,160px,24dvh); }
  .amdahl-guide > section[id]:not(.is-amdahl-board) .ctrl label { font-size:1rem; }
  .amdahl-guide > section[id]:not(.is-amdahl-board) .ctrl label output { font-size:1.25rem; }
}
.amdahl-guide .amdahl-board-toolbar { display:flex; justify-content:flex-end; margin-bottom:12px; z-index:2; }
.amdahl-guide .amdahl-board-toolbar button { font:600 1rem/1.4 var(--body); min-height:44px; padding:10px 16px; border:1px solid var(--line); border-radius:8px; background:var(--paper); color:var(--ink); cursor:pointer; }
.amdahl-guide .amdahl-board-toolbar button:focus-visible { outline:3px solid var(--teal); outline-offset:3px; }
.amdahl-guide .amdahl-board-toolbar [hidden] { display:none; }
body .amdahl-guide > section.is-amdahl-board { position:fixed; inset:0; z-index:10000; box-sizing:border-box; width:100%; height:100dvh; margin:0; padding:18px 0 40px; overflow:auto; overscroll-behavior:contain; background:var(--paper); font-size:clamp(18px,1.4vw,23px); border:0; }
body .amdahl-guide > section.is-amdahl-board > .wrap { width:100%; max-width:1440px; padding-inline:clamp(16px,3vw,48px); }
.amdahl-guide .is-amdahl-board .amdahl-board-toolbar { position:sticky; top:-18px; z-index:5; background:var(--paper); padding:10px 0; }
.amdahl-guide .is-amdahl-board .prose { max-width:75ch; }
.amdahl-guide .is-amdahl-board h2 { font-size:clamp(1.8rem,3vw,3rem); }
.amdahl-guide .is-amdahl-board .simwrap { max-width:1100px; width:100%; margin:auto; }
.amdahl-guide .is-amdahl-board .simwrap canvas { max-height:44dvh; object-fit:contain; }
@media(max-width:760px) {
  body .amdahl-guide > section.is-amdahl-board { padding-top:8px; }
  .amdahl-guide .is-amdahl-board .stack { gap:20px; }
  .amdahl-guide .is-amdahl-board .amdahl-board-toolbar { top:-8px; }
}

/* Keep each activity together; the full explanation remains in the article. */
body .amdahl-guide > section.is-amdahl-board { padding:10px 0; font-size:16px; line-height:1.35; }
body .amdahl-guide > section.is-amdahl-board > .wrap { max-width:1320px; padding-inline:24px; gap:12px; }
.amdahl-guide .is-amdahl-board .amdahl-board-toolbar { position:static; padding:0; margin:0; }
.amdahl-guide .is-amdahl-board .amdahl-board-toolbar button { padding:6px 12px; }
.amdahl-guide .is-amdahl-board .prose { max-width:none; padding-right:0; }
.amdahl-guide .is-amdahl-board .prose .eyebrow,
.amdahl-guide .is-amdahl-board .prose .lead { display:none; }
.amdahl-guide .is-amdahl-board h2 { font-size:clamp(1.4rem,2.3vw,2rem); margin:0!important; }
.amdahl-guide .is-amdahl-board .two { gap:14px; align-items:center; }
.amdahl-guide .is-amdahl-board .panel { padding:14px; border-radius:10px; }
.amdahl-guide .is-amdahl-board .stack { gap:12px!important; }
.amdahl-guide .is-amdahl-board .blocks { width:min(100%,320px,42dvh); margin:auto; gap:4px; }
.amdahl-guide .is-amdahl-board .callout { padding:10px 14px; font-size:1rem; line-height:1.35; }
.amdahl-guide .is-amdahl-board .callout b { font-size:1.05rem; }
.amdahl-guide .is-amdahl-board .grid100 { max-width:480px; margin:12px auto 0; }
.amdahl-guide .is-amdahl-board .gates { grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.amdahl-guide .is-amdahl-board .gate { padding:12px; border-radius:10px; }
.amdahl-guide .is-amdahl-board .gate h3 { font-size:1.1rem; }
.amdahl-guide .is-amdahl-board .mix div { grid-template-columns:65px 1fr; }
.amdahl-guide .is-amdahl-board .gate .more { font-size:.9rem; }
.amdahl-guide .is-amdahl-board .quiz { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.amdahl-guide .is-amdahl-board .qcard { padding:12px; }
.amdahl-guide .is-amdahl-board .qcard .qt { font-size:1rem; }
.amdahl-guide .is-amdahl-board .opts { margin-top:8px; gap:6px; }
.amdahl-guide .is-amdahl-board .opt { padding:8px 10px; font-size:.95rem; }
body .amdahl-guide > #paso4.is-amdahl-board > .wrap { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr); align-items:start; }
.amdahl-guide #paso4.is-amdahl-board .amdahl-board-toolbar,
.amdahl-guide #paso4.is-amdahl-board .prose { grid-column:1/-1; }
.amdahl-guide #paso4.is-amdahl-board .simwrap { max-width:none; margin:0; align-self:center; }
.amdahl-guide #paso4.is-amdahl-board .simwrap canvas { max-height:none; }
.amdahl-guide #paso4.is-amdahl-board .two { grid-template-columns:1fr; gap:10px; }
.amdahl-guide .is-amdahl-board .counters { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.amdahl-guide .is-amdahl-board .tile { padding:8px 10px; }
.amdahl-guide .is-amdahl-board .tile .v { font-size:1.7rem; }
.amdahl-guide .is-amdahl-board .btnrow { margin-top:8px; gap:8px; }
.amdahl-guide .is-amdahl-board .btn { padding:7px 10px; }
@media(max-width:760px) {
  body .amdahl-guide > section.is-amdahl-board { font-size:15px; padding-block:8px; }
  body .amdahl-guide > section.is-amdahl-board > .wrap { padding-inline:12px; gap:10px; }
  .amdahl-guide .is-amdahl-board .two { grid-template-columns:1fr; gap:10px; }
  .amdahl-guide .is-amdahl-board .panel { padding:10px; }
  .amdahl-guide .is-amdahl-board .blocks { width:min(100%,220px,29dvh); gap:3px; }
  .amdahl-guide .is-amdahl-board .ctrl { gap:2px; }
  .amdahl-guide .is-amdahl-board .ctrl label { font-size:.95rem; }
  .amdahl-guide .is-amdahl-board .ctrl label output { font-size:1.2rem; }
  .amdahl-guide .is-amdahl-board .gates { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .amdahl-guide .is-amdahl-board .gate { padding:9px; }
  .amdahl-guide .is-amdahl-board .gate .q { font-size:.85rem; }
  .amdahl-guide .is-amdahl-board .gate .more { font-size:.8rem; margin-top:6px; padding-top:6px; }
  .amdahl-guide .is-amdahl-board .mix { margin-top:6px; gap:3px; font-size:.75rem; }
  .amdahl-guide .is-amdahl-board .quiz { grid-template-columns:1fr; gap:8px; }
  .amdahl-guide .is-amdahl-board .qcard { padding:8px; border-radius:8px; }
  .amdahl-guide .is-amdahl-board .qcard .qt { font-size:.9rem; }
  .amdahl-guide .is-amdahl-board .opts { margin-top:5px; gap:4px; }
  .amdahl-guide .is-amdahl-board .opt { padding:5px 8px; font-size:.85rem; line-height:1.2; }
  .amdahl-guide .is-amdahl-board .fb { margin-top:4px; min-height:0; font-size:.8rem; }
  body .amdahl-guide > #paso4.is-amdahl-board > .wrap { grid-template-columns:1fr; }
  .amdahl-guide #paso4.is-amdahl-board .simwrap { max-width:520px; margin:auto; }
  .amdahl-guide #paso4.is-amdahl-board .simwrap canvas { max-height:26dvh; }
  .amdahl-guide #paso4.is-amdahl-board .two { grid-template-columns:1fr; }
  .amdahl-guide #paso4.is-amdahl-board .ctrl + .ctrl { margin-top:6px!important; }
  .amdahl-guide .is-amdahl-board .callout { padding:8px 10px; font-size:.9rem; }
  .amdahl-guide .is-amdahl-board .tile .k { font-size:.75rem; }
}
@media(max-width:360px) {
  .amdahl-guide .is-amdahl-board .costbox { max-width:70px; max-height:70px; }
  .amdahl-guide .is-amdahl-board .costrow { margin-top:10px!important; }
  .amdahl-guide .is-amdahl-board .costrow .bigline { font-size:1.1rem; }
  .amdahl-guide .is-amdahl-board .choice { gap:4px; margin-top:8px; }
  .amdahl-guide .is-amdahl-board .choice button { font-size:.85rem; padding:6px 10px; }
  .amdahl-guide .is-amdahl-board .gate .more { font-size:.75rem; line-height:1.25; }
  .amdahl-guide .is-amdahl-board .gate .q { font-size:.8rem; }
  .amdahl-guide .is-amdahl-board .gate .mix,
  .amdahl-guide .is-amdahl-board .gate[aria-expanded="true"] .q { display:none; }
  .amdahl-guide .is-amdahl-board .callout { font-size:.85rem; }
  .amdahl-guide .is-amdahl-board .opt { font-size:.8rem; padding:4px 6px; }
  .amdahl-guide .is-amdahl-board .opt[disabled]:not(.ok):not(.ko) { display:none; }
}

/* Use the available desktop height and balance free space above and below. */
@media(min-width:761px) {
  body .amdahl-guide > section.is-amdahl-board { display:flex; align-items:center; padding:72px 0 28px; }
  body .amdahl-guide > section.is-amdahl-board > .wrap { margin-block:auto; }
  .amdahl-guide .is-amdahl-board .amdahl-board-toolbar { position:absolute; top:14px; right:24px; }
  .amdahl-guide .is-amdahl-board .blocks { width:min(100%,54dvh,560px); }
  .amdahl-guide .is-amdahl-board .grid100 { max-width:600px; }
}
@media(min-width:1600px) and (min-height:900px) {
  body .amdahl-guide > section.is-amdahl-board { font-size:20px; }
  body .amdahl-guide > section.is-amdahl-board > .wrap { max-width:1640px; gap:24px; }
  .amdahl-guide .is-amdahl-board h2 { font-size:2.5rem; }
  .amdahl-guide .is-amdahl-board .panel { padding:22px; }
  .amdahl-guide .is-amdahl-board .ctrl label output { font-size:2rem; }
  .amdahl-guide .is-amdahl-board .callout { font-size:1.15rem; padding:16px 20px; }
  .amdahl-guide .is-amdahl-board .gate { padding:20px; }
  .amdahl-guide .is-amdahl-board .gate h3 { font-size:1.4rem; }
  .amdahl-guide .is-amdahl-board .gate .more { font-size:1.05rem; }
  .amdahl-guide .is-amdahl-board .qcard { padding:20px; }
  .amdahl-guide .is-amdahl-board .qcard .qt { font-size:1.2rem; }
  .amdahl-guide .is-amdahl-board .opt { font-size:1.1rem; padding:12px; }
}