/* Untoxing Core: component styles (front end + editor). Page/theme styles live in Appearance → Customize → Additional CSS. */
@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;0,6..72,600;1,6..72,400;1,6..72,500&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');
:root{
  --ux-bg:#FAF7F2;--ux-surface:#FFFFFF;--ux-sand:#F2ECE3;--ux-ink:#1B2621;--ux-text:#4A544F;--ux-muted:#7C857F;--ux-line:#E7E0D5;
  --ux-green:#243D32;--ux-green-dk:#18291F;--ux-sage:#8A9A7E;--ux-sage-soft:#ECF0E8;--ux-blush:#EDD8CE;--ux-apricot:#E0855A;--ux-apricot-soft:#FBEDE4;
  --ux-gold:#B28A4C;--ux-gold-soft:#F6EFE2;--ux-slate:#56677C;--ux-slate-soft:#EBEFF3;--ux-rose:#9A5A55;--ux-rose-soft:#F7ECEA;
  --ux-serif:"Newsreader",Georgia,serif;--ux-sans:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--ux-r:16px;
  /* Priority colors: calm → attention */
  --ux-p1:#8A9A7E;--ux-p2:#B28A4C;--ux-p3:#3F7A63;--ux-p4:#C4623A;
}
.untx-kicker,.untx-eyebrow{font-family:var(--ux-sans);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ux-muted)}

/* Article meta line (automatic) */
.untx-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5em;font-family:var(--ux-sans);font-size:12px!important;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin:0 0 1.2em!important}
.untx-meta a{color:var(--ux-muted)!important;text-decoration:none}
.untx-meta a:hover{color:var(--ux-ink)!important}
.untx-meta__format{background:var(--ux-sage-soft);color:var(--ux-green)!important;padding:.35em .8em;border-radius:999px}
.untx-meta span{color:var(--ux-line)}

/* Disclosure + medical (automatic) */
.untx-disclosure{font-family:var(--ux-sans);font-size:13px!important;line-height:1.5;color:var(--ux-muted)!important;background:var(--ux-sand);border-radius:10px;padding:.75em 1em;margin:0 0 2em!important}
.untx-disclosure a{color:var(--ux-ink)!important}
.untx-medical{font-family:var(--ux-sans);font-size:14px!important;line-height:1.55;color:var(--ux-muted)!important;border-top:1px solid var(--ux-line);padding-top:1.2em;margin-top:2.5em!important}

/* Short Answer */
.untx-short{background:var(--ux-surface);border:1px solid var(--ux-line);border-radius:var(--ux-r);padding:1.4em 1.6em;margin:1.5em 0}
.untx-short__title{font-family:var(--ux-sans);font-size:11px!important;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ux-apricot)!important;margin:0 0 .5em!important}
.untx-short p:not(.untx-short__title){font-family:var(--ux-serif);font-size:1.3rem;line-height:1.45;color:var(--ux-ink)}
.untx-short p:last-child{margin-bottom:0}

