.tutorial{max-width:1120px}.arca-link{display:inline-block;margin-top:24px;padding:11px 18px;border:1px solid #8fa4b5;color:#fff;font-weight:600}.tutorial-intro{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:30px}.tutorial-intro p{max-width:710px;margin:8px 0;color:var(--muted)}.tutorial-kicker{color:#8e5631;font-size:12px;letter-spacing:.15em;text-transform:uppercase;font-weight:800}.tutorial-pill{background:#e5ecef;color:var(--navy);padding:8px 14px;white-space:nowrap;font-size:13px}.kind-picker{border:0;padding:0;margin:0 0 30px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.kind-picker legend{font:28px Georgia,serif;color:var(--navy);margin-bottom:18px}.kind-picker label{display:flex;align-items:center;gap:14px;border:1px solid #ccd6dd;background:#fff;padding:22px;cursor:pointer}.kind-picker label:has(input:checked){border:2px solid #b7794a;padding:21px;background:#fcf8f4}.kind-picker input{accent-color:#102a43;width:20px;height:20px;flex-shrink:0}.kind-picker strong,.kind-picker small{display:block}.kind-picker small{color:var(--muted);margin-top:3px}.guide-toolbar{display:flex;justify-content:space-between;align-items:center;margin:12px 0;color:var(--navy);font-size:14px;font-weight:700}.tutorial button{font:inherit;cursor:pointer;min-height:44px}.guide-toolbar button{border:0;background:none;text-decoration:underline;color:var(--navy)}.tutorial progress{width:100%;height:5px;display:block;accent-color:var(--copper);margin-bottom:28px;border:0}.tutorial progress::-webkit-progress-bar{background:#dbe1e5}.tutorial progress::-webkit-progress-value{background:#b7794a}.guide-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:30px}.step-index{display:flex;flex-direction:column;gap:6px;align-self:start;position:sticky;top:24px}.step-index button{text-align:left;border:0;background:transparent;padding:15px;color:var(--muted);display:flex;gap:12px;align-items:baseline;line-height:1.4}.step-index button span{font-size:12px;color:#8e5631;font-weight:800}.step-index button[aria-current=step]{background:#102a43;color:#fff}.step-index button[aria-current=step] span{color:#e0b18c}.guide-step{background:#fff;border:1px solid var(--line);padding:32px;margin-bottom:16px;scroll-margin-top:24px}.guide-step h2,.tutorial-faq h2{font:34px/1.2 Georgia,serif;color:var(--navy);margin:12px 0 18px}.guide-step p{color:#4c5c67}.guide-step[hidden],#guide-done[hidden]{display:none}.demo{margin:26px 0 0;background:#f2f5f7;border:1px solid #dae3e9;border-radius:8px;overflow:hidden}.demo figcaption{padding:10px 16px;background:#e7edf1;color:#536774;font-size:11px;letter-spacing:.025em}.demo-screen{padding:24px}.demo-logo{font-size:26px;font-weight:800;color:#17678b}.mock-field{border:1px solid #bdcdd8;background:white;padding:12px;margin:12px 0;border-radius:4px;color:#5e6b76}.mock-highlight{background:#e9f3f8;border:2px solid #2780a4;padding:16px;border-radius:5px}.mock-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.mock-options>div{padding:18px;border:1px solid #c1d3de;background:#fff;text-align:center;font-size:22px}.mock-options strong{font-size:18px}.mock-options small{display:block;font-size:12px}.mock-options .selected{background:#e5f2f8;border:2px solid #2780a4}.mock-chips{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.mock-chips span{border:1px solid #b7cddc;background:#fff;padding:7px 12px;border-radius:3px;font-size:13px;color:#17678b}.mock-chips .mock-highlight{background:#e5f2f8;border:2px solid #2780a4}.mock-action{display:inline-block;background:#17678b;color:#fff;padding:8px 22px;border-radius:3px}.mock-tabs{border-bottom:1px solid #ccd8df;padding-bottom:12px;color:#17678b}.mock-row{display:grid;grid-template-columns:1fr 1.3fr .7fr;gap:8px;padding:14px 0;border-bottom:1px solid #d5e0e7;font-size:12px}.download-note{padding:18px;background:#f8f3ed;font-size:14px}.step-controls{display:flex;justify-content:space-between;gap:12px}.step-controls button,#restart-guide{padding:12px 20px;border:1px solid #102a43;background:#102a43;color:#fff}.step-controls button:first-child{background:white;color:#102a43}.step-controls button:disabled{opacity:.4;cursor:default}#guide-done{padding:26px;background:#e9f1ed;color:#285d45;margin-top:20px}.tutorial-faq{margin:60px 0 30px}.tutorial-faq details{border-bottom:1px solid #ccd6dd;padding:18px 0}.tutorial-faq summary{cursor:pointer;font-weight:600;color:var(--navy);min-height:30px}.tutorial-faq p{color:var(--muted);max-width:800px}.tutorial-faq .btn{margin-top:24px}.tutorial-source{color:var(--muted);font-size:12px;max-width:800px}.tutorial-source a{text-decoration:underline}.tutorial button:focus-visible,.tutorial summary:focus-visible,.tutorial input:focus-visible{outline:3px solid #b7794a;outline-offset:4px}
@media(max-width:760px){.guide-layout{grid-template-columns:1fr;gap:18px}.step-index{position:static;display:grid;grid-template-columns:1fr 1fr;gap:6px}.step-index button{font-size:13px;padding:12px}.kind-picker{grid-template-columns:1fr}.tutorial-intro{align-items:flex-start;flex-direction:column;gap:10px}.guide-step{padding:22px}.guide-step h2{font-size:29px}.demo-screen{padding:16px}.mock-options>div{padding:12px}.guide-toolbar{gap:12px}.tutorial{padding-top:35px}.head h1{overflow-wrap:anywhere}}
@media print{header .nav,header .market-bar,.step-index,.step-controls,.guide-toolbar,.arca-link,footer,#guide-done,.back-to-top{display:none!important}.guide-step[hidden]{display:block!important}.guide-layout{display:block}.guide-step{break-inside:avoid}.head{background:white;color:#102a43}.head p{color:#333}}