.learning-guide{display:grid;grid-template-columns:1fr 1fr;gap:24px 32px;margin:30px 0;padding:28px;border:1px solid var(--line);border-top:3px solid var(--orchid);border-radius:18px;background:var(--panel);scroll-margin-top:24px}.guide-intro h2{font-family:Georgia,serif;font-size:2rem}.guide-intro .brand{margin-top:0}.guide-controls fieldset{margin-top:0}.guide-controls .choice{background:var(--bg)}.guide-controls small{display:block;margin-top:6px}.routing-result{grid-column:1/-1;border-left:3px solid var(--cyan);padding:4px 0 4px 20px;animation:guide-reveal .2s ease-out}.routing-result h3{font-size:1.35rem;margin:8px 0}.routing-result details{margin:20px 0}.routing-result summary{cursor:pointer;min-height:44px;display:flex;align-items:center;text-decoration:underline}.guide-options{grid-column:1/-1;border-top:1px solid var(--line);padding-top:12px}.guide-options .actions{margin-top:8px}#routing-feedback{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:20px}.learning-guide button:focus-visible,.learning-guide summary:focus-visible{outline:3px solid #f8d092;outline-offset:4px}@keyframes guide-reveal{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}@media(max-width:660px){.learning-guide{grid-template-columns:1fr;padding:20px 16px;gap:16px}.guide-options .actions{flex-direction:column}.guide-options button,.guide-controls>button{width:100%}.routing-result{padding-left:12px}}@media(prefers-reduced-motion:reduce){.routing-result{animation:none}}@media print{.learning-guide{display:none}}