.detail-flow { margin: 9mm 0 6mm; padding: 0; list-style: none; }
.detail-flow li { padding: 5mm 0; border-bottom: 1px solid #dfe5e5; }
.detail-flow b { display: block; font-size: 16px; line-height: 1.35; color: #153f36; }
.detail-flow p { margin: 2mm 0 0; font-size: 13px; line-height: 1.55; }
.detail-note { padding: 5mm 0 5mm 5mm; border-left: 3px solid #1378d1; }
.detail-note b { font-size: 15px; }
.detail-note p { margin: 2mm 0 0; }
.detail-example { padding: 5mm 0; border-top: 2px solid #20a36a; }
.detail-example small,.detail-example strong { display: block; margin-bottom: 3mm; }
.detail-example strong { font-size: 19px; }
.detail-page { letter-spacing: 0; }
@media screen and (max-width: 820px) {
  .viewer { position: sticky; top: 0; right: auto; transform: none; display: flex; align-items: center; width: max-content; margin: 0 auto; }
  .detail-page { height: auto; min-height: 100vh; overflow: visible; padding-bottom: 80px; }
  .detail-flow { margin-top: 24px; }
  .detail-flow li { padding: 18px 0; }
  .detail-flow p { font-size: 15px; }
}