.guide-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2rem}
.guide-index .card{display:flex;flex-direction:column;min-height:235px;overflow:hidden}
.guide-index .card .card-link{margin-top:auto}
.card-image{width:calc(100% + 2.4rem);max-width:none;height:190px;margin:-1.2rem -1.2rem 1.2rem;object-fit:cover}
.tool-section{padding-top:2rem}
.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.sail-tool{padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 18px 45px rgba(11,47,61,.08)}
.sail-tool h2{margin-bottom:.5rem}.sail-tool>p{margin-bottom:1.25rem}
.tool-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}
.tool-fields label,.check-grid label{display:grid;gap:.35rem;font-weight:700;color:var(--ink)}
.tool-fields select{min-height:48px;width:100%;padding:.65rem .75rem;border:1px solid #a9bcc4;border-radius:10px;background:#fff;color:var(--ink);font:inherit}
.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:1rem 0}
.check-grid label{grid-template-columns:auto 1fr;align-items:center;gap:.6rem;min-height:44px;padding:.65rem .75rem;border:1px solid var(--line);border-radius:10px;background:#f7fbfc}
.check-grid input{width:1.15rem;height:1.15rem}
.tool-result{min-height:108px;margin-top:1.1rem;padding:1rem;border-left:4px solid var(--orange);border-radius:0 12px 12px 0;background:#eff7f9;color:var(--ink)}
.tool-result strong{display:block;margin-bottom:.3rem}.tool-result a{font-weight:800;color:var(--blue)}
.guide-visual{margin:1.5rem 0 2rem;overflow:hidden;border-radius:16px;background:#eaf2f4}
.guide-visual img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.guide-visual figcaption{padding:.75rem 1rem;font-size:.9rem;color:#42616d}
.guide-banner{margin-top:-1px;background:linear-gradient(180deg,var(--blue) 0,var(--blue) 42%,#fff 42%,#fff 100%)}
.guide-banner figure{margin:0 auto;padding:0 0 1.5rem;max-width:1120px}
.guide-banner img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:18px;box-shadow:0 24px 60px rgba(3,31,43,.2)}
.guide-banner figcaption{padding:.7rem .2rem 0;color:#42616d;font-size:.9rem}
.spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.5rem 0}
.spec-box{border:1px solid var(--line);border-radius:14px;padding:1.2rem;background:#f7fbfc}
.spec-box h3{font-size:1.15rem;margin-bottom:.45rem}
.buying-bar{display:flex;gap:.8rem;flex-wrap:wrap;padding:1rem 0;border-block:1px solid var(--line);margin:1.5rem 0}
.buying-bar a{font-weight:750;color:var(--blue)}
.prose .answer{font-size:1.2rem;color:var(--ink);border-left:4px solid var(--orange);padding-left:1.2rem}
.compare{max-width:100%;overflow-x:auto}
.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffb08f;outline-offset:3px}
.nav-links.open{max-height:calc(100vh - 66px);overflow:auto}
@media(max-width:700px){.guide-index,.spec-grid,.tool-grid,.tool-fields{grid-template-columns:1fr}.card-image{height:170px}}