/* Healthy Habits News: "plain page" lander design (lander 3).
   White page, a logo + help-line header with a thin rule, one plain Arial column with a breadcrumb, bold headline and large
   full-width images, blue bold links, a red-bordered call-out box and a blue button. System fonts only. Written from scratch. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:#000;font:400 17px/1.6 Arial,Helvetica,sans-serif}
img,svg{max-width:100%;display:block}
a{color:#1a56c4}
:focus-visible{outline:3px solid #1a56c4;outline-offset:3px}
.skip-link{position:absolute;left:-999px;top:8px;background:#1a56c4;color:#fff;padding:8px 12px;z-index:100}
.skip-link:focus{left:8px}

/* header */
.pl-top{border-bottom:1px solid #d1d1d1;background:#fff}
.pl-top-in{max-width:1180px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.pl-logo{display:inline-flex;align-items:center;gap:14px}
.pl-logo img{width:62px;height:62px;border-radius:12px}
.pl-word{display:flex;flex-direction:column;font:800 30px/1 Arial,Helvetica,sans-serif;letter-spacing:.01em;color:#1f2a24;text-transform:uppercase}
.pl-word i{font-style:normal;color:#2f7d3b}
.pl-help{margin:0;font-size:15px;color:#4d4d4d;text-align:right}
.pl-help a{color:#4d4d4d}

/* column */
.pl-wrap{max-width:869px;margin:0 auto;padding:26px 20px 56px;background:#fefefe}
.pl-crumb{font-size:15px;color:#222;margin:0 0 18px}
.pl-wrap h1{font:700 31px/1.2 Arial,Helvetica,sans-serif;color:#010101;margin:0 0 14px}
.pl-meta{font-size:15px;color:#4d4d4d;margin:0 0 18px}
.pl-meta a{color:#4d4d4d}
.pl-wrap p{font:400 17px/1.6 Arial,Helvetica,sans-serif;margin:0 0 16px}
.pl-wrap h2{font:700 29px/1.25 Arial,Helvetica,sans-serif;color:#020202;margin:32px 0 14px}
.pl-wrap h3{font:700 20px/1.3 Arial,Helvetica,sans-serif;margin:22px 0 8px}
.pl-wrap a.lk{color:#1a56c4;font-weight:700;text-decoration:underline}
.pl-wrap ul,.pl-wrap ol{margin:0 0 16px;padding-left:24px}
.pl-wrap li{margin:0 0 8px}
.pl-fig{margin:22px 0}
.pl-fig img{width:100%;height:auto;background:#fff}
.pl-fig figcaption{font-size:14px;color:#4d4d4d;text-align:center;margin-top:6px}

/* table */
.pl-table{overflow-x:auto;margin:20px 0;border:1px solid #d1d1d1}
.pl-table table{border-collapse:collapse;width:100%;min-width:560px;font-size:15.5px;line-height:1.5}
.pl-table th,.pl-table td{padding:11px 13px;text-align:left;vertical-align:top;border-bottom:1px solid #e2e2e2}
.pl-table thead th{background:#f1f4f8;font-weight:700}
.pl-table tbody th{font-weight:700;width:24%}
.pl-table tbody tr:last-child th,.pl-table tbody tr:last-child td{border-bottom:0}
.pl-source{font-size:14px;color:#4d4d4d}

/* red-bordered call-out box */
.pl-update{background:#fdfefe;border:1px solid #df2038;border-radius:8px;padding:26px 24px;margin:30px 0}
.pl-update h2{margin:0 0 12px!important;font-size:24px!important}
.pl-update p{font-size:19px!important;line-height:1.55!important}
.pl-update ul{font-size:18px}
.pl-update .small{font-size:15px!important;color:#4d4d4d;margin:0!important}
.pl-update > :last-child{margin-bottom:0}

/* button */
.pl-btnwrap{text-align:center;margin:28px 0 10px}
.pl-btn{display:inline-block;width:300px;max-width:100%;background:#2f6bc9;color:#fff;font:700 19px/1.3 Arial,Helvetica,sans-serif;text-align:center;padding:22px 24px;border-radius:14px;text-decoration:none}
.pl-btn:hover{background:#2358a8;color:#fff}
.pl-note{font-size:13px;color:#4d4d4d;text-align:center;margin:0 0 6px!important}

/* reader questions (collapsible) */
.pl-q{margin:36px 0 0;border-top:2px solid #e5e5e5;padding-top:20px}
.pl-q h2{margin-top:0!important;font-size:24px!important}
.pl-q details{border-bottom:1px solid #e5e5e5;padding:12px 0}
.pl-q summary{cursor:pointer;list-style:none;font:700 17px/1.4 Arial,Helvetica,sans-serif;padding-right:28px;position:relative}
.pl-q summary::-webkit-details-marker{display:none}
.pl-q summary::after{content:"+";position:absolute;right:2px;top:-3px;font:400 26px/1 Arial,sans-serif;color:#1a56c4}
.pl-q details[open] summary::after{content:"\2212"}
.pl-q details p{margin:8px 0 0;font-size:16px;color:#2c2c2e}

/* disclosure + footer */
.pl-disc{margin:40px 0 0;border-top:1px solid #d1d1d1;padding-top:18px;font-size:14px;line-height:1.6;color:#4d4d4d}
.pl-wrap .pl-disc h2{font:700 15px/1.4 Arial,Helvetica,sans-serif;margin:0 0 6px;color:#222}
.pl-wrap .pl-disc p{font:14px/1.6 Arial,Helvetica,sans-serif;margin:0 0 10px}
.pl-foot{border-top:1px solid #d1d1d1;padding:22px 20px 40px;text-align:center;font-size:13px;line-height:1.6;color:#4d4d4d}
.pl-foot p{max-width:869px;margin:0 auto 8px}
.pl-foot a{color:#4d4d4d}

@media (max-width:620px){
  .pl-top-in{padding:10px 16px}
  .pl-logo img{width:48px;height:48px}
  .pl-word{font-size:22px}
  .pl-help{text-align:left;font-size:14px}
  .pl-wrap{padding:20px 16px 48px}
  .pl-wrap h1{font-size:26px}
  .pl-wrap h2{font-size:24px}
  .pl-update{padding:20px 16px}
  .pl-btn{width:100%}
}
