:root {
      color-scheme: dark;
      --navy-950:#071422;
      --navy-900:#0b1d2e;
      --navy-800:#102b40;
      --navy-700:#183b55;
      --paper:#f7fbfc;
      --ink:#102536;
      --muted:#9db1c1;
      --teal:#27d3c2;
      --teal-deep:#079e98;
      --amber:#ffbd4a;
      --amber-deep:#d98500;
      --coral:#ff7f6e;
      --white:#fff;
      --radius:24px;
      --shadow:0 24px 70px rgba(0,0,0,.28);
    }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body {
      margin:0;
      min-height:100vh;
      font-family:Inter, ui-rounded, "Segoe UI", Arial, sans-serif;
      background:
        radial-gradient(circle at 12% -10%, rgba(39,211,194,.20), transparent 30rem),
        radial-gradient(circle at 98% 20%, rgba(255,189,74,.12), transparent 28rem),
        var(--navy-950);
      color:var(--white);
      line-height:1.45;
    }
    button, input, select { font:inherit; }
    button { touch-action:manipulation; }
    button:focus-visible, input:focus-visible, select:focus-visible, summary:focus-visible {
      outline:4px solid rgba(255,189,74,.72);
      outline-offset:3px;
    }
    .shell { width:min(1480px, calc(100% - 32px)); margin:0 auto; padding:20px 0 46px; }
    .topbar { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:10px; }
    .brand { display:flex; align-items:center; gap:12px; min-width:0; }
    .brand-mark {
      display:grid; place-items:center; width:46px; height:46px; flex:0 0 auto;
      border-radius:15px; color:var(--navy-950); font-weight:950; font-size:20px;
      background:linear-gradient(135deg,var(--teal),#8df7ea);
      box-shadow:0 10px 28px rgba(39,211,194,.24);
    }
    .brand-copy strong { display:block; font-size:16px; letter-spacing:.02em; }
    .brand-copy span { color:var(--muted); font-size:13px; }
    .utility-row { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
    .ghost-button, .tool-button, .nav-button, .preset, .primary-button {
      min-height:44px; border:0; border-radius:14px; cursor:pointer; font-weight:800;
      transition:transform .16s ease, background .16s ease, border-color .16s ease, opacity .16s ease;
    }
    .ghost-button:hover, .tool-button:hover, .nav-button:hover, .preset:hover, .primary-button:hover { transform:translateY(-2px); }
    .ghost-button { color:#dceaf1; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12); padding:9px 14px; }
    .hero {
      display:grid; grid-template-columns:1fr; gap:10px; align-items:center;
      background:linear-gradient(120deg,rgba(16,43,64,.98),rgba(9,28,43,.98));
      border:1px solid rgba(255,255,255,.10); border-radius:24px; padding:15px 22px 16px;
      box-shadow:var(--shadow); overflow:hidden; position:relative;
    }
    .hero::after {
      content:""; position:absolute; width:280px; height:280px; right:-110px; top:-170px;
      border:46px solid rgba(39,211,194,.07); border-radius:50%; pointer-events:none;
    }
    .eyebrow { margin:0 0 7px; color:#8df7ea; font-size:12px; font-weight:950; letter-spacing:.16em; text-transform:uppercase; }
    h1 { margin:0; font-size:clamp(29px,3.1vw,42px); line-height:1; letter-spacing:-.035em; max-width:900px; }
    .hero p { margin:6px 0 0; color:#bfd0dc; font-size:clamp(14px,1.4vw,17px); max-width:920px; }
    .privacy-note { display:none; align-self:end; padding:17px 18px; border-radius:18px; background:rgba(7,20,34,.62); border:1px solid rgba(39,211,194,.22); }
    .privacy-note strong { display:block; color:var(--teal); margin-bottom:3px; }
    .privacy-note span { color:#c5d4dd; font-size:14px; }

    .control-deck { margin-top:10px; padding:12px 14px 10px; background:rgba(11,29,46,.86); border:1px solid rgba(255,255,255,.1); border-radius:20px; }
    .section-kicker { margin:0 0 7px; color:#d4e0e7; font-size:12px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
    .presets { display:grid; grid-template-columns:repeat(6,minmax(125px,1fr)); gap:9px; }
    .preset { padding:7px 10px; min-height:50px; color:#dceaf1; background:#102a3f; border:1px solid rgba(255,255,255,.11); text-align:left; }
    .preset strong { display:block; color:#fff; font-size:16px; }
    .preset span { display:block; margin-top:2px; color:#92abba; font-size:11px; text-transform:uppercase; letter-spacing:.05em; }
    .preset[aria-pressed="true"] { background:linear-gradient(145deg,rgba(39,211,194,.20),rgba(16,43,64,.96)); border-color:var(--teal); box-shadow:inset 0 0 0 1px rgba(39,211,194,.3); }
    .custom-row { display:flex; align-items:end; gap:9px; flex-wrap:wrap; margin-top:8px; }
    .custom-row label { display:grid; gap:5px; color:#b9cbd6; font-size:12px; font-weight:800; }
    .custom-row input, .custom-row select { width:108px; min-height:42px; padding:7px 11px; border-radius:12px; border:1px solid rgba(255,255,255,.17); color:#fff; background:#091b2b; }
    .custom-row select { width:70px; text-align:center; }
    .primary-button { padding:10px 18px; color:var(--navy-950); background:linear-gradient(135deg,var(--teal),#83f0e4); }
    .validation { min-height:17px; margin:4px 0 0; color:#ffada2; font-size:12px; font-weight:750; }

    .workspace { margin-top:10px; display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:18px; align-items:start; }
    .stage-card { min-width:0; overflow:hidden; border-radius:28px; background:var(--paper); color:var(--ink); box-shadow:var(--shadow); }
    .stage-head { padding:20px 22px 0; }
    .problem-line { display:flex; align-items:center; justify-content:space-between; gap:15px; flex-wrap:wrap; }
    .problem-badge { display:flex; align-items:baseline; gap:12px; }
    .problem-badge strong { font-size:clamp(30px,4vw,48px); letter-spacing:-.035em; }
    .problem-badge span { padding:5px 10px; border-radius:99px; background:#e5f8f5; color:#087f79; font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:.06em; }
    .stage-actions { display:flex; gap:8px; flex-wrap:wrap; }
    .tool-button { padding:9px 13px; color:#18384a; background:#e7eff3; border:1px solid #d5e2e8; }
    .tool-button.active { background:#fff0ce; border-color:#f2b94f; color:#704400; }
    .steps { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; margin-top:17px; }
    .step { min-width:0; border-top:5px solid #d7e1e6; padding:8px 4px 10px; color:#78909f; font-size:12px; font-weight:850; }
    .step.active { border-color:var(--teal-deep); color:#087b75; }
    .step.done { border-color:#89ddd5; color:#426b70; }
    .visual-wrap { position:relative; min-height:520px; margin:0 16px; border:1px solid #dce8eb; border-radius:22px; overflow:hidden; background:
      linear-gradient(rgba(12,70,91,.035) 1px,transparent 1px),
      linear-gradient(90deg,rgba(12,70,91,.035) 1px,transparent 1px), #f9fcfc;
      background-size:28px 28px;
    }
    .readout { display:flex; align-items:center; justify-content:center; min-height:58px; padding:10px 18px; background:#0d293d; color:#fff; font-size:clamp(14px,1.7vw,18px); font-weight:850; text-align:center; }
    .readout .pulse-dot { width:9px; height:9px; margin-right:10px; border-radius:50%; background:var(--amber); box-shadow:0 0 0 6px rgba(255,189,74,.14); }
    #modelSvg { display:block; width:100%; height:460px; }
    .try-panel { position:absolute; inset:0; display:none; place-items:center; padding:28px; background:linear-gradient(135deg,#f4faf9,#eef5f7); z-index:3; }
    .try-panel.visible { display:grid; }
    .try-sheet { width:min(660px,100%); padding:32px; text-align:center; border:2px dashed #89aeb8; border-radius:26px; background:white; }
    .try-sheet .label { color:#0a8f88; font-weight:950; letter-spacing:.09em; text-transform:uppercase; font-size:13px; }
    .try-sheet .try-equation { margin:12px 0 18px; font-size:clamp(44px,8vw,84px); font-weight:950; letter-spacing:-.05em; color:#102b40; }
    .try-sheet .thinking-lines { display:grid; gap:16px; width:min(480px,100%); margin:22px auto 0; }
    .try-sheet .thinking-lines span { display:block; border-bottom:3px solid #d4e2e6; height:25px; }
    .hundred-flag { position:absolute; right:16px; top:74px; display:none; padding:8px 11px; border-radius:12px; background:#fff1c9; color:#704800; font-size:12px; font-weight:900; border:1px solid #f2c25c; }
    .hundred-flag.visible { display:block; }
    .stage-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 18px 18px; }
    .nav-cluster { display:flex; gap:8px; }
    .nav-button { min-width:118px; padding:11px 15px; color:#fff; background:#173b53; }
    .nav-button.next { color:#06222c; background:linear-gradient(135deg,var(--amber),#ffd982); }
    .nav-button:disabled { cursor:not-allowed; opacity:.4; transform:none; }
    .shortcut-note { color:#6f8794; font-size:12px; text-align:right; }

    .coach { display:grid; gap:14px; }
    .coach-card { padding:19px; border-radius:22px; background:#102b40; border:1px solid rgba(255,255,255,.1); box-shadow:0 14px 36px rgba(0,0,0,.18); }
    .coach-card.amber { background:linear-gradient(145deg,#3b2b10,#221d17); border-color:rgba(255,189,74,.3); }
    .coach-card h2 { margin:0 0 9px; font-size:17px; }
    .coach-card p { margin:0; color:#c5d5de; font-size:14px; }
    .teacher-prompt { padding:14px; border-left:4px solid var(--amber); border-radius:6px 14px 14px 6px; color:#fff7e4; background:rgba(255,189,74,.08); font-size:15px; }
    .frame { margin-top:11px; padding:13px 14px; border-radius:14px; background:rgba(39,211,194,.1); color:#d9fffa; font-size:14px; }
    .frame strong { color:var(--teal); }
    details { border-top:1px solid rgba(255,255,255,.12); margin-top:13px; padding-top:11px; }
    summary { cursor:pointer; font-weight:850; color:#eef7fa; }
    details ul { margin:9px 0 0; padding-left:20px; color:#bcd0da; font-size:13px; }
    .concept-meter { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:8px; margin-top:14px; }
    .concept-meter span { padding:8px 5px; border-radius:10px; background:rgba(255,255,255,.06); text-align:center; color:#b9cdd8; font-size:12px; font-weight:800; }
    .concept-meter b { color:var(--amber); }
    .teacher-key { margin-top:18px; padding:18px 20px; border-radius:20px; background:#0b2133; border:1px solid rgba(255,255,255,.10); }
    .teacher-key h2 { margin:0 0 4px; font-size:18px; }
    .teacher-key p { margin:0; color:#a9bdc9; font-size:14px; }
    .key-heading { display:block; color:#fff; font-size:18px; font-weight:850; }
    .key-subheading { display:block; margin-top:2px; color:#a9bdc9; font-size:14px; font-weight:400; }
    .answer-key-details { margin:0; padding:0; border:0; }
    .answer-key-details > summary { list-style:none; display:flex; align-items:center; justify-content:space-between; gap:12px; cursor:pointer; }
    .answer-key-details > summary::-webkit-details-marker { display:none; }
    .answer-key-details > summary::after { content:"Open +"; color:var(--teal); font-size:13px; white-space:nowrap; }
    .answer-key-details[open] > summary::after { content:"Close −"; }
    .key-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:13px; }
    .key-item { padding:12px; border-radius:14px; background:rgba(255,255,255,.05); color:#c9d8e0; font-size:13px; }
    .key-item strong { display:block; color:#fff; margin-bottom:3px; }
    .file-help { margin-top:14px; }
    .file-help summary { color:#cfe0e7; }
    .file-help p { color:#aebfca; font-size:13px; }
    .key-sequence { margin-top:13px !important; }
    .promo-cta {
      display:flex; align-items:center; justify-content:space-between; gap:18px;
      margin-top:14px; padding:13px 16px; border-radius:18px;
      background:linear-gradient(105deg,rgba(39,211,194,.13),rgba(255,189,74,.08));
      border:1px solid rgba(39,211,194,.24);
    }
    .promo-cta div { display:grid; gap:2px; }
    .promo-cta strong { color:#f4fbfd; font-size:15px; }
    .promo-cta span { color:#aebfca; font-size:13px; }
    .promo-cta a {
      flex:0 0 auto; padding:9px 13px; border-radius:12px; color:#08212b; background:var(--amber);
      font-size:13px; font-weight:900; text-decoration:none;
    }
    .promo-cta a:hover { background:#ffd477; transform:translateY(-1px); }
    .promo-cta a:focus-visible { outline:4px solid rgba(255,189,74,.72); outline-offset:3px; }
    .promo-cta a span { color:inherit; }
    .status-toast { position:fixed; left:50%; bottom:18px; z-index:20; transform:translate(-50%,20px); opacity:0; pointer-events:none; padding:11px 16px; border-radius:99px; background:#fff; color:#102536; box-shadow:0 15px 40px rgba(0,0,0,.3); font-weight:800; transition:.2s ease; }
    .status-toast.show { opacity:1; transform:translate(-50%,0); }
    .print-sheet { display:none; color:#111; }

    .projector { overflow:hidden; }
    .projector .shell { width:min(1700px,calc(100% - 18px)); height:100dvh; padding-top:7px; padding-bottom:0; }
    .projector .topbar { margin-bottom:5px; }
    .projector .hero, .projector .control-deck, .projector .teacher-key, .projector .coach, .projector .promo-cta { display:none; }
    .projector .workspace { display:block; margin-top:4px; }
    .projector .stage-card { display:flex; flex-direction:column; width:100%; height:clamp(500px,calc(100dvh - 72px),820px); border-radius:16px; }
    .projector .stage-head { flex:0 0 auto; padding:8px 16px 0; }
    .projector .problem-badge strong { font-size:clamp(36px,5vw,50px); }
    .projector .steps { margin-top:7px; }
    .projector .step { padding:5px 4px 6px; }
    .projector .visual-wrap { display:flex; flex:1 1 auto; flex-direction:column; min-height:0; margin:0 10px; }
    .projector .readout { flex:0 0 auto; min-height:46px; padding:7px 16px; }
    .projector #modelSvg { flex:1 1 auto; width:100%; height:auto; min-height:0; }
    .projector .stage-footer { flex:0 0 auto; padding:7px 12px 8px; }

    @media (max-width:1050px) {
      .presets { grid-template-columns:repeat(3,1fr); }
      .workspace, .projector .workspace { grid-template-columns:1fr; }
      .coach { grid-template-columns:repeat(2,1fr); }
      .coach .amber { grid-column:1/-1; }
    }
    @media (max-width:700px) {
      .shell { width:min(100% - 18px,1480px); padding-top:10px; }
      .brand-copy span { display:none; }
      .hero { grid-template-columns:1fr; padding:14px 16px; border-radius:20px; }
      .privacy-note { display:none; }
      .presets { grid-template-columns:repeat(2,1fr); }
      .control-deck { padding:13px; }
      .custom-row input { width:92px; }
      .stage-head { padding:15px 14px 0; }
      .steps { gap:3px; }
      .step { font-size:10px; }
      .visual-wrap { margin:0 8px; min-height:450px; }
      #modelSvg { height:400px; }
      .coach { grid-template-columns:1fr; }
      .stage-footer { align-items:stretch; flex-direction:column; }
      .nav-cluster { display:grid; grid-template-columns:1fr 1fr; }
      .shortcut-note { text-align:left; }
      .key-grid { grid-template-columns:1fr; }
      .tool-button { min-height:44px; }
      .promo-cta { align-items:flex-start; flex-direction:column; }
    }
    @media (prefers-reduced-motion:reduce) {
      *, *::before, *::after { scroll-behavior:auto !important; transition:none !important; animation:none !important; }
    }
    @media print {
      @page { size:letter portrait; margin:.55in; }
      body { background:#fff !important; color:#111 !important; overflow:visible !important; }
      .shell, .status-toast { display:none !important; }
      .print-sheet { display:block !important; font-family:Arial,sans-serif; }
      .print-brand { display:flex; align-items:center; justify-content:space-between; padding-bottom:12px; border-bottom:3px solid #102b40; }
      .print-brand strong { font-size:20px; color:#102b40; }
      .print-brand span { font-size:12px; }
      .print-directions { margin:22px 0 8px; font-size:17px; }
      .print-problem { margin:22px 0; padding:22px; border:3px solid #102b40; border-radius:18px; text-align:center; font-size:54px; font-weight:900; }
      .print-columns { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
      .print-box { min-height:230px; padding:12px; border:2px solid #8ba0aa; border-radius:15px; }
      .print-explain-box { margin-top:14px; min-height:180px; }
      .print-box h3 { margin:0; font-size:15px; color:#294758; }
      .print-lines { display:grid; gap:30px; margin-top:24px; }
      .print-lines span { display:block; height:16px; border-bottom:2px solid #aebbc1; }
      .print-footer { margin-top:18px; font-size:12px; color:#425c68; }
    }

    #modelSvg .lane-title{font:800 17px Inter,"Segoe UI",sans-serif;fill:#17384a}
    #modelSvg .lane-sub{font:650 12px Inter,"Segoe UI",sans-serif;fill:#66818e}
    #modelSvg .big-symbol{font:950 42px Inter,"Segoe UI",sans-serif;fill:#617985}
    #modelSvg .result-text{font:950 54px Inter,"Segoe UI",sans-serif;fill:#0c776f}
    #modelSvg .exchange-label{font:900 14px Inter,"Segoe UI",sans-serif;fill:#704800}
    #modelSvg .tiny-label{font:800 12px Inter,"Segoe UI",sans-serif;fill:#5d7682}
    #modelSvg .ghost{opacity:.30}
    #modelSvg .block{transition:transform .24s ease,opacity .24s ease}
    #modelSvg .block:hover{filter:brightness(1.06)}

/* A quantity workbench: physical units, readable stages, quiet teacher support. */
:root{color-scheme:light;--paper:#fffdf8;--ink:#173c42;--muted:#55706d;--teal:#0b716d;--teal-deep:#0b716d;--amber:#e9ab51;--shadow:0 8px 28px #173c4209}
body{background:#f3f1e9;color:#173c42;font-family:Arial,Helvetica,sans-serif}.shell{max-width:1360px}.brand-mark{background:#d6e8df;box-shadow:none;border-radius:8px}.hero{background:transparent;border:0;padding:26px 0;box-shadow:none}.hero::after{display:none}.hero h1{font:normal clamp(2.2rem,4vw,3.7rem)/1.05 Georgia,serif}.hero p,.hero .eyebrow{color:#3b6361}
.control-deck,.coach-card,.coach-card.amber,.teacher-key{background:#fffdf8;border:1px solid #c2d1c8;border-radius:12px;box-shadow:none}.control-deck{padding:18px}.section-kicker,.custom-row label{color:#466761}.preset{background:#f5f7f1;border:1px solid #bacdc3;border-radius:8px}.preset strong,.key-heading,.key-item strong{color:#173c42}.preset span{color:#4b7168}.preset[aria-pressed=true]{background:#e0eee6;border-color:#0b716d;box-shadow:inset 0 -3px #0b716d}.custom-row input,.custom-row select{background:white;color:#173c42;border:1px solid #799b8e;border-radius:6px}.primary-button{background:#0b716d;color:white;border-radius:7px}.validation{color:#a63721;font-size:.85rem}.ghost-button{color:#173c42;background:#fffdf8;border:1px solid #a5bdb2;border-radius:7px}
.workspace{grid-template-columns:minmax(0,1fr) 300px;margin-top:18px}.stage-card{border:1px solid #bdcfc4;border-radius:14px}.problem-badge strong{font-family:Georgia,serif;font-weight:normal}.visual-wrap{min-height:0;background:#f0f5ef;border-radius:9px}.readout{background:#173c42;font-weight:normal;justify-content:flex-start;text-align:left}#modelSvg{height:auto;max-height:none}.stage-footer{padding-top:8px}.model-evidence{padding:14px 24px}.quantity-proof{font-weight:bold;padding:12px 15px;border-left:4px solid #bd852e;background:#fff4dd;margin:0}.model-description{font-size:.9rem;color:#466660;margin:10px 0 0}.tool-button,.nav-button{border-radius:7px}.nav-button.next{background:#0b716d;color:white}.coach-card h2{font:1.4rem Georgia,serif}.coach-card p,.frame,.teacher-prompt,details ul,.key-item,.teacher-key p,.key-subheading,.file-help p{color:#365c57}.teacher-prompt{background:#fff4dc;border-color:#cf9644}.frame{background:#e8f1e9}.frame strong,.concept-meter b{color:#0b635d}summary,.file-help summary{color:#173c42}.concept-meter span{color:#365c57;background:#edf3ed}details{border-color:#c3d0c8}.key-item{background:#f0f5ee}.promo-cta{background:#e4eee5;border-color:#a6c5b3}.promo-cta strong{color:#173c42}.promo-cta span{color:#476b60}.try-sheet{padding:24px;border-radius:12px}.try-panel{padding:18px}.hundred-flag{position:static;text-align:center;border-radius:0}.step{font-size:12px;color:#506c65}.shortcut-note{color:#4c6c61}
#modelSvg .lane-title{font:700 20px Arial,sans-serif;fill:#173c42}#modelSvg .lane-sub{font:16px Arial,sans-serif;fill:#466660}#modelSvg .ghost{opacity:.5}
.projector{overflow:auto}.projector .shell{height:auto;min-height:100dvh}.projector .stage-card{height:auto;min-height:0}.projector .visual-wrap{flex:none}.projector #modelSvg{max-height:50vh;min-height:260px}.projector .model-evidence{padding:8px 24px}.projector .model-description{display:none}
:focus-visible{outline:3px solid #a66618!important;outline-offset:4px!important}
@media(max-width:1050px){.workspace{grid-template-columns:1fr}}@media(max-width:700px){.topbar{align-items:flex-start;flex-direction:column}.utility-row{justify-content:flex-start}.brand-copy strong{font-size:1rem}.hero{padding:20px 4px}.model-evidence{padding:14px}.steps .step{font-size:11px}.try-sheet .try-equation{font-size:48px}.try-sheet .thinking-lines{margin:12px auto}.try-sheet .thinking-lines span{height:15px}.projector #modelSvg{max-height:none;min-height:0}.projector .model-description{display:block}}

/* A task card needs its own layout height, including zero-block problems. */
[hidden]{display:none!important}.visual-wrap.try-mode #modelSvg{display:none}.visual-wrap.try-mode .try-panel{position:relative;inset:auto;min-height:350px}.visual-wrap.try-mode .hundred-flag{display:none}.projector .visual-wrap.try-mode{flex:none}
@media(max-width:700px){.visual-wrap.try-mode .try-panel{min-height:400px;padding:16px}.try-sheet{padding:20px}}

html{scrollbar-gutter:stable}

/* Original ImageGen material artwork under deterministic ten-unit geometry. */
.exchange-bench{margin:0 24px 20px;padding:20px;border:1px solid #b9cabb;border-radius:9px;background:#edf4e9}.exchange-bench h3{margin:4px 0 8px;font:1.5rem Georgia,serif}.exchange-bench p{font-size:.9rem;max-width:65ch}.exchange-units{--unit:clamp(18px,5.5vw,28px);display:grid;grid-template-columns:repeat(5,var(--unit));gap:8px;width:max-content;max-width:100%;padding:12px 0;align-items:center}.exchange-unit{position:relative;display:block;width:var(--unit);height:var(--unit);border:1px solid #486f5f;background:#f0d7a7;box-sizing:border-box;overflow:hidden}.exchange-unit img{display:block;width:100%;height:100%;object-fit:fill}.exchange-units.joined{grid-template-columns:repeat(10,var(--unit));gap:0}.exchange-units.joined .exchange-unit{border-right-width:0}.exchange-units.joined .exchange-unit:last-child{border-right-width:1px}.exchange-status{font-weight:bold}.projector .exchange-bench{max-width:900px}.exchange-bench .tool-button{background:#fffdf8;border-color:#799782;color:#173c42}
@media(max-width:700px){.exchange-bench{margin:0 14px 16px;padding:16px}}