@import url("pde-resource-inline-attributes.css");
.pde-voyage{--ink:#17324d;--muted:#71839b;--line:#e4edf5;--accent:#0798b3;--pale:#edf8fb}
.pde-voyage{box-sizing:border-box;max-width:1240px;margin:auto;padding:12px 16px 18px;color:var(--ink);font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.pde-voyage *{box-sizing:border-box}
.pde-voyage button,.pde-voyage input,.pde-voyage select,.pde-voyage textarea{font:inherit}
.pde-resource-ui .pde-voyage{line-height:1.5}



.voyage-grid{display:block!important}
.voyage-panel{display:block!important;position:relative;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 6px 24px #17324d05;overflow:hidden}
.voyage-panel[hidden]{display:none!important}
.voyage-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 12px}
.voyage-step{display:flex;align-items:center;gap:8px;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--muted);font:inherit;font-size:14px;font-weight:600;text-align:left;cursor:pointer}
.voyage-step .step{width:24px;height:24px;flex:0 0 24px}
.voyage-step.is-active{border-color:var(--accent);background:var(--pale);color:var(--ink)}
.voyage-step:disabled{cursor:default;opacity:.7}
.section-title,.result-title{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:17px;font-weight:650;line-height:1.45}
.section-title h2,.result-title h2{margin:0;font-size:inherit;font-weight:inherit;line-height:inherit}
.step{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:var(--pale);color:var(--accent);font-size:12px;font-weight:700}
.field{min-width:0;margin:0}
.label{display:block;margin:0 0 5px;color:var(--ink);font-size:13px;font-weight:650;line-height:1.45}
.field input,.field select,.field textarea{display:block;width:100%;min-height:38px;margin:0!important;padding:8px 10px;border:1px solid #cddfe8;border-radius:9px;background:#fcfdff;color:var(--ink);font-size:14px;line-height:1.5;outline:none}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #0798b340}
.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:4px 12px;margin:0 0 4px!important}
.compact-pair{grid-template-columns:1fr 1fr;gap:12px}
#voyageForm > .row{margin:0 0 4px!important}
#voyageForm .field{margin:0!important}
.auto{height:38px;min-height:38px;overflow:hidden;resize:none}
.choices{display:flex;flex-wrap:wrap;gap:7px}
.choice{position:relative;padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-size:12px;font-weight:600;cursor:pointer}
.choice input{position:absolute;width:1px;height:1px;opacity:0}
.choice:has(input:checked){border-color:var(--accent);background:var(--pale);color:var(--accent)}
.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--accent);border-radius:9px;padding:9px 14px;font-size:13px;font-weight:650;cursor:pointer}
.primary{width:100%;background:var(--accent);color:#fff}
.secondary{background:#fff;color:var(--accent)}
.pde-resource-ui .voyage-panel .primary{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:none}
.pde-resource-ui .voyage-panel .primary:hover{background:#078ca6}
.secondary:hover{background:var(--pale)}
.result-title{margin-bottom:8px}
.rendered-result{min-height:54px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#f8fbfc;color:var(--ink);font-size:14px;line-height:1.55}
.rendered-result h2{margin:0 0 10px;color:var(--ink);font-size:19px;font-weight:650}
.rendered-result h3{margin:14px 0 7px;padding:6px 9px;border-left:3px solid var(--accent);border-radius:6px;background:var(--pale);color:var(--ink);font-size:15px;font-weight:650}
.rendered-result h4{margin:10px 0 5px;color:var(--ink);font-size:14px;font-weight:650}
.rendered-result p{margin:6px 0!important}
.rendered-result ul{margin:6px 0 8px 20px}
.rendered-result li{margin:3px 0}
.result-empty{color:var(--muted)}
.tools{display:flex;justify-content:flex-end;gap:7px;margin-top:8px}
.tools button{padding:7px 11px}
.status{min-height:0;margin:5px 0 0;color:#994530;font-size:12px}
.loading:before{content:"";display:inline-block;width:12px;height:12px;margin-right:8px;border:2px solid #b9dfe8;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.modal-bg{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:18px;background:rgba(15,23,42,.42)}
.modal{width:min(405px,100%);padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff}
.modal h2{margin:0 0 8px;font-size:18px}.modal p{margin:0;color:var(--muted);font-size:14px}
.modal a{display:flex;justify-content:center;margin-top:14px;padding:10px;border-radius:9px;background:var(--accent);color:#fff!important;text-decoration:none}
.modal button{float:right;border:0;background:none;color:var(--muted);font-size:22px}
@media(max-width:900px){.pde-voyage{padding:10px 12px 16px}}
@media(max-width:580px){.row,.compact-pair{grid-template-columns:1fr;gap:0}.voyage-panel{padding:14px}.tools button{padding:7px 9px}}