body.template-article [data-ff-main-article] .article__wrapper .ff-diagnostic-grid{max-width:min(var(--ff-article-measure, 820px),100%);margin:var(--ff-article-box-margin, clamp(18px, 3vw, 26px)) auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vw,18px)}body.template-article [data-ff-main-article] .article__wrapper .ff-diagnostic-card{min-width:0;padding:clamp(14px,2vw,18px);border:1px solid var(--ff-article-rule, var(--ff-separator-color));border-left:3px solid rgb(var(--ff-accent) / .65);background:var(--ff-article-bg, rgb(var(--background)));color:var(--ff-article-fg, rgb(var(--text-color)))}body.template-article [data-ff-main-article] .article__wrapper .ff-diagnostic-card>:first-child{margin-top:0}body.template-article [data-ff-main-article] .article__wrapper .ff-diagnostic-card>:last-child{margin-bottom:0}body.template-article [data-ff-main-article] .article__wrapper .ff-diagnostic-card h3{margin:0 0 .65rem;font-size:var(--text-h5);line-height:1.25;color:var(--ff-head)}body.template-article [data-ff-main-article] .article__wrapper .ff-diagnostic-card p{margin:0 0 .65rem;line-height:1.5}@media(max-width:699px){body.template-article [data-ff-main-article] .article__wrapper .ff-diagnostic-grid{grid-template-columns:1fr}body.template-article [data-ff-main-article] .article__wrapper .ff-diagnostic-card{padding:14px}}body.template-article [data-ff-main-article] .article__wrapper :is(.prose,.rte,.metafield-rich_text_field)>section{max-width:min(var(--ff-article-measure, 820px),100%);margin-inline:auto}body.template-article [data-ff-main-article] .article__wrapper :is(.prose,.rte,.metafield-rich_text_field)>section+section{margin-top:clamp(36px,5vw,64px)}body.template-article [data-ff-main-article] .article__wrapper .refs{max-width:min(var(--ff-article-measure, 820px),100%);margin:var(--ff-article-box-margin, clamp(18px, 3vw, 26px)) auto 0;padding-inline-start:1.25em}body.template-article [data-ff-main-article] .article__wrapper .refs li{margin-bottom:.85rem;line-height:1.5}body.template-article [data-ff-main-article] .article__wrapper sup a{text-decoration:none}body.template-article [data-ff-main-article] .article__wrapper .ff-check-list li{display:list-item}body.template-article [data-ff-main-article] .article__wrapper .ff-check-list li::marker{color:rgb(var(--ff-accent) / .72)}body.template-article [data-ff-main-article]{--ff-article-shell-max: var(--ff-article-rail-max, 900px);--ff-article-pad-x: clamp(16px, 4vw, 40px);--ff-article-pad-y: clamp(22px, 4vw, 56px);--ff-article-measure: calc(var(--ff-article-shell-max) - (2 * var(--ff-article-pad-x)));--ff-article-bg: rgb(var(--background));--ff-article-fg: rgb(var(--text-color));--ff-article-box-pad: clamp(14px, 2.5vw, 18px);--ff-article-box-margin: clamp(18px, 3vw, 26px);--ff-article-box-left: 3px}body.template-article [data-ff-main-article] .article__toolbar .container{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:min(var(--ff-article-shell-max),100%);margin-inline:auto;padding-inline:var(--ff-article-pad-x)}body.template-article [data-ff-main-article] .article__wrapper{max-width:min(var(--ff-article-shell-max),100%);margin-inline:auto;box-sizing:border-box;background:var(--ff-article-bg);color:var(--ff-article-fg);border:1px solid var(--ff-article-rule);border-radius:0;box-shadow:none;padding:var(--ff-article-pad-y) var(--ff-article-pad-x)}@media(max-width:699px){body.template-article [data-ff-main-article] .article__wrapper{border-inline:0}}body.template-article [data-ff-main-article] .article__wrapper :is(.prose,.rte,.metafield-rich_text_field){max-width:none;margin-inline:0;overflow-wrap:break-word;word-break:normal;hyphens:auto;-webkit-hyphens:auto}body.template-article [data-ff-main-article] .article__toolbar .container>*{min-width:0}body.template-article [data-ff-main-article] .article__toolbar :is(.h-stack,.article__toolbar-actions){flex-wrap:nowrap;align-items:center}body.template-article [data-ff-main-article] .article__toolbar :is(.article__toolbar-title,.h6){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:999px){body.template-article [data-ff-main-article] .article__toolbar .container{flex-wrap:wrap;justify-content:center;text-align:center}body.template-article [data-ff-main-article] .article__toolbar :is(.article__toolbar-title,.h6){flex:1 1 100%;white-space:normal}}body.template-article [data-ff-main-article] .article__wrapper :is(.prose,.rte,.metafield-rich_text_field)>:where(p,ul,ol,h2,h3,h4,h5,h6,hr,blockquote,pre,figure,.takeaway,.toc,nav.ff-toc,nav.ff-subnav,.reference-groups,.ff-callout,.ff-table-scroll,.table-scroller,table,table.ff-media-table){max-width:min(var(--ff-article-measure),100%);margin-inline:auto}body.template-article [data-ff-main-article] .article__wrapper nav.ff-toc :is(ol,ul){list-style:none;padding-inline-start:0}body.template-article [data-ff-main-article] .article__wrapper nav.ff-toc ol ol{padding-inline-start:1rem;margin-top:.45rem}body.template-article [data-ff-main-article] .article__wrapper nav.ff-toc li{margin:0}body.template-article [data-ff-main-article] .article__wrapper nav.ff-toc li+li{margin-top:.45rem}body.template-article [data-ff-main-article] .article__wrapper nav.ff-toc a{display:inline}body.template-article [data-ff-main-article] .article__wrapper :is(.prose,.rte,.metafield-rich_text_field)>p:first-of-type{font-size:var(--text-lg);line-height:1.7}body.template-article [data-ff-main-article] .article__wrapper a:not(.button):not(.circle-button):not(.badge):not(.feature-badge){color:var(--ff-head);text-decoration:underline;text-decoration-thickness:var(--ff-underline-thickness, 1px);text-underline-offset:var(--ff-underline-offset, .18em);text-decoration-color:var(--ff-underline-color, rgb(var(--ff-accent) / .45));background:none;box-shadow:none;border:0}body.template-article [data-ff-main-article] .article__wrapper u{text-decoration:none}body.template-article [data-ff-main-article] .article__wrapper a u{text-decoration:underline;text-decoration-thickness:var(--ff-underline-thickness, 1px);text-underline-offset:var(--ff-underline-offset, .18em);text-decoration-color:var(--ff-underline-color, rgb(var(--ff-accent) / .45))}body.template-article [data-ff-main-article] .article__wrapper hr{border:0;border-top:1px solid var(--ff-article-rule-strong);margin-block:clamp(22px,4vw,44px)}body.template-article [data-ff-main-article] .article__wrapper figure{margin-block:var(--ff-article-box-margin)}body.template-article [data-ff-main-article] .article__wrapper figure img{width:100%;height:auto;display:block}body.template-article [data-ff-main-article] .article__wrapper figcaption{margin-top:.75rem;font-size:var(--text-xs);line-height:1.45;color:rgb(var(--text-color) / .78)}body.template-article [data-ff-main-article] .article__wrapper blockquote,body.template-article [data-ff-main-article] .article__wrapper :is(.takeaway,.toc,nav.ff-toc,nav.ff-subnav,.reference-groups,.ff-callout){margin-block:var(--ff-article-box-margin);padding:var(--ff-article-box-pad);border:1px solid var(--ff-article-rule);border-left:var(--ff-article-box-left) solid var(--ff-article-box-left-color);background:var(--ff-article-bg)}body.template-article [data-ff-main-article] .article__wrapper blockquote>:last-child{margin-bottom:0}body.template-article [data-ff-main-article] .article__wrapper :is(.takeaway,.toc,nav.ff-toc,nav.ff-subnav,.reference-groups,.ff-callout)>:first-child{margin-top:0}body.template-article [data-ff-main-article] .article__wrapper :is(.takeaway,.toc,nav.ff-toc,nav.ff-subnav,.reference-groups,.ff-callout)>:last-child{margin-bottom:0}body.template-article [data-ff-main-article] .article__wrapper .ff-callout{--ff-callout-left-color: var(--ff-article-box-left-color);border-left-color:var(--ff-callout-left-color)}body.template-article [data-ff-main-article] .article__wrapper .ff-callout--warning{--ff-callout-left-color: rgb(var(--ff-accent) / .9)}body.template-article [data-ff-main-article] .article__wrapper .ff-callout--tip{--ff-callout-left-color: rgb(var(--ff-accent) / .7)}body.template-article [data-ff-main-article] .article__wrapper .ff-callout--key-rule{--ff-callout-left-color: rgb(var(--ff-accent) / .8)}body.template-article [data-ff-main-article] .article__wrapper .ff-callout--reality-check{--ff-callout-left-color: rgb(var(--ff-accent) / .65)}body.template-article [data-ff-main-article] .article__wrapper :is(nav.ff-toc,nav.ff-subnav) :where(p){margin:0 0 .75rem}body.template-article [data-ff-main-article] .article__wrapper :is(nav.ff-toc,nav.ff-subnav) :where(ul,ol){margin:0;padding-inline-start:1.15em}body.template-article [data-ff-main-article] .article__wrapper :is(nav.ff-toc,nav.ff-subnav) :where(li){margin:0}body.template-article [data-ff-main-article] .article__wrapper :is(nav.ff-toc,nav.ff-subnav) :where(li+li){margin-top:.45rem}body.template-article [data-ff-main-article] .article__wrapper :is(nav.ff-toc,nav.ff-subnav) :where(.ff-toc__title,.ff-subnav__title){margin:0 0 .75rem;color:var(--ff-head);font-weight:500}body.template-article [data-ff-main-article] .article__wrapper p.ff-backlink{margin:0 0 var(--ff-article-box-margin);font-size:var(--text-sm);line-height:1.4;color:rgb(var(--text-color) / .78)}body.template-article [data-ff-main-article] .article__wrapper p.ff-backlink a{color:inherit;text-decoration:underline;text-decoration-thickness:var(--ff-underline-thickness, 1px);text-underline-offset:var(--ff-underline-offset, .18em);text-decoration-color:var(--ff-underline-color, rgb(var(--ff-accent) / .45))}body.template-article [data-ff-main-article] .article__wrapper :is(.ff-table-scroll,.table-scroller){overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-gutter:stable;border:1px solid var(--ff-article-rule);background:var(--ff-article-bg)}body.template-article [data-ff-main-article] .article__wrapper :is(.ff-table-scroll,.table-scroller) table{width:100%;border-collapse:collapse;table-layout:auto}body.template-article [data-ff-main-article] .article__wrapper :is(.ff-table-scroll,.table-scroller) :is(th,td),body.template-article [data-ff-main-article] .article__wrapper :is(.prose,.rte,.metafield-rich_text_field)>table:not(.ff-media-table) :is(th,td){padding:.75rem .9rem;text-align:start;vertical-align:top;border-bottom:1px solid var(--ff-article-rule)}body.template-article [data-ff-main-article] .article__wrapper :is(.ff-table-scroll,.table-scroller) thead th,body.template-article [data-ff-main-article] .article__wrapper :is(.prose,.rte,.metafield-rich_text_field)>table:not(.ff-media-table) thead th{color:var(--ff-head);font-weight:500;white-space:nowrap}body.template-article [data-ff-main-article] .article__wrapper :is(.ff-table-scroll,.table-scroller) tbody tr:last-child td{border-bottom:0}@media(max-width:699px){body.template-article [data-ff-main-article] .article__wrapper :is(.ff-table-scroll,.table-scroller) table{min-width:720px}}body.template-article [data-ff-main-article] .article__wrapper :is(.prose,.rte,.metafield-rich_text_field)>table:not(.ff-media-table){width:100%;border-collapse:collapse;table-layout:auto;border:1px solid var(--ff-article-rule)}body.template-article [data-ff-main-article]{--ff-media-card-pad: clamp(14px, 2.4vw, 18px);--ff-media-col-gap: clamp(18px, 3vw, 32px);--ff-media-row-gap: 16px}body.template-article [data-ff-main-article] .article__wrapper table.ff-media-table{width:100%;border:1px solid var(--ff-article-rule);background:var(--ff-article-bg);border-collapse:separate;border-spacing:var(--ff-media-col-gap) 0;padding:var(--ff-media-card-pad);box-sizing:border-box;table-layout:fixed}body.template-article [data-ff-main-article] .article__wrapper table.ff-media-table :is(td,th){vertical-align:top;min-width:0}body.template-article [data-ff-main-article] .article__wrapper table.ff-media-table figure{margin:0}body.template-article [data-ff-main-article] .article__wrapper table.ff-media-table img{width:100%;height:auto;display:block}body.template-article [data-ff-main-article] .article__wrapper table.ff-media-table :is(h3,h4){margin:0 0 .75rem}body.template-article [data-ff-main-article] .article__wrapper table.ff-media-table ul{margin:0;padding-inline-start:1.25em}body.template-article [data-ff-main-article] .article__wrapper table.ff-media-table li+li{margin-top:.5rem}@media(max-width:699px){body.template-article [data-ff-main-article] .article__wrapper :is(.table-scroller,.ff-table-scroll,.ff-table-wrap).ff-table-scroll--media-table{overflow:visible!important}body.template-article [data-ff-main-article] .article__wrapper :is(.table-scroller,.ff-table-scroll,.ff-table-wrap).ff-table-scroll--media-table>table.ff-media-table{min-width:0!important}body.template-article [data-ff-main-article] .article__wrapper table.ff-media-table,body.template-article [data-ff-main-article] .article__wrapper table.ff-media-table tbody,body.template-article [data-ff-main-article] .article__wrapper table.ff-media-table tr,body.template-article [data-ff-main-article] .article__wrapper table.ff-media-table td{display:block;width:100%!important}body.template-article [data-ff-main-article] .article__wrapper table.ff-media-table{border-spacing:0}body.template-article [data-ff-main-article] .article__wrapper table.ff-media-table td{padding:0!important}body.template-article [data-ff-main-article] .article__wrapper table.ff-media-table td+td{margin-top:var(--ff-media-row-gap)}}body.template-article [data-ff-main-article] .article__wrapper>*{min-width:0}body.template-article [data-ff-main-article] .article__wrapper :is(img,video,iframe){max-width:100%;height:auto}body.template-article [data-ff-main-article] .article__wrapper pre{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}body.template-article [data-ff-main-article] .article__wrapper .ff-longform>:where(header,nav.ff-toc,section){max-width:min(var(--ff-article-measure, 820px),100%);margin-inline:auto}body.template-article [data-ff-main-article] .article__wrapper .ff-longform>.ff-article-section+.ff-article-section{margin-top:clamp(40px,6vw,76px);padding-top:clamp(30px,5vw,58px);border-top:1px solid rgb(var(--ff-accent) / .28)}body.template-article [data-ff-main-article] .article__wrapper .ff-longform>.ff-article-section>h2:first-child{margin-top:0}body.template-article [data-ff-main-article] .article__wrapper .ff-profile-list{list-style:none;padding-inline-start:0;margin:0 0 clamp(24px,4vw,40px);display:grid;gap:.65rem}body.template-article [data-ff-main-article] .article__wrapper .ff-profile-list li{margin:0;padding:.7rem .9rem;border-left:3px solid rgb(var(--ff-accent) / .34);background:rgb(var(--ff-accent) / .035);line-height:1.55}body.template-article [data-ff-main-article] .article__wrapper .ff-profile-list li strong{color:var(--ff-head);font-weight:500}body.template-article [data-ff-main-article] .article__wrapper .ff-check-list{list-style:none;padding-inline-start:0;margin-block:1rem clamp(24px,4vw,36px);display:grid;gap:.55rem}body.template-article [data-ff-main-article] .article__wrapper .ff-check-list li{margin:0;line-height:1.55}body.template-article [data-ff-main-article] .article__wrapper .ff-check-list li strong{color:var(--ff-head);font-weight:500}body.template-article [data-ff-main-article] .article__wrapper .ff-table-scroll thead th{background:rgb(var(--ff-accent) / .055);color:var(--ff-head);font-weight:500}body.template-article [data-ff-main-article] .article__wrapper .ff-table-scroll tbody th[scope=row]{color:var(--ff-head);font-weight:500;background:rgb(var(--ff-accent) / .025)}body.template-article [data-ff-main-article] .article__wrapper .ff-table-scroll tbody tr:nth-child(2n) td,body.template-article [data-ff-main-article] .article__wrapper .ff-table-scroll tbody tr:nth-child(2n) th[scope=row]{background-color:rgb(var(--ff-accent) / .018)}body.template-article [data-ff-main-article] .article__wrapper .ff-table-scroll :is(th,td){hyphens:manual;-webkit-hyphens:manual}body.template-article [data-ff-main-article] .article__wrapper .ff-table-scroll--diagnostic table{min-width:760px}body.template-article [data-ff-main-article] .article__wrapper .ff-source-list{list-style:none;padding-inline-start:0;display:grid;gap:.75rem}body.template-article [data-ff-main-article] .article__wrapper .ff-source-list li{margin:0;padding-left:1rem;border-left:2px solid rgb(var(--ff-accent) / .28)}@media(max-width:699px){body.template-article [data-ff-main-article] .article__wrapper .ff-longform>.ff-article-section+.ff-article-section{margin-top:36px;padding-top:30px}body.template-article [data-ff-main-article] .article__wrapper .ff-profile-list li{padding:.65rem .75rem}}body.template-article [data-ff-main-article]{--ff-article-rule: var(--ff-separator-color);--ff-article-rule-strong: var(--ff-separator-color);--ff-article-box-left-color: var(--ff-separator-color)}body.template-article [data-ff-main-article] .article__wrapper #variegation-table.ff-white-trio-comparison{table-layout:auto}body.template-article [data-ff-main-article] .article__wrapper #variegation-table.ff-white-trio-comparison :is(th,td,a){overflow-wrap:normal;word-break:normal;hyphens:none;-webkit-hyphens:none}body.template-article [data-ff-main-article] .article__wrapper #variegation-table.ff-white-trio-comparison tr>:first-child{width:46%}body.template-article [data-ff-main-article] .article__wrapper #symptom-finder.ff-white-trio-symptoms{table-layout:fixed}body.template-article [data-ff-main-article] .article__wrapper #symptom-finder.ff-white-trio-symptoms tr>:nth-child(1){width:30%}body.template-article [data-ff-main-article] .article__wrapper #symptom-finder.ff-white-trio-symptoms tr>:nth-child(2){width:43%}body.template-article [data-ff-main-article] .article__wrapper #symptom-finder.ff-white-trio-symptoms tr>:nth-child(3){width:27%}body.template-article [data-ff-main-article] .article__wrapper #symptom-finder.ff-white-trio-symptoms tbody th>a{display:block}@media(max-width:699px){body.template-article [data-ff-main-article] .article__wrapper .ff-table-scroll>#variegation-table.ff-white-trio-comparison{min-width:0}body.template-article [data-ff-main-article] .article__wrapper #variegation-table.ff-white-trio-comparison :is(th,td){padding-inline:10px}}body.template-article [data-ff-main-article] .article__wrapper #symptom-finder.ff-white-trio-symptoms caption{text-align:left;padding:14px 18px 12px;font-weight:500;line-height:1.35}body.template-article [data-ff-main-article] .article__wrapper #symptom-finder.ff-white-trio-symptoms thead th{padding-top:16px;padding-bottom:16px;font-weight:500}
/*# sourceMappingURL=/cdn/shop/t/160/assets/ff-main-article.css.map */