/* Guide-only styles. Every selector is scoped; application screens stay unchanged. */
.canoe-guide{max-width:1040px;margin:0 auto;color:var(--ink,#123b49);line-height:1.85;overflow-wrap:anywhere}
.canoe-guide *{box-sizing:border-box}.canoe-guide h1,.canoe-guide h2,.canoe-guide h3,.canoe-guide h4{line-height:1.5;letter-spacing:.01em}.canoe-guide h1{font-size:clamp(28px,3.3vw,42px);margin:10px 0 18px}.canoe-guide h2{font-size:25px;margin:6px 0 20px}.canoe-guide h3{font-size:20px;margin:32px 0 14px}.canoe-guide h4{font-size:16px;margin:0 0 12px}.canoe-guide p{margin:10px 0}.canoe-guide ul,.canoe-guide ol{padding-left:1.5em;margin:12px 0}.canoe-guide li+li{margin-top:8px}.canoe-guide a{color:#086b7e;text-underline-offset:4px}.canoe-guide a:focus-visible,.canoe-guide summary:focus-visible{outline:3px solid #ec9b23;outline-offset:4px}.canoe-guide section[id],.canoe-guide h3[id]{scroll-margin-top:20px}
.canoe-guide .guide-hero{border:1px solid #bfdadd;border-radius:18px;background:linear-gradient(125deg,#e2f0f0,#f9fcfb);padding:36px;margin-bottom:24px}.canoe-guide .guide-kicker{font-size:12px;letter-spacing:.13em;font-weight:700;color:#08748a;margin:0 0 8px}.canoe-guide .guide-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.canoe-guide .guide-tags span{font-size:12px;padding:4px 10px;border:1px solid #c8dddd;border-radius:20px;background:#fff}.canoe-guide .guide-panel{background:#fff;border:1px solid var(--line,#d7e3e7);border-radius:14px;padding:30px;margin:0 0 26px;min-width:0}.canoe-guide .guide-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.canoe-guide .guide-flow a{display:grid;grid-template-columns:34px 1fr;gap:4px 12px;border:1px solid #ccdedf;border-radius:10px;padding:16px;text-decoration:none;background:#f8fbfb}.canoe-guide .guide-flow a:hover{border-color:#08768b;background:#edf6f6}.canoe-guide .guide-flow b{grid-row:span 2;width:32px;height:32px;display:grid;place-items:center;background:#08768b;color:#fff;border-radius:50%;line-height:1}.canoe-guide .guide-flow strong,.canoe-guide .guide-flow small{display:block}.canoe-guide .guide-flow small{font-size:12px;color:#536d77}.canoe-guide .guide-flow em{grid-column:2;font-size:12px;font-style:normal;color:#536d77}.canoe-guide .guide-inline-links{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:14px}.canoe-guide .guide-chapter{display:flex;align-items:center;gap:12px;color:#08768b;font-weight:700}.canoe-guide .guide-chapter span{font-size:12px;letter-spacing:.08em;border-radius:5px;background:#e7f3f3;padding:3px 9px}.canoe-guide .guide-chapter p{font-size:13px;margin:0}.canoe-guide .guide-purpose{padding:14px 16px;background:#f2f7f8;border-radius:8px;font-size:15px}.canoe-guide .guide-purpose strong{display:block;font-size:12px;color:#08748a;margin-bottom:3px}
.canoe-guide .guide-steps{list-style:none;counter-reset:guide-step;padding:0;margin:22px 0}.canoe-guide .guide-steps li{position:relative;padding:7px 0 7px 42px;counter-increment:guide-step;min-height:40px}.canoe-guide .guide-steps li::before{content:counter(guide-step);position:absolute;top:8px;left:0;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;background:#e8f3f4;color:#08748a;font-weight:700;line-height:1}
.canoe-guide .guide-figure{max-width:820px;margin:26px auto}.canoe-guide .guide-figure a{display:block;border:1px solid #c7d9de;border-radius:8px;background:#f4f7f7;overflow:hidden}.canoe-guide .guide-figure img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;margin:auto}.canoe-guide figcaption{font-size:12px;line-height:1.8;color:#526d76;margin:9px 4px 0}.canoe-guide .guide-note,.canoe-guide .guide-caution{border-radius:8px;padding:16px 18px;margin:20px 0;font-size:14px;border-left:4px solid #08768b;background:#edf6f6}.canoe-guide .guide-caution{border-color:#c78c21;background:#fff7e8;color:#634817}.canoe-guide .guide-note p:last-child,.canoe-guide .guide-caution p:last-child{margin-bottom:0}.canoe-guide .guide-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}.canoe-guide .guide-two>*{margin:0}.canoe-guide .guide-mini{padding:18px;border:1px solid #d7e3e7;border-radius:8px;font-size:14px}.canoe-guide .guide-mini h3{font-size:17px;margin:0 0 12px}.canoe-guide .guide-details{border:1px solid #d7e3e7;border-radius:8px;padding:15px 18px;margin:16px 0;font-size:14px}.canoe-guide .guide-details summary{font-weight:700;cursor:pointer;margin:0;padding-right:8px}.canoe-guide .guide-details[open] summary{margin-bottom:14px}.canoe-guide .guide-fields{display:grid;grid-template-columns:125px 1fr;gap:10px 16px}.canoe-guide .guide-fields dt{font-weight:700}.canoe-guide .guide-fields dd{margin:0}.canoe-guide .guide-example{max-width:540px;margin:22px auto;padding:22px;background:#edf6f6;border:1px solid #b8d7da;border-radius:12px;text-align:center}.canoe-guide .guide-example span,.canoe-guide .guide-example strong,.canoe-guide .guide-example b{display:block}.canoe-guide .guide-example span{font-size:12px;color:#08748a;margin-bottom:8px}.canoe-guide .guide-example b{font-size:25px;line-height:1.5;color:#08748a}.canoe-guide .guide-time{border:1px solid #b9d8db;border-radius:10px;padding:20px;text-align:center;margin:22px 0}.canoe-guide .guide-time p{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px}.canoe-guide .guide-time code{font-family:ui-monospace,monospace;font-size:25px;color:#08748a;background:#edf6f6;padding:4px 12px;border-radius:5px}.canoe-guide .guide-time small{font-size:12px}.canoe-guide .guide-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.canoe-guide .guide-status>div{border:1px solid #d7e3e7;border-radius:8px;padding:14px}.canoe-guide .guide-status dt{font-weight:700;color:#08748a}.canoe-guide .guide-status dd{font-size:14px;margin:5px 0 0}.canoe-guide .guide-back{display:inline-block;font-size:13px;margin-top:18px;padding:8px 0}.canoe-guide .guide-footnote{font-size:12px;color:#536d77;border-top:1px solid #d7e3e7;padding-top:20px;margin-top:24px}
@media(max-width:650px){.canoe-guide{font-size:14px}.canoe-guide .guide-hero{padding:24px 20px}.canoe-guide .guide-panel{padding:22px 16px;margin-bottom:18px}.canoe-guide h2{font-size:22px}.canoe-guide h3{font-size:18px}.canoe-guide .guide-flow,.canoe-guide .guide-two,.canoe-guide .guide-status{grid-template-columns:1fr}.canoe-guide .guide-flow a{padding:14px}.canoe-guide .guide-purpose{padding:12px;font-size:14px}.canoe-guide .guide-fields{grid-template-columns:1fr;gap:4px}.canoe-guide .guide-fields dd{margin-bottom:12px}.canoe-guide .guide-figure{margin:22px 0}.canoe-guide .guide-figure img{max-height:400px}.canoe-guide .guide-details{padding:14px}.canoe-guide .guide-time{padding:16px 10px}.canoe-guide .guide-time code{font-size:22px}.canoe-guide .guide-tags{gap:6px}.canoe-guide .guide-tags span{font-size:11px}}
@media print{.canoe-guide .guide-hero{background:white}.canoe-guide .guide-panel{break-inside:auto;padding:18px 0;border:0;border-top:1px solid #aaa}.canoe-guide .guide-figure,.canoe-guide .guide-status>div{break-inside:avoid}.canoe-guide .guide-details{display:block!important}.canoe-guide .guide-back{display:none}.canoe-guide .guide-figure img{max-height:150mm}}