.guide-index-intro{background:linear-gradient(125deg,#eaf7fc,#fff 62%,#fff3df);border-bottom:1px solid #dbe8ec;padding:clamp(2.2rem,5vw,4.2rem) 0 2rem}.guide-index-intro h1{color:#102e45;letter-spacing:-.05em;max-width:850px;margin:.7rem 0 1rem;font-size:clamp(2.5rem,5.4vw,4.8rem);line-height:1.06}.guide-index-intro p{color:#3c5968;max-width:780px;margin:0;font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.6}.guide-index{padding-top:2.5rem;padding-bottom:4rem}.guide-index-controls{justify-content:space-between;align-items:end;gap:1.5rem;display:flex}.guide-index-controls h2{color:#102e45;letter-spacing:-.035em;margin:.45rem 0 0;font-size:clamp(1.7rem,2.6vw,2.5rem);line-height:1.15}.guide-search{color:#244655;gap:.45rem;width:min(100%,390px);font-size:.9rem;font-weight:750;display:grid}.guide-search input{color:#102e45;width:100%;min-height:48px;font:inherit;background:#fff;border:1px solid #a8c2cd;border-radius:.75rem;padding:.7rem 1rem;font-size:1rem;font-weight:500}.guide-search input:focus-visible{outline-offset:3px;outline:3px solid #147b80}.guide-topic-list button:focus-visible{outline-offset:3px;outline:3px solid #147b80}.guide-index-empty button:focus-visible{outline-offset:3px;outline:3px solid #147b80}.guide-index-card:focus-visible{outline-offset:3px;outline:3px solid #147b80}.guide-topic-list{flex-wrap:wrap;gap:.65rem;margin-top:1.4rem;display:flex}.guide-topic-list button,.guide-index-empty button{color:#174552;min-height:42px;font:inherit;cursor:pointer;background:#fff;border:1px solid #b8ced4;border-radius:999px;padding:.55rem .9rem;font-size:.9rem;font-weight:750}.guide-topic-list button:hover,.guide-topic-list button.is-active{color:#fff;background:#075c5c;border-color:#075c5c}.guide-result-count{color:#4d6570;min-height:1.5rem;margin:1.3rem 0 .9rem;font-size:.9rem}.guide-index-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.guide-index-card{color:#102e45;background:#fff;border:1px solid #d7e3e6;border-radius:1rem;flex-direction:column;min-width:0;text-decoration:none;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden;box-shadow:0 5px 18px #092b480b}.guide-index-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #092b481b}.guide-index-image{background:#eaf2f4;height:185px;overflow:hidden}.guide-index-image img{object-fit:cover;width:100%;height:100%}.guide-index-card-copy{flex-direction:column;flex:1;align-items:start;gap:.65rem;padding:1.15rem 1.25rem 1.3rem;display:flex}.guide-index-category{color:#087269;letter-spacing:.04em;text-transform:uppercase;font-size:.77rem;font-weight:850}.guide-index-card h3{color:#102e45;letter-spacing:-.025em;margin:0;font-size:clamp(1.15rem,1.65vw,1.5rem);line-height:1.22}.guide-index-card p{color:#435d69;margin:0;font-size:.95rem;line-height:1.5}.guide-index-card small{color:#58707b;margin-top:auto;font-size:.78rem;line-height:1.4}.guide-index-card strong{color:#075c5c;font-size:.92rem}.guide-index-empty{background:#f5fafb;border:1px dashed #a8c2cd;border-radius:1rem;padding:2rem}.guide-index-empty h3{color:#102e45;margin:0 0 .4rem}.guide-index-empty p{color:#435d69;margin:0 0 1rem}.guide-index-watch{margin-top:1rem}@media (max-width:1050px){.guide-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.guide-index-controls{display:grid}.guide-search{width:100%}.guide-index-grid{grid-template-columns:1fr}.guide-index-image{height:205px}.guide-index{padding-top:1.7rem}.guide-index-intro{padding-bottom:1.5rem}}@media (prefers-reduced-motion:reduce){.guide-index-card{transition:none}.guide-index-card:hover{transform:none}}