.fac{list-style:none;padding:1rem 1.0625rem;border:1px solid var(--rule-bold);
  border-radius:3px;background:var(--field);margin-top:.75rem}
.ft{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem}
/* 시설 이름은 제목(h3)입니다.
   읽어주는 기계로 들으시는 분이 「다음 시설」로 건너뛰실 수 있어야 합니다.
   보이는 모습은 그대로 두려고 여백과 굵기를 눌러 둡니다. */
.fn{font-family:var(--serif);font-size:var(--t-lead);color:var(--ink);
  font-weight:400;margin:0;display:inline;line-height:inherit}
.gr{flex:none;width:1.75rem;height:1.75rem;line-height:1.75rem;text-align:center;
  border:1.5px solid var(--rule-bold);border-radius:2px;font-family:var(--serif);
  font-size:var(--t-body);background:var(--paper)}
/* 등급은 다섯이 모두 같은 무게로 적는다.
   하나만 색을 주면 「그것이 낫다」로 읽힌다. 곁은 순위를 매기지 않는다.
   공단이 매긴 글자를 그대로 옮길 뿐이다. */
.gr.gA,.gr.gB,.gr.gC,.gr.gD,.gr.gE{border-color:var(--rule-bold);color:var(--ink-2)}
.fm{margin-top:.4375rem;font-size:var(--t-note);color:var(--ink-2);font-variant-numeric:tabular-nums}
.fm .past{color:var(--vermilion)}
.was{margin-top:.375rem;font-size:var(--t-note);color:var(--ink-3)}
.blank{display:grid;grid-template-columns:auto 1fr;gap:.3125rem .875rem;margin-top:.75rem;
  padding-top:.6875rem;border-top:1px solid var(--rule);font-size:var(--t-note)}
.blank dt,.blank dd{color:var(--ink-3)}
.blank dd{font-family:var(--serif)}
ul.faclist{padding:0;margin:0}

a.fn{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--rule-bold)}
a.fn:hover{color:var(--seal);border-bottom-color:var(--seal)}
a.fn:focus-visible{outline:2px solid var(--seal);outline-offset:2px}

details.more{margin-top:.6875rem;border-top:1px solid var(--rule);padding-top:.625rem}
details.more summary{cursor:pointer;font-size:var(--t-note);color:var(--seal);
  min-height:2.75rem;display:flex;align-items:center}
details.more summary:focus-visible{outline:2px solid var(--seal);outline-offset:2px}
details.more .mb{padding:.75rem 0 .25rem;font-size:var(--t-note);line-height:var(--lh-body);color:var(--ink-2)}
details.more .fa{width:100%;border-collapse:collapse;margin-bottom:.75rem}
details.more .fa th{text-align:left;font-weight:400;color:var(--ink-3);padding:.25rem 0}
details.more .fa td{text-align:right;font-variant-numeric:tabular-nums;padding:.25rem 0}
details.more .fn2{font-size:var(--t-note);color:var(--ink-3);margin-bottom:.75rem}
details.more .cc{padding:.625rem .75rem;background:var(--wash);border-radius:3px;margin-top:.5rem}
details.more .cc b{color:var(--ink)}
details.more .cc p{margin-top:.3125rem}
details.more .cc .ask{padding-top:.4375rem;border-top:1px solid var(--rule);color:var(--ink-3)}
details.more a{color:var(--seal);font-weight:600}

.common{margin-top:1.5rem;padding:1rem 1.125rem;border:1.5px solid var(--rule-bold);
  border-radius:3px;background:var(--field)}
.common h2{font-family:var(--serif);font-size:var(--t-body);font-weight:400;color:var(--ink);
  margin-bottom:.625rem;border:0;padding:0}
.common .cbox{padding:.75rem .875rem;background:var(--wash);border-radius:3px;
  margin-top:.5rem;font-size:var(--t-note);line-height:var(--lh-body);color:var(--ink-2)}
.common .cbox b{color:var(--ink)}
.common .cbox p{margin-top:.3125rem}
.common .cbox .ask{padding-top:.5rem;border-top:1px solid var(--rule);color:var(--ink-3)}
.common a{color:var(--seal);font-weight:600}

/* ── 인쇄 ──
   시설 목록은 인쇄해서 들고 다니신다. 어르신께 보여 드리거나
   여러 곳을 돌아보실 때 손에 쥐신다. 펼침은 다 펴서 찍는다. */