/* Priority */
.untx-priority{--p:var(--ux-p2);font-family:var(--ux-sans);background:var(--ux-surface);border:1px solid var(--ux-line);border-radius:20px;padding:1.4em 1.6em 1.3em;margin:1.8em 0;position:relative;overflow:hidden}
.untx-priority::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:var(--p)}
.untx-priority--dont-worry{--p:var(--ux-p1)}
.untx-priority--when-its-time{--p:var(--ux-p2)}
.untx-priority--easy-win{--p:var(--ux-p3)}
.untx-priority--prioritize{--p:var(--ux-p4)}
.untx-priority__head{display:flex;justify-content:space-between;align-items:baseline;gap:1em;margin-bottom:.35em}
.untx-priority__kicker{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ux-ink)}
.untx-priority__method{font-size:13px;font-weight:600;color:var(--ux-ink)!important;text-decoration:none;border-bottom:1.5px solid var(--ux-apricot)}
.untx-priority__scenario{font-family:var(--ux-serif);font-style:italic;font-size:1.15rem!important;line-height:1.35;color:var(--ux-text)!important;margin:0 0 .9em!important}
.untx-priority__factors{display:grid;grid-template-columns:1fr;max-width:520px;margin:0!important;border-top:1px solid var(--ux-line)}
.untx-priority__factor{display:flex;justify-content:space-between;align-items:center;gap:1em;padding:.6em 0;border-bottom:1px solid var(--ux-line)}
.untx-priority__factor dt{font-size:14px;font-weight:600;color:var(--ux-ink);margin:0;cursor:help}
.untx-priority__factor dd{margin:0;display:flex;align-items:center;gap:.55em;white-space:nowrap}
.untx-dots{display:inline-flex;gap:4px}
.untx-dots i{display:block;width:11px;height:11px;border-radius:50%;border:1.5px solid var(--ux-ink);box-sizing:border-box}
.untx-dots i.on{background:var(--ux-ink)}
.untx-money{display:inline-flex;gap:1px;font-weight:700;font-size:15px;line-height:1}
.untx-money b{color:var(--ux-line);font-weight:700}
.untx-money b.on{color:var(--ux-ink)}
.untx-priority__value{font-size:14px;font-weight:600;color:var(--ux-ink);min-width:6.5em}
.untx-priority__result{margin:.6em 0 0}
.untx-priority__label{font-family:var(--ux-serif);font-size:1.9rem!important;line-height:1.05;font-weight:500;color:var(--p)!important;margin:0 0 .5em!important;letter-spacing:-.01em}
.untx-priority__label span{font-family:var(--ux-sans);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ux-muted);vertical-align:middle;margin-right:.3em}
.untx-priority__scale{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;list-style:none;padding:0!important;margin:0 0 1.1em!important}
.untx-priority__scale li{margin:0;padding-top:7px;border-top:4px solid var(--ux-line);font-size:11px;font-weight:600;color:var(--ux-muted);line-height:1.3}
.untx-priority__scale li.is-active{border-color:var(--p);color:var(--ux-ink)}
.untx-priority__summary{font-size:17px!important;line-height:1.6;margin:0 0 .8em!important;color:var(--ux-ink)!important}
.untx-priority__basis{font-size:11px!important;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ux-muted)!important;margin:1.4em 0 .4em!important}
.untx-priority__action{font-size:16px!important;line-height:1.55;margin:0!important;color:var(--ux-text)!important}
.untx-priority__action strong{color:var(--ux-ink)}
.untx-priority__higher,.untx-priority__why{font-size:14px!important;line-height:1.5;margin:.8em 0 0!important;color:var(--ux-text)!important}
.untx-priority__higher strong{color:var(--ux-apricot)}
.untx-priority__reviewed{font-size:12px!important;color:var(--ux-muted)!important;margin:.9em 0 0!important}
.untx-priority--empty,.untx-sources-box--empty,.untx-ubb--empty,.untx-pick--empty{padding:1.2em;border:1.5px dashed var(--ux-line);border-radius:12px;font-size:14px;color:var(--ux-muted);background:var(--ux-bg)}
@media (max-width:640px){.untx-priority{padding:1.2em 1.1em}.untx-priority__factors{grid-template-columns:1fr}.untx-priority__scale span{font-size:10px}.untx-priority__label{font-size:1.6rem!important}}

