/* WILDNOTE: article table of contents and section topic labels (V23). */
/* Scoped to the requested article topics; no changes to global typography or layout. */
.wn23-toc{box-sizing:border-box;width:calc(100% - 64px);max-width:1080px;margin:18px auto 26px;padding:24px 30px 22px;background:#f8faf6;border:1px solid #d9e4da;border-radius:12px;box-shadow:0 5px 18px rgba(26,60,38,.045)}
.wn23-toc-title{display:flex;align-items:baseline;gap:14px;padding-bottom:14px;border-bottom:1px solid #dfe7dc;margin-bottom:12px}
.wn23-toc-title h2{margin:0!important;color:#244a34;font-size:21px!important;font-weight:750;letter-spacing:.025em;line-height:1.4}
.wn23-toc-title>span{color:#809687;font-size:10px;font-weight:750;letter-spacing:.16em}
.wn23-toc-list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:25px;row-gap:4px}
.wn23-toc-list li{margin:0;padding:0;min-width:0}
.wn23-toc-list a{display:flex;align-items:center;gap:12px;min-width:0;padding:11px 13px;border-radius:7px;color:#2b4e38!important;font-size:14px;font-weight:700;line-height:1.6;text-decoration:none!important;transition:background-color .2s ease}
.wn23-toc-list a:hover,.wn23-toc-list a:focus-visible{background:#e8f1e8;text-decoration:underline!important;text-underline-offset:3px;outline-offset:2px}
.wn23-toc-number{display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;border:1px solid #cbdcc9;border-radius:50%;color:#52785b;background:#edf4ed;font-family:Georgia,serif;font-size:12px;font-weight:700}
.wn18-section-heading .wn23-section-tagline,.wn18-family-heading .wn23-section-tagline{font-size:clamp(15px,1.6vw,18px);font-weight:600;line-height:1.7;letter-spacing:-.02em;color:#526a58;margin:0 0 14px}
@media(max-width:620px){
  .wn23-toc{width:calc(100% - 30px);margin:12px auto 20px;padding:18px 18px 14px;border-radius:9px}
  .wn23-toc-title{padding-bottom:11px;margin-bottom:7px}
  .wn23-toc-title h2{font-size:19px!important}
  .wn23-toc-list{grid-template-columns:1fr;row-gap:0}
  .wn23-toc-list a{padding:10px 7px;font-size:13px}
  .wn18-section-heading .wn23-section-tagline,.wn18-family-heading .wn23-section-tagline{font-size:15px}
}

/* WILDNOTE V24: metrics, feeding chapter and TOC under hero. */
.wn23-toc{margin-top:20px;margin-bottom:26px}
.wn24-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:23px 0 22px}
.wn24-metric-card{min-width:0;padding:24px 23px 22px;border:1px solid #dbe7da;border-radius:11px;background:#fff;box-shadow:0 5px 14px rgba(15,50,29,.035)}
.wn24-metric-card:first-child{grid-column:1/-1;background:linear-gradient(130deg,#edf5e9,#fff 72%);border-color:#c2d7bd;padding:29px 28px 28px}
.wn24-metric-label{font-weight:780;font-size:14px;letter-spacing:.035em;color:#3b6e48;margin-bottom:9px}
.wn24-metric-card:first-child .wn24-metric-label{font-size:18px}
.wn24-metric-number{font-size:clamp(27px,3.6vw,43px);font-weight:850;letter-spacing:-.045em;line-height:1.32;color:#214832;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.wn24-metric-card:first-child .wn24-metric-number{font-size:clamp(34px,4.8vw,55px)}
.wn24-metric-number.wn24-long{font-size:clamp(22px,2.6vw,29px)}
.wn24-metric-card:first-child .wn24-metric-number.wn24-long{font-size:clamp(26px,3vw,37px)}
.wn24-metric-number.wn24-unconfirmed{color:#788d7a;font-size:16px!important;font-weight:650;letter-spacing:0}
.wn24-metric-note{margin:10px 0 0;color:#6d7e71;font-size:12px;line-height:1.8;font-weight:400;overflow-wrap:anywhere}
.wn24-metric-subject{color:#638071;font-size:12px;line-height:1.8;margin:0 0 8px}
.wn24-metric-subject a,.wn24-metric-compare a{color:#346749;text-decoration:underline;text-underline-offset:2px}
.wn24-metric-compare{padding:14px 0 0;margin:16px 0 0;border-top:1px solid #e2eae1;list-style:none;display:grid;gap:12px}
.wn24-metric-compare li{display:flex;justify-content:space-between;align-items:baseline;gap:13px;font-size:12px;line-height:1.65;min-width:0}
.wn24-metric-compare li span{flex:1;text-align:right;color:#3e5e49;overflow-wrap:anywhere}
.wn24-diet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.wn24-diet-card{min-width:0;background:#f7faf6;border:1px solid #dbe7da;border-radius:11px;padding:23px 21px 24px}
.wn24-diet-card h3{margin:0 0 15px;color:#27523a;font-size:16px;line-height:1.55;letter-spacing:-.02em}
.wn24-diet-card p{margin:0;color:#3d5645;font-size:13px;line-height:1.95}
.wn24-diet-card a{color:#275f41;text-decoration:underline;text-underline-offset:2px}
.wn24-diet-source{margin:18px 0 0!important;text-align:right;color:#657f6f;font-size:12px}
.wn24-diet-source a{color:#426e52;text-decoration:underline;text-underline-offset:2px}
@media(max-width:850px){.wn24-diet-grid{grid-template-columns:1fr}.wn24-diet-card{padding:20px 20px 21px}}
@media(max-width:620px){
 .wn24-metric-grid{grid-template-columns:1fr;gap:12px;margin:17px 0 20px}
 .wn24-metric-card,.wn24-metric-card:first-child{grid-column:auto;padding:21px 19px 20px;border-radius:9px}
 .wn24-metric-number{font-size:clamp(25px,7vw,34px)}
 .wn24-metric-card:first-child .wn24-metric-number{font-size:clamp(32px,8vw,43px)}
 .wn24-metric-number.wn24-long{font-size:23px}
 .wn24-metric-card:first-child .wn24-metric-number.wn24-long{font-size:26px}
 .wn24-metric-compare li{display:block}
 .wn24-metric-compare li span{display:block;text-align:left;margin-top:3px}
 .wn24-diet-grid{gap:12px}
 .wn24-diet-card{padding:20px 17px}
}
