/*
 * InstaTuck Core design system (PLAN.md 4.5; owner restyle 2026-10-06): the purple motif of the header, footer and
 * homepage everywhere. Primary purple #4B1F73 (deep #2A1240, lilac surfaces #F4F1F8, lines #E4DCEE), accent orange
 * #F07D1A, yellow #FAB219 for primary calls to action (dark text), green #0CA30C only for positive/approved meanings,
 * red #D03B3B for warnings, grey #8A919C, ink #1A1D23. Never blue.
 * Colours are variables; override them in Site Editor → Styles → Additional CSS. Icons are clean line icons drawn
 * with CSS masks (bottom of this file), never emoji. Cards are equal-size tiles; tabs are underline tabs.
 * Variable names kept from the first version: --it-deep is now the purple used for links and actions, --it-mint and
 * --it-cream are lilac surfaces; --it-green-deep is the text-safe green.
 */
:root {
	--it-ink: #1A1D23;
	--it-muted: #5a5466;
	--it-grey: #8A919C;
	--it-line: #E4DCEE;
	--it-cream: #F4F1F8;
	--it-mint: #F4F1F8;
	--it-soft-2: #EDE6F5;
	--it-purple: #4B1F73;
	--it-purple-2: #6B2FA0;
	--it-plum-deep: #2A1240;
	--it-green: #0CA30C;
	--it-green-deep: #087808;
	--it-green-soft: #e5f6e5;
	--it-deep: #4B1F73;
	--it-yellow: #FAB219;
	--it-orange: #F07D1A;
	--it-orange-text: #a24d06;
	--it-red: #D03B3B;
	--it-plum: #4B1F73;
	--it-radius: 14px;
	--it-shadow: 0 10px 28px rgba(75, 31, 115, .14);
}

.it-page { color: var(--it-ink); }

