/* Enclosure guides (release 33). Built by scripts/build-enclosures.mjs. */
.e-hero{position:relative;background-size:cover;background-position:center 60%;color:#fff;border-bottom:5px solid var(--gold)}
.e-hero-in{max-width:1180px;margin:0 auto;padding:34px 30px 46px}
.e-crumbs{font-size:.92rem;margin-bottom:18px;color:#d9e7df}
.e-crumbs a{color:#fff}
.e-hero h1{margin:0;max-width:820px;font:600 clamp(2rem,4.6vw,3.3rem)/1.06 var(--serif)}
.e-hero-lede{max-width:700px;margin:14px 0 0;font:400 1.15rem/1.55 var(--serif);color:#e3efe8}
.e-tag{display:inline-block;font:600 .85rem/1 var(--label);letter-spacing:.1em;text-transform:uppercase;color:var(--c,#155c46)}
.e-tag-hero{margin:0 0 10px;padding:6px 10px;border-radius:6px;background:var(--gold);color:var(--green)}
.e-credit{position:absolute;right:12px;bottom:10px;margin:0;padding:3px 8px;border-radius:6px;background:rgba(0,0,0,.55);font:400 .75rem/1.35 system-ui,sans-serif}
.e-credit a{color:#fff}
.e-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:1120px;margin:-26px auto 0;padding:0 30px;position:relative;z-index:2}
.e-facts div{padding:14px 16px;border-radius:12px;background:var(--surface);border:1px solid var(--rule);box-shadow:0 10px 26px rgba(18,35,28,.08)}
.e-facts span{display:block;font:600 .85rem var(--label);letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}
.e-facts b{display:block;margin-top:4px;font:600 1.05rem/1.3 var(--serif);color:var(--green)}
.e-toc{display:flex;flex-wrap:wrap;gap:8px 16px;max-width:1120px;margin:24px auto 0;padding:0 30px}
.e-toc a{color:var(--turf);font-weight:700;font-size:.95rem}
.e-sec{max-width:1120px;margin:0 auto;padding:26px 30px 6px}
.e-sec h2{margin:0 0 12px;font:600 clamp(1.5rem,2.6vw,1.9rem)/1.2 var(--serif);color:var(--green)}
.e-sec h3{margin:16px 0 8px;font:600 1.2rem var(--serif)}
.e-sec p{max-width:760px;line-height:1.6}
.e-lede{font:400 1.15rem/1.6 var(--serif)}
.e-list{margin:0;padding-left:1.2em;max-width:760px;line-height:1.6}
.e-list li{margin:6px 0}
.e-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.e-card{padding:14px 16px;border-radius:12px;background:var(--surface);border:1px solid var(--rule)}
.e-card h3{margin:0 0 6px;font:600 1.1rem var(--serif);color:var(--green)}
.e-card p{margin:0;font-size:.97rem}
.e-table-wrap{overflow-x:auto;border:1px solid var(--rule);border-radius:12px;background:var(--surface)}
.e-compare,.e-prices{width:100%;border-collapse:collapse;font-size:.97rem}
.e-compare caption,.e-prices caption{text-align:left;padding:12px 14px;font:600 1.05rem var(--serif)}
.e-compare th,.e-compare td,.e-prices th,.e-prices td{padding:10px 14px;border-top:1px solid var(--rule);text-align:left;vertical-align:top}
.e-compare thead th,.e-prices thead th{background:#eef3ef;font:600 .95rem var(--label);letter-spacing:.05em;text-transform:uppercase;color:var(--green)}
.e-compare tbody th{width:160px;color:var(--soft);font-weight:600}
.e-prices tbody th span{display:block;font-weight:400;color:var(--soft);font-size:.88rem}
.e-prices td{white-space:nowrap;font-weight:700}
.e-prices tr.hl{background:#fff6dc}
.e-small{font-size:.9rem;color:var(--soft)}
.e-btn{display:inline-block;margin:8px 12px 8px 0;padding:12px 18px;border-radius:10px;background:var(--gold);color:var(--green);font-weight:700;text-decoration:none}
.e-btn:hover,.e-btn:focus-visible{background:#e8bf63}
.e-faq{border-top:1px solid var(--rule);padding:10px 0;max-width:820px}
.e-faq summary{cursor:pointer;font:600 1.08rem var(--serif);color:var(--green)}
.e-faq p{margin:8px 0 0}
.e-pick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:6px}
.e-pick-card{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:12px;border:1px solid var(--rule);border-top:5px solid var(--c);background:var(--surface);color:inherit;text-decoration:none}
.e-pick-card:hover,.e-pick-card:focus-visible{box-shadow:0 12px 30px rgba(18,35,28,.1)}
.e-pick-name{font:600 1.3rem var(--serif);color:var(--green)}
.e-pick-sum{font-size:.95rem;color:var(--ink)}
.e-pick-price{font-weight:700;color:#7a5a12}
.e-sources ul{font-size:.9rem;line-height:1.6}
.e-next{padding-bottom:30px}
@media (max-width:860px){.e-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.e-cards,.e-pick{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.e-hero-in,.e-sec,.e-facts,.e-toc{padding-left:18px;padding-right:18px}.e-cards,.e-pick{grid-template-columns:1fr}.e-credit{position:static;display:block;margin:0 18px 12px}.e-facts{margin-top:16px}}
.e-credit{top:10px;bottom:auto}
@media (max-width:560px){.e-credit{position:static}}

.e-prices td.e-tbc{color:var(--soft,#5f6b66);font-style:italic;font-weight:400;font-size:.92rem}

/* r49 toc */
.e-toc{flex-wrap:nowrap;gap:4px;overflow-x:auto;margin-top:22px;padding-top:0;padding-bottom:0;border-bottom:1px solid var(--rule,#d8ded6);scrollbar-width:thin}
.e-toc a{display:block;padding:12px 10px;white-space:nowrap;text-decoration:none;border-bottom:3px solid transparent;font-size:1rem}
.e-toc a:hover,.e-toc a:focus-visible{border-bottom-color:var(--silk,#d7a947)}

/* r50 type: match the course pages (Newsreader body text) */
body.encl-page{font-family:"Newsreader",Georgia,"Times New Roman",serif;font-size:1.075rem;line-height:1.62}
body.encl-page .e-table-wrap,body.encl-page table{font-size:1rem}
body.encl-page .e-toc a,body.encl-page th[scope="col"],body.encl-page .e-tag{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif}
body.encl-page p,body.encl-page li,body.encl-page td{overflow-wrap:break-word}
body.encl-page a[href^="mailto:"]{overflow-wrap:anywhere}

/* r50 sticky */
.e-toc{position:sticky;top:0;z-index:5;background:var(--paper,#fbf9f3)}
@media (max-width:760px){.e-toc{-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}}
.dydq-links{margin-top:6px!important;font-size:.84rem;line-height:1.7}.dydq-links a{font-weight:600}

.e-table-wrap.narrow{max-width:680px}
.e-table-wrap.narrow + .e-small{max-width:680px}
