/* Readability components scoped to plugin markup; JIN theme untouched. */
.naf-rd-toc {box-sizing:border-box;max-width:100%;margin:24px 0 30px;padding:17px 20px;background:#f5f9ff;border:1px solid #dce8f7;border-radius:12px;color:#203b59;}
.naf-rd-toc .naf-rd-toc-title {margin:0 0 12px !important;font-size:17px !important;font-weight:700;line-height:1.4;color:#173d68;}
.naf-rd-toc ol {list-style:decimal outside !important;display:grid;gap:9px;margin:0 0 0 20px !important;padding:0 !important;}
.naf-rd-toc li {display:list-item !important;list-style:decimal outside !important;margin:0 !important;padding:0 !important;line-height:1.5 !important;font-size:14px;}
.naf-rd-toc li::before,.naf-rd-toc li::after{display:none !important;content:none !important;}
.naf-rd-toc li::marker{color:#3276bb;font-weight:600;}
.naf-rd-toc a{color:#1b538a !important;text-decoration:none !important;border:0 !important;box-shadow:none !important;}
.naf-rd-toc a:hover,.naf-rd-toc a:focus-visible{text-decoration:underline !important;}
body.naf-imported-post .naf-guide-article h2[id^="naf-rd-section-"], .naf-site-shop-guide h2[id^="naf-rd-section-"] {scroll-margin-top:85px;}
.naf-rd-related {box-sizing:border-box;width:100%;margin:30px 0;padding:17px 17px 20px;background:#f6f9fe;border:1px solid #dce8f5;border-radius:12px;}
.naf-rd-related .naf-rd-heading {margin:0 0 13px !important;font-size:17px !important;font-weight:700 !important;color:#183d65 !important;line-height:1.5;}
.naf-rd-cards {display:flex;flex-direction:column;gap:10px;}
.naf-rd-related .naf-rd-card {box-sizing:border-box;display:flex;align-items:center;gap:13px;padding:9px;min-width:0;color:#25384d !important;text-decoration:none !important;background:#fff;border:1px solid #dfe6ef;border-radius:10px;box-shadow:none !important;transition:box-shadow .15s, border-color .15s;}
.naf-rd-card:hover,.naf-rd-card:focus-visible {border-color:#94bbe3;box-shadow:0 4px 14px rgba(26,69,110,.09) !important;}
.naf-rd-thumb {flex:0 0 150px;width:150px;aspect-ratio:16/9;overflow:hidden;border-radius:7px;display:flex;align-items:center;justify-content:center;background:#e7f1fa;}
.naf-rd-thumb img {display:block;width:100%;height:100%;object-fit:cover;margin:0 !important;}
.naf-rd-placeholder {font-weight:700;color:#547ba0;line-height:1.3;text-align:center;}
.naf-rd-info {display:flex;flex:1;min-width:0;flex-direction:column;gap:5px;}
.naf-rd-title {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#213b58;font-size:14px;font-weight:700;line-height:1.55;}
.naf-rd-desc {color:#66798d;font-size:12px;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.naf-rd-arrow{color:#669ace;font-size:24px;line-height:1;padding:0 2px;}
@media(max-width:600px){.naf-rd-toc{margin:18px 0 24px;padding:14px 15px}.naf-rd-toc li{font-size:13px}.naf-rd-related{margin:22px 0;padding:13px 11px}.naf-rd-thumb{flex-basis:106px;width:106px}.naf-rd-related .naf-rd-card{gap:9px;padding:7px}.naf-rd-title{font-size:12.5px}.naf-rd-desc{font-size:11px}.naf-rd-arrow{font-size:20px;}}
@media(max-width:350px){.naf-rd-thumb{flex-basis:90px;width:90px}.naf-rd-desc{display:none}}

/* v0.8.1: override JIN / the importer article's generic paragraph and list
   styles so the TOC and related-card headers don't leave excessive gaps. */
body.naf-imported-post .naf-guide-article nav.naf-rd-toc,
body.naf-site-shop-guide nav.naf-rd-toc {
  margin-top: 22px !important;
  margin-bottom: 24px !important;
  padding: 15px 18px !important;
}
body.naf-imported-post .naf-guide-article nav.naf-rd-toc > p.naf-rd-toc-title,
body.naf-site-shop-guide nav.naf-rd-toc > p.naf-rd-toc-title {
  display:block !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  line-height: 1.45 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}
body.naf-imported-post .naf-guide-article nav.naf-rd-toc > ol,
body.naf-site-shop-guide nav.naf-rd-toc > ol {
  display: grid !important;
  gap: 5px !important;
  margin: 0 0 0 24px !important;
  padding: 0 !important;
  list-style: decimal outside !important;
}
body.naf-imported-post .naf-guide-article nav.naf-rd-toc > ol > li,
body.naf-site-shop-guide nav.naf-rd-toc > ol > li {
  display:list-item !important;
  list-style: decimal outside !important;
  margin: 0 !important;
  padding: 1px 0 !important;
  line-height: 1.55 !important;
  font-size: 14px !important;
}
body.naf-imported-post .naf-guide-article nav.naf-rd-toc > ol > li::before,
body.naf-imported-post .naf-guide-article nav.naf-rd-toc > ol > li::after,
body.naf-site-shop-guide nav.naf-rd-toc > ol > li::before,
body.naf-site-shop-guide nav.naf-rd-toc > ol > li::after {
  content: none !important;
  display: none !important;
}
body.naf-imported-post .naf-guide-article nav.naf-rd-toc a,
body.naf-site-shop-guide nav.naf-rd-toc a {
  display: inline !important;
  line-height: inherit !important;
  padding: 0 !important;
}
body.naf-imported-post .naf-guide-article aside.naf-rd-related,
body.naf-site-shop-guide aside.naf-rd-related {
  margin: 24px 0 !important;
  padding: 15px 16px 17px !important;
}
body.naf-imported-post .naf-guide-article aside.naf-rd-related > p.naf-rd-heading,
body.naf-site-shop-guide aside.naf-rd-related > p.naf-rd-heading {
  display: block !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  line-height: 1.5 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}
body.naf-imported-post .naf-guide-article aside.naf-rd-related > .naf-rd-cards,
body.naf-site-shop-guide aside.naf-rd-related > .naf-rd-cards {
  margin: 0 !important;
  padding: 0 !important;
  gap: 9px !important;
}
body.naf-imported-post .naf-guide-article aside.naf-rd-related .naf-rd-card,
body.naf-site-shop-guide aside.naf-rd-related .naf-rd-card {
  margin: 0 !important;
  padding: 8px !important;
}
@media (max-width: 600px) {
  body.naf-imported-post .naf-guide-article nav.naf-rd-toc,
  body.naf-site-shop-guide nav.naf-rd-toc { padding: 13px 13px !important; margin: 16px 0 21px !important; }
  body.naf-imported-post .naf-guide-article nav.naf-rd-toc > ol,
  body.naf-site-shop-guide nav.naf-rd-toc > ol { margin-left: 21px !important; gap: 5px !important; }
  body.naf-imported-post .naf-guide-article nav.naf-rd-toc > ol > li,
  body.naf-site-shop-guide nav.naf-rd-toc > ol > li { font-size: 13px !important; }
  body.naf-imported-post .naf-guide-article aside.naf-rd-related,
  body.naf-site-shop-guide aside.naf-rd-related {padding:13px 11px !important;margin:20px 0 !important;}
}