.locker-quick-answer { margin:18px 0 12px; padding:18px 20px; border:1px solid #bbd6cf; border-radius:16px; background:#eef9f5; text-align:left; }
.locker-quick-answer h2 { font-size:18px; line-height:1.4; margin:0 0 10px; color:var(--navy); }
.locker-quick-answer ul { margin:0; padding:0; list-style:none; }
.locker-quick-answer li { display:flex; gap:10px; align-items:baseline; padding:6px 0; font-size:16px; line-height:1.65; }
.locker-quick-answer li strong { flex:none; color:#12775e; }
.locker-quick-answer li span { overflow-wrap:anywhere; }
.locker-quick-answer > p { margin:10px 0 0; font-size:12px; color:var(--ink-3); }
.article-head:has(.locker-quick-answer) { padding-bottom:20px; }
.article-head:has(.locker-quick-answer) .article-lead { display:none; }
.locker-guide-links,.locker-usage-panel { margin:28px 0; padding:22px; border:1px solid var(--line); border-radius:16px; background:var(--surface); }
.article-body .locker-guide-links,.article-body .locker-usage-panel { padding:clamp(20px, 4vw, 28px); }
.locker-guide-links h2,.locker-usage-panel h2 { font-size:22px; line-height:1.45; }
.locker-guide-links > p,.locker-usage-panel > p { margin-top:10px; color:var(--ink-2); line-height:1.75; }
.locker-guide-links > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:16px; }
.locker-guide-links a { display:flex; align-items:center; gap:8px; padding:14px; border:1px solid #d4e3ee; border-radius:10px; color:var(--blue); font-weight:750; line-height:1.5; }
.locker-guide-links a span { margin-left:auto; }
.locker-guide-links a:hover { background:#f0f7ff; }
.locker-table-scroll { overflow-x:auto; margin:16px 0; }
.locker-usage-panel table { width:100%; min-width:470px; border-collapse:collapse; font-size:14px; }
.locker-usage-panel th,.locker-usage-panel td { padding:12px 10px; border:1px solid var(--line); text-align:left; white-space:nowrap; }
.locker-usage-panel thead { background:#edf5ff; }
.locker-usage-panel a { color:var(--blue); text-decoration:underline; }
.locker-source-date { font-size:12px; }
.locker-ad-unit { display:block; width:100%; min-width:0; margin:28px auto; padding:14px 0 0; border-top:1px solid var(--line); overflow:visible; }
.locker-ad-label { display:block; margin-bottom:8px; font-size:11px; font-weight:400; color:var(--ink-3); text-align:center; }
.locker-ad-unit[hidden],.locker-ad-unit.is-unfilled { display:none !important; }
.locker-place-list .locker-result-group { display:grid; gap:var(--s4); min-width:0; }
.locker-place-list .locker-ad-unit { margin:4px 0 12px; }
.locker-related-facilities { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.locker-related-facilities a { padding:8px 12px; border-radius:8px; background:#eef5fc; color:var(--blue); font-size:14px; }
@media (max-width:560px) {
  .locker-quick-answer { padding:14px; }
  .locker-quick-answer li { display:block; font-size:15px; }
  .locker-quick-answer li strong { display:block; font-size:13px; }
  .locker-guide-links,.locker-usage-panel { padding:16px; }
  .locker-guide-links > div { grid-template-columns:1fr; }
}
.article-locker-city-links { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 18px; }
.article-locker-city-links a { color: var(--blue); font-weight: 800; }