/* 部屋の片隅：紹介ボックス（公開側）。テーマに依存しないよう最小限のリセットを含む。 */
.hnk-card{--hnk-bg:#fff;--hnk-bd:#d8dee6;--hnk-tx:#1f2933;--hnk-ac:#0f766e;--hnk-fig:#eef4f3;container-type:inline-size;margin:28px 0;font-size:16px;line-height:1.6}
.hnk-card *,.hnk-card *::before,.hnk-card *::after{box-sizing:border-box}
.hnk-card__in{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding:18px;background:var(--hnk-bg);color:var(--hnk-tx);border:1px solid var(--hnk-bd);border-radius:12px;box-shadow:0 1px 2px rgba(15,23,42,.06),0 4px 14px rgba(15,23,42,.06);overflow:hidden}
.hnk-card__in.is-noimg::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--hnk-ac)}
.hnk-card__tag{position:absolute;right:12px;top:10px;padding:2px 6px;border:0;border-radius:4px;background:rgba(31,41,51,.08);font-size:10.5px;line-height:1.5;letter-spacing:.06em;opacity:.68}
.hnk-card__fig{display:grid;place-items:center;width:min(100%,240px);aspect-ratio:1/1;margin:0;justify-self:center;overflow:hidden;border:0;border-radius:10px;background:var(--hnk-bg)}
.hnk-card__fig img{display:block;width:100%;height:100%;max-width:none;margin:0;border:0;box-shadow:none;object-fit:contain}
.hnk-card__fig a{display:grid;width:100%;height:100%;place-items:center;cursor:pointer}
.hnk-card__fig a:focus-visible{outline:3px solid #2563eb;outline-offset:-3px}
.hnk-card__body{display:grid;min-width:0;gap:6px;align-content:start}
.hnk-card p{margin:0}
.hnk-card__name{padding-right:30px;color:inherit;font-size:1.05em;font-weight:700;line-height:1.5}
.hnk-card__in.is-noimg .hnk-card__name{font-size:1.1em}
.hnk-card__name a{color:inherit;text-decoration:none}
.hnk-card__name a:hover{text-decoration:underline}
.hnk-card__desc{font-size:.9em;line-height:1.75;opacity:.8}
.hnk-card .hnk-card__shops{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:8px 0 0;padding:0;list-style:none}
.hnk-card .hnk-card__shops>li{min-width:0;margin:0;padding:0;list-style:none}
.hnk-card .hnk-card__shops>li::before,.hnk-card .hnk-card__shops>li::marker{content:none}
.hnk-card .hnk-go{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;padding:10px 14px;border:1px solid var(--c);border-radius:8px;background:var(--c);box-shadow:inset 0 -3px 0 rgba(0,0,0,.18);color:var(--t);font-size:15px;font-weight:700;line-height:1.3;text-align:center;text-decoration:none;transition:filter .15s ease,transform .15s ease}
.hnk-card .hnk-go:hover{filter:brightness(1.05);transform:translateY(1px);color:var(--t);text-decoration:none}
.hnk-card .hnk-go:visited{color:var(--t)}
.hnk-card .hnk-go:focus-visible{outline:3px solid #2563eb;outline-offset:2px}
.hnk-card .hnk-go svg{flex:none;width:14px;height:14px}
.hnk-card__note{margin-top:4px;font-size:.75em;text-align:center;opacity:.6}
@container (min-width:540px){
.hnk-card__in{gap:24px;padding:24px}
.hnk-card__in.has-fig{grid-template-columns:180px minmax(0,1fr)}
.hnk-card__fig{width:180px;align-self:start}
.hnk-card .hnk-card__shops--1{justify-items:center}
.hnk-card .hnk-card__shops--1>li{width:min(100%,300px)}
.hnk-card .hnk-card__shops--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.hnk-card .hnk-card__shops--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.hnk-card .hnk-card__shops--many{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){.hnk-card .hnk-go{transition:none}.hnk-card .hnk-go:hover{transform:none}}
.hnk-html{margin:16px 0}