/* V17.25.6: Organic discovery additions; does not change calculators or Workbench. */
.organic-intro {max-width:730px;margin:0 0 25px;color:#405548;font-size:15px;line-height:1.7}
.organic-compare {border:1px solid #cbdccf;background:#f8fbf6;border-radius:14px;padding:20px 22px;margin:23px 0 29px}
.organic-compare h2 {font:600 23px/1.25 'Source Serif 4',Georgia,serif;margin:0 0 8px;color:#193e2b}
.organic-compare .organic-note {font-size:12px;line-height:1.6;color:#56695d;margin:8px 0}
.organic-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}
.organic-field {display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600;color:#234938;min-width:0}
.organic-field span {font-weight:400;font-size:11px;color:#526f5a}
.organic-field input {border:1px solid #aabbad;background:white;border-radius:7px;padding:11px 12px;min-height:44px;width:100%;font:500 16px/1.2 'IBM Plex Sans',sans-serif;color:#15291e}
.organic-field input:focus-visible {outline:3px solid #789f87;outline-offset:2px}
.organic-results {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.organic-stat {padding:14px;border-radius:9px;background:#e6f0e3;min-width:0}
.organic-stat .organic-stat-label {display:block;font-size:12px;color:#34573f;line-height:1.4;margin-bottom:7px}
.organic-stat output {display:block;font:600 clamp(21px,4.4vw,29px)/1.15 'IBM Plex Sans',sans-serif;color:#134e35;letter-spacing:-.035em;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.organic-compare .organic-warning {font-size:13px;color:#a53c30;margin:12px 0 0;min-height:0}
.organic-compare .organic-warning:empty {display:none}
.organic-takeaway {padding:15px 18px;border-left:3px solid #247956;background:#eef5eb;border-radius:0 8px 8px 0;font-size:15px;line-height:1.65;color:#234b34;margin:23px 0}
.organic-related {display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 26px}
.organic-related a {padding:10px 13px;border:1px solid #b8d0bc;color:#12593b;border-radius:8px;font-weight:600;font-size:13px;text-decoration:none;background:#f7faf5}
.organic-related a:hover,.organic-related a:focus-visible {background:#e5f0e4}
.organic-sources {font-size:13px;line-height:1.75;color:#506858}
.organic-sources a {overflow-wrap:anywhere}
.organic-revision {font-size:12px;color:#69766b;margin:22px 0}
.organic-answer {background:#edf4e8;border-radius:10px;padding:17px 20px;margin:15px 0 22px;line-height:1.65}
.organic-guide-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 20px}
.organic-guide-grid a {border:1px solid #d3ded1;border-radius:9px;padding:16px;text-decoration:none;background:#fcfefa;color:#20503a;line-height:1.45}
.organic-guide-grid a:hover,.organic-guide-grid a:focus-visible {background:#ecf4e9}
.organic-guide-grid strong {display:block;margin-bottom:8px}
.organic-guide-grid span {font-size:12px;color:#5d7160}
.organic-embed-head {margin:22px 0 14px}
.organic-embed-label {display:block;font-size:12px;font-weight:600;color:#234936;margin:12px 0 5px}
.organic-embed-code {width:100%;min-height:95px;resize:vertical;border:1px solid #b5c7ba;border-radius:8px;padding:12px;background:#f4f7f1;color:#263c2d;line-height:1.45;font-size:12px}
.organic-embed-panel-note {color:#5e7062;font-size:12px;line-height:1.6;margin:8px 0}
.organic-outreach {border:1px solid #d3ded2;border-radius:12px;padding:18px 20px;margin:24px 0;background:#f7faf5}
.organic-outreach p,.organic-outreach li {font-size:13px;line-height:1.65;color:#405849}
.organic-outreach h2 {font-size:19px;color:#234936;margin:0 0 8px}
@media(max-width:750px){.organic-guide-grid{grid-template-columns:1fr}}
@media(max-width:480px){.organic-compare{padding:15px}.organic-fields,.organic-results{grid-template-columns:1fr}.organic-stat output{font-size:25px}}
/* On educational guide/embedding pages, keep navigation in document flow on phones:
   the site's floating dock would otherwise obscure live comparison results. */
@media(max-width:820px){
  body.organic-article-page .wtm-command-shelf{
    position:relative;top:auto;bottom:auto;left:auto;right:auto;transform:none;
    width:min(390px,calc(100% - 24px));margin:0 auto 13px;
    z-index:30;box-shadow:0 4px 14px rgba(26,55,38,.1);
  }
  body.organic-article-page .site-head.wtm-masthead{padding-bottom:0}
}
