/* Private design candidate: match the existing book site's paper/green palette. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--ec-paper:#f7f6f0;--ec-ink:#172e27;--ec-green:#235b43;--ec-line:#d9ddd3}
html{background:var(--ec-paper)!important}
body{background:var(--ec-paper)!important;color:var(--ec-ink)!important;font-family:'DM Sans',Arial,sans-serif!important;line-height:1.75!important;margin:0 auto!important;padding:24px!important;max-width:1180px;box-sizing:border-box}
p,li{font-family:'DM Sans',Arial,sans-serif;line-height:1.8}
h1,h2,h3{font-family:'Libre Caslon Display',Georgia,serif!important;color:var(--ec-ink)!important;line-height:1.15!important;font-weight:400!important}
h1{font-size:clamp(36px,5vw,58px)!important}h2{font-size:34px!important}
a{color:var(--ec-green)}img{max-width:100%;height:auto}iframe{max-width:100%}
input,select,button{font:inherit;accent-color:var(--ec-green)}input,select{max-width:100%;box-sizing:border-box}
button,input[type=submit]{background:var(--ec-green);color:white;border:0;padding:10px 18px;border-radius:3px;cursor:pointer}
table{border-collapse:collapse}th,td{padding:6px 9px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #4f8457;outline-offset:3px}
.ec-stage-nav{display:flex;justify-content:space-between;gap:20px;padding:14px 0 24px;border-bottom:1px solid var(--ec-line);margin-bottom:36px;font:600 13px 'DM Sans',Arial,sans-serif;letter-spacing:1px}.ec-stage-nav a{text-decoration:none}
#header:has(img[src*="webheader"]){display:none!important}#wrapper,#page{position:static!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important}
#content{position:static!important;top:auto!important;width:100%!important;max-width:820px!important;height:auto!important;overflow:visible!important;margin:0 auto!important;padding:24px 0 64px!important;background:transparent!important;font-size:17px!important}
#content>div[style*="float:left"],#content>div[style*="float: left"]{float:none!important;padding:24px 0!important}
#canvas{position:static!important;max-width:100%;margin:24px 0;display:block}#content table{max-width:100%}
.ec-video-note{font-size:14px;border-left:3px solid var(--ec-line);padding:10px 18px;color:#5a655d}
@media(max-width:720px){body{padding:16px!important}h1{font-size:36px!important}.ec-stage-nav{font-size:11px;gap:12px}iframe{width:100%}}
