@font-face{font-family:Prof;src:url("/article-template/sans-regular.woff")}@font-face{font-family:Prof;src:url("/article-template/sans-bold.woff");font-weight:700}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:#141414;font:17px/1.65 Prof,Arial,sans-serif}a{color:#17634c;text-underline-offset:4px}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #438f70;outline-offset:4px}.wrap{max-width:1200px;margin:auto;padding:0 32px}.top{position:sticky;top:0;z-index:10;background:#fffffffa;border-bottom:1px solid #e1e4e6}.top .wrap{height:78px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:#141414;font-weight:700;font-size:29px;letter-spacing:-1px}.brand img{width:32px;height:36px;object-fit:contain}.top nav{display:flex;gap:25px;margin-left:auto;font-size:14px}.top nav a{color:inherit;text-decoration:none}.phone{font-size:15px;font-weight:700;text-decoration:none}.progress{position:absolute;bottom:-1px;left:0;width:100%;height:3px;background:#17634c;transform:scaleX(0);transform-origin:left}.crumb{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;color:#64716b;padding-top:26px}.crumb a{color:inherit}.hero{padding:35px 0 42px;display:grid;grid-template-columns:1.4fr 1fr;gap:55px;align-items:center}.meta{display:flex;gap:18px;color:#64716b;font-size:13px}.meta span:first-child{color:#17634c}h1{font-size:clamp(34px,3.8vw,52px);line-height:1.09;letter-spacing:-1.7px;margin:18px 0 22px}h2{font-size:31px;line-height:1.2;letter-spacing:-.8px;margin:0 0 22px}h3{font-size:22px;line-height:1.3;margin:28px 0 14px}p{margin:0 0 22px}.intro{color:#505d55;font-size:19px;line-height:1.55}.author{display:flex;gap:12px;align-items:center;font-size:14px}.avatar{width:46px;height:46px;border-radius:50%;background:#edf5f1;display:grid;place-items:center;color:#17634c;flex-shrink:0;font-weight:700;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.author small{display:block;color:#64716b}.hero figure{margin:0}.hero figure>img{width:100%;height:270px;object-fit:cover;border-radius:7px}.hero figcaption{font-size:12px;color:#64716b;margin-top:8px}.layout{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:64px;border-top:1px solid #e1e4e6;padding-top:42px}.body{min-width:0}.body section{margin-bottom:48px;scroll-margin-top:105px}.body p{max-width:70ch}.bullets{padding:0;list-style:none;margin:24px 0}.bullets li{position:relative;padding-left:27px;margin:13px 0}.bullets li:before{content:"";position:absolute;top:10px;left:0;width:10px;height:10px;border:2px solid #17634c;border-radius:50%;box-shadow:inset 0 0 0 2px white;background:#17634c}.note{background:#edf5f1;border-left:4px solid #17634c;padding:24px 26px;margin:28px 0;border-radius:0 6px 6px 0}.note strong{display:block;margin-bottom:7px;color:#104b39}.note p{margin:0;font-size:16px}.table-wrap{overflow-x:auto;border:1px solid #d9e4de;border-radius:7px;margin:24px 0 10px}table{border-collapse:collapse;width:100%;font-size:15px;text-align:left;min-width:570px}caption{text-align:left;padding:18px 20px;font-weight:700;background:#f4f6f5}th,td{padding:16px 20px;vertical-align:top;border-bottom:1px solid #e0e7e3}thead th{background:#17634c;color:white;font-size:13px}tbody th{font-weight:700;width:24%}tbody tr:nth-child(even){background:#f5f8f6}tbody tr:last-child>*{border-bottom:0}.caption{font-size:13px;color:#66716a}.steps{padding:0;list-style:none;counter-reset:step}.steps li{counter-increment:step;position:relative;padding:0 0 22px 52px;border-bottom:1px solid #e1e4e6;margin:0 0 22px}.steps li:before{content:counter(step);position:absolute;left:0;top:0;width:32px;height:32px;background:#edf5f1;border-radius:50%;color:#17634c;display:grid;place-items:center;font-weight:700}.steps strong{display:block}.rail{align-self:start;position:sticky;top:106px}.toc-title{font-size:16px;font-weight:700;margin-bottom:16px}.toc{border-left:2px solid #e1e4e6}.toc a{display:block;padding:9px 0 9px 17px;text-decoration:none;color:#67726c;font-size:14px;line-height:1.4;margin-left:-2px;border-left:2px solid transparent}.toc a[aria-current]{color:#17634c;border-color:#17634c;font-weight:700}.side-help{margin-top:30px;background:#f3f5f4;border-radius:7px;padding:23px}.side-help h2{font-size:23px;margin-bottom:12px}.side-help p{font-size:14px;color:#536158}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border:1px solid transparent;border-radius:5px;background:#17634c;color:white;text-decoration:none;font-weight:700;font-size:15px}.btn:hover{background:#104b39}.side-help .btn{width:100%}.magnet{position:relative;background:#123c31;color:white;border-radius:9px;padding:34px;overflow:hidden;display:grid;grid-template-columns:1.3fr 1fr;gap:25px}.magnet h2{font-size:29px;line-height:1.15;letter-spacing:-.6px}.magnet p{font-size:16px;color:#d8e8df}.magnet .btn{background:white;color:#104b39;margin-top:8px}.doc-stack{position:relative;min-height:260px;align-self:center}.sheet{background:#fff;color:#173d30;border-radius:3px;box-shadow:0 12px 24px #0003;padding:22px;position:absolute;width:180px;height:235px;right:0;top:6px;transform:rotate(8deg)}.sheet:first-child{right:40px;top:22px;transform:rotate(-9deg);background:#e3ede7}.sheet small{display:block;font-size:10px;margin-bottom:23px}.sheet strong{font-size:19px;line-height:1.2;display:block}.sheet i{display:block;height:6px;margin-top:12px;background:#d9e5de}.sheet em{font-style:normal;position:absolute;bottom:20px;font-size:11px;font-weight:700}.file-list{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;margin:22px 0}.file-list span{padding:5px 9px;border:1px solid #769387;border-radius:4px}.expert{border-top:1px solid #e1e4e6;border-bottom:1px solid #e1e4e6;padding:28px 0;margin:36px 0}.expert .author{font-size:17px}.expert .avatar{width:60px;height:60px}.expert p{margin:15px 0 0;font-size:15px;color:#5b6860}.question{background:#edf5f1;border-radius:8px;padding:32px}.question h2{margin-bottom:12px}.question p{font-size:16px}.fields{display:grid;grid-template-columns:1fr auto;gap:12px}.field{display:block;font-size:13px;font-weight:700}.field input{display:block;width:100%;min-width:0;margin-top:6px;height:49px;padding:10px 12px;border:1px solid #a5b9ad;border-radius:5px;background:white;font-size:16px}.fields .btn{align-self:end}.consent{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.5;font-weight:400;margin:16px 0}.consent input{width:18px;height:18px;flex-shrink:0;accent-color:#17634c;margin:1px 0 0}.status{font-size:14px;margin:12px 0 0}.status:empty{display:none}details.faq{border-bottom:1px solid #dce5df;padding:17px 0}summary{cursor:pointer;font-weight:700}details.faq p{margin:16px 0 0;font-size:16px}.related{display:grid;grid-template-columns:1fr 1fr;gap:22px}.related a{text-decoration:none;color:inherit;font-weight:700;line-height:1.35}.related img{width:100%;height:150px;object-fit:cover;border-radius:6px;display:block;margin-bottom:12px}footer{border-top:1px solid #e1e4e6;margin-top:30px;padding:30px 0;color:#64716b;font-size:13px}footer .wrap{display:flex;justify-content:space-between;gap:20px}dialog{border:0;border-radius:10px;max-width:480px;width:calc(100% - 32px);padding:36px;color:#141414;box-shadow:0 24px 100px #0003}dialog::backdrop{background:#14291fc0}dialog h2{font-size:29px}dialog p{font-size:16px}.close{position:absolute;right:12px;top:10px;background:transparent;border:0;font-size:26px;width:36px;height:36px}dialog .btn{width:100%;margin-top:15px}.skip{position:absolute;top:-100px}.skip:focus{top:80px;background:white;z-index:30}.mobile-toc{display:none}@media(max-width:1000px){.layout{gap:35px;grid-template-columns:minmax(0,1fr) 240px}.hero{gap:28px}.top nav{gap:15px}.phone{display:none}.magnet{grid-template-columns:1fr}.doc-stack{display:none}}@media(max-width:760px){.wrap{padding:0 20px}.top .wrap{height:65px}.top nav{display:none}.top .phone{display:block;margin-left:auto;font-size:12px}.brand{font-size:25px}.hero{display:block;padding:27px 0}.hero figure{margin-top:25px}.hero figure>img{height:200px}.layout{display:block;padding-top:25px}.rail{display:none}.mobile-toc{display:block;background:#f3f5f4;padding:17px 20px;margin-bottom:30px;border-radius:6px}.mobile-toc nav{margin-top:15px}.mobile-toc a{display:block;font-size:14px;padding:7px 0}.body section{margin-bottom:36px}h2{font-size:28px}.magnet{padding:26px}.fields{grid-template-columns:1fr}.question{padding:24px}.related{gap:14px}.related img{height:110px}.related a{font-size:15px}footer .wrap{flex-direction:column}.intro{font-size:18px}.note{padding:20px}.meta{gap:12px;font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.magnet{grid-template-columns:1.05fr 1fr;align-items:center;gap:20px}.materials-art{width:100%;height:auto;min-width:0;display:block;border-radius:5px;aspect-ratio:1;object-fit:contain}.related-reading{margin-top:36px}@media(max-width:760px){.magnet{grid-template-columns:1fr}.materials-art{max-width:330px;margin:0 auto}.magnet h2{font-size:28px}}/* v5: responsive image and narrow-screen constraints */
.magnet{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);height:auto;min-height:0;align-items:center}
.magnet>div{min-width:0}.magnet .materials-art{display:block;width:100%;max-width:100%;height:auto!important;min-height:0;aspect-ratio:1/1;object-fit:contain;border-radius:0;background:transparent}
.related{grid-template-columns:repeat(2,minmax(0,1fr))}.related>a{min-width:0;overflow-wrap:anywhere}
dialog{max-height:calc(100dvh - 32px);overflow-y:auto}.field{min-width:0}
@media(max-width:760px){.top .wrap{gap:12px}.top .brand{flex-shrink:0}.top .phone{white-space:nowrap;font-size:12px}.magnet{grid-template-columns:minmax(0,1fr);gap:24px;padding:24px}.magnet .materials-art{width:min(100%,300px);margin:0 auto}.fields{grid-template-columns:minmax(0,1fr)}.fields .btn{width:100%}.body{min-width:0}.question{padding:22px}.table-wrap{max-width:100%}dialog{padding:30px 22px}}
@media(max-width:360px){.wrap{padding-inline:16px}.brand{font-size:23px}.brand img{width:28px}.top .phone{font-size:11px}.magnet{padding:20px}h1{font-size:32px}.related{grid-template-columns:minmax(0,1fr)}.related img{height:160px}}
.article-content h2{margin-top:42px;scroll-margin-top:105px}.article-content h2:first-child{margin-top:0}.article-content img{max-width:100%;height:auto;border-radius:7px}.article-content figure{margin:26px 0}.article-content figcaption{font-size:13px;color:#64716b}.article-content blockquote{margin:28px 0;background:#edf5f1;border-left:4px solid #17634c;padding:24px 26px;border-radius:0 6px 6px 0}.article-content ul{padding-left:24px}.article-content li{margin:9px 0}.article-content .steps{counter-reset:step;list-style:none;padding-left:0}.article-content .steps>li{counter-increment:step;position:relative;padding-left:48px;min-height:40px}.article-content .steps>li:before{content:counter(step);position:absolute;left:0;color:#17634c;font-size:26px;font-weight:bold}.hero:has(>div:only-child){grid-template-columns:1fr}.meta{flex-wrap:wrap}.magnet img{max-width:230px;width:100%}.faq p{white-space:pre-line}
/* Use the shared site brand in the article header. */
@font-face{font-family:'Profpan Gothic';src:url('/fonts/gothic-demi.woff') format('woff');font-style:normal;font-weight:600 900;font-display:swap}
.top .brand{display:inline-flex;gap:9px;align-items:center;flex-shrink:0;letter-spacing:0}
.top .brand-mark{display:block;width:38px;height:44px;background:#008c34;mask:url('/brand/profpan-mark.png') -8px -2px/51px 51px no-repeat;-webkit-mask:url('/brand/profpan-mark.png') -8px -2px/51px 51px no-repeat}
.top .brand-lockup{display:flex;flex-direction:column;gap:3px;letter-spacing:0;line-height:1}
.top .brand .brand-name{font:700 29px/1 'Profpan Gothic',Arial,sans-serif;letter-spacing:-.04em;color:#141414}
.top .brand-description{font:400 10px/1.2 Prof,Arial,sans-serif;letter-spacing:0;color:#596168;white-space:nowrap}
@media(max-width:1050px){.top .brand .brand-name{font-size:27px}.top .brand-description{font-size:9px}}
@media(max-width:700px){.top .brand{gap:6px}.top .brand .brand-name{font-size:25px}.top .brand-mark{width:30px;height:36px;mask-size:42px 42px;-webkit-mask-size:42px 42px;mask-position:-7px -2px;-webkit-mask-position:-7px -2px}.top .brand-description{font-size:8px}}
@media(max-width:360px){.top .brand .brand-name{font-size:23px}.top .brand-description{display:none}}