#main .hc-section {--hc-ink:var(--sr-ink,#263c45);--hc-paper:var(--sr-paper,#fff);--hc-wash:var(--sr-wash,#edf4f1);--hc-line:var(--sr-line,#c7d7d5);--hc-link:var(--sr-link,#205b72);color:var(--hc-ink)}
#main .hc-local p,#main .hc-directory p,#main .hc-guide-copy p {line-height:1.85;overflow-wrap:anywhere}
#main .hc-local-scope {margin:1.15rem 0;background:var(--hc-wash);padding:1rem 1.2rem;border-left:3px solid var(--hc-link)}
#main .hc-eyebrow {display:block;color:var(--hc-link);font-size:.84rem;font-weight:700;margin:0 0 .35rem}
#main .hc-local-scope p {margin:.35rem 0 .65rem}
#main [data-hc-local-links] {display:flex;flex-wrap:wrap;gap:.35rem 1.5rem}
#main [data-hc-local-links] a {color:var(--hc-link);text-underline-offset:.25em;min-height:44px;display:flex;align-items:center;font-weight:700}
#main .hc-highlights {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1rem 0 .3rem}
#main .hc-highlights a {display:block;background:var(--hc-paper);border:1px solid var(--hc-line);padding:1rem;color:var(--hc-ink);text-decoration:none;border-radius:5px}
#main .hc-highlights strong {display:block;color:var(--hc-link);margin-bottom:.5rem;font-size:1rem;line-height:1.5}
#main .hc-highlights span {display:block;font-size:.87rem;line-height:1.75}
#main .hc-highlights a:hover,#main .hc-guide-card:hover {border-color:var(--hc-link)}
#main .hc-guide-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin:1.25rem 0 0}
#main .hc-guide-card {display:grid;grid-template-columns:minmax(100px,34%) minmax(0,1fr);align-items:stretch;overflow:hidden;border:1px solid var(--sr-line,#c7d7d5);border-radius:6px;background:var(--sr-paper,#fff);color:var(--sr-ink,#263c45);text-decoration:none}
#main .hc-guide-card img {display:block;width:100%;height:100%;min-height:180px;object-fit:cover;object-position:center}
#main .hc-guide-copy {min-width:0;padding:1rem}
#main .hc-guide-copy h3 {font-size:1.04rem;line-height:1.5;margin:0 0 .55rem;color:var(--sr-link,#205b72)}
#main .hc-guide-copy p {font-size:.86rem;margin:0}
#main .hc-guide-link {display:block;color:var(--sr-link,#205b72);font-size:.85rem;font-weight:700;margin-top:.75rem;line-height:1.6}
#main .hc-directory {margin:1.2rem 0;padding:1.4rem;background:var(--pr-paper,#fff);border:1px solid var(--pr-line,#c7d7d5);border-radius:6px;color:var(--pr-ink,#263c45)}
#main .hc-directory h2 {font-size:1.35rem;line-height:1.55;margin:0 0 .7rem;color:inherit;border-bottom:2px solid var(--pr-link,#205b72);padding-bottom:.55rem}
#main .hc-directory>p {font-size:.94rem;margin:.6rem 0 1rem}
#main .hc-directory-points {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;padding:.5rem 0}
#main .hc-directory-points h3 {font-size:1rem;line-height:1.5;margin:0 0 .45rem;color:var(--pr-link,#205b72)}
#main .hc-directory-points p {font-size:.88rem;line-height:1.8;margin:0}
#main .hc-area-note {border-top:1px solid var(--pr-line,#c7d7d5);padding-top:1rem}
html[data-nlive-tone="night"] #main .hc-section {--hc-ink:#e5eef0;--hc-paper:#1c303c;--hc-wash:#243b46;--hc-line:#47606a;--hc-link:#a8deee}
html[data-nlive-tone="night"] #main .hc-directory {background:#1c303c;color:#e5eef0;border-color:#47606a}
html[data-nlive-tone="night"] #main .hc-directory :is(h2,h3) {color:#a8deee;border-color:#47606a}
html[data-nlive-tone="night"] #main .hc-guide-card {background:#1c303c;color:#e5eef0;border-color:#47606a}
html[data-nlive-tone="night"] #main .hc-guide-copy h3,html[data-nlive-tone="night"] #main .hc-guide-link {color:#a8deee}
@media(max-width:900px) {#main .hc-guide-card {grid-template-columns:1fr}#main .hc-guide-card img {height:auto;aspect-ratio:16/8;min-height:0}}
@media(max-width:600px) {#main .hc-highlights,#main .hc-directory-points {grid-template-columns:1fr;gap:.65rem}#main .hc-highlights a {padding:.85rem 1rem}#main .hc-highlights strong {margin-bottom:.25rem}#main .hc-guide-grid {grid-template-columns:1fr;gap:.8rem}#main .hc-guide-card {grid-template-columns:32% minmax(0,1fr)}#main .hc-guide-card img {height:100%;aspect-ratio:auto;min-height:150px}#main .hc-guide-copy {padding:.85rem}#main .hc-guide-copy h3 {font-size:1rem}#main .hc-directory {padding:1rem}#main .hc-directory h2 {font-size:1.16rem}#main .hc-local-scope {padding:.85rem 1rem}}
@media(max-width:360px) {#main .hc-guide-card {grid-template-columns:1fr}#main .hc-guide-card img {height:auto;min-height:0;aspect-ratio:16/7}}