/* 1.8.1 Meal plan download box (end of post). Mobile-first; recipe card colours (--rc-band/--rc-tint) when present. */
.hantol-dl-box{--dl-band:var(--rc-band,var(--pa-green,#1C4A42));--dl-band-d:var(--rc-band-d,#143832);--dl-tint:var(--rc-tint,#EEF6F4);--dl-line:var(--rc-line,#d6e6e1);
  display:flex;gap:14px;align-items:flex-start;margin:2rem 0;padding:16px;border:1px solid var(--dl-line);border-radius:var(--pa-radius,22px);
  background:linear-gradient(180deg,var(--dl-tint),#fff 70%);box-shadow:0 18px 36px -30px rgba(28,74,66,.55);font-family:var(--t-sans,Inter,system-ui,sans-serif);color:var(--t-ink,#1A1A1A)}
.hantol-dl-cover{flex:0 0 auto;width:92px;height:auto;aspect-ratio:120/170;object-fit:cover;border-radius:10px;box-shadow:0 8px 18px -8px rgba(0,0,0,.45);background:#eee}
.hantol-dl-body{min-width:0;flex:1 1 auto}
.hantol-dl-kicker{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--dl-band);border-radius:999px;padding:.15rem .6rem;margin-bottom:.4rem}
.hantol-dl-title{font-size:1.08rem;line-height:1.3;margin:0 0 .35rem;font-weight:700;color:inherit}
.hantol-dl-free{font-weight:600;color:var(--dl-band)}
.hantol-dl-desc{font-size:.88rem;line-height:1.45;margin:0 0 .4rem;color:var(--t-muted,#4b5a56)}
.hantol-dl-meta{font-size:.8rem;margin:0 0 .7rem;color:var(--t-muted,#5E6F6A)}
.hantol-dl-btn{display:flex;align-items:center;justify-content:center;gap:.45rem;width:100%;min-height:46px;padding:.65rem 1rem;border-radius:12px;background:var(--dl-band);color:#fff!important;font-weight:600;font-size:.95rem;text-decoration:none!important;white-space:normal;text-align:center;line-height:1.25}
.hantol-dl-btn:hover{background:var(--dl-band-d)}
.hantol-dl-btn:focus-visible{outline:3px solid var(--rc-glow,#8fd3c2);outline-offset:2px}
.hantol-dl-btn .hantol-ad-tag{font-size:.62em;font-weight:600;opacity:.85;padding:0 .35em;border:1px solid currentColor;border-radius:999px;line-height:1.35}
.hantol-dl-btn.is-busy{opacity:.75;pointer-events:none}
.hantol-dl-note{font-size:.78rem;margin:.5rem 0 0;color:var(--t-muted,#5E6F6A)}
@media (min-width:576px){.hantol-dl-box{padding:20px;gap:20px}.hantol-dl-cover{width:120px}.hantol-dl-title{font-size:1.25rem}.hantol-dl-btn{width:auto;display:inline-flex}}
@media (prefers-color-scheme:dark){.hantol-dl-box{background:linear-gradient(180deg,#16302b,#121a18 75%);border-color:#2b4a43;color:#e9f1ee}.hantol-dl-desc,.hantol-dl-meta,.hantol-dl-note{color:#b5c7c1}.hantol-dl-free{color:#8fd3c2}}
html[data-theme="dark"] .hantol-dl-box,html.dark .hantol-dl-box{background:linear-gradient(180deg,#16302b,#121a18 75%);border-color:#2b4a43;color:#e9f1ee}
/* 1.8.2: the box can now sit inside the post text (before its FAQ), so shield it from post-level styles such as "#post-id h2 {... !important}" */
html body #hantol-dl.hantol-dl-box h2.hantol-dl-title{font-family:var(--t-serif,inherit)!important;font-size:1.08rem!important;line-height:1.3!important;font-weight:700!important;color:inherit!important;border:0!important;padding:0!important;margin:0 0 .35rem!important;background:none!important;text-align:left!important;text-transform:none!important;letter-spacing:normal!important}
html body #hantol-dl.hantol-dl-box h2.hantol-dl-title::before,html body #hantol-dl.hantol-dl-box h2.hantol-dl-title::after{content:none!important;display:none!important}
html body #hantol-dl.hantol-dl-box p{margin-top:0!important;text-align:left!important;text-indent:0!important}
html body #hantol-dl.hantol-dl-box p.hantol-dl-desc{font-size:.88rem!important;line-height:1.45!important;margin-bottom:.4rem!important}
html body #hantol-dl.hantol-dl-box p.hantol-dl-meta{font-size:.8rem!important;line-height:1.4!important;margin-bottom:.7rem!important}
html body #hantol-dl.hantol-dl-box img.hantol-dl-cover{width:92px!important;max-width:92px!important;height:auto!important;margin:0!important;border:0!important;padding:0!important;display:block!important}
html body #hantol-dl.hantol-dl-box a.hantol-dl-btn{color:#fff!important;border:0!important;text-decoration:none!important;box-shadow:none!important;font-size:.92rem!important}
@media (min-width:576px){html body #hantol-dl.hantol-dl-box h2.hantol-dl-title{font-size:1.25rem!important}html body #hantol-dl.hantol-dl-box img.hantol-dl-cover{width:120px!important;max-width:120px!important}}
@media print{.hantol-dl-box{display:none!important}}