.article-page--reading{background:#fffaf3}.article-page--reading .article-topbar{padding-block:28px 18px}.article-page--reading .article-back{min-height:44px;font-weight:500}.article-page--reading .article-category{background:0 0;font-weight:500}.article-page--reading .article-reading-heading{max-width:1120px;margin:0 auto 28px;padding:0 clamp(32px,5vw,86px)}.article-page--reading .article-hero h1{color:#3c1f0b;word-break:normal;overflow-wrap:anywhere;max-width:100%;margin:0 0 18px;font-size:clamp(28px,3.4vw,46px);font-weight:700;line-height:1.45}.article-page--reading .article-dek{color:#725b4c;max-width:780px;margin:0;font-size:18px;font-weight:400;line-height:1.85}.article-page--reading .article-meta{align-items:center;gap:6px 16px;margin-top:18px}.article-page--reading .article-meta span,.article-page--reading .article-meta time{box-shadow:none;color:#725b4c;background:0 0;border-radius:0;padding:0;font-size:14px;font-weight:400}.article-page--reading .article-hero figure{max-width:1120px;box-shadow:none;aspect-ratio:auto;background:0 0;border-radius:0;height:auto;margin:0 auto;padding:0;overflow:visible}.article-page--reading .article-hero figure:after{display:none}.article-page--reading .article-hero img{aspect-ratio:16/9;object-fit:cover;border-radius:16px;width:100%;max-width:100%;height:auto;max-height:none;display:block;position:static}.article-page--reading.article-page--ppt-icon-pack .article-hero img{object-fit:contain}.article-page--reading .article-hero figcaption{color:#725b4c;max-width:100%;margin:10px 0 0;padding:0;font-size:13px;font-weight:400;line-height:1.7;position:static}.article-page--reading .article-layout{max-width:1280px;margin:0 auto;padding-top:24px}.article-page--reading .article-audience{color:#725b4c;margin:0 0 12px;font-size:14px;font-weight:400;line-height:1.7}.article-page--reading .article-tags{flex-wrap:wrap;gap:4px 12px;margin-bottom:14px;display:flex}.article-page--reading .article-tags .meta-tag{color:#725b4c;text-underline-offset:4px;background:0 0;align-items:center;min-height:44px;padding:4px 0;font-size:14px;font-weight:400;text-decoration:underline;display:inline-flex}.article-page--reading .article-toc{background:#fff;border:1px solid #ead8bf;border-radius:12px;margin:12px 0 22px}.article-page--reading .article-toc summary{color:#3c1f0b;cursor:pointer;min-height:48px;padding:12px 18px;font-size:16px;font-weight:700}.article-page--reading .article-toc summary span{color:#725b4c;margin-left:8px;font-size:13px;font-weight:400}.article-page--reading .article-toc ol{margin:0;padding:0 20px 16px 40px}.article-page--reading .article-toc li{color:#725b4c;padding-left:2px}.article-page--reading .article-toc a{color:#725b4c;text-underline-offset:4px;align-items:center;min-height:44px;font-size:15px;font-weight:400;line-height:1.6;text-decoration:underline;display:flex}.article-page--reading .article-summary{box-shadow:none;background:#fff;border-radius:12px;padding:22px 24px}.article-page--reading .article-summary ul{font-size:17px;font-weight:400;line-height:1.85}.article-page--reading .article-body{margin-top:32px}.article-page--reading .article-body h2{word-break:normal;overflow-wrap:anywhere;scroll-margin-top:120px;font-size:clamp(24px,2.3vw,32px);font-weight:700;line-height:1.5}.article-page--reading .article-body p,.article-page--reading .article-body ul,.article-page--reading .article-body ol{font-size:18px;font-weight:400;line-height:1.9}.article-page--reading .article-body .article-inline-image figcaption{font-size:14px;font-weight:400}.article-page--reading .article-body a{color:#9c490b;font-weight:500}.article-page--reading .article-body .article-cta a{color:#fff}.article-page--reading .article-callout{box-shadow:none;border-radius:12px}.article-page--reading .article-ads{padding-top:12px}.article-page--reading .article-ads .article-ad{box-shadow:none}.article-page--reading :is(.article-toc a,.article-toc summary,.article-tags a,.article-back):focus-visible{outline-offset:3px;outline:3px solid #1595a8}.article-page--reading .article-body h2:focus{outline-offset:5px;outline:2px solid #1595a8}body:has(.page.active :is(.article-page--reading,.service-detail-page,.health-page,.search-page)) .milk-helper{z-index:10;justify-content:flex-end;width:auto;padding:0 24px 24px;display:flex;position:relative;inset:auto}body:has(.page.active :is(.article-page--reading,.service-detail-page,.health-page,.search-page)) .milk-helper-trigger{width:auto;height:48px;min-height:48px;box-shadow:none;background:#fff;border:1px solid #ead8bf;border-radius:999px;align-items:center;gap:8px;padding:4px 14px 4px 6px;animation:none;display:flex;transform:none}body:has(.page.active :is(.article-page--reading,.service-detail-page,.health-page,.search-page)) .milk-helper-trigger img{filter:none;order:-1;width:40px;height:40px}body:has(.page.active :is(.article-page--reading,.service-detail-page,.health-page,.search-page)) .milk-helper-nudge{white-space:normal;box-shadow:none;color:#725b4c;background:0 0;padding:0;font-size:14px;position:static;inset:auto;transform:none}body:has(.page.active :is(.article-page--reading,.service-detail-page,.health-page,.search-page)) .milk-helper.is-open .milk-helper-nudge{display:block}body:has(.page.active :is(.article-page--reading,.service-detail-page,.health-page,.search-page)) .milk-helper-dialog{width:min(360px,100vw - 40px);position:absolute;bottom:82px;right:24px}@media (width<=760px){.article-page--reading .article-reading-heading{margin-bottom:22px;padding:0 20px}.article-page--reading .article-hero h1{max-width:100%;font-size:28px;line-height:1.5}.article-page--reading .article-dek{font-size:17px;line-height:1.85;display:block}.article-page--reading .article-meta{gap:6px 12px}.article-page--reading .article-meta .meta-editor:first-child{flex-basis:100%}.article-page--reading .article-hero figure{width:auto;max-width:calc(100% - 40px);margin-inline:20px}.article-page--reading .article-hero img{border-radius:12px;max-width:100%;height:auto}.article-page--reading .article-hero figcaption{max-width:100%}.article-page--reading .article-layout{padding-top:18px}.article-page--reading .article-body h2{scroll-margin-top:96px}.article-page--reading .article-body p,.article-page--reading .article-body ul,.article-page--reading .article-body ol{font-size:17px;line-height:1.85}.article-page--reading .article-toc ol{padding-left:36px}.article-page--reading .article-summary{padding:20px}body:has(.page.active :is(.article-page--reading,.service-detail-page,.health-page,.search-page)) .milk-helper{padding-right:20px}body:has(.page.active :is(.article-page--reading,.service-detail-page,.health-page,.search-page)) .milk-helper-dialog{right:20px}}