/* Breadcrumbs, summary, byline */
.it-crumbs { font-size: .875rem; color: var(--it-muted); margin-bottom: .5rem; }
.it-crumbs a { color: inherit; text-decoration: none; }
.it-crumbs a:hover { text-decoration: underline; }
.it-crumbs .it-sep { margin: 0 .3rem; color: var(--it-grey); }
.it-summary { font-size: 1.15rem; line-height: 1.55; margin: .25rem 0 .6rem; }
.it-byline { font-size: .875rem; color: var(--it-muted); margin: 0 0 1.25rem; display: flex; flex-wrap: wrap; gap: .25rem .4rem; align-items: center; }
.it-byline a { color: var(--it-deep); }
.it-kicker { margin: 0 0 .75rem; }
.it-label { display: inline-block; font-size: .75rem; font-weight: 700; letter-spacing: .03em; padding: .2rem .7rem; border-radius: 999px; background: var(--it-purple); color: #fff; }
.it-eyebrow { font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .09em; color: var(--it-purple); margin: 0 0 .5rem; }
.it-note { font-size: .875rem; color: var(--it-muted); }
.it-dash { color: var(--it-grey); }

/* Icons */
.it-ico { display: inline-block; width: 1.1em; height: 1.1em; flex: 0 0 1.1em; vertical-align: -.18em; background-color: currentColor;
	-webkit-mask: var(--it-ico) center / contain no-repeat; mask: var(--it-ico) center / contain no-repeat; }

/* Badges (FDA APPROVED, PRESCRIPTION, PILL, INJECTION, SURGICAL, COSMETIC, INVESTIGATIONAL …) */
.it-badges { display: flex; flex-wrap: wrap; gap: .4rem; margin: .25rem 0 .6rem; }
.it-badges-sm { gap: .3rem; margin: 0 0 .35rem; }
.it-badge { display: inline-flex; align-items: center; gap: .35rem; font-size: .72rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase;
	padding: .3rem .65rem; border-radius: 999px; border: 1px solid transparent; line-height: 1.2; }
.it-badges-sm .it-badge { font-size: .64rem; padding: .2rem .5rem; }
.it-tone-green { background: #e5f6e5; color: #087a08; }
.it-tone-grey { background: #eef0f2; color: #4c525c; }
.it-tone-yellow { background: #fff4d6; color: #7a5300; }
.it-tone-orange { background: #fdebdc; color: #a24d06; }
.it-tone-red { background: #fbe4e4; color: #a32626; }
.it-tone-plum { background: #EDE6F5; color: var(--it-purple); }
.it-tone-ink { background: var(--it-plum-deep); color: #fff; }
.it-tone-outline { background: #fff; color: var(--it-ink); border-color: var(--it-line); }
.it-badge-group { display: inline-flex; flex-wrap: wrap; align-items: center; gap: .35rem; margin-right: 1rem; }
.it-records-badges { margin: 0 0 .75rem; }
.it-status-line { display: flex; gap: .45rem; align-items: flex-start; font-size: .85rem; color: var(--it-muted); margin: 0 0 1rem; }
.it-status-line a { color: inherit; }
.it-status-stale { color: #8a4b0b; background: #fff6e6; border-left: 4px solid var(--it-orange); border-radius: 10px; padding: .55rem .75rem; }

/* Key facts, short answer, takeaways, "On this page" */
.it-facts-box { background: var(--it-cream); border: 1px solid var(--it-line); border-radius: var(--it-radius); padding: 1.1rem 1.25rem; margin: 1.25rem 0 1.5rem; }
.it-facts { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: .85rem 1.5rem; margin: 0; }
.it-facts > div { min-width: 0; }
.it-facts dt { font-size: .72rem; text-transform: uppercase; letter-spacing: .06em; color: var(--it-grey); margin: 0; }
.it-facts dd { margin: .15rem 0 0; font-size: 1rem; font-weight: 500; overflow-wrap: anywhere; }
.it-facts-strip .it-facts { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
.it-short-answer p:last-child { margin-bottom: 0; }
.it-claim { display: flex; flex-wrap: wrap; align-items: baseline; gap: .5rem 1rem; margin: 0 0 1rem; }
.it-claim-q { font-weight: 600; }
.it-claim-a { font-size: 1.9rem; font-weight: 800; letter-spacing: -.01em; }
.it-claim-yes .it-claim-a { color: var(--it-green-deep); }
.it-claim-partly .it-claim-a { color: var(--it-orange-text); }
.it-claim-no .it-claim-a { color: #a32626; }
.it-takeaways { background: var(--it-mint); border-radius: var(--it-radius); padding: 1.1rem 1.4rem; margin: 1.25rem 0 1.5rem; }
.it-takeaways h2 { font-size: 1.1rem; margin: 0 0 .5rem; }
.it-takeaways ul { margin: 0; padding-left: 1.2rem; }
.it-takeaways li { margin: .35rem 0; }
.it-cite { font-size: .7em; margin-left: .1em; }
.it-cite a { text-decoration: none; color: var(--it-purple); font-weight: 700; }
.it-toc { background: #fff; border: 1px solid var(--it-line); border-left: 4px solid var(--it-purple); border-radius: var(--it-radius); padding: 1rem 1.25rem; margin: 1.5rem 0 2rem; }
.it-toc ol { margin: 0; padding-left: 1.1rem; columns: 2 16rem; column-gap: 2rem; }
.it-toc li { margin: .2rem 0; break-inside: avoid; }
.it-toc a { text-decoration: none; color: var(--it-ink); }
.it-toc a:hover { color: var(--it-purple); text-decoration: underline; }

/* Alerts: warning, boxed warning, info, ok */
.it-alert { display: flex; gap: .75rem; align-items: flex-start; padding: .9rem 1.1rem; border-radius: var(--it-radius); margin: 1.25rem 0; border: 1px solid transparent; }
.it-alert > .it-ico { margin-top: .15rem; width: 1.3em; height: 1.3em; flex-basis: 1.3em; }
.it-alert p { margin: 0 0 .5rem; }
.it-alert p:last-child { margin-bottom: 0; }
.it-alert-title { font-weight: 700; }
.it-alert-info { background: var(--it-cream); border-color: var(--it-line); }
.it-alert-info > .it-ico { color: var(--it-purple); }
.it-alert-ok { background: var(--it-green-soft); border-color: #bfe5bf; }
.it-alert-ok > .it-ico { color: var(--it-green-deep); }
.it-alert-warning { background: #fff5e8; border-color: #f6d3ae; border-left: 4px solid var(--it-orange); }
.it-alert-warning > .it-ico { color: var(--it-orange); }
.it-alert-boxed { background: #fff; border: 2px solid var(--it-red); }
.it-alert-boxed > .it-ico, .it-alert-boxed .it-alert-title { color: var(--it-red); }
.it-alert-boxed .it-alert-title { text-transform: uppercase; letter-spacing: .05em; font-size: .85rem; }

/* Sections and tables */
.it-section, .it-faq, .it-references, .it-sources, .it-questions, .it-module { margin: 2.25rem 0; }
.it-section h2, .it-faq h2, .it-references h2, .it-sources h2, .it-questions h2, .it-module-title { font-size: 1.4rem; margin: 0 0 .8rem; scroll-margin-top: 90px; }
.it-section h3 { font-size: 1.05rem; margin: 1.25rem 0 .5rem; }
.it-cautions { border-left: 4px solid var(--it-orange); padding-left: 1rem; }
.it-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid var(--it-line); border-radius: var(--it-radius); }
.it-table { width: 100%; border-collapse: collapse; font-size: .94rem; background: #fff; }
.it-table th, .it-table td { text-align: left; padding: .65rem .8rem; border-bottom: 1px solid var(--it-line); vertical-align: top; }
.it-table tr:last-child th, .it-table tr:last-child td { border-bottom: 0; }
.it-table thead th { font-size: .74rem; text-transform: uppercase; letter-spacing: .05em; color: var(--it-muted); background: var(--it-cream); }
.it-table tbody th { font-weight: 600; }
.it-table ul { margin: 0; padding-left: 1.1rem; }
.it-compare-table tbody th { width: 22%; color: var(--it-muted); font-weight: 600; }
.it-compare-table thead th { text-transform: none; letter-spacing: 0; font-size: 1rem; color: var(--it-ink); }
.it-compare-table thead th a { color: var(--it-ink); font-weight: 700; display: block; margin-bottom: .35rem; }
.it-two { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1.25rem; }
.it-pros h3 .it-ico { color: var(--it-green-deep); margin-right: .35rem; }
.it-cons h3 .it-ico { color: var(--it-orange); margin-right: .35rem; }

/* Scorecards (no overall score) */
.it-scorecard { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: .75rem; margin: 0 0 .5rem; }
.it-scorecard > div { background: #fff; border: 1px solid var(--it-line); border-radius: 12px; padding: .7rem .85rem; }
.it-scorecard dt { font-size: .72rem; text-transform: uppercase; letter-spacing: .06em; color: var(--it-grey); }
.it-scorecard dd { margin: .3rem 0 0; }
.it-pill { display: inline-block; font-size: .82rem; font-weight: 700; padding: .2rem .65rem; border-radius: 999px; background: #EDE6F5; color: var(--it-purple); cursor: help; }
.it-pill-high, .it-pill-moderate-evidence, .it-pill-none, .it-pill-not-needed, .it-pill-simple, .it-pill-cost-1, .it-pill-low-maintenance { background: var(--it-green-soft); color: var(--it-green-deep); }
.it-pill-limited, .it-pill-emerging, .it-pill-moderate, .it-pill-moderate-effort, .it-pill-recommended, .it-pill-medium-maintenance, .it-pill-cost-3 { background: #fff4d6; color: #7a5300; }
.it-pill-not-supported, .it-pill-surgical, .it-pill-required, .it-pill-intensive, .it-pill-high-maintenance, .it-pill-ongoing, .it-pill-cost-4 { background: #fdebdc; color: #a24d06; }

/* Buttons, CTA, disclosure */
.it-button, .it-filterbar button, .it-builder-form button { display: inline-flex; align-items: center; gap: .45rem; background: var(--it-yellow); color: var(--it-ink); border: 0; border-radius: 999px; font-weight: 800;
	padding: .65rem 1.35rem; font: inherit; font-weight: 600; text-decoration: none; cursor: pointer; transition: background .15s ease, transform .15s ease; }
.it-button:hover, .it-button:focus, .it-filterbar button:hover, .it-builder-form button:hover { background: #ffc43f; color: var(--it-ink); transform: translateY(-1px); box-shadow: 0 6px 16px rgba(250, 178, 25, .35); }
.it-button:focus-visible, .it-filterbar button:focus-visible, .it-builder-form button:focus-visible { outline: 3px solid var(--it-purple); outline-offset: 2px; }
.it-button-ghost { background: #fff; color: var(--it-purple); border: 1.5px solid var(--it-purple); }
.it-button-ghost:hover, .it-button-ghost:focus { background: var(--it-cream); color: var(--it-purple); box-shadow: none; }
.it-cta { margin: 1.5rem 0 .75rem; }
.it-disclosure { display: flex; gap: .45rem; align-items: flex-start; font-size: .82rem; color: var(--it-muted); background: var(--it-cream); border-radius: 10px; padding: .55rem .8rem; margin: 1rem 0 .75rem; }
.it-disclosure .it-ico { margin-top: .1rem; color: var(--it-grey); }
.it-unlinked { color: inherit; }

/* Questions, FAQ accordion, references, reviewer card, disclaimer */
.it-questions { background: var(--it-cream); border-radius: var(--it-radius); padding: 1.1rem 1.4rem; }
.it-questions h2 { display: flex; align-items: center; gap: .5rem; font-size: 1.2rem; }
.it-questions h2 .it-ico { color: var(--it-purple); }
.it-faq-item { border-top: 1px solid var(--it-line); }
.it-faq-item:last-child { border-bottom: 1px solid var(--it-line); }
.it-faq-item summary { cursor: pointer; list-style: none; padding: .9rem 2rem .9rem 0; font-weight: 600; position: relative; }
.it-faq-item summary::-webkit-details-marker { display: none; }
.it-faq-item summary::after { content: ""; position: absolute; right: .25rem; top: 50%; width: .6rem; height: .6rem; border-right: 2px solid var(--it-deep); border-bottom: 2px solid var(--it-deep); transform: translateY(-70%) rotate(45deg); transition: transform .15s ease; }
.it-faq-item[open] summary::after { transform: translateY(-30%) rotate(-135deg); }
.it-faq-item p { margin: 0 0 .9rem; }
.it-references ol { font-size: .88rem; padding-left: 1.4rem; }
.it-references li { margin: .4rem 0; overflow-wrap: anywhere; }
.it-references li:target { background: #fff4d6; border-radius: 6px; }
.it-references a, .it-sources a, .it-byline a, .it-status-line a { color: var(--it-purple); }
.it-ref-type { display: inline-block; font-size: .7rem; padding: .05rem .45rem; border-radius: 999px; background: #eef0f2; color: #4c525c; }
.it-accessed { color: var(--it-muted); }
.it-sources ul { padding-left: 1.2rem; }
.it-reviewer { display: flex; gap: .9rem; align-items: flex-start; margin: 2rem 0; padding: 1.1rem 1.3rem; border-radius: var(--it-radius); background: var(--it-cream); border: 1px solid var(--it-line); border-top: 4px solid var(--it-purple); }
.it-reviewer > .it-ico { width: 1.8em; height: 1.8em; flex-basis: 1.8em; color: var(--it-purple); }
.it-reviewer p { margin: .15rem 0; }
.it-reviewer-name { font-weight: 700; font-size: 1.05rem; }
.it-reviewer-name a { color: var(--it-ink); }
.it-checked { font-size: .85rem; color: var(--it-muted); margin: 1rem 0; }
.it-disclaimer { display: flex; gap: .5rem; align-items: flex-start; font-size: .85rem; color: var(--it-muted); border-top: 1px solid var(--it-line); padding-top: 1rem; margin-top: 2rem; }
.it-before-after figcaption { font-size: .85rem; color: var(--it-muted); }

/* Cards (equal-size tiles) and modules */
.it-modules { margin-top: 2.75rem; border-top: 1px solid var(--it-line); padding-top: .5rem; }
.it-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); grid-auto-rows: 1fr; gap: 1rem; }
.it-card { display: flex; flex-direction: column; height: 100%; border: 1px solid var(--it-line); border-radius: var(--it-radius); overflow: hidden; text-decoration: none; color: inherit; background: #fff;
	transition: box-shadow .18s ease, transform .18s ease, border-color .18s ease; }
.it-card:hover, .it-card:focus { box-shadow: var(--it-shadow); transform: translateY(-2px); border-color: var(--it-purple); }
.it-card-img img { display: block; width: 100%; aspect-ratio: 16 / 10; height: auto; object-fit: cover; }
.it-card-body { display: flex; flex-direction: column; gap: .3rem; padding: .85rem 1rem 1.05rem; flex: 1; }
.it-card-title { font-weight: 700; line-height: 1.3; }
.it-card-fact { font-size: .84rem; color: var(--it-muted); }
.it-chips { display: flex; flex-wrap: wrap; gap: .5rem; list-style: none; padding: 0; margin: 0; }
.it-chips a { display: inline-block; padding: .35rem .85rem; border-radius: 999px; background: var(--it-cream); border: 1px solid var(--it-line); text-decoration: none; color: inherit; font-size: .9rem; }
.it-chips a:hover { border-color: var(--it-purple); color: var(--it-purple); }

/* Underline tabs */
.it-tabs { display: flex; flex-wrap: wrap; gap: .25rem 1.5rem; border-bottom: 1px solid var(--it-line); margin: 1rem 0 1.25rem; }
.it-tab { padding: .6rem 0; text-decoration: none; color: var(--it-muted); font-weight: 600; border-bottom: 3px solid transparent; margin-bottom: -1px; }
.it-tab:hover { color: var(--it-ink); }
.it-tab.is-active, .it-tab[aria-selected="true"] { color: var(--it-plum-deep); border-bottom-color: var(--it-purple); }
.it-tab span { color: var(--it-grey); font-weight: 500; }

/* Directory, builder, search */
.it-filterbar, .it-builder-form { display: flex; flex-wrap: wrap; gap: .75rem 1rem; align-items: flex-end; padding: 1rem; margin: 1rem 0; background: var(--it-cream); border-radius: var(--it-radius); }
.it-filter { display: flex; flex-direction: column; gap: .2rem; font-size: .8rem; color: var(--it-muted); min-width: 140px; flex: 1 1 150px; }
.it-filter select, .it-filter input { font: inherit; font-size: .95rem; color: var(--it-ink); padding: .5rem .65rem; border: 1px solid #cfc3de; border-radius: 10px; background: #fff; }
.it-filter select:focus, .it-filter input:focus { outline: none; border-color: var(--it-purple); box-shadow: 0 0 0 3px rgba(75, 31, 115, .2); }
.it-filter-actions { display: flex; gap: .75rem; align-items: center; }
.it-count { font-size: .9rem; color: var(--it-muted); }
.it-empty { padding: 1rem; background: var(--it-cream); border-radius: var(--it-radius); }
.it-pages { display: flex; flex-wrap: wrap; gap: .4rem; margin: 1.5rem 0; }
.it-pages a, .it-pages span { padding: .35rem .75rem; border-radius: 10px; border: 1px solid var(--it-line); text-decoration: none; color: inherit; }
.it-pages [aria-current] { background: var(--it-purple); color: #fff; border-color: var(--it-purple); }
.it-pages .it-gap { border: 0; }
.it-builder-result[aria-busy="true"] { opacity: .5; }
.it-search-group ul { list-style: none; padding: 0; }
.it-search-group li { padding: .7rem 0; border-bottom: 1px solid var(--it-line); }
.it-search-group li p { margin: .25rem 0 0; font-size: .95rem; color: var(--it-muted); }
.it-search-group .it-badges { display: inline-flex; margin: 0 0 0 .4rem; vertical-align: middle; }

@media (max-width: 600px) {
	.it-facts { grid-template-columns: 1fr 1fr; }
	.it-cards { grid-template-columns: 1fr 1fr; gap: .75rem; }
	.it-filter { flex-basis: 100%; }
	.it-compare-table tbody th { width: auto; }
	.it-toc ol { columns: 1; }
}
@media (max-width: 380px) {
	.it-cards, .it-facts { grid-template-columns: 1fr; }
}

/* Line icons (masks) */
.it-ico-check { --it-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); }
.it-ico-info { --it-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v6M12 7.5v.5'/%3E%3C/svg%3E"); }
.it-ico-alert { --it-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5L2.5 20h19z'/%3E%3Cpath d='M12 10v4.5M12 17.5v.5'/%3E%3C/svg%3E"); }
.it-ico-flask { --it-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 3h5M10 3v6L4.5 19a1.5 1.5 0 0 0 1.3 2h12.4a1.5 1.5 0 0 0 1.3-2L14 9V3'/%3E%3Cpath d='M7.5 15h9'/%3E%3C/svg%3E"); }
.it-ico-x { --it-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9 9l6 6M15 9l-6 6'/%3E%3C/svg%3E"); }
.it-ico-sparkle { --it-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l1.8 5.2L19 10l-5.2 1.8L12 17l-1.8-5.2L5 10l5.2-1.8z'/%3E%3Cpath d='M18.5 16v4M16.5 18h4'/%3E%3C/svg%3E"); }
.it-ico-device { --it-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='3' width='12' height='18' rx='2.5'/%3E%3Cpath d='M10 17.5h4M9 7h6'/%3E%3C/svg%3E"); }
.it-ico-leaf { --it-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19c0-8 5-13 14-14 0 9-5 14-13 14'/%3E%3Cpath d='M5 19l7-7'/%3E%3C/svg%3E"); }
.it-ico-rx { --it-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 20V4h5a3.5 3.5 0 0 1 0 7H6M10.5 11l7.5 9M18 13.5L13 20'/%3E%3C/svg%3E"); }
.it-ico-bag { --it-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1 12H6z'/%3E%3Cpath d='M9 8V6a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E"); }
.it-ico-syringe { --it-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3l4 4M19 5l-9.5 9.5-3-3L16 2M13 8l3 3M6.5 11.5l6 6M5 19l-2 2M8 16l-3 3'/%3E%3C/svg%3E"); }
.it-ico-pill { --it-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8.5' width='18' height='7' rx='3.5' transform='rotate(-35 12 12)'/%3E%3Cpath d='M9.6 8.6l4.9 6.8'/%3E%3C/svg%3E"); }
.it-ico-scalpel { --it-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21l7-7M10 14l9.5-9.5a2.1 2.1 0 0 1 0 3L13 14z'/%3E%3C/svg%3E"); }
.it-ico-scope { --it-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7' cy='7' r='3'/%3E%3Cpath d='M9.5 9.5C14 14 14 20 20 20M18 18l3 3'/%3E%3C/svg%3E"); }
.it-ico-chart { --it-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V4M4 20h16M8 16v-4M12 16V8M16 16v-6'/%3E%3C/svg%3E"); }
.it-ico-clock { --it-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E"); }
.it-ico-shield { --it-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v5c0 4.5-3 8-7 10-4-2-7-5.5-7-10V6z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E"); }
.it-ico-plus { --it-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8v8M8 12h8'/%3E%3C/svg%3E"); }
.it-ico-minus { --it-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12h8'/%3E%3C/svg%3E"); }
.it-ico-chat { --it-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H9l-5 4z'/%3E%3Cpath d='M8 9.5h8M8 12.5h5'/%3E%3C/svg%3E"); }
.it-ico-arrow { --it-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E"); }

/* ===== Purple motif, site-wide (owner 2026-10-06) ===== */
.it-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* Page top: lilac band behind breadcrumbs, title and intro (full-bleed via box-shadow, no horizontal scroll). */
.it-main > .it-crumbs { background: var(--it-cream); box-shadow: 0 0 0 100vmax var(--it-cream); clip-path: inset(-1.75rem -100vmax -2rem); }
.it-main > .wp-block-post-title, main:has(.it-page) .wp-block-post-title { color: var(--it-plum-deep); letter-spacing: -.02em; line-height: 1.12;
	background: var(--it-cream); box-shadow: 0 0 0 100vmax var(--it-cream); clip-path: inset(-.5rem -100vmax -2.75rem); padding-top: 1rem; }
.it-top { background: var(--it-cream); box-shadow: 0 0 0 100vmax var(--it-cream), 0 1px 0 100vmax var(--it-line); clip-path: inset(0 -100vmax -1px); padding: .25rem 0 1.25rem; margin-bottom: 1.75rem; }
.it-top > :first-child { margin-top: 0; }
.it-top .it-summary { color: #2f2a38; font-size: clamp(1.08rem, 2.2vw, 1.25rem); }
.it-top .it-byline { margin-bottom: 0; }
.it-top .it-byline .it-ico { color: var(--it-green-deep); }
.it-crumbs a { color: var(--it-purple); font-weight: 600; }

/* Content headings, links and tables (Twenty Twenty-Five content inside .it-page) */
.it-page h2, .it-page h3 { color: var(--it-plum-deep); }
.it-page > h2, .it-page > .wp-block-heading:where(h2), .it-section > h2, .it-faq > h2, .it-references > h2, .it-sources > h2, .it-module-title {
	padding-bottom: .5rem; background: linear-gradient(90deg, var(--it-yellow) 0 2.5rem, var(--it-orange) 2.5rem 3.5rem, transparent 3.5rem) left bottom / 100% 4px no-repeat; }
.it-page a:not([class]) { color: var(--it-purple); text-decoration-thickness: 1.5px; text-underline-offset: .15em; }
.it-page a:not([class]):hover { color: var(--it-purple-2); text-decoration-color: var(--it-orange); }
.it-page .wp-block-table table { border-collapse: collapse; width: 100%; }
.it-page .wp-block-table th, .it-page .wp-block-table td { border: 0; border-bottom: 1px solid var(--it-line); padding: .6rem .75rem; text-align: left; }
.it-page .wp-block-table thead th, .it-table thead th { background: var(--it-cream); color: var(--it-purple); border-bottom: 2px solid var(--it-line); }
.it-page .wp-block-table tbody tr:nth-child(even), .it-table tbody tr:nth-child(even) > * { background: #F9F7FC; }
.it-page .wp-block-quote { border-left: 4px solid var(--it-purple); background: var(--it-cream); border-radius: 0 var(--it-radius) var(--it-radius) 0; padding: 1rem 1.25rem; }
.it-page .wp-block-button__link { background: var(--it-yellow); color: var(--it-ink); font-weight: 800; border-radius: 999px; }
.it-page .wp-block-button__link:hover { background: #ffc43f; }
.it-page .is-style-outline .wp-block-button__link { background: transparent; color: var(--it-purple); border: 2px solid var(--it-purple); }

/* Key facts: white card with purple top bar and icon chips */
.it-facts-box { background: #fff; border-top: 4px solid var(--it-purple); box-shadow: 0 6px 22px rgba(42, 18, 64, .06); }
.it-facts-box.it-short-answer { background: var(--it-cream); border-top-color: var(--it-orange); }
.it-facts > div { position: relative; padding-left: 2.85rem; min-height: 2.3rem; }
.it-facts dt { color: var(--it-muted); font-weight: 700; }
.it-facts dd { color: var(--it-plum-deep); font-weight: 700; }
.it-fchip { position: absolute; left: 0; top: .1rem; display: grid; place-items: center; width: 2.2rem; height: 2.2rem; border-radius: 11px; background: var(--it-purple); color: #fff; box-shadow: 0 4px 10px rgba(75, 31, 115, .25); }
.it-fchip .it-ico { width: 1.15rem; height: 1.15rem; flex-basis: 1.15rem; vertical-align: 0; }
.it-facts > div:nth-child(3n+2) .it-fchip { background: var(--it-orange); color: var(--it-ink); box-shadow: 0 4px 10px rgba(240, 125, 26, .28); }
.it-facts > div:nth-child(3n) .it-fchip { background: var(--it-yellow); color: var(--it-ink); box-shadow: 0 4px 10px rgba(250, 178, 25, .3); }

/* Key takeaways: numbered cards */
.it-takeaways { background: transparent; padding: 0; }
.it-takeaways h2 { font-size: 1.2rem; color: var(--it-plum-deep); margin: 0 0 .75rem; }
.it-takeaways ul { list-style: none; padding: 0; margin: 0; display: grid; gap: .65rem; counter-reset: tk; }
.it-takeaways li { counter-increment: tk; position: relative; margin: 0; padding: .85rem 1rem .85rem 3.3rem; background: var(--it-cream); border: 1px solid var(--it-line); border-radius: var(--it-radius); line-height: 1.45; }
.it-takeaways li::before { content: counter(tk); position: absolute; left: .85rem; top: .75rem; display: grid; place-items: center; width: 1.75rem; height: 1.75rem; border-radius: 50%; background: var(--it-purple); color: #fff; font-weight: 800; font-size: .9rem; }
.it-takeaways li:nth-child(3n+2)::before { background: var(--it-orange); color: var(--it-ink); }
.it-takeaways li:nth-child(3n)::before { background: var(--it-yellow); color: var(--it-ink); }
@media (min-width: 782px) { .it-takeaways ul { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Questions, FAQ, cards, chips */
.it-questions { border: 1px solid var(--it-line); border-left: 5px solid var(--it-orange); }
.it-faq-item summary { color: var(--it-plum-deep); }
.it-faq-item summary::after { border-color: var(--it-purple); }
.it-faq-item[open] { background: var(--it-cream); border-radius: 12px; padding: 0 1rem; border-top-color: transparent; }
.it-faq-item[open] + .it-faq-item { border-top-color: transparent; }
.it-faq-item summary:hover { color: var(--it-purple); }
.it-card { background: var(--it-cream); border-color: var(--it-line); }
.it-card:hover, .it-card:focus { background: #fff; }
.it-card-title { color: var(--it-plum-deep); font-weight: 800; }
.it-chips a { background: var(--it-cream); font-weight: 600; }
.it-filterbar, .it-builder-form { border: 1px solid var(--it-line); }
.it-disclosure { border: 1px solid var(--it-line); }
.it-modules { border-top: 0; }

/* Comparison and scorecard tables: sticky first column, zebra lilac rows */
.it-compare-table { min-width: 34rem; }
.it-compare-table thead th { background: var(--it-cream); border-bottom: 3px solid var(--it-purple); }
.it-compare-table thead th a { color: var(--it-plum-deep); }
.it-compare-table th[scope="row"], .it-scorecards th[scope="row"], .it-compare-table thead tr > :first-child, .it-scorecards thead tr > :first-child {
	position: sticky; left: 0; z-index: 1; background: #fff; box-shadow: inset -1px 0 0 var(--it-line); min-width: 7.5rem; }
.it-compare-table thead tr > :first-child, .it-scorecards thead tr > :first-child { background: var(--it-cream); }
.it-compare-table tbody tr:nth-child(even) > *, .it-scorecards tbody tr:nth-child(even) > * { background: #F9F7FC; }
.it-compare-table tbody tr:hover > *, .it-scorecards tbody tr:hover > * { background: #EDE6F5; }
.it-scorecards { min-width: 36rem; }
.it-scorecards th[scope="row"] a { color: var(--it-plum-deep); font-weight: 700; }

/* Scorecard tiles with segmented meters */
.it-scorecard > div { background: var(--it-cream); border-color: var(--it-line); border-radius: 14px; padding: .8rem .9rem; }
.it-scorecard dt { color: var(--it-muted); font-weight: 700; }

/* [it_meter] and scorecard meters */
.it-meter { margin: 1rem 0; max-width: 30rem; }
.it-meter-head { display: flex; justify-content: space-between; align-items: baseline; gap: .75rem; margin: 0 0 .4rem; font-size: .92rem; }
.it-meter-label { font-weight: 800; color: var(--it-plum-deep); }
.it-meter-text { color: var(--it-muted); font-weight: 600; text-align: right; }
.it-meter-bar { display: grid; grid-template-columns: repeat(var(--n, 5), minmax(0, 1fr)); gap: 4px; }
.it-meter-bar i { display: block; height: .7rem; border-radius: 4px; background: #E4DCEE; }
.it-meter-bar i.on { background: var(--m, #4B1F73); }
.it-meter-bar i:first-child { border-radius: 999px 4px 4px 999px; }
.it-meter-bar i:last-child { border-radius: 4px 999px 999px 4px; }
.it-meter--orange { --m: #F07D1A; } .it-meter--yellow { --m: #FAB219; } .it-meter--green { --m: #0CA30C; } .it-meter--red { --m: #D03B3B; }
.it-meter--grey { --m: #8A919C; } .it-meter--deep { --m: #2A1240; } .it-meter--lilac { --m: #9C7CC0; }
.it-meter-ends { display: flex; justify-content: space-between; gap: .5rem; margin: .3rem 0 0; font-size: .72rem; color: var(--it-muted); }
.it-meter--sc { display: block; margin: .55rem 0 0; }
.it-meter--sc .it-meter-bar i { height: .45rem; }

/* [it_chart] */
.itc { margin: 1.75rem 0; padding: 1.1rem 1rem .9rem; background: #fff; border: 1px solid var(--it-line); border-radius: 18px; box-shadow: 0 6px 22px rgba(42, 18, 64, .06); }
@media (min-width: 600px) { .itc { padding: 1.35rem 1.5rem 1rem; } }
.itc-head { display: flex; gap: .7rem; align-items: center; margin: 0 0 1rem; }
.itc-chip { flex: none; display: grid; place-items: center; width: 2.2rem; height: 2.2rem; border-radius: 11px; background: var(--it-purple); color: #fff; box-shadow: 0 4px 10px rgba(75, 31, 115, .25); }
.itc-chip .it-ico { width: 1.15rem; height: 1.15rem; flex-basis: 1.15rem; vertical-align: 0; }
.itc-title { display: block; font-size: 1.08rem; line-height: 1.3; color: var(--it-plum-deep); }
.itc-unit { display: block; font-size: .8rem; color: var(--it-muted); }
.itc-c-purple { --c: #4B1F73; } .itc-c-orange { --c: #F07D1A; } .itc-c-yellow { --c: #FAB219; } .itc-c-green { --c: #0CA30C; }
.itc-c-red { --c: #D03B3B; } .itc-c-grey { --c: #8A919C; } .itc-c-deep { --c: #2A1240; } .itc-c-lilac { --c: #9C7CC0; }
.itc-legend { list-style: none; display: flex; flex-wrap: wrap; gap: .3rem 1.1rem; margin: -.4rem 0 .9rem; padding: 0; font-size: .82rem; color: var(--it-muted); }
.itc-legend i { display: inline-block; width: .8rem; height: .8rem; margin-right: .4rem; border-radius: 3px; background: var(--c); vertical-align: -.1rem; }
.itc-rows { display: grid; gap: .7rem; }
.itc-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .2rem .6rem; align-items: center; font-size: .88rem; }
.itc-row > .itc-lab { grid-column: 1 / -1; font-weight: 600; color: #2f2a38; line-height: 1.3; }
.itc-row--group { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 600px) {
	.itc-row { grid-template-columns: minmax(0, 10rem) minmax(0, 1fr) auto; }
	.itc-row > .itc-lab { grid-column: auto; }
	.itc-row--group { grid-template-columns: minmax(0, 10rem) minmax(0, 1fr); }
}
.itc-track { position: relative; display: flex; height: .9rem; background: var(--it-cream); border-radius: 999px; overflow: hidden; }
.itc-track i { display: block; height: 100%; flex: none; background: var(--c); border-radius: 999px; }
.itc-track--stack i { border-radius: 0; }
.itc-track--stack i + i { box-shadow: inset 2px 0 0 #fff; }
.itc-track--range { background: repeating-linear-gradient(90deg, transparent 0 calc(25% - 1px), #E4DCEE calc(25% - 1px) 25%), var(--it-cream); }
.itc-track--range i { position: absolute; top: 0; bottom: 0; }
.itc-val { font-weight: 800; color: var(--it-ink); font-variant-numeric: tabular-nums; white-space: nowrap; text-align: right; min-width: 3rem; }
.itc-group { display: grid; gap: .3rem; min-width: 0; }
.itc-pair { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .6rem; align-items: center; }
.itc-pair .itc-track { height: .7rem; }
.itc-axis .itc-ticks { display: flex; justify-content: space-between; font-size: .72rem; color: var(--it-muted); border-top: 1px dashed #cfc3de; padding-top: .25rem; }
.itc-axis > .itc-lab:empty, .itc-axis > .itc-val:empty { display: none; }
@media (min-width: 600px) { .itc-axis > .itc-lab:empty, .itc-axis > .itc-val:empty { display: block; } }
.itc-cols { display: grid; grid-template-columns: repeat(var(--n, 4), minmax(0, 1fr)); gap: .35rem; height: 15rem; }
.itc-col { display: flex; flex-direction: column; align-items: center; min-width: 0; height: 100%; }
.itc-col .itc-val { min-width: 0; font-size: .78rem; text-align: center; margin-bottom: .25rem; white-space: normal; overflow-wrap: anywhere; }
.itc-colbar { flex: 1 1 auto; display: flex; align-items: flex-end; justify-content: center; width: 100%; border-bottom: 2px solid #cfc3de; }
.itc-colbar i { display: block; width: 100%; max-width: 3.4rem; min-height: 2px; background: var(--c); border-radius: 8px 8px 0 0; }
.itc-col .itc-lab { min-height: 2.5em; margin-top: .4rem; font-size: .74rem; line-height: 1.2; text-align: center; color: #2f2a38; font-weight: 600; overflow-wrap: anywhere; }
.itc-donut { display: grid; gap: 1.1rem; align-items: center; }
@media (min-width: 600px) { .itc-donut { grid-template-columns: 11.5rem minmax(0, 1fr); } }
.itc-donut svg { display: block; width: 100%; max-width: 11.5rem; margin: 0 auto; }
.itc-donut circle { fill: none; stroke-width: 6.5; }
.itc-donut circle.itc-ring { stroke: var(--it-cream); }
.itc-donut circle[class^="itc-c-"] { stroke: var(--c); }
.itc-keys { list-style: none; margin: 0; padding: 0; display: grid; gap: .45rem; }
.itc-keys li { display: grid; grid-template-columns: .9rem minmax(0, 1fr) auto auto; gap: .55rem; align-items: center; font-size: .9rem; }
.itc-keys i { width: .9rem; height: .9rem; border-radius: 4px; background: var(--c); }
.itc-keys small { min-width: 2.6rem; text-align: right; color: var(--it-muted); }
.itc-note { margin: .75rem 0 0; font-size: .82rem; color: var(--it-muted); }
.itc-src { display: flex; gap: .4rem; align-items: flex-start; margin: 1rem 0 0; padding-top: .65rem; border-top: 1px solid var(--it-line); font-size: .78rem; color: var(--it-muted); }
.itc-src .it-ico { margin-top: .1rem; color: var(--it-purple); }
.itc-src a { color: var(--it-purple); }

/* [it_stats] */
.it-stats-wrap { margin: 1.75rem 0; }
.it-stats { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
@media (min-width: 782px) { .it-stats--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .it-stats--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.it-stat { display: flex; flex-direction: column; gap: .35rem; margin: 0; padding: 1rem .95rem; background: var(--it-cream); border: 1px solid var(--it-line); border-top: 5px solid #4B1F73; border-radius: 16px; min-width: 0; }
.it-stat:nth-child(4n+2) { border-top-color: #F07D1A; }
.it-stat:nth-child(4n+3) { border-top-color: #FAB219; }
.it-stat:nth-child(4n) { border-top-color: #2A1240; }
.it-stat-num { font-size: clamp(1.55rem, 5vw, 2.3rem); font-weight: 900; line-height: 1.05; letter-spacing: -.02em; color: var(--it-plum-deep); overflow-wrap: anywhere; }
.it-stat-label { font-size: .88rem; line-height: 1.35; color: #3d3747; }
.it-stat-src { margin-top: auto; padding-top: .2rem; font-size: .72rem; color: var(--it-muted); }
.it-stat-src a { color: var(--it-purple); }
.it-stats-checked { margin: .5rem 0 0; font-size: .78rem; color: var(--it-muted); }

/* [it_steps]: vertical timeline on mobile, horizontal on desktop (up to 5 steps) */
.it-timeline-wrap { margin: 1.75rem 0; }
.it-timeline { list-style: none; margin: 0; padding: 0; counter-reset: tl; display: grid; }
.it-tl-step { counter-increment: tl; position: relative; margin: 0; padding: 0 0 1.3rem 3.3rem; min-height: 2.5rem; }
.it-tl-step::before { content: counter(tl); position: absolute; left: 0; top: 0; z-index: 1; display: grid; place-items: center; width: 2.4rem; height: 2.4rem; border-radius: 50%;
	background: #4B1F73; color: #fff; font-weight: 800; box-shadow: 0 0 0 4px #fff, 0 4px 12px rgba(75, 31, 115, .3); }
.it-tl-step:nth-child(3n+2)::before { background: #F07D1A; color: var(--it-ink); }
.it-tl-step:nth-child(3n)::before { background: #FAB219; color: var(--it-ink); }
.it-tl-step::after { content: ""; position: absolute; left: calc(1.2rem - 1.5px); top: 2.4rem; bottom: 0; width: 3px; background: var(--it-line); }
.it-tl-step:last-child { padding-bottom: 0; }
.it-tl-step:last-child::after { display: none; }
.it-tl-title { display: block; margin: .35rem 0 .2rem; font-weight: 800; color: var(--it-plum-deep); line-height: 1.3; }
.it-tl-text { display: block; font-size: .93rem; line-height: 1.45; color: #3d3747; }
@media (min-width: 782px) {
	.it-timeline:not(.it-timeline--long) { grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr)); gap: 1.1rem; }
	.it-timeline:not(.it-timeline--long) .it-tl-step { padding: 3.3rem 0 0; }
	.it-timeline:not(.it-timeline--long) .it-tl-step::after { display: block; left: 2.4rem; right: -1.1rem; top: calc(1.2rem - 1.5px); bottom: auto; width: auto; height: 3px; }
	.it-timeline:not(.it-timeline--long) .it-tl-step:last-child::after { display: none; }
}

/* [it_callout] */
.it-callout { --c: #4B1F73; display: flex; gap: .9rem; align-items: flex-start; margin: 1.5rem 0; padding: 1rem 1.15rem; background: var(--it-cream); border: 1px solid var(--it-line); border-left: 5px solid var(--c); border-radius: 16px; }
.it-callout--orange { --c: #F07D1A; background: #fff5e8; border-color: #f6d3ae; border-left-color: var(--c); }
.it-callout--green { --c: #0CA30C; background: #edf8ed; border-color: #bfe5bf; border-left-color: var(--c); }
.it-callout-chip { flex: none; display: grid; place-items: center; width: 2.4rem; height: 2.4rem; border-radius: 12px; background: var(--c); color: #fff; }
.it-callout--orange .it-callout-chip { color: var(--it-ink); }
.it-callout-chip .it-ico { width: 1.3rem; height: 1.3rem; flex-basis: 1.3rem; vertical-align: 0; }
.it-callout-body { min-width: 0; }
.it-callout-title { margin: .1rem 0 .35rem; font-weight: 800; color: var(--it-plum-deep); }
.it-callout-body p { margin: 0 0 .5rem; }
.it-callout-body > :last-child { margin-bottom: 0; }
.it-callout-body a { color: var(--it-purple); }

/* More line icons (same set as the header) */
.it-ico-tag { --it-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 12.5V3.5H12.5l8 8.5-8 8.5z'/%3E%3Ccircle cx='8' cy='8' r='1.4'/%3E%3C/svg%3E"); }
.it-ico-book { --it-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 5H9a3 3 0 0 1 3 3v12a2.5 2.5 0 0 0-2.5-2.5h-6zM20.5 5H15a3 3 0 0 0-3 3v12a2.5 2.5 0 0 1 2.5-2.5h6z'/%3E%3C/svg%3E"); }
.it-ico-gauge { --it-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 16a8 8 0 1 1 16 0M12 16l3.5-4.5M3 19.5h18'/%3E%3C/svg%3E"); }
.it-ico-target { --it-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Ccircle cx='12' cy='12' r='4.5'/%3E%3Cpath d='M12 12h.01'/%3E%3C/svg%3E"); }
.it-ico-flame { --it-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21c-3.9 0-6.5-2.6-6.5-6 0-3.8 3.5-5.8 4-10 2.9 1.7 4.6 4.3 4.5 7 1-.6 1.7-1.6 2-2.8 1.6 1.6 2.5 3.6 2.5 5.8 0 3.4-2.6 6-6.5 6z'/%3E%3C/svg%3E"); }
.it-ico-dumbbell { --it-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 7.5v9M3.5 10v4M17.5 7.5v9M20.5 10v4M6.5 12h11'/%3E%3C/svg%3E"); }
.it-ico-plate { --it-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='14.5' cy='12' r='6'/%3E%3Ccircle cx='14.5' cy='12' r='2.6'/%3E%3Cpath d='M3 4v4.5a1.5 1.5 0 0 0 3 0V4M4.5 10v10'/%3E%3C/svg%3E"); }
.it-ico-pin { --it-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6.5-6-6.5-11a6.5 6.5 0 0 1 13 0c0 5-6.5 11-6.5 11z'/%3E%3Ccircle cx='12' cy='10' r='2.3'/%3E%3C/svg%3E"); }
.it-ico-pie { --it-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 4a8 8 0 1 0 9 9h-9z'/%3E%3Cpath d='M14.5 3a7 7 0 0 1 6.5 6.5h-6.5z'/%3E%3C/svg%3E"); }
.it-ico-heart { --it-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7.5-4.6-7.5-10.2A4.3 4.3 0 0 1 12 7.3a4.3 4.3 0 0 1 7.5 2.5C19.5 15.4 12 20 12 20z'/%3E%3C/svg%3E"); }

@media print {
	.it-top, .it-main > .it-crumbs, .it-main > .wp-block-post-title, main:has(.it-page) .wp-block-post-title { box-shadow: none; clip-path: none; background: none; }
}

/* Medical page published before clinician review (2026-10-06) */
.it-unreviewed { display: flex; gap: .6rem; align-items: flex-start; margin: .8rem 0 0; padding: .75rem 1rem; border-radius: 12px; background: #FFF4E5; border: 1px solid #F5C58A; color: #5a3200; font-size: .92rem; line-height: 1.45; }
.it-unreviewed .it-ico { flex: none; width: 1.2em; height: 1.2em; margin-top: .15em; color: #B4501A; }

/* Best Picks (blog.php): [it_picks] equal-size cards with a number badge + comparison table; [it_method] box */
.it-picks { margin: 1.5rem 0; }
.it-picks-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 270px), 1fr)); gap: 1rem; align-items: stretch; }
.it-pick { display: flex; flex-direction: column; gap: .5rem; height: 100%; margin: 0; padding: 1rem 1.1rem 1.1rem; background: var(--it-cream); border: 1px solid var(--it-line); border-top: 4px solid var(--it-purple); border-radius: var(--it-radius); scroll-margin-top: 90px; }
.it-pick-head { display: flex; gap: .7rem; align-items: center; }
.it-pick-rank { flex: none; display: grid; place-items: center; width: 2.2rem; height: 2.2rem; border-radius: 999px; background: var(--it-purple); color: #fff; font-weight: 800; font-size: 1rem; }
.it-pick:first-child .it-pick-rank { background: var(--it-yellow); color: var(--it-ink); }
.it-pick-name { margin: 0; font-size: 1.08rem; line-height: 1.3; color: var(--it-plum-deep); }
.it-pick p { margin: 0; font-size: .93rem; line-height: 1.45; }
.it-pick-k { display: inline-block; font-size: .7rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: var(--it-purple); margin-right: .2rem; }
.it-pick-specs { margin: 0; padding-left: 1.1rem; font-size: .92rem; line-height: 1.45; }
.it-pick-note, .it-pick-checked { font-size: .78rem; color: var(--it-muted); }
.it-pick-foot { margin-top: auto; display: flex; flex-direction: column; gap: .45rem; padding-top: .6rem; border-top: 1px solid var(--it-line); }
.it-pick-drawback { display: flex; gap: .4rem; align-items: flex-start; }
.it-pick-drawback .it-ico { color: var(--it-orange); margin-top: .2em; }
.it-pick-buy .it-cta { margin: .2rem 0 0; }
.it-picks-compare { margin: 1.5rem 0; }
.it-picks-table .it-pick-num { font-weight: 800; color: var(--it-purple); width: 2.5rem; }
.it-picks-table th a { color: var(--it-deep); }
.it-method { margin: 1.25rem 0; }
.it-method a { color: var(--it-deep); font-weight: 700; }