/* Illustrated Atlas casebook. All overrides belong to the mystery workspace. */
.mystery-atlas { --my-line:#d0dac7;--parch-ink:#213d35;--parch-ink-2:#526158;--oxblood:#864b2e;--gold-deep:#895334;--verdigris:#3f6b50;max-width:1120px;margin:0 auto; }
.mystery-atlas .my-heading { margin:8px 0 30px; }
.mystery-atlas .my-heading h1 { font-size:clamp(2.4rem,4.5vw,3.8rem);line-height:1.1;margin:16px 0 20px;max-width:800px; }
.mystery-atlas .my-lede { max-width:720px;color:#526158;line-height:1.8; }
.mystery-atlas .my-content { gap:22px; }
.mystery-atlas .scroll { background:#fffdf8;box-shadow:none;border:1px solid var(--my-line);border-radius:12px; }
.mystery-atlas .my-picker { padding:22px 26px;align-items:end; }
.mystery-atlas .my-picker .btn { min-height:44px; }
.mystery-atlas .my-overview { display:flex;align-items:center;gap:12px 28px;flex-wrap:wrap;padding:2px 4px;font-size:.8rem;color:#526158; }
.mystery-atlas .my-overview strong { color:#213d35;font:1.5rem Georgia,serif;margin-right:5px; }
.mystery-atlas .my-draft-badge { margin-left:auto;padding:7px 12px;border:1px solid #c4d3b8;background:#eaf0e1;color:#38543d;border-radius:20px; }
.mystery-atlas .my-steps { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px; }
.mystery-atlas .my-step { display:flex;align-items:center;gap:13px;min-height:88px;padding:16px;text-align:left;border:1px solid var(--my-line);border-radius:9px;background:#f5f6ed;color:#213d35;cursor:pointer; }
.mystery-atlas .my-step-number { flex:none;display:grid;place-items:center;width:30px;height:30px;border:1px solid #bbccb1;border-radius:50%;font:.85rem var(--sans); }
.mystery-atlas .my-step strong { display:block;font:1.05rem Georgia,serif; }
.mystery-atlas .my-step small { display:block;margin-top:6px;font:.69rem/1.5 var(--sans);color:#526158; }
.mystery-atlas .my-step[aria-pressed=true] { background:#183d36;color:#fff9ed;border-color:#183d36; }
.mystery-atlas .my-step[aria-pressed=true] small { color:#dae5d1; }
.mystery-atlas .my-step[aria-pressed=true] .my-step-number { border-color:#8fa88d;color:#f4e3c0; }
.mystery-atlas .my-step:hover:not([aria-pressed=true]) { background:#e8efde; }
.mystery-atlas .my-layout { grid-template-columns:minmax(0,1fr); }
.mystery-atlas .my-panel { padding:clamp(22px,4vw,36px); }
.mystery-atlas .my-panel h2 { font-size:2rem; }
.mystery-atlas .my-panel h3 { font-size:1.3rem; }
.mystery-atlas .my-note { font-size:.86rem;line-height:1.7; }
.mystery-atlas .my-form { max-width:850px; }
.mystery-atlas .my-form .field { margin-bottom:20px; }
.mystery-atlas .my-form textarea { min-height:100px; }
.mystery-atlas .my-edit-card { margin:18px 0 30px;padding:24px;background:#f5f7ee;border-radius:9px; }
.mystery-atlas .my-edit-card>legend { color:#526b49;font:600 .76rem var(--sans); }
.mystery-atlas .my-check { padding:6px 0;font-size:.88rem; }
.mystery-atlas .my-check input { width:18px;height:18px;accent-color:#3f6549; }
.mystery-atlas .my-choices { border-radius:7px;padding:16px 20px; }
.mystery-atlas .my-empty { font-style:normal;background:#eff3e7;border:1px dashed #b8c9ab;border-radius:8px;padding:20px;line-height:1.7; }
.mystery-atlas .my-notice { border:1px solid #bfd0b3;border-left:4px solid #486f4f;border-radius:8px;background:#eef3e7;color:#284b39; }
.mystery-atlas .my-notice[data-kind=error],.mystery-atlas .my-warning { border-color:#d6ad92;background:#fff1e6;color:#813d29; }
.mystery-atlas .my-confirm { padding:22px 26px;background:#fff4e7; }
.mystery-atlas .my-confirm p { color:#6e4c32; }
.mystery-atlas .my-route { gap:10px;margin:18px 0; }
.mystery-atlas .my-route-node { padding:20px;background:#f5f7ed;border-radius:8px; }
.mystery-atlas .my-route-clue { background:#fcf4e9; }
.mystery-atlas .my-route-node p { font-size:.9rem;line-height:1.7; }
.mystery-atlas .my-source summary { color:#38563f; }
.mystery-atlas .my-finding { background:#f2f5e9;border-radius:0 7px 7px 0;padding:20px; }
.mystery-atlas .my-finding[data-health=unreachable] { background:#fff1e6; }
.mystery-atlas .my-review-card { background:#f7f8f0;border-radius:7px;padding:20px; }
.mystery-atlas .my-run-status { background:#edf3e5;border-radius:7px;color:#284b39; }
.mystery-atlas .btn:disabled { opacity:.5;cursor:not-allowed; }
@media(max-width:760px){.mystery-atlas .my-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.mystery-atlas .my-step{min-height:78px}.mystery-atlas .my-route{grid-template-columns:minmax(0,1fr);gap:5px}.mystery-atlas .my-arrow{transform:rotate(90deg)}.mystery-atlas .my-draft-badge{margin-left:0}}
@media(max-width:420px){.mystery-atlas .my-step{padding:12px;gap:9px}.mystery-atlas .my-step small{font-size:.64rem}.mystery-atlas .my-step-number{width:24px;height:24px}.mystery-atlas .my-edit-card{padding:16px}.mystery-atlas .my-picker{padding:18px}}
@media print{.mystery-atlas .my-steps,.mystery-atlas .my-picker{display:none}.mystery-atlas .my-layout>[hidden]{display:block!important}.mystery-atlas .my-panel{break-inside:avoid}}