.journey-shell{max-width:1100px;margin:24px auto;padding:0 16px;color:var(--text-primary,#122039)}
.journey-hero,.journey-step,.journey-note,.journey-result{background:var(--card-background,var(--surface,#fff));border:1px solid var(--border-color,#dce5f1);border-radius:16px;padding:22px}
.journey-hero h1{font-size:clamp(26px,4vw,38px);margin:0 0 10px}.journey-hero p{margin:10px 0;line-height:1.65}
.journey-primary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;background:#1769ff;color:white!important;border-radius:10px;padding:10px 18px;text-decoration:none;font-weight:700}
.journey-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}
.journey-step{display:flex;flex-direction:column;min-width:0}.journey-step h2{font-size:20px;margin:0 0 10px}.journey-step p{line-height:1.6;margin:0 0 14px}.journey-step a{margin-top:auto;min-height:44px;display:flex;align-items:center;color:var(--primary-color,#1769ff);font-weight:700}.journey-step.is-done{border-color:#269f70}.journey-time{font-size:13px}
.journey-note{line-height:1.7}.journey-note button{min-height:44px;padding:8px 12px;margin-top:12px;background:transparent;color:inherit;border:1px solid currentColor;border-radius:8px;cursor:pointer}
.journey-result{margin-top:18px;line-height:1.65}.journey-result h3{font-size:20px;margin:0 0 8px}.journey-result a,.journey-result button{display:inline-flex;margin:8px 8px 0 0;white-space:normal;max-width:100%}
.journey-entry{display:block;margin:12px 0;padding:12px 16px;border:1px solid var(--border-color,#dce5f1);border-radius:12px;color:var(--primary-color,#1769ff);font-weight:700;text-decoration:none}
.journey-shell a:focus-visible,.journey-entry:focus-visible{outline:3px solid #1769ff;outline-offset:3px}
html[data-theme="dark"] .journey-hero,html[data-theme="dark"] .journey-step,html[data-theme="dark"] .journey-note,html[data-theme="dark"] .journey-result{background:#111c2e;color:#f2f6ff;border-color:#34445c}
@media(prefers-color-scheme:dark){html[data-theme="system"] .journey-hero,html[data-theme="system"] .journey-step,html[data-theme="system"] .journey-note,html[data-theme="system"] .journey-result{background:#111c2e;color:#f2f6ff;border-color:#34445c}}
@media(max-width:720px){.journey-steps{grid-template-columns:1fr}.journey-hero,.journey-step,.journey-note{padding:18px}.journey-primary{width:100%;box-sizing:border-box}}