.shc-hero{padding-bottom:28px}
.shc-hero p{max-width:62ch}
.shc-facts{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:16px 0 20px;padding:0}
.shc-facts li{background:#fff;border:1.5px solid rgba(34,38,43,.12);border-radius:999px;padding:.35em .9em;font-weight:600;font-size:.92rem}
.shc-body{padding:28px 0 40px}
.shc-h2{margin:34px 0 14px}
.shc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}
.shc-card{background:#fff;border:1px solid rgba(34,38,43,.1);border-radius:12px;overflow:hidden;box-shadow:0 16px 34px -28px rgba(20,35,60,.5);scroll-margin-top:90px;display:flex;flex-direction:column}
.shc-card:target,.shc-card.is-on{border-color:var(--orange);box-shadow:0 0 0 3px rgba(239,151,32,.35)}
.shc-pic{display:block;aspect-ratio:4/3;background:#e8e8e8;overflow:hidden}
.shc-pic img{width:100%;height:100%;object-fit:cover;display:block}
.shc-nopic{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2a2e33,#454b52);color:#fff;font-family:var(--head);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.shc-txt{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.shc-txt h3{margin:0;font-size:1.2rem}
.shc-txt p{margin:0;color:var(--muted);font-size:.95rem}
.shc-house{font-weight:600;font-size:.92rem}
.shc-more,.shc-note,.shc-src{color:var(--muted);max-width:70ch}
.shc-viewer{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-bottom:6px;scroll-margin-top:90px}
.shc-viewer[hidden]{display:none}
.shc-viewer figure{margin:0;background:#e8e8e8;border-radius:12px;overflow:hidden;position:relative}
.shc-viewer img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:4/3}
.shc-viewer figcaption{position:absolute;left:0;bottom:0;background:rgba(34,38,43,.82);color:#fff;font-weight:600;font-size:.85rem;padding:.35em .8em;border-top-right-radius:8px}
.shc-viewer .shc-vside{display:flex;flex-direction:column;gap:14px}
.shc-viewer .shc-vname{font-family:var(--head);font-weight:700;font-size:1.6rem;margin:0}
.shc-viewer .shc-vtxt{display:flex;flex-direction:column;gap:10px;justify-content:center;padding:6px 4px}
.shc-viewer .shc-vtxt p{margin:0;color:var(--muted)}
@media(max-width:760px){.shc-viewer{grid-template-columns:1fr}.shc-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}}
.shc-lines{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.shc-line{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid rgba(34,38,43,.1);border-radius:12px;overflow:hidden;box-shadow:0 16px 34px -28px rgba(20,35,60,.5);transition:transform .2s,border-color .2s}
.shc-line:hover{transform:translateY(-2px);border-color:var(--orange)}
.shc-line>img,.shc-linepic{width:100%;aspect-ratio:4/3;object-fit:cover;display:flex}
.shc-line h2{font-size:1.3rem;margin:0}
.shc-badge{display:inline-block;background:var(--orange);color:#1b1b1b;font-size:.72rem;font-weight:700;padding:.2em .6em;border-radius:999px;vertical-align:middle;margin-left:6px;letter-spacing:.02em}
.shc-guide{margin-top:44px}
.shc-fam{display:inline-block;align-self:flex-start;margin:14px 16px 0;background:#f0f0f0;border-radius:999px;padding:.2em .8em;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}