.guided{max-width:1120px;margin:0 auto}.guided-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.guided-header .back-link{margin:0}.guided-header [role=status]{font-size:.8rem;color:var(--muted)}.guided-heading{margin-bottom:24px}.guided-heading .eyebrow{color:var(--purple);display:block;margin-bottom:12px}.guided-heading h1{letter-spacing:-.025em;line-height:1.5}.guided-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:28px;align-items:start}.guided-outline{position:sticky;top:24px}.guided-outline ol{list-style:none;padding:0;margin:0}.guided-outline button{width:100%;background:none;border:0;text-align:start;display:flex;align-items:center;gap:12px;padding:12px 10px;min-height:52px;border-radius:10px;line-height:1.6;font-size:.9rem}.guided-outline button[aria-current]{background:var(--soft);color:var(--purple);font-weight:700}.guided-step-number{width:27px;height:27px;border:1px solid var(--border);border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:.8rem}.guided-outline p{color:var(--muted);font-size:.875rem;line-height:1.8;padding:18px 10px}.guided-panel{padding:30px;background:var(--surface);border:1px solid var(--border);border-radius:16px;min-width:0}.guided-panel p{font-size:1rem;line-height:1.9}.guided-panel .guided-lead{font-size:1.1rem;line-height:1.9}.guided-condition-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0}.guided-condition-cards>div{border:1px solid var(--border);background:var(--bg);padding:20px;border-radius:12px}.guided-condition-cards>div>span{font-size:.8rem;color:var(--purple);display:block;margin-bottom:12px}.guided-condition-cards h2{font-size:1.15rem}.guided-condition-cards p{margin:0;color:var(--muted)}.guided-panel .guided-note,.guided-panel .guided-next-help{font-size:.875rem;color:var(--muted);line-height:1.8}.guided-scenario{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.guided-scenario>span{padding:10px 14px;border-radius:7px;background:var(--bg);font-size:.95rem}.guided-question,.guided-row{border:0;padding:0;margin:24px 0;min-width:0}.guided-question legend{font-weight:600;font-size:1.05rem;line-height:1.8;margin-bottom:14px;max-width:100%}.guided-choices{display:flex;flex-wrap:wrap;gap:10px}.guided-choice{flex:1 1 160px;min-height:50px;border:1px solid var(--border);background:var(--surface);border-radius:9px;padding:12px 16px;font-size:1rem;line-height:1.7;text-align:start}.guided-choice.selected{border-color:var(--purple);background:var(--soft);box-shadow:inset 0 0 0 1px var(--purple);color:var(--purple)}.guided-answer{display:flex;gap:9px;align-items:baseline;padding:13px 16px;border-inline-start:3px solid var(--border);background:var(--bg);border-radius:4px 9px 9px 4px;margin:14px 0 0}.guided-answer.correct{border-color:#65933f}.guided-answer.retry{border-color:#c68a37}.guided-answer svg{flex-shrink:0}.guided-check-actions,.guided-bottom{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:24px}.guided-bottom{justify-content:space-between;border-top:1px solid var(--border);padding-top:22px;margin-top:32px}.guided .button{font-size:.95rem;min-height:46px;line-height:1.5}.guided-hint{background:var(--soft);border-radius:10px;padding:16px 20px;margin-top:18px}.guided-hint p{margin:5px 0 0}.guided-circuit{display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(130px,.7fr);gap:0;align-items:center;padding:22px 0;direction:ltr}.guided-inputs{display:grid;gap:12px}.guided-switch{border:1px solid var(--border);border-radius:12px;background:var(--bg);padding:16px 18px;text-align:start;display:flex;flex-direction:column;gap:4px;min-width:0}.guided-switch strong{font-size:1rem}.guided-switch>span:last-child{font-size:.875rem;color:var(--muted)}.guided-switch-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.guided-switch-top bdi{font-size:.875rem;color:var(--muted)}.guided-toggle{width:38px;height:22px;background:var(--border);border-radius:20px;padding:3px;display:flex;flex-direction:row}.guided-toggle i{width:16px;height:16px;background:var(--surface);border-radius:50%}.guided-switch.on{border-color:var(--purple);background:var(--soft)}.guided-switch.on .guided-toggle{background:var(--purple);flex-direction:row-reverse}.guided-connection svg{width:100%;height:144px;fill:none;stroke:var(--purple);stroke-width:2}.guided-output{border:1px solid var(--border);border-radius:14px;min-height:186px;background:var(--bg);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px;text-align:center}.guided-output>span{font-size:.9rem}.guided-output strong{font-size:3.8rem;line-height:1.2;font-weight:600;color:var(--muted)}.guided-output.on{background:#d9f1b7;border-color:#a2c96d;color:#283f1c}.guided-output.on strong{color:#283f1c}.guided-observation{min-height:3.8em;border-inline-start:3px solid var(--purple);padding-inline-start:16px}.guided-observed h2{font-size:1rem;display:flex;justify-content:space-between;margin:24px 0 12px}.guided-observed h2>span{font-weight:400;color:var(--muted)}.guided-cases{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px}.guided-cases>div{border:1px dashed var(--border);border-radius:8px;padding:10px 7px;text-align:center;font-size:.8rem;color:var(--muted);display:grid;gap:7px}.guided-cases>div.seen{border-style:solid;background:var(--soft);color:var(--text)}.guided-rule{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 24px;border-radius:10px;background:var(--soft);margin:22px 0}.guided-rule bdi{font-size:1.5rem;color:var(--purple);font-family:ui-monospace,monospace}.guided-rule span{font-size:1rem}.guided-table{margin:22px 0}.guided-table table{table-layout:fixed;width:100%;text-align:center}.guided-table caption{text-align:start;font-size:.9rem;line-height:1.8}.guided-table th,.guided-table td{text-align:center;white-space:normal;font-size:1rem;padding:12px 8px}.guided-table th:first-child,.guided-table th:nth-child(2){width:16%}.guided-bit{display:inline-grid;width:34px;height:34px;place-items:center;border-radius:7px;background:var(--bg)}.guided-bit.on{background:var(--soft);color:var(--purple)}.guided-row{margin:0}.guided-row .guided-choice{flex:1;min-width:44px;text-align:center;padding:7px 12px}.guided-row .guided-answer{text-align:start;font-size:.95rem}.guided-question-number{display:inline-grid;width:26px;height:26px;border-radius:7px;background:var(--soft);place-items:center;font-size:.85rem;margin-inline-end:10px;color:var(--purple)}.guided-transfer .guided-question{border-bottom:1px solid var(--border);padding-bottom:24px}.guided-transfer .guided-question:last-child{border:0}.guided-complete h2{margin:20px 0 12px;font-size:1.5rem;line-height:1.6}.guided-complete ul{padding-inline-start:22px;line-height:2;margin:24px 0}.guided-invite{display:flex;align-items:center;gap:20px;padding:24px;border:1px solid var(--border);border-inline-start:4px solid var(--purple);border-radius:12px;background:var(--surface);margin-bottom:24px}.guided-invite>div{flex:1;min-width:0}.guided-invite h2{font-size:1.15rem;line-height:1.7;margin:7px 0}.guided-invite p{margin:0;color:var(--muted);font-size:1rem;line-height:1.8}.guided-invite .eyebrow{font-size:.75rem;color:var(--purple);letter-spacing:.04em}.guided-invite .button{flex-shrink:0;font-size:.95rem}.guided-invite>.icon-tile{width:44px;height:44px}
html[dir=rtl] .guided-inputs,html[dir=rtl] .guided-output{direction:rtl}html[dir=rtl] .guided-heading h1{letter-spacing:0}html[data-theme=dark] .guided-output.on{background:#354b29;border-color:#779851;color:#d5ebc0}html[data-theme=dark] .guided-output.on strong{color:#d5ebc0}
@media(max-width:1100px){.guided-layout{grid-template-columns:1fr}.guided-outline{position:static}.guided-outline ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.guided-outline p{display:none}.guided-invite{flex-wrap:wrap}.guided-invite .button{margin-inline-start:auto}}
@media(max-width:600px){.guided-header{align-items:start}.guided-header [role=status]{max-width:170px;text-align:end}.guided-panel{padding:20px 16px}.guided-heading h1{font-size:1.6rem}.guided-layout{gap:18px}.guided-outline button{padding:7px 4px;gap:6px;font-size:.8rem;align-items:start}.guided-step-number{width:23px;height:23px}.guided-condition-cards{grid-template-columns:1fr;gap:10px}.guided-condition-cards>div{padding:16px}.guided-circuit{grid-template-columns:minmax(0,1fr) 26px minmax(110px,.75fr)}.guided-switch{padding:13px 12px}.guided-output{padding:10px}.guided-cases{grid-template-columns:repeat(2,1fr)}.guided-invite{padding:18px;gap:12px}.guided-invite>.icon-tile{display:none}.guided-invite>div{flex-basis:100%}.guided-invite .button{margin:0}.guided-rule{padding:16px}.guided-rule bdi{font-size:1.3rem}.guided-choice{flex-basis:100%}.guided-panel .guided-lead{font-size:1rem}.guided-table th:first-child,.guided-table th:nth-child(2){width:13%}.guided-answer{padding:12px}.guided-question legend{font-size:1rem}.guided-bottom .button{padding:10px 12px}}
