:root{--paper:#fff;--ink:#19352c;--green:#214b3a;--rust:#983c27;--apricot:#f6e3c2;--blue:#e5f0f5;--pale:#f4f4ec;--line:#b9c3bd;--muted:#485c52;--wrap:1280px}
body{font-size:17px;line-height:1.65;background:#fff}
.wrap{width:min(var(--wrap),calc(100% - 64px))}
.site-header .brand-row,.site-header.compact .brand-row{padding:19px 0 17px;gap:35px;justify-content:flex-start}
.site-header .brand-mark,.site-header.compact .brand-mark{width:224px}
.masthead-about{border-left:1px solid var(--line);padding-left:27px;max-width:410px}
.masthead-about p{font-size:16px;line-height:1.45;font-weight:600}
.masthead-about span{display:block;font-size:12px;margin-top:6px;color:var(--muted)}
.header-resource{margin-left:auto;font-size:13px;font-weight:600;line-height:1.5;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:5px;max-width:210px}
.header-resource span{display:block;font-size:12px;font-weight:400;color:var(--muted)}
.main-nav{min-height:47px;border-top:3px solid var(--ink);border-bottom:1px solid var(--ink);font-size:14px;gap:0}
.main-nav ul{gap:0;flex-wrap:wrap;width:100%}
.main-nav a{display:block;padding:11px 26px 11px 0;margin-right:17px;font-weight:600;line-height:1.5}
.main-nav a:hover{text-decoration:underline}
.main-nav li:last-child{margin-left:auto}
.main-nav li:last-child a{padding-right:0;margin-right:0}
.section-strap{display:flex;justify-content:space-between;gap:20px;padding:20px 0 17px;font-size:12px;color:var(--muted)}
.section-strap strong{text-transform:uppercase;letter-spacing:.08em;color:var(--rust)}
.front-lead{display:grid;grid-template-columns:minmax(0,3.45fr) minmax(230px,1fr);gap:30px;padding-bottom:27px;border-bottom:3px solid var(--ink)}
.lead-story{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(300px,1.15fr);gap:27px;align-items:start}
.story-kicker{font-size:12px;line-height:1.5;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--rust);margin-bottom:12px}
.lead-story h1{font:700 clamp(38px,3.45vw,48px)/1.08 var(--serif);letter-spacing:-.035em;margin:0 0 17px}
.lead-dek{font-size:17px;line-height:1.6;color:var(--muted);margin-bottom:21px}
.lead-story .text-link{font-size:14px;gap:13px}
.topic-rail{padding-left:24px;border-left:1px solid var(--line)}
.topic-rail h2{font-size:18px;line-height:1.35;font-weight:700;margin:0 0 13px}
.question-links{list-style:none;padding:0;margin:0}
.question-links li{border-top:1px solid var(--line)}
.question-links a{display:block;font-size:14px;line-height:1.45;font-weight:600;padding:13px 0;text-decoration:none}
.question-links a:hover{text-decoration:underline}
.rail-note{font-size:12px;line-height:1.6;color:var(--muted);margin-top:14px}
.report-figure{background:#edf4f7;border:1px solid #b9cfd8;padding:20px;margin:0;color:var(--ink)}
.report-title{font-size:19px;line-height:1.3;font-weight:750;margin-bottom:14px}
.report-sheet{background:#fff;border:1px solid #afbdc1;padding:15px}
.report-sheet-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;padding-bottom:10px;border-bottom:2px solid var(--ink)}
.report-fields{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:4px}
.report-field{padding:12px 9px;border-bottom:1px solid #d4dde0;min-width:0}
.report-field:nth-child(odd){border-right:1px solid #d4dde0;padding-left:0}
.report-field b{display:block;font-size:11px;letter-spacing:.055em;text-transform:uppercase;color:#557079;margin-bottom:5px}
.report-field strong{display:block;font-size:15px;line-height:1.35;font-weight:650}
.report-field small{display:block;font-size:12px;line-height:1.4;margin-top:5px;color:var(--muted)}
.report-figure figcaption{font-size:12px;line-height:1.55;color:var(--muted);margin-top:12px}
.editorial-row{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:30px;padding:28px 0;border-bottom:1px solid var(--ink)}
.editorial-row>section+section{border-left:1px solid var(--line);padding-left:27px}
.editorial-row h2{font:700 29px/1.16 var(--serif);letter-spacing:-.025em;margin:0 0 12px}
.editorial-row h2 a{text-decoration:none}
.editorial-row h2 a:hover{text-decoration:underline}
.editorial-row p{font-size:15px;line-height:1.6;color:var(--muted)}
.editorial-row .story-kicker{font-size:11px;color:var(--rust)}
.binding-diagram{background:#e9f1ec;padding:19px 20px;margin:16px 0}
.binding-visual{display:flex;justify-content:center;align-items:center;gap:20px;padding:7px 0 13px;font-weight:700;font-size:23px}
.bound-symbol{display:flex;align-items:center;position:relative;padding:8px 12px;border:2px solid #567465;border-radius:8px;background:#fff}
.protein-symbol{font-size:12px;color:var(--green);font-weight:650;margin-left:7px}
.testosterone-symbol{display:grid;place-items:center;background:#e3ab57;color:#332714;border:1px solid #8c652e;border-radius:50%;width:37px;height:37px;font-size:17px;flex-shrink:0}
.binding-rule{text-align:center;font-size:14px;font-weight:700;border-top:2px solid var(--green);padding-top:10px}
.binding-diagram figcaption{font-size:12px;line-height:1.55;color:var(--muted);margin-top:8px}
.question-preview{list-style:none;padding:0;margin:15px 0 17px;border-top:1px solid var(--line)}
.question-preview li{padding:11px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.45;font-weight:600}
.sheet-preview{background:#faf3df;border-top:4px solid #a77b31;padding:17px 18px;margin:16px 0}
.sheet-preview p{font-size:14px;line-height:1.5;color:var(--ink);margin-bottom:13px}
.sheet-preview span{display:block;border-bottom:1px solid #beaf8e;height:23px}
.editorial-row .text-link{font-size:13px;gap:10px;line-height:1.5}
.knowledge-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:42px;padding:32px 0;border-bottom:1px solid var(--ink)}
.knowledge-grid h2{font:700 28px/1.2 var(--serif);letter-spacing:-.02em;margin:0 0 18px}
.comparison-table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.6;text-align:left}
.comparison-table th{vertical-align:top;background:#edf3ee;font-weight:650;padding:10px 12px;border-bottom:2px solid var(--ink)}
.comparison-table td{vertical-align:top;padding:14px 12px;border-bottom:1px solid var(--line)}
.comparison-table tbody th{background:#fff;border-bottom:1px solid var(--line);width:22%;padding:14px 12px}
.comparison-note{font-size:13px;line-height:1.65;color:var(--muted);margin:14px 0}
.quick-answers details{border-top:1px solid var(--line)}
.quick-answers details:last-child{border-bottom:1px solid var(--line)}
.quick-answers summary{cursor:pointer;font-size:15px;font-weight:650;line-height:1.5;padding:13px 5px 13px 0}
.quick-answers details p{font-size:14px;line-height:1.7;padding:0 7px 15px 0;color:var(--muted)}
.publication-note{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;padding:25px 0;margin-bottom:22px}
.publication-note h2{font:700 24px/1.25 var(--serif);letter-spacing:-.02em}
.publication-note p{font-size:14px;line-height:1.7;color:var(--muted)}
.care-note{padding:24px 27px;margin-bottom:38px;gap:24px 35px;background:#f7efe2;border-top:2px solid var(--rust)}
.care-note h2{font-size:26px;line-height:1.2;margin-top:8px}
.care-note .care-copy>p{font-size:14px}
.care-note .relationship{font-size:12px;margin-top:-7px;padding-top:13px}
.site-footer{padding:30px 0 20px;background:#19352c}
.footer-brand{font-size:33px}
.footer-top p{font-size:13px;max-width:420px}
.footer-links{gap:20px;flex-wrap:wrap;font-size:13px}
.footer-bottom{margin-top:25px;padding-top:15px;font-size:12px}
.breadcrumbs{font-size:12px;line-height:1.5;padding-top:18px;flex-wrap:wrap;gap:8px}
.article-heading,.article-heading.full-heading{display:block;padding:20px 0 23px;border-bottom:2px solid var(--ink)}
.article-heading h1{font-size:46px;line-height:1.1;font-weight:700;letter-spacing:-.03em;max-width:930px;margin-top:7px}
.article-dek{font-size:18px;line-height:1.6;margin-top:13px;max-width:850px}
.article-meta{font-size:12px;gap:8px 18px;margin-top:14px;line-height:1.6}
.article-process{font-size:12px;line-height:1.6;color:var(--muted);margin-top:5px}
.article-layout{grid-template-columns:218px minmax(0,760px) minmax(0,1fr);gap:32px;padding:27px 0 40px}
.article-body{font-size:18px;line-height:1.8;max-width:760px;grid-column:2 / 4}
.contents{padding-right:14px;top:15px}
.contents h2{font-size:12px;letter-spacing:.05em;margin-bottom:13px}
.contents a{font-size:13px;line-height:1.5;padding-left:12px}
.contents li+li{margin-top:10px}
.reading-tools{border-top:2px solid var(--ink);padding-top:17px;margin-top:22px}
.reading-tools h3{font-size:15px;line-height:1.4;margin:0 0 9px}
.reading-tools p{font-size:13px;line-height:1.6;margin-bottom:12px;color:var(--muted)}
.reading-tools a{font-size:13px;line-height:1.5;display:block;padding:7px 0;border-bottom:1px solid var(--line)}
.short-answer{padding:22px 25px;margin-bottom:17px;background:#f4f4ec;border-top:4px solid var(--green)}
.short-answer h2{font-size:12px;letter-spacing:.07em;margin-bottom:10px}
.short-answer p{font-size:18px;line-height:1.75}
.article-scope{font-size:13px;line-height:1.7;padding-bottom:20px}
.article-body .report-figure{max-width:730px;margin:0 0 27px;padding:22px}
.article-body .report-fields{grid-template-columns:repeat(4,1fr)}
.article-body .report-field{padding:13px 14px;border-right:1px solid #d4dde0}
.article-body .report-field:last-child{border-right:0}
.article-body .report-field strong{font-size:16px}
.article-body>h2,.article-body>section>h2{font-size:31px;line-height:1.25;font-weight:700;margin:35px 0 16px}
.article-body p+p{margin-top:17px}
.article-body .binding-diagram{max-width:640px;margin:10px 0 27px}
.article-body .question-preview{background:#fbf5e7;padding:14px 24px;max-width:680px;margin:12px 0 27px}
.article-body .question-preview li{font-size:17px;font-weight:500}
.article-body dl{padding:22px 25px;margin:23px 0}
.article-body dt{font-size:24px}
.article-references{font-size:13px;margin-top:36px;padding-top:22px}
.article-body>.article-references>h2{font-size:25px;margin:0 0 16px}
.article-related{padding:28px 0 33px;border-top:2px solid var(--ink)}
.section-heading{margin-bottom:17px}
.section-heading h2{font-size:28px;font-weight:700;letter-spacing:-.02em}
.guide-row,.article-related .guide-row{grid-template-columns:1fr auto;padding:16px 0;gap:20px}
.guide-row h3{font-size:23px;max-width:none;font-weight:600}
.guide-row p{display:none}
.guide-row .arrow{display:block;grid-column:2;grid-row:1;font-size:24px}
.text-page{padding:35px 0 55px}
.text-page h1{font-size:46px;font-weight:700;margin-top:10px;letter-spacing:-.03em}
.text-page .lead{font:400 19px/1.7 var(--sans)}
.text-page h2{font-size:29px;font-weight:700;margin-top:30px}
.not-found{padding:37px 0}
.not-found h1{font-size:48px;font-weight:700}
.error-number{font-size:150px}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.front-lead{grid-template-columns:minmax(0,3fr) 230px;gap:24px}.lead-story{grid-template-columns:1fr;gap:20px}.lead-story h1{max-width:620px}.lead-dek{max-width:610px}.report-fields{grid-template-columns:repeat(4,1fr)}.report-field{padding-inline:9px}.report-field strong{font-size:14px}.report-figure{padding:17px}.editorial-row{gap:22px}.editorial-row>section+section{padding-left:22px}.editorial-row h2{font-size:26px}.article-layout{grid-template-columns:190px minmax(0,1fr);gap:28px}.article-body{grid-column:2}.article-body .report-fields{grid-template-columns:1fr 1fr}.header-resource{max-width:185px}.masthead-about{padding-left:23px;max-width:330px}.masthead-about p{font-size:14px}}
@media(max-width:720px){
  .wrap{width:calc(100% - 32px)}
  .site-header .brand-row,.site-header.compact .brand-row{padding:14px 0;gap:20px}
  .site-header .brand-mark,.site-header.compact .brand-mark{width:177px}
  .masthead-about{border:0;padding:0;max-width:135px;margin-left:auto}
  .masthead-about p{font-size:12px;line-height:1.5}
  .masthead-about span,.header-resource{display:none}
  .main-nav{font-size:12px;min-height:0}
  .main-nav a{padding:12px 9px 12px 0;margin-right:11px}
  .main-nav li:last-child{margin-left:0}
  .section-strap{padding:15px 0;font-size:11px;line-height:1.5}
  .section-strap>span{display:none}
  .front-lead,.lead-story{display:block}
  .front-lead{padding-bottom:23px}
  .lead-story h1{font-size:37px;line-height:1.1;margin-bottom:14px}
  .story-kicker{font-size:11px;margin-bottom:9px}
  .lead-dek{font-size:16px;line-height:1.65;margin-bottom:15px}
  .lead-story .report-figure{margin-top:23px}
  .report-fields{grid-template-columns:1fr 1fr}
  .report-title{font-size:19px}
  .report-field strong{font-size:15px}
  .report-field small{font-size:12px}
  .report-sheet{padding:13px}
  .report-figure{padding:17px}
  .topic-rail{border-left:0;border-top:2px solid var(--ink);padding:21px 0 0;margin-top:25px}
  .topic-rail h2{font-size:19px}
  .question-links a{padding:13px 0;font-size:14px}
  .rail-note{display:none}
  .editorial-row,.knowledge-grid,.publication-note{display:block;padding:24px 0}
  .editorial-row>section+section{border-left:0;border-top:1px solid var(--ink);padding:25px 0 0;margin-top:26px}
  .editorial-row h2{font-size:29px}
  .editorial-row p{font-size:15px}
  .binding-diagram{padding:18px 19px}
  .knowledge-grid h2{font-size:28px}
  .comparison-table{font-size:13px;line-height:1.55}
  .comparison-table th,.comparison-table td,.comparison-table tbody th{padding:10px 8px}
  .comparison-table tbody th{width:25%}
  .quick-answers{border-top:2px solid var(--ink);padding-top:24px;margin-top:28px}
  .quick-answers summary{font-size:15px;padding-block:15px}
  .quick-answers details p{font-size:14px}
  .publication-note h2{margin-bottom:14px;font-size:25px}
  .care-note{padding:22px;margin-bottom:27px;gap:20px}
  .care-note .relationship{font-size:13px;margin-top:0}
  .care-note h2{font-size:26px}
  .footer-links{gap:8px 20px;font-size:13px;margin-top:20px}
  .footer-links a{padding-block:5px}
  .footer-bottom{font-size:12px}
  .article-heading,.article-heading.full-heading{padding:18px 0 20px}
  .article-heading h1{font-size:36px;line-height:1.12;margin-top:5px}
  .article-dek{font-size:16px;margin-top:12px}
  .article-meta{font-size:12px;margin-top:13px;gap:5px 13px}
  .article-process{font-size:12px;line-height:1.6;margin-top:6px}
  .article-layout{display:block;padding:22px 0 30px}
  .contents{display:none}
  .article-body{font-size:17px;line-height:1.8}
  .short-answer{padding:20px;margin-bottom:16px}
  .short-answer p{font-size:17px;line-height:1.75}
  .article-body .report-figure{padding:16px;margin-bottom:24px}
  .article-body .report-fields{grid-template-columns:1fr 1fr}
  .article-body .report-field{padding:12px 9px}
  .article-body .report-field strong{font-size:15px}
  .article-body .report-field:nth-child(even){border-right:0}
  .mobile-contents{margin-bottom:24px}
  .article-body>h2,.article-body>section>h2{font-size:28px;margin-top:30px}
  .article-body>.article-references>h2{font-size:25px;margin-top:0}
  .article-references{font-size:13px;line-height:1.8}
  .guide-row,.article-related .guide-row{grid-template-columns:1fr 22px;gap:17px}
  .guide-row h3{grid-column:1;grid-row:1;font-size:23px}
  .guide-row .arrow{display:block}
  .article-related{padding:24px 0}
  .text-page h1{font-size:37px}
  .text-page .lead{font-size:18px}
  .text-page h2{font-size:27px}
  .not-found h1{font-size:40px}
}
@media(max-width:360px){.site-header .brand-mark,.site-header.compact .brand-mark{width:159px}.masthead-about{max-width:112px}.masthead-about p{font-size:11px}.lead-story h1{font-size:34px}.main-nav a{margin-right:9px;padding-right:7px}.report-figure{padding:13px}.report-field strong{font-size:14px}.article-heading h1{font-size:34px}}

/* User-directed illustrated magazine revision. */
.publication-intro{display:grid;grid-template-columns:1fr 1.15fr;gap:55px;align-items:center;padding:31px 0 32px}
.publication-intro h1{font:700 38px/1.15 var(--serif);letter-spacing:-.025em}
.publication-intro p{font-size:17px;line-height:1.65;color:var(--muted);max-width:650px}
.magazine-feature{display:grid;grid-template-columns:1.18fr 1fr;background:#f4f1e8;margin-bottom:45px}
.feature-art{margin:0;min-width:0;position:relative}
.feature-art picture,.feature-art img{display:block;width:100%;height:100%}
.feature-art img{object-fit:cover;min-height:405px;max-height:500px}
.feature-art figcaption{position:absolute;bottom:10px;left:12px;font-size:11px;padding:3px 7px;line-height:1.5;color:#19352c;background:#fffaf0e8}
.feature-copy{padding:36px 40px;align-self:center}
.feature-copy .eyebrow{font-size:11px;margin-bottom:14px}
.feature-copy h2{font:700 38px/1.13 var(--serif);letter-spacing:-.025em;margin:0 0 21px}
.feature-copy h2 a,.story-pair h3 a{text-decoration:none}
.feature-copy h2 a:hover,.story-pair h3 a:hover{text-decoration:underline}
.feature-copy>p:not(.eyebrow){font-size:17px;line-height:1.7;color:var(--muted);margin-bottom:23px}
.feature-copy .text-link{font-size:14px}
.magazine-stories{padding:0 0 41px}
.magazine-stories>h2{font:700 28px/1.2 var(--serif);letter-spacing:-.02em;margin-bottom:23px}
.story-pair{display:grid;grid-template-columns:1fr 1fr;gap:38px}
.story-art{display:block;margin-bottom:21px}
.story-art picture,.story-art img{display:block;width:100%}
.story-art img{aspect-ratio:1.8;object-fit:cover}
.story-pair h3{font:700 30px/1.18 var(--serif);letter-spacing:-.022em;max-width:560px;margin-bottom:13px}
.story-pair p{font-size:16px;line-height:1.7;color:var(--muted);max-width:570px;margin-bottom:16px}
.story-pair .text-link{font-size:14px}
.magazine-resource{display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:center;background:#f4e8cd;border-top:3px solid #a67e37;padding:35px 42px;margin-bottom:44px}
.magazine-resource h2{font:700 31px/1.2 var(--serif);letter-spacing:-.02em;margin:11px 0 17px;max-width:520px}
.magazine-resource p:not(.eyebrow){font-size:16px;line-height:1.7;max-width:540px;margin-bottom:18px}
.magazine-resource .text-link{font-size:14px}
.resource-paper{padding:25px 29px;background:#fffcf3;box-shadow:4px 5px 0 #dacda8;transform:rotate(1.5deg)}
.resource-paper p{font-size:14px!important;font-weight:600;line-height:1.6!important;margin:0!important}
.resource-paper span{display:block;height:29px;border-bottom:1px solid #b5b6a6}
.resource-paper p:not(:first-child){margin-top:23px!important}
.magazine-answers{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;border-top:1px solid var(--ink);padding:31px 0 40px}
.magazine-answers h2{font:700 28px/1.22 var(--serif);letter-spacing:-.02em;margin-bottom:14px;max-width:420px}
.magazine-answers>div>p{font-size:15px;line-height:1.7;color:var(--muted);max-width:440px}
.magazine-answers .quick-answers summary{padding-block:17px;font-size:15px}
.magazine-home .publication-note{border-top:1px solid var(--line);margin-bottom:16px}
.article-layout{padding-top:33px;gap:38px}
.article-body>h2,.article-body>section>h2{margin-top:40px}
.article-illustration{margin:0 0 30px;max-width:760px}
.article-illustration img,.article-illustration picture{display:block;width:100%;height:auto}
.article-illustration figcaption{font-size:12px;line-height:1.6;color:var(--muted);margin-top:9px}
@media(max-width:1100px) and (min-width:721px){
 .publication-intro{gap:35px}.publication-intro h1{font-size:34px}
 .magazine-feature{grid-template-columns:1fr 1fr}.feature-copy{padding:28px}.feature-copy h2{font-size:31px}.feature-copy>p:not(.eyebrow){font-size:16px}.feature-art img{min-height:440px}
 .story-pair{gap:28px}.story-pair h3{font-size:27px}.magazine-resource{gap:34px;padding:30px}.magazine-resource h2{font-size:28px}.resource-paper{padding:22px}.magazine-answers{gap:40px}
}
@media(max-width:720px){
 .publication-intro{display:block;padding:25px 0 27px}.publication-intro h1{font-size:34px;margin-bottom:13px}.publication-intro p{font-size:16px;line-height:1.65}
 .magazine-feature{display:block;margin-bottom:34px}.feature-art picture,.feature-art img{height:auto}.feature-art img{min-height:0;aspect-ratio:1.5;object-fit:cover}.feature-copy{padding:27px 25px 29px}.feature-copy h2{font-size:31px;line-height:1.17;margin-bottom:18px}.feature-copy>p:not(.eyebrow){font-size:16px}.feature-copy .eyebrow{margin-bottom:11px}
 .magazine-stories{padding-bottom:32px}.magazine-stories>h2{font-size:27px;margin-bottom:21px}.story-pair{display:block}.story-pair article+article{margin-top:35px}.story-art{margin-bottom:20px}.story-art img{aspect-ratio:1.5}.story-pair h3{font-size:28px}.story-pair p{font-size:16px}
 .magazine-resource{display:block;padding:25px;margin-bottom:34px}.magazine-resource h2{font-size:29px}.resource-paper{margin:27px 3px 7px;padding:23px}
 .magazine-answers{display:block;padding:27px 0 30px}.magazine-answers h2{font-size:27px}.magazine-answers .quick-answers{border-top:0;padding-top:0;margin-top:24px}.magazine-answers .quick-answers summary{padding-block:16px}
 .article-layout{padding-top:26px}.article-illustration{margin-bottom:25px}.article-body>h2,.article-body>section>h2{margin-top:34px}
}
@media(max-width:360px){.publication-intro h1{font-size:32px}.feature-copy{padding:23px 21px}.feature-copy h2{font-size:29px}.magazine-resource{padding:22px}.magazine-resource h2{font-size:27px}.resource-paper{padding:18px}}

.article-body .answer-capsule{font-weight:600;color:var(--ink);line-height:1.75;margin-bottom:18px}
.article-body .table-wrap{max-width:100%;margin:25px 0}
.article-body .table-wrap .comparison-table{table-layout:fixed;overflow-wrap:anywhere}
