@import url('https://fonts.googleapis.com/css2?family=Gothic+A1:wght@900&family=Nanum+Gothic:wght@400;700&display=swap');

body.page-toilet-drain-clog-inspection main {
  --c-main: hsl(136 38% 28%);
  --c-sec: hsl(136 20% 88%);
  --bg: hsl(138 12% 98%);
  --fd: 'Gothic A1', serif;
  --fb: 'Nanum Gothic', sans-serif;
  --radius: 4px;
  background: var(--bg);
  font-family: var(--fb);
}

@media (min-width: 960px) {
  body.page-toilet-drain-clog-inspection main .content-stream { display: grid; grid-template-columns: 200px 1fr; gap: 40px; align-items: start; }
  body.page-toilet-drain-clog-inspection main .mini-toc { position: sticky; top: 84px; display: flex; flex-direction: column; gap: 8px; }
}
body.page-toilet-drain-clog-inspection main .mini-toc a { font-size: 0.85rem; padding: 6px 10px; border-left: 2px solid var(--c-sec); }
body.page-toilet-drain-clog-inspection main .mini-toc a:hover { border-color: var(--c-main); color: var(--c-main); }
body.page-toilet-drain-clog-inspection main .content-stream > .content-body { display: contents; }