/* FITFIRST editorial pages: square illustrations, readable text, shared brand orange. */
#main-nav{gap:20px}
.article-home{background:#eeeee7;border-block:1px solid var(--line)}
.article-home .eyebrow,.article-category{color:var(--brand-orange)}
.article-category{display:block;font-size:13px;font-weight:700;margin-bottom:13px}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.article-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.article-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.article-card-image{display:block;background:#161813}
.article-card-image img{width:100%;aspect-ratio:1;object-fit:contain}
.article-card-copy{padding:25px;display:flex;flex-direction:column;flex:1}
.article-card h3{font-size:21px;line-height:1.65;letter-spacing:-.02em;margin-bottom:14px}
.article-card h3 a:hover,.article-prose a:not(.button),.article-byline a:hover{color:var(--brand-orange)}
.article-card-copy>p{font-size:14px;line-height:1.9}
.article-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:24px}
.article-card-bottom>span{font-size:12px;color:var(--muted)}
.article-card-bottom .text-link{font-size:13px}
.journal-intro .wrap{display:block}.journal-intro h1{max-width:700px}.journal-intro p{margin-top:20px}
.article-featured{display:grid;grid-template-columns:1fr 1.1fr;gap:55px;align-items:center}
.article-featured>a{display:block;background:#171914;border-radius:16px;overflow:hidden}
.article-featured img{width:100%;aspect-ratio:1;object-fit:contain}
.article-featured h2{font-size:clamp(27px,3vw,41px);line-height:1.6;margin-bottom:20px}
.article-featured p{margin-bottom:27px;line-height:1.95}.journal-more{padding-top:0}
.journal-breadcrumb{padding-block:30px 12px}.journal-breadcrumb .breadcrumbs{flex-wrap:wrap;line-height:1.8}
.article-header{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;padding-block:24px 60px}
.article-header h1{font-size:clamp(30px,3.7vw,48px);line-height:1.55;letter-spacing:-.025em}
.article-deck{font-size:17px;line-height:1.95;margin-top:22px}
.article-byline{margin-top:24px;font-size:13px;line-height:1.9}
.article-editorial-note{margin-top:12px;font-size:12px;color:var(--muted)}
.article-header figure{margin:0}.article-header figure img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:15px}
.article-header figcaption{font-size:11px;line-height:1.8;color:var(--muted);margin-top:12px}
.article-layout{display:grid;grid-template-columns:230px minmax(0,820px);gap:50px;align-items:start;padding-bottom:70px}
.article-toc{position:sticky;top:120px;display:flex;flex-direction:column;gap:3px;padding:22px 18px;border:1px solid var(--line);border-radius:12px;background:#fff}
.article-toc strong{font-size:14px;margin-bottom:10px}.article-toc a{font-size:12px;line-height:1.8;padding:7px 0;color:#5a6054;border-top:1px solid #eceee6}
.article-toc a:hover{color:var(--brand-orange)}
.article-prose{font-size:17px;line-height:2;overflow-wrap:anywhere}
.article-prose>section{padding:29px 0;border-top:1px solid var(--line);scroll-margin-top:115px}
.article-prose>section:first-child{padding-top:0;border-top:0}
.article-prose h2{font-size:27px;line-height:1.65;margin:0 0 20px;letter-spacing:-.02em}
.article-prose p{margin:16px 0;color:#343b2e}.article-prose ul,.article-prose ol{padding-left:24px;margin:20px 0}
.article-prose li{padding-left:5px;margin-block:12px}.article-prose a:not(.button){text-decoration:underline;text-underline-offset:4px}
.article-takeaway{padding:20px 24px;background:#fff5e9;border-left:3px solid var(--brand-orange);border-radius:0 10px 10px 0;margin-block:26px}
.article-takeaway p{margin:8px 0}.article-table-wrap{width:100%;overflow-x:auto;margin-block:25px;border:1px solid var(--line);border-radius:12px;background:#fff}
.article-table-wrap table{border-collapse:collapse;width:100%;min-width:550px;font-size:14px;line-height:1.85}
.article-table-wrap caption{text-align:left;padding:16px;font-weight:650;font-size:13px;background:#edf0e7}
.article-table-wrap th,.article-table-wrap td{padding:16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);border-right:1px solid #e9ece2}
.article-table-wrap thead{background:#22271d;color:#fff}.article-table-wrap tbody th{font-weight:650;min-width:130px}
.article-table-wrap tbody tr:last-child>*{border-bottom:0}.article-prose .article-note{font-size:13px;color:var(--muted)}
.article-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.article-product-grid>article{padding:14px;background:#fff;border:1px solid var(--line);border-radius:12px}
.article-product-grid .photo-frame{aspect-ratio:1;background:#171914;overflow:hidden;border-radius:8px}
.article-product-grid .photo-frame img{width:100%;height:100%;object-fit:contain}
.article-product-grid h3{font-size:16px;line-height:1.7;margin-top:15px}
.article-product-grid .text-link{font-size:12px;line-height:1.7}.article-product-grid .line-special-price{font-size:22px}
.article-chat{background:#22271d;color:#fff;border-radius:15px;padding:29px;margin-block:28px}
.article-chat h2{font-size:24px}.article-chat p{color:#c9cfbf}.article-chat .button{margin-top:8px}
.article-sources h2{font-size:19px}.article-sources p,.article-sources li{font-size:13px;line-height:1.9}
.article-product-links{margin-block:35px;padding:25px;border:1px solid var(--line);border-radius:12px;background:#fff}
.article-product-links h2{font-size:23px;margin-bottom:10px}.article-product-links a{display:block;padding-block:7px;font-size:14px;color:var(--brand-orange)}
@media(max-width:1050px){.article-layout{grid-template-columns:190px minmax(0,1fr);gap:30px}.article-header{gap:30px}.article-grid{gap:18px}.article-card-copy{padding:20px}.article-card h3{font-size:19px}}
@media(max-width:800px){.article-header,.article-featured{grid-template-columns:1fr;gap:28px}.article-header figure{max-width:560px}.article-layout{grid-template-columns:1fr;gap:30px}.article-toc{position:static}.article-toc a{font-size:13px}.article-prose{font-size:16px}.article-grid{grid-template-columns:1fr}.article-card{max-width:560px;width:100%;margin-inline:auto}.article-product-grid{grid-template-columns:1fr 1fr}.article-header h1{font-size:33px}.article-featured h2{font-size:30px}}
@media(max-width:500px){.article-product-grid{grid-template-columns:1fr}.article-product-grid>article{display:block}.article-product-grid .photo-frame{max-width:280px;margin-inline:auto}.article-prose h2{font-size:24px}.article-header h1{font-size:29px}.article-header{padding-bottom:38px}.article-chat{padding:22px}.article-card h3{font-size:21px}}
