:root{--ink:#163a3b;--teal:#095b56;--paper:#f8f7f2;--mint:#dcebe5;--line:#cbdbd4;--amber:#edb64b;--muted:#4b6260;--white:#fff;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:var(--teal);text-underline-offset:3px}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b07210;outline-offset:3px}[hidden]{display:none!important}button{color:inherit}svg{flex:none}.wrap{max-width:1200px;width:calc(100% - 96px);margin:auto}.tool-wrap{max-width:1400px;width:calc(100% - 48px);margin:auto}.skip{position:absolute;left:10px;top:-100px;background:white;padding:12px;z-index:20}.skip:focus{top:8px}
.app-header{background:#fff;border-bottom:1px solid var(--line)}.headrow,.footerrow,.intro-row,.info-strip,.section-head{display:flex;justify-content:space-between;align-items:center;gap:24px}.headrow{min-height:78px}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-size:15px;line-height:1.18;font-weight:650;letter-spacing:-.35px}.brand b{display:block;color:var(--teal);font-weight:550}.app-header nav{display:flex;gap:28px;align-items:stretch;align-self:stretch}.app-header nav a{display:flex;align-items:center;position:relative;text-decoration:none;color:var(--muted);font-size:14px;font-weight:600}.app-header nav a[aria-current=page]{color:var(--teal)}.app-header nav a[aria-current=page]:after{content:"";position:absolute;bottom:16px;left:0;right:0;height:2px;background:var(--teal)}.mobile-menu{display:none}
.hero{display:grid;grid-template-columns:1.06fr 1fr;gap:clamp(30px,5vw,90px);align-items:center;padding-block:65px 71px}.kicker,.art-label,.tool-tip small{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.5;letter-spacing:.12em;font-weight:750;color:var(--teal)}.kicker i,.art-label i{width:8px;height:8px;border-radius:50%;background:var(--amber)}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.037em;line-height:1.13}h1{font-size:clamp(38px,4.55vw,69px)}.hero h1{margin:21px 0 20px;font-size:clamp(34px,4.25vw,66px);line-height:1.06;overflow-wrap:normal}.hero h1 em{display:block;color:var(--teal);font-weight:400}.hero-text>p,.intro-row p,.article-intro>p,.home-more p{font-size:18px;line-height:1.62;color:var(--muted);max-width:53ch}.actions,.more-links{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.actions{margin:26px 0 17px}.btn{font-size:14px;line-height:1.25;font-weight:700;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:11px;min-height:46px;padding:12px 17px;border-radius:8px;border:1px solid transparent;transition:background .15s}.btn.primary{background:var(--teal);color:white}.btn.primary:hover{background:#074b47}.btn.secondary{background:#fff;color:var(--teal);border-color:#a7bbb2}.btn.secondary:hover{background:#eef5ef}.subtle{font-size:13px;color:var(--muted)}.proof{display:inline-flex;align-items:center;gap:7px}.hero-art{position:relative;overflow:hidden;isolation:isolate;background:#dbe9e0;background-image:radial-gradient(#7fa38f4a 1px,transparent 1px);background-size:16px 16px;border:1px solid #c8dbcc;border-radius:19px;height:354px;min-width:0;box-shadow:inset 0 0 100px #d7e5da}.art-label{position:absolute;left:20px;top:16px;background:#f6faf6;padding:5px 8px;border:1px solid #c2d7c9;border-radius:5px;z-index:3;font-size:9px}.art-label i{width:6px;height:6px;background:#448569}.art-frame{position:absolute;inset:0;overflow:hidden}.paperback,.paper{position:absolute;width:57%;height:103%;top:18%;left:20%;background:white;box-shadow:0 8px 23px #315d482b;border:1px solid #c4d4c9;border-radius:2px}.paperback{transform:rotate(-9deg);background:#f6f8f1;top:17%;left:19%}.paper{transform:rotate(4deg);padding:7px 3px;overflow:hidden}.paper img{width:100%;display:block}.field-outline{position:absolute;left:57%;top:62%;width:25%;height:4%;border:2px solid #bc8532;background:#f0c56955;border-radius:1px}.tool-tip{position:absolute;display:flex;align-items:center;gap:10px;top:58%;right:6%;background:white;border:1px solid #c8d9cc;border-radius:9px;padding:11px 15px;box-shadow:0 8px 18px #214b3426}.tool-tip small{font-size:8px;letter-spacing:.1em}.tool-tip b{display:block;font-size:14px}.tipicon{display:grid;place-items:center;width:31px;height:31px;border-radius:7px;background:#f5e9c4}.hero-art figcaption{position:absolute;bottom:0;left:0;right:0;padding:12px 18px;display:flex;align-items:center;gap:8px;background:#eef4ef;border-top:1px solid #c0d2c4;font-size:12px;font-weight:600}.slide-mark{width:20px;height:3px;border-radius:2px;background:#c08c3d}
.steps-band{border-block:1px solid var(--line);background:white;padding:42px 0 46px}h2{font-size:clamp(29px,3vw,43px)}.section-head h2,.home-more h2{margin:7px 0 15px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;list-style:none;padding:0;margin:7px 0 0}.steps li,.download-card,.aside-card{background:var(--paper);border:1px solid #d6dfd5;border-radius:12px;padding:22px}.step-top{display:flex;justify-content:space-between;align-items:center;color:#71837a;font-size:12px;letter-spacing:.1em}.step-icon{display:inline-grid;place-items:center;border-radius:8px;background:var(--mint);color:var(--teal);width:37px;height:37px}.steps h3,.reading h3{font-size:19px;line-height:1.35;margin:16px 0 5px;letter-spacing:-.025em}.steps p,.reading p,.aside-card p,.download-card p,.info-strip p{font-size:16px;line-height:1.65;color:var(--muted)}.home-more{padding-block:48px;display:flex;justify-content:space-between;align-items:center;gap:22px}.home-more p{font-size:16px}
footer{margin-top:auto;background:#fff;border-top:1px solid var(--line);padding-block:24px}.footerrow{justify-content:flex-start;flex-wrap:wrap;font-size:13px}.footerrow>span{margin-left:auto}.footerrow>span a{font-weight:700}.footerrow>a:not(.brand),.linkbtn{color:var(--muted)}.linkbtn{border:0;padding:0;background:none;text-decoration:underline;text-underline-offset:3px}
.breadcrumb{font-size:13px;margin-bottom:20px;color:var(--muted)}.breadcrumb span{padding:0 5px;color:#a4b0aa}.tool-intro,.article{padding-block:26px 35px}.intro-row h1,.article-intro h1{font-size:clamp(35px,3.9vw,55px);margin:9px 0 12px}.intro-row p{font-size:16px}.intro-row>.btn{flex:none}.workbench{background:#e9f1ec;border-top:1px solid var(--line);min-height:45vh;padding:22px 0}.article{padding-bottom:64px}.article-intro{max-width:860px;margin-bottom:32px}.article-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:start}.reading h2,.aside-card h2,.download-card h2,.info-strip h2{font-size:30px;margin:13px 0 9px}.reading h2:not(:first-child){margin-top:28px}.reading h3:first-of-type{margin-top:20px}.reading .btn,.aside-card .btn,.download-card .btn{margin-top:16px}.aside-card,.info-strip{background:var(--mint)}.sample-preview{display:block;max-width:100%;border:1px solid var(--line);padding:12px;background:white;border-radius:10px;margin-bottom:16px}.sample-preview img{display:block;width:100%;height:auto}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.download-card{background:white}.file-badge{display:inline-block;border-radius:5px;padding:5px 8px;background:var(--mint);color:var(--teal);font-size:12px;font-weight:750}.sources{font-size:14px!important;color:var(--muted);margin:21px 0}.info-strip{padding:25px;border-radius:12px;margin-top:24px}.info-strip h2{margin:0}.dialog-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.site-dialog{border:1px solid var(--line);border-radius:17px;padding:24px;width:min(620px,calc(100% - 24px));max-height:88dvh;color:var(--ink);box-shadow:0 24px 90px #122f333b}.site-dialog::backdrop{background:#142e2f81}.round{border:1px solid var(--line);background:white;width:36px;height:36px;display:grid;place-items:center;border-radius:50%}.site-dialog h2{font-size:32px;margin:0 0 12px}.site-dialog p{line-height:1.55;margin:10px 0}.site-dialog label{display:block;font-weight:650;margin:16px 0 6px}.site-dialog textarea{width:100%;min-height:13em;resize:vertical;padding:11px;border:1px solid #9bb0a5;border-radius:7px;color:var(--ink);line-height:1.5}.site-dialog .actions{margin:16px 0 4px}.site-dialog video{width:100%;border-radius:7px;background:#122c2a}.site-dialog:has(video){width:min(800px,calc(100% - 24px))}.site-dialog:has(.supp-container){width:min(850px,calc(100% - 24px))}.chapters{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.chapters button{background:#ecf3ee;border:1px solid var(--line);padding:5px 9px;border-radius:6px;font-size:13px}.notice{padding:12px 15px;background:#fff3ce;border-radius:7px;margin-bottom:14px;color:#4c421e}
@media(max-width:850px){.wrap{width:calc(100% - 42px)}.app-header nav{gap:17px}.hero{gap:20px}.hero-art{height:305px}.hero h1{font-size:clamp(32px,4.4vw,47px)}.steps{gap:12px}.steps li{padding:16px}.home-more{align-items:flex-start;flex-direction:column}.intro-row{align-items:flex-start;flex-direction:column}.article-grid{gap:20px}.hero .actions{gap:8px}.hero .btn{font-size:13px;padding:11px}}
@media(max-width:680px){.wrap,.tool-wrap{width:calc(100% - 32px)}.headrow{min-height:65px;flex-wrap:wrap;gap:0}.brand{font-size:14px}.brand>svg{width:36px;height:36px}.mobile-menu{display:flex;align-items:center;gap:6px;background:white;border:1px solid var(--line);border-radius:7px;padding:8px 11px}.app-header nav{display:none;width:100%;gap:0;flex-wrap:wrap;align-self:auto;padding:8px 0 12px}.app-header nav.open{display:flex}.app-header nav a{padding:8px}.app-header nav a[aria-current=page]:after{bottom:3px;left:8px;right:8px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:25px;padding-block:33px}.hero h1{font-size:clamp(32px,7.8vw,49px);margin:14px 0}.hero-text>p{font-size:16px}.hero-art{height:250px}.paper,.paperback{width:51%;left:24%}.hero .actions{margin:18px 0 13px}.steps-band{padding:28px 0}.steps{grid-template-columns:1fr}.steps li{padding:14px 16px;position:relative}.step-top>span:last-child{position:absolute;right:17px;top:18px}.steps h3{margin:9px 0 4px}.home-more{padding-block:28px}.article-grid,.download-grid{grid-template-columns:1fr}.article-intro>p{font-size:16px}.info-strip{flex-direction:column;align-items:flex-start}.footerrow{gap:12px 18px}.footerrow .brand{width:100%}.footerrow>span{margin-left:0}.intro-row{gap:12px}.tool-intro{padding-block:16px}.workbench{padding-top:12px}.tool-wrap{width:calc(100% - 16px)}.site-dialog{padding:17px}.kicker{font-size:10px}}
.hero-art .paper-content{position:relative;margin-top:-8%}.hero-art .field-outline{left:55.6%;top:58.64%;width:19.05%;height:1.43%;min-height:3px;border-width:1px}.hero-art .tool-tip{top:61%}
@media(max-width:370px){.intro-row,.intro-row>div,.hero-text{min-width:0;max-width:100%}.intro-row h1{font-size:29px}.nhg-toolbar{flex-wrap:wrap}.hero h1{font-size:30px}.article h1{overflow-wrap:anywhere}}
