.case-item-buttons{grid-template-columns:repeat(4,minmax(0,1fr))}.mock-browser{background:#fcfdf9;border:1px solid #c6d3ce;border-radius:12px;margin:16px 24px 22px;overflow:hidden;box-shadow:0 8px 18px #214a3610}.mock-toolbar{color:#728b80;background:#e4ebe6;align-items:center;gap:12px;padding:9px 13px;display:flex}.mock-toolbar>span{letter-spacing:3px;white-space:nowrap;font-size:7px}.mock-toolbar small{overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:10px}.mock-body{text-align:center;padding:20px 25px}.mock-body h3{margin:8px 0 16px;font-size:18px}.evidence-tag{letter-spacing:.08em;color:#657b70;background:#edf1e8;border-radius:20px;padding:3px 12px;font-size:10px;display:inline-block}.mock-field{text-align:left;background:#fff;border:1px solid #cfd9d2;border-radius:6px;flex-direction:column;max-width:340px;margin:9px auto;padding:8px 13px;display:flex}.mock-field small{color:#718377;font-size:9px}.mock-field span{color:#5b736a;font-size:12px}.mock-code{letter-spacing:.15em;color:#799388;background:#eaf0e8;border-radius:8px;max-width:320px;margin:12px auto;padding:14px;font-size:24px}#panel-content .mock-body p{margin:10px 0;font-size:12px;line-height:1.8}.mock-note{color:#748479}.mock-check{color:#283d3b;text-align:left;cursor:pointer;background:#edf2e9;border:1px solid #d2dccb;border-radius:8px;justify-content:center;align-items:center;gap:16px;width:100%;padding:18px;font-family:inherit;font-size:15px;display:flex}.mock-check>span:first-child{color:#69826d;font-size:32px}.mock-check:hover{background:#e3ecd9;border-color:#88a079}.mock-check:focus-visible{outline-offset:3px;outline:3px solid #c5a25e}.instruction-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.instruction-tiles span{background:#f0eee2;border:1px solid #ded8bf;border-radius:9px;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;font-size:12px;display:flex}.instruction-tiles svg{color:#927441;width:28px;height:28px}.mock-terminal{text-align:left;color:#d9e5db;background:#283b3c;border-radius:10px;padding:17px;font-size:11px}.mock-empty{color:#bfcbc1;border:1px solid #81928b;border-radius:4px;margin-top:12px;padding:12px}.lesson-diagram{background:#edf2e5;border:1px solid #d5dfc9;border-radius:13px;margin:18px 24px;padding:22px}.lesson-diagram h3{color:#35554b;margin:0 0 18px;font-size:19px;line-height:1.7}.lesson-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.lesson-step{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.lesson-number{color:#819070;font-size:10px}.lesson-icon{color:#53794f;background:#dbe6d1;border-radius:15px;place-items:center;width:54px;height:54px;display:grid}.lesson-icon svg{width:31px;height:31px}.lesson-step:nth-child(2) .lesson-icon{color:#8c6d34;background:#f0e1b0}.lesson-step strong{font-size:12px;line-height:1.7}.lesson-step small{color:#71806a;font-size:10px;line-height:1.8}.lesson-step:not(:last-child):after{content:"→";color:#8d9d80;position:absolute;top:41px;right:-12px}#panel-content .lesson-diagram p{border-top:1px solid #d3dfc7;margin:20px 0 0;padding-top:16px;font-size:12px;line-height:1.95}.lesson-sources{margin:14px 24px 23px}.lesson-sources .source-inline{overflow-wrap:anywhere;margin-top:8px;font-size:11px;line-height:1.8;display:block}.organization-note{background:#f4f0e3;border-radius:12px;margin:22px 24px;padding:20px}.organization-note h3{margin:0 0 10px;font-size:16px}.organization-note li{margin:7px 0;font-size:12px;line-height:1.9}.organization-note ul{margin:0;padding-left:20px}.record-evidence{background:#f7f9f1;border:1px solid #d7dfd4;border-radius:12px;padding:20px}.mock-url{overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:11px}.record-tabs .button{min-width:0}.record-tabs strong{font-weight:500}.record-document .mail-header .subtle{margin-bottom:0}.report-sheet{overflow-wrap:anywhere}.notebook-content .lesson-diagram p{border-top:1px solid #d3dfc7;margin:20px 0 0;padding-top:16px;font-size:12px;line-height:1.95}body[data-episode=episode-02] .cover{background-image:linear-gradient(90deg,#173f3da6,#173f3d33),url(../episode-02/assets/invitation.png)}body[data-episode=episode-03] .cover{background-image:linear-gradient(90deg,#173f3da6,#173f3d33),url(../episode-03/assets/check.png)}body[data-episode=episode-04] .cover{background-image:linear-gradient(90deg,#173f3da6,#173f3d33),url(../episode-04/assets/request.png)}.payment-card{background:#fbfbf4;border:1px solid #d6dfcf;border-radius:15px;margin:0 24px 24px;overflow:hidden}.payment-heading{border-bottom:1px solid #d6dfcf;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:18px 20px;display:flex}.payment-heading strong{letter-spacing:.04em;font-size:23px}.payment-heading small{color:#6f7963;font-size:11px}.account-comparison{grid-template-columns:1fr 1fr;gap:14px;padding:20px;display:grid}.account-comparison>div{text-align:center;background:#e8eedf;border-radius:12px;flex-direction:column;align-items:center;padding:18px 8px;display:flex}.account-comparison>div+div{background:#f7ecd0}.account-comparison>div>span{place-items:center;width:40px;height:40px;margin-bottom:10px;display:grid}.account-comparison svg{width:35px;height:35px}.account-comparison small{font-size:11px}.account-comparison strong{margin:7px 0;font-size:26px}.account-comparison p{margin:0!important;font-size:11px!important;line-height:1.8!important}.approval-note{padding:0 20px 20px;margin:0!important;font-size:12px!important;line-height:1.9!important}.record-document .payment-card{margin:0}.payment-progress{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 24px 20px;padding:0;list-style:none;display:grid}.payment-progress li{color:#6c7d6e;background:#edf0e8;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 4px;font-size:11px;display:flex}.payment-progress li span{background:#dce5d5;border-radius:50%;flex-shrink:0;place-items:center;width:21px;height:21px;display:grid}.payment-progress [aria-current]{color:#294f43;background:#dce9d2;font-weight:700;box-shadow:inset 0 0 0 1px #a5bc96}.payment-progress [aria-current] span{color:#fff;background:#3a6550}.payment-review{background:#fffdf6;border:1px solid #d5bb7d;border-radius:14px;margin:0 24px 24px;overflow:hidden}.payment-review-top{background:#f8edcc;border-bottom:1px solid #dfcea4;flex-wrap:wrap;align-items:center;gap:10px;padding:17px 20px;display:flex}.payment-review-top strong{font-size:17px}.payment-review dl{grid-template-columns:1fr 2fr;gap:0;margin:0;padding:7px 20px;display:grid}.payment-review dt,.payment-review dd{overflow-wrap:anywhere;border-bottom:1px solid #e8e5d8;margin:0;padding:12px 0;font-size:13px;line-height:1.9}.payment-review dt{color:#6e7967}.payment-review dd{font-weight:600}.payment-review .payment-amount{color:#34584a;font-size:25px;line-height:1.3}.payment-review .payment-missing{color:#98602d}.payment-review .payment-review-note{color:#75512d;background:#fbefd8;border-radius:8px;padding:12px 15px;margin:8px 20px 14px!important;font-size:12px!important;line-height:1.9!important}.payment-review .payment-simulation{color:#74816f;margin:0 20px 18px!important;font-size:11px!important}.payment-sent{border-color:#caa57e}.payment-sent .payment-review-top{background:#f4e3cf}.payment-sent .payment-review-top strong{color:#87552e}@media (max-width:520px){.payment-progress,.payment-review{margin-left:17px;margin-right:17px}.payment-progress{gap:4px}.payment-progress li{gap:4px;font-size:9px}.payment-progress li span{width:18px;height:18px}.payment-review-top{padding:14px 15px}.payment-review-top strong{font-size:16px}.payment-review dl{grid-template-columns:1fr 1.7fr;column-gap:10px;padding:5px 15px}.payment-review dt,.payment-review dd{font-size:12px}.payment-review .payment-amount{font-size:23px}.payment-review .payment-review-note,.payment-review .payment-simulation{margin-left:15px!important;margin-right:15px!important}.payment-card{margin-left:17px;margin-right:17px}.payment-heading{gap:7px 12px;padding:15px}.payment-heading strong{font-size:21px}.account-comparison{gap:10px;padding:14px}.account-comparison small{font-size:10px}.account-comparison>div{padding:14px 5px}.approval-note{padding:0 14px 16px}.mock-browser,.lesson-diagram,.lesson-sources,.organization-note{margin-left:17px;margin-right:17px}.mock-body{padding:15px}.mock-body h3{font-size:16px}.lesson-diagram{padding:16px}.lesson-diagram h3{font-size:17px}.lesson-steps{gap:8px}.lesson-step strong{font-size:11px}.lesson-step small{font-size:9px}.lesson-icon{width:45px;height:45px}.lesson-step:not(:last-child):after{font-size:12px;top:38px;right:-10px}.instruction-tiles{gap:6px}.instruction-tiles span{font-size:10px}.case-item-buttons{gap:5px}.case-item strong{font-size:10px}.record-tabs .button{padding:8px 3px;font-size:10px}.mock-check{font-size:13px}.mock-toolbar small{font-size:9px}}