/* Evidence notes */
.untx-evidence{background:var(--ux-surface);border:1px solid var(--ux-line);border-radius:var(--ux-r);padding:1.2em 1.4em;margin:12px 0}
.untx-evidence p{margin:.4em 0;font-size:1rem}
.untx-evidence__label,.untx-chip{display:inline-block;font-family:var(--ux-sans);font-size:11px!important;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.35em .8em;border-radius:999px;background:var(--ux-sage-soft);color:var(--ux-green)!important;line-height:1.3;margin:0 0 .3em!important}
.untx-evidence--emerging .untx-evidence__label,.untx-chip--emerging{background:var(--ux-gold-soft);color:#7A5A22!important}
.untx-evidence--precautionary .untx-evidence__label,.untx-chip--precautionary{background:var(--ux-slate-soft);color:var(--ux-slate)!important}
.untx-evidence--overstated .untx-evidence__label,.untx-chip--overstated{background:var(--ux-rose-soft);color:var(--ux-rose)!important}

/* Callouts */
.untx-callout{border-radius:20px;padding:1.6em 1.8em;margin:2em 0;background:var(--ux-sand)}
.untx-callout__title{font-family:var(--ux-serif);font-size:1.5rem!important;font-weight:500;color:var(--ux-ink)!important;margin:0 0 .5em!important;line-height:1.15}
.untx-callout--keep{background:var(--ux-sage-soft)}
.untx-callout--tip{background:var(--ux-gold-soft)}
.untx-callout--heads-up{background:var(--ux-apricot-soft)}
.untx-callout ul{margin-bottom:0}
.untx-callout li{margin-bottom:.35em}
.untx-callout p:last-child{margin-bottom:0}

/* Usual / Better / Best */
.untx-ubb{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:1.3em 0}
.untx-ubb__col{background:var(--ux-surface);border:1px solid var(--ux-line);border-radius:var(--ux-r);padding:1.2em}
.untx-ubb__col h3{font-family:var(--ux-serif);font-size:1.25rem!important;font-weight:500;margin:.5em 0 .35em!important;line-height:1.2}
.untx-ubb__col p{font-size:.93rem;line-height:1.55;margin:0}
.untx-ubb__tier,.untx-pick__tier{display:inline-block;font-family:var(--ux-sans);font-size:11px!important;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:.35em .8em;margin:0!important;background:var(--ux-sand);color:var(--ux-text)!important}
.untx-ubb__col--better .untx-ubb__tier{background:var(--ux-gold-soft);color:#7A5A22!important}
.untx-ubb__col--best .untx-ubb__tier,.untx-pick .untx-pick__tier{background:var(--ux-sage-soft);color:var(--ux-green)!important}
@media (max-width:700px){.untx-ubb{grid-template-columns:1fr}}

/* Product pick */
.untx-pick{display:flex;gap:1.4em;align-items:center;background:var(--ux-surface);border:1px solid var(--ux-line);border-radius:var(--ux-r);padding:1.3em 1.5em;margin:14px 0}
.untx-pick__img{flex:0 0 120px}
.untx-pick__img img{width:120px;height:120px;object-fit:contain;border-radius:10px;background:var(--ux-bg)}
.untx-pick__body{flex:1}
.untx-pick__name{font-family:var(--ux-serif);font-size:1.35rem!important;font-weight:500;margin:.4em 0 .3em!important;line-height:1.2;color:var(--ux-ink)!important}
.untx-pick__why{font-size:.96rem;margin:0 0 .9em!important}
.untx-pick__cta{margin:0!important}
.untx-buy{display:inline-flex;font-family:var(--ux-sans);font-weight:600;font-size:14px;background:var(--ux-green);color:#fff!important;text-decoration:none!important;border-radius:999px;padding:.7em 1.3em}
.untx-buy:hover{background:var(--ux-green-dk)}
.untx-buy--placeholder{background:var(--ux-line);color:var(--ux-muted)!important}
@media (max-width:600px){.untx-pick{flex-direction:column;align-items:flex-start}}

/* Sources */
.untx-sources-box{margin:3em 0 1em;padding-top:1.5em;border-top:1px solid var(--ux-line)}
.untx-sources-box__title{font-family:var(--ux-serif)!important;font-size:1.6rem!important;font-weight:500!important;margin:0 0 .3em!important}
.untx-sources-box__intro{font-size:14px!important;color:var(--ux-muted)!important;margin:0 0 1em!important}
.untx-sources-box__list{list-style:none;padding:0!important;margin:0!important;counter-reset:src}
.untx-sources-box__list li{display:flex;gap:.8em;align-items:baseline;font-size:14px;line-height:1.5;color:var(--ux-text);padding:.65em 0;border-bottom:1px solid var(--ux-line);margin:0}
.untx-sources-box__list li:last-child{border-bottom:0}
.untx-source-type{flex:0 0 92px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ux-muted);padding-top:.2em}
.untx-source-type--review{color:var(--ux-green)}
.untx-source-type--agency{color:var(--ux-slate)}
.untx-sources-box__list a{color:var(--ux-ink)!important}
@media (max-width:600px){.untx-sources-box__list li{flex-direction:column;gap:.2em}.untx-source-type{flex:none}}

/* Related (automatic) */
.untx-related{margin:2.5em 0 0;padding:1.4em 1.6em;background:var(--ux-sand);border-radius:var(--ux-r)}
.untx-related__title{font-family:var(--ux-sans);font-size:12px!important;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ux-muted)!important;margin:0 0 .6em!important}
.untx-related__title a{color:var(--ux-ink)!important}
.untx-related ul{list-style:none;padding:0!important;margin:0!important}
.untx-related li{padding:.45em 0;border-bottom:1px solid var(--ux-line);margin:0;display:flex;justify-content:space-between;gap:1em}
.untx-related li:last-child{border-bottom:0}
.untx-related li a{font-family:var(--ux-serif);font-size:1.1rem;color:var(--ux-ink)!important;text-decoration:none}
.untx-related li span{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ux-muted);white-space:nowrap}

