/* Blog interactive components (2026-09-25). Every widget is readable without
   JavaScript: the script only enhances markup that already makes sense as HTML. */
.post-content .w-note{position:relative;background:var(--green-50);border:1px solid var(--green-200);
  border-radius:var(--radius-sm);padding:15px 18px 15px 52px;margin:24px 0;font-size:15px}
.post-content .w-note::before{content:'i';position:absolute;left:16px;top:15px;width:22px;height:22px;
  border-radius:50%;background:var(--green-700);color:#fff;font:700 13px/22px Georgia,serif;text-align:center}
.post-content .w-note.w-warn{background:#fffaf0;border-color:#f6d9a0}
.post-content .w-note.w-warn::before{content:'!';background:#d97706;font-family:inherit}
.post-content .w-note p{margin-bottom:0}.post-content .w-note p+p{margin-top:10px}

/* Stat band */
.post-content .w-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:26px 0}
.post-content .w-stat{background:#fff;border:1px solid var(--border);border-top:3px solid var(--green-700);
  border-radius:var(--radius-sm);padding:16px 14px;box-shadow:var(--shadow-sm)}
.post-content .w-stat-num{display:block;font-size:28px;font-weight:800;color:var(--green-800);line-height:1.1;letter-spacing:-.5px}
.post-content .w-stat-label{display:block;font-size:13px;color:var(--text-mid);margin-top:6px;line-height:1.45}

/* Series map (table of contents) */
.post-content .w-map{margin:28px 0}
.post-content .w-map-ch{margin-bottom:22px}
.post-content .w-map-ch h3{font-size:15px;margin:0 0 10px;display:flex;gap:10px;align-items:baseline}
.post-content .w-map-ch h3 span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;
  color:#fff;background:var(--green-800);padding:3px 9px;border-radius:10px}
.post-content .w-map-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.post-content a.w-map-ep{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;text-decoration:none;
  border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;background:#fff;
  transition:box-shadow .15s,border-color .15s,opacity .2s;align-content:start}
.post-content a.w-map-ep:hover{border-color:var(--green-400);box-shadow:var(--shadow-md)}
.post-content .w-map-n{grid-row:span 2;font-size:20px;font-weight:800;color:var(--green-400);line-height:1.2}
.post-content .w-map-t{font-size:14px;font-weight:700;color:var(--text-dark);line-height:1.35}
.post-content .w-map-d{font-size:13px;color:var(--text-mid);line-height:1.45}
.post-content .w-map.w-filtered a.w-map-ep{opacity:.35}
.post-content .w-map.w-filtered a.w-map-ep.w-on{opacity:1;border-color:var(--green-700);box-shadow:0 0 0 2px var(--green-200)}

/* Button group (path picker, tabs, choices) */
.post-content .w-btns{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.post-content .w-btn{font:600 13px var(--font);padding:8px 14px;border-radius:20px;cursor:pointer;
  border:1px solid var(--green-200);background:#fff;color:var(--green-800)}
.post-content .w-btn:hover{background:var(--green-50)}
.post-content .w-btn[aria-pressed="true"],.post-content .w-btn[aria-selected="true"]{background:var(--green-800);color:#fff;border-color:var(--green-800)}
.post-content .w-path{background:var(--green-50);border:1px solid var(--green-200);border-radius:var(--radius);padding:18px 20px;margin:26px 0}
.post-content .w-path h4{font-size:15px;margin:0 0 4px}
.post-content .w-path-out{font-size:14px;color:var(--text-mid);margin:6px 0 0;min-height:1.4em}

/* Tabs */
.post-content .w-tabs{margin:26px 0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#fff}
.post-content .w-tabs .w-btns{margin:0;padding:12px 14px;background:var(--green-50);border-bottom:1px solid var(--border)}
.post-content .w-tab{padding:18px 20px}
.post-content .w-tab>h4{font-size:15px;margin:0 0 10px}
.post-content .w-tabs.w-js .w-tab[hidden]{display:none}

/* Accordion */
.post-content details.w-acc{border:1px solid var(--border);border-radius:var(--radius-sm);margin:10px 0;background:#fff}
.post-content details.w-acc summary{cursor:pointer;padding:13px 16px;font-weight:600;font-size:15px;list-style:none;position:relative;padding-right:40px}
.post-content details.w-acc summary::-webkit-details-marker{display:none}
.post-content details.w-acc summary::after{content:'+';position:absolute;right:16px;top:10px;font-size:20px;color:var(--green-700)}
.post-content details.w-acc[open] summary::after{content:'\2212'}
.post-content details.w-acc>div{padding:0 16px 14px;font-size:15px}
.post-content details.w-acc>div p:last-child,.post-content details.w-acc>div ul:last-child{margin-bottom:0}

/* Steps */
.post-content ol.w-steps{list-style:none;padding-left:0;margin:24px 0;counter-reset:wstep}
.post-content ol.w-steps>li{position:relative;padding:0 0 18px 50px;margin:0;counter-increment:wstep}
.post-content ol.w-steps>li::before{content:counter(wstep);position:absolute;left:0;top:0;width:32px;height:32px;
  border-radius:50%;background:var(--green-800);color:#fff;font-weight:700;font-size:14px;line-height:32px;text-align:center}
.post-content ol.w-steps>li::after{content:'';position:absolute;left:15px;top:34px;bottom:2px;width:2px;background:var(--green-200)}
.post-content ol.w-steps>li:last-child::after{display:none}
.post-content ol.w-steps>li strong{display:block;margin-bottom:2px}

/* Compare columns */
.post-content .w-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}
.post-content .w-col{border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px 18px;background:#fff}
.post-content .w-col.w-accent{border-color:var(--green-400);background:var(--green-50)}
.post-content .w-col h4{font-size:15px;margin:0 0 8px}
.post-content .w-col ul{margin-bottom:0;font-size:14px}
@media(max-width:600px){.post-content .w-compare{grid-template-columns:1fr}}

/* Horizontal bar chart */
.post-content .w-bars{margin:26px 0;border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;background:#fff}
.post-content .w-bars-title{font-size:14px;font-weight:700;margin:0 0 14px}
.post-content .w-bar{display:grid;grid-template-columns:minmax(110px,38%) 1fr;gap:10px;align-items:center;margin-bottom:10px;font-size:13px}
.post-content .w-bar-label{color:var(--text-dark);line-height:1.35}
.post-content .w-bar-track{display:block;background:var(--green-50);border-radius:6px;height:26px;position:relative;overflow:hidden}
.post-content .w-bar-fill{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--green-600),var(--green-400));border-radius:6px;transition:width .9s ease}
.post-content .w-bar-val{text-shadow:0 0 4px #fff,0 0 2px #fff;position:absolute;left:8px;top:0;line-height:26px;font-weight:700;color:var(--text-dark);font-size:12px}
.post-content .w-bars-note{font-size:12px;color:var(--text-soft);margin:10px 0 0}

/* Calculators and tools */
.post-content .w-calc{margin:28px 0;border:1px solid var(--green-200);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-sm);overflow:hidden}
.post-content .w-calc-head{background:var(--green-800);color:#fff;padding:12px 18px}
.post-content .w-calc-head strong{display:block;font-size:15px;color:#fff}
.post-content .w-calc-head span{font-size:12px;opacity:.85}
.post-content .w-calc-body{padding:16px 18px}
.post-content .w-field{margin-bottom:12px}
.post-content .w-field label{display:block;font-size:13px;font-weight:600;margin-bottom:5px}
.post-content .w-field select,.post-content .w-field input[type=number],.post-content .w-field input[type=date]{
  width:100%;max-width:340px;font:14px var(--font);padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:#fff}
.post-content .w-field .w-inline{display:flex;gap:8px;align-items:center;font-weight:400;font-size:14px}
.post-content .w-result{margin-top:6px;background:var(--green-50);border-left:4px solid var(--green-700);border-radius:0 6px 6px 0;padding:12px 14px;font-size:14px}
.post-content .w-result.w-bad{background:#fff5f5;border-left-color:#c0392b}
.post-content .w-result.w-mid{background:#fffaf0;border-left-color:#d97706}
.post-content .w-result strong{font-size:16px}
.post-content .w-result ul{margin:6px 0 0;padding-left:18px}
.post-content .w-noscript{font-size:13px;color:var(--text-soft);padding:14px 18px;margin:0}
.post-content .w-calc.w-js .w-noscript{display:none}

/* Checklist */
.post-content .w-check{margin:28px 0;border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;background:#fff}
.post-content .w-check h4{font-size:15px;margin:0 0 4px}
.post-content .w-check-meta{font-size:12px;color:var(--text-soft);margin-bottom:10px}
.post-content .w-check-bar{height:6px;background:var(--green-50);border-radius:3px;margin-bottom:12px;overflow:hidden}
.post-content .w-check-bar i{display:block;height:100%;width:0;background:var(--green-600);transition:width .3s}
.post-content .w-check ul{list-style:none;padding-left:0;margin-bottom:0}
.post-content .w-check li{margin-bottom:8px}
.post-content .w-check label{display:flex;gap:10px;align-items:flex-start;cursor:pointer;font-size:15px}
.post-content .w-check input{margin-top:5px;accent-color:var(--green-700);width:16px;height:16px;flex-shrink:0}
.post-content .w-check input:checked+span{color:var(--text-soft);text-decoration:line-through}

/* Myth / fact reveal cards */
.post-content .w-myths{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:26px 0}
.post-content .w-myth{border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;background:#fff;cursor:pointer;text-align:left;font:inherit;color:inherit}
.post-content .w-myth .w-m{font-size:14px;font-weight:600;margin:0}
.post-content .w-myth .w-m::before{content:'Common belief';display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#c0392b;margin-bottom:6px}
.post-content .w-myth .w-f{font-size:14px;margin:10px 0 0;padding-top:10px;border-top:1px dashed var(--border)}
.post-content .w-myth .w-f::before{content:'What the rules say';display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--green-700);margin-bottom:6px}
.post-content .w-myths.w-js .w-myth:not(.w-open) .w-f{display:none}
.post-content .w-myths.w-js .w-myth:not(.w-open)::after{content:'Tap to see the rule';display:block;font-size:12px;color:var(--green-700);margin-top:10px;font-weight:600}
.post-content .w-myth.w-open{border-color:var(--green-400);background:var(--green-50)}

/* Outcome cards */
.post-content .w-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:24px 0}
.post-content .w-card{border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px 18px;background:#fff}
.post-content .w-card h4{font-size:15px;margin:0 0 6px;color:var(--green-800)}
.post-content .w-card p{font-size:14px;margin:0;color:var(--text-mid)}