@media print{
  .sortnote,.common .cbox .ask,.sibling,.gaps,.askbtn{display:none}
  details.more{display:block!important}
  details.more>summary{display:none}
  details.more .mb{display:block!important;padding-top:0}
  .fac{break-inside:avoid;page-break-inside:avoid}
  .common{border:1px solid #000;background:none}
  .common .cbox{background:none;padding:.25rem 0}
  a{text-decoration:none;color:#000}
  a[href^="http"]::after{content:" (" attr(href) ")";font-size:var(--t-note);color:#555}
}

details.more .fa th{width:auto}
details.more .aw{display:block;font-size:var(--t-note);color:var(--ink-3);font-weight:400;margin-top:.0625rem}
details.more .ac{display:block;font-size:var(--t-note);color:var(--ink-3);font-variant-numeric:normal;margin-top:.0625rem}
details.more .fnote{font-size:var(--t-note);color:var(--ink-2);line-height:var(--lh-body);margin-bottom:.625rem;
  padding-bottom:.5rem;border-bottom:1px solid var(--rule)}

/* 한 시가 여러 이름으로 갈린 곳 — 놓치지 않게 */
.kinbox{margin-top:1.125rem;padding:1rem 1.125rem;border:1.5px solid var(--vermilion);
  border-radius:3px;background:var(--field)}
.kinbox>b{display:block;font-family:var(--serif);font-size:var(--t-body);font-weight:400;
  color:var(--ink);margin-bottom:.375rem}
.kinbox p{font-size:var(--t-note);color:var(--ink-2);line-height:var(--lh-body);max-width:40em}
.kinbox .kl{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}
.kinbox .kl a{min-height:2.75rem;display:inline-flex;align-items:center;
  padding:.4375rem .875rem;border:1.5px solid var(--rule-bold);border-radius:3px;
  background:var(--paper);color:var(--seal);font-size:var(--t-note);text-decoration:none}
.kinbox .kl a b{margin-left:.4375rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink-2)}
.kinbox .none2{align-self:center;font-size:var(--t-note);color:var(--ink-3)}
.kinbox .kl a:hover{background:var(--field)}
.kinbox .kl a:focus-visible{outline:2px solid var(--seal);outline-offset:2px}

/* 기관기호 — 공단 누리집에서 이름 대신 이걸로 찾으시면 헤매지 않으신다 */
.fcode{margin-top:.75rem;padding-top:.625rem;border-top:1px solid var(--rule);
  font-size:var(--t-note);color:var(--ink-2);line-height:var(--lh-body)}
.fcode b{font-variant-numeric:tabular-nums;color:var(--ink)}
.fcode span{color:var(--ink-3);font-size:var(--t-note)}

/* 그 동네에 그 갈래가 없을 때 — 링크가 아니라 사실을 적는다 */
.go .none{display:flex;flex-direction:column;gap:.1875rem;padding:.75rem .875rem;
  border:1.5px dashed var(--rule);border-radius:3px;background:transparent;color:var(--ink-3)}
.go .none .t{font-weight:600;color:var(--ink-3)}
.go .none .c{font-size:var(--t-note);line-height:1.6}

/* 오래 평가가 없는 곳 — 문을 닫았을 수 있습니다.
   자료에 폐업 여부가 없으므로 「모른다」고 밝히는 것이 최선입니다.
   어르신이 헛걸음하시면 안 됩니다. */
.gone{display:inline-block;padding:.125rem var(--s-tight);border:1px solid var(--vermilion);
  border-radius:2px;font-size:var(--t-note);color:var(--vermilion);font-weight:600}
.gonewhy{display:block;margin-top:var(--s-hair);font-size:var(--t-note);
  line-height:var(--lh-snug);color:var(--vermilion)}

/* 주소·전화·정원 — 채워진 것을 보여 주는 자리.
   90%가 채워졌는데 「없습니다」라고 적으면 자료와 화면이 어긋난다. */
.wa{display:inline-block;margin-top:.25rem;color:var(--ink);font-weight:500}
.wt{display:inline-block;margin-top:.25rem;font-weight:700;color:var(--seal);
  font-variant-numeric:tabular-nums;letter-spacing:0;
  border-bottom:1.5px solid var(--seal)}
.wc{display:inline-block;margin-top:.25rem;color:var(--ink-2)}
.wcn{color:var(--ink-3);font-size:.9em}