/* Block styles */
ul.is-style-untx-checklist{list-style:none;padding-left:0!important}
ul.is-style-untx-checklist li{position:relative;padding-left:1.9em;margin-bottom:.6em}
ul.is-style-untx-checklist li::before{content:"";position:absolute;left:0;top:.3em;width:1.1em;height:1.1em;border:1.5px solid var(--ux-green);border-radius:5px}
.is-style-untx-table table{border-collapse:separate;border-spacing:0;border:1px solid var(--ux-line);border-radius:12px;overflow:hidden;font-size:15px;width:100%}
.is-style-untx-table th{background:var(--ux-sand);font-weight:600;text-align:left;color:var(--ux-ink)}
.is-style-untx-table th,.is-style-untx-table td{padding:.7em .9em;border:0;border-bottom:1px solid var(--ux-line)}
.is-style-untx-table tr:last-child td{border-bottom:0}

/* Priority scale + factor list shortcodes (How We Rate page, homepage) */
.untx-scale{list-style:none;padding:0!important;margin:1.5em 0!important;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.untx-scale__item{margin:0;padding:1.1em 1.1em 1.2em;background:var(--ux-surface);border:1px solid var(--ux-line);border-radius:var(--ux-r);border-top:5px solid var(--ux-p2)}
.untx-scale__item--dont-worry{border-top-color:var(--ux-p1)}
.untx-scale__item--easy-win{border-top-color:var(--ux-p3)}
.untx-scale__item--prioritize{border-top-color:var(--ux-p4)}
.untx-scale__label{display:block;font-family:var(--ux-serif);font-size:1.3rem;font-weight:500;color:var(--ux-ink);line-height:1.15;margin-bottom:.4em}
.untx-scale__desc{display:block;font-size:14px;line-height:1.5;color:var(--ux-text)}
@media (max-width:900px){.untx-scale{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.untx-scale{grid-template-columns:1fr}}
.untx-factor-list{margin:1em 0!important}
.untx-factor-list>div{padding:.8em 0;border-bottom:1px solid var(--ux-line)}
.untx-factor-list dt{font-weight:600;color:var(--ux-ink)}
.untx-factor-list dd{margin:.2em 0 0;font-size:15px}
.untx-factor-list dd span{display:block;font-size:13px;color:var(--ux-muted);margin-top:.2em}

/* Priority badge */
.untx-badge{display:inline-block;font-family:var(--ux-sans);font-size:11px;font-weight:600;letter-spacing:.06em;padding:.3em .75em;border-radius:999px;color:#fff;background:var(--ux-p2)}
.untx-badge--dont-worry{background:var(--ux-p1)}
.untx-badge--easy-win{background:var(--ux-p3)}
.untx-badge--prioritize{background:var(--ux-p4)}
/* Read Next card */
.untx-related-card{display:flex;align-items:center;gap:1em;margin:1.6em 0;padding:1em 1.2em;background:var(--ux-sand,#F2ECE3);border-radius:16px;text-decoration:none!important;color:var(--ux-ink)!important;font-family:var(--ux-sans);transition:transform .15s ease}
.untx-related-card:hover{transform:translateY(-2px)}
.untx-related-card__img img{display:block;width:72px;height:72px;object-fit:cover;border-radius:10px}
.untx-related-card__body{display:flex;flex-direction:column;gap:.2em;flex:1;min-width:0}
.untx-related-card__kicker{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ux-apricot,#E0855A)}
.untx-related-card__title{font-family:var(--ux-serif);font-size:1.25rem;line-height:1.2;font-weight:500}
.untx-related-card__note{font-size:14px;color:var(--ux-text)}
.untx-related-card__arrow{font-size:1.4rem;line-height:1}
.untx-related-card--empty{padding:1.2em;border:1.5px dashed var(--ux-line);border-radius:12px;font-size:14px;color:var(--ux-muted);background:var(--ux-bg)}
.wp-block-table.is-style-untx-table{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media (max-width:600px){.is-style-untx-table table{font-size:14px;min-width:520px}}
