/* ===== Single post — bridges the_content tags to service.html article typography.
   Values copied verbatim from Yaron's service.css (.svc__h2 / .svc__sec p / .svc__intro)
   so a dynamic post renders identically to the service/article page. ===== */

/* body typography (== .svc__sec p) */
.svc__content p {
  font-size: calc(100vw*20/1920); line-height: calc(100vw*32/1920);
  color:#1a1a1a; text-align:right; margin-bottom: calc(100vw*16/1920);
}
/* lead paragraph (== .svc__intro) */
.svc__content > p:first-of-type {
  font-size: calc(100vw*21/1920); line-height: calc(100vw*32/1920);
  margin: 0 0 calc(100vw*16/1920);
}

/* H2 (== .svc__h2 with underline ::after) */
.svc__content h2 {
  font-size: calc(100vw*34/1920); font-weight:700; color:#0d2c21; text-align:right;
  padding-bottom: calc(100vw*14/1920); margin: calc(100vw*44/1920) 0 calc(100vw*20/1920);
  position:relative; scroll-margin-top: calc(100vw*170/1920);
}
.svc__content h2::after {
  content:""; position:absolute; right:0; bottom:0; width:100%; height:1px; background:#e2e2e2;
}
/* H3 */
.svc__content h3 {
  font-size: calc(100vw*26/1920); font-weight:700; color:#0d2c21; text-align:right;
  margin: calc(100vw*30/1920) 0 calc(100vw*14/1920);
}

/* lists — same size/color as body, gold diamond bullet */
.svc__content ul, .svc__content ol { margin: calc(100vw*8/1920) calc(100vw*24/1920) calc(100vw*18/1920) 0; padding:0; }
.svc__content li {
  position:relative; padding-right: calc(100vw*22/1920);
  font-size: calc(100vw*20/1920); line-height: calc(100vw*32/1920); color:#1a1a1a;
  text-align:right; margin-bottom: calc(100vw*10/1920);
}
.svc__content ul li::before {
  content:""; position:absolute; right:0; top: calc(100vw*11/1920);
  width: calc(100vw*7/1920); height: calc(100vw*7/1920); background:#b09143; transform:rotate(45deg);
}
.svc__content ol { counter-reset: ydol; }
.svc__content ol li { counter-increment: ydol; }
.svc__content ol li::before { content: counter(ydol) "."; position:absolute; right:0; color:#b09143; font-weight:700; }

/* emphasis / links / media / quotes */
.svc__content strong, .svc__content b { font-weight:700; color:#0d2c21; }
.svc__content a { color:#b09143; text-decoration:underline; }
.svc__content img { max-width:100%; height:auto; border-radius:10px; margin: calc(100vw*20/1920) 0; }
.svc__content blockquote {
  border-right: 3px solid #b09143; margin: calc(100vw*24/1920) 0;
  padding: calc(100vw*6/1920) calc(100vw*20/1920) calc(100vw*6/1920) 0;
  color:#313131; font-style:italic;
}
.svc__content .svc-mark { background: linear-gradient(transparent 10%, rgba(229,195,139,.55) 10%); padding:0 2px; }

/* ===== Mobile — keep the service.html stacking order (content after banner/TOC) ===== */
@media (max-width: 1024px) {
  .svc__content { order: 4; }
  .svc__content p, .svc__content li { font-size:16px; line-height:1.65; }
  .svc__content > p:first-of-type { font-size:18px; line-height:1.6; }
  .svc__content h2 { font-size:22px; margin:26px 0 14px; padding-bottom:10px; }
  .svc__content h3 { font-size:20px; margin:20px 0 10px; }
  .svc__content ul, .svc__content ol { margin:6px 18px 14px 0; }
  .svc__content li { padding-right:18px; margin-bottom:8px; }
  .svc__content ul li::before { top:9px; width:7px; height:7px; }
  .svc__content img { border-radius:8px; margin:14px 0; }
}