/* HTT clothing report template — enqueued on the clothes CPT single (post 12210).
   Covers the native (Elementor) sections only; the 7 plugin shortcode sections
   ship their own scoped CSS via httct_sections_css(). Fonts: Aboreto + Jost are
   already loaded sitewide via the Elementor kit. */
:root{
 --paper:#fff8f2;--paper2:#fff3e2;--paper3:#fffdf7;--card:#fffdf8;
 --brand:#501414;--ink:#33281c;--ink2:#6b5a44;--mute:#9a8a72;
 --line:#e9dccb;--line2:#EADFD5;--tan:#88684A;--gold:#b98a4e;--goldsoft:#F3E6CC;
 --green:#3f8f4f;--green-d:#2f4a34;--greensoft:#eef4e8;--band:#8bc34a;--star:#f2c200;
 --peach:#d3814a;--peach-d:#bd6c37;
}
*{box-sizing:border-box}
/* Keep every top-level template section on one content width (the mockup's .wrap) */
.elementor-top-container{max-width:1050px;margin-left:auto;margin-right:auto;width:100%}
.ctpl{max-width:1050px}

.eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--tan)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;font-family:'Jost',sans-serif;font-weight:600;font-size:14.5px;padding:13px 20px;border-radius:12px;letter-spacing:.02em}
.btn.full{width:100%}
.btn.book-cta{background:var(--peach);color:#fff;box-shadow:0 8px 20px rgba(211,129,74,.32)}.btn.book-cta:hover{background:var(--peach-d)}
.btn.ghost{background:transparent;color:var(--brand);box-shadow:inset 0 0 0 1.5px var(--line2)}.btn.ghost:hover{background:var(--paper2)}
.btn.grn{background:var(--green);color:#fff}.btn.grn:hover{background:var(--green-d)}
.btn.tan{background:var(--goldsoft);color:var(--tan)}.btn.tan:hover{background:#ecdcc3}
.btn.cream{background:var(--goldsoft);color:var(--brand)}.btn.cream:hover{background:#ecdcc3}
.btn.sm{font-size:13px;padding:11px 14px}
.masthead{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;align-items:end;margin-bottom:10px}@media(max-width:760px){.masthead{grid-template-columns:1fr}}
.h1{font-family:'Aboreto',serif;color:var(--brand);font-size:clamp(34px,6vw,56px);line-height:.98;margin:0}
.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px;align-items:center}
.tag{font-size:12px;color:var(--ink2)}
.tag.dot::after{content:"·";margin-left:7px;color:var(--mute)}
.ratepill{display:inline-flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line2);border-radius:999px;padding:6px 14px 6px 7px}
.ratepill .ring{width:30px;height:30px;border-radius:50%;background:conic-gradient(var(--band) 0 288deg,#e6ddcf 288deg 360deg);display:flex;align-items:center;justify-content:center}
.ratepill .ring i{width:21px;height:21px;border-radius:50%;background:var(--card);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;font-style:normal;color:var(--green-d)}
.ratepill b{font-size:13px;color:var(--ink)}.ratepill b small{color:var(--tan);font-weight:600}
.bookbar{display:flex;flex-direction:column;gap:8px}
.bookbar .book-cta{width:100%}
.bookbar .row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.partner{font-size:11px;color:var(--mute);text-align:center;margin:2px 0 0;line-height:1.4}
/* hero free-read meter + pass banner */
.meterrow{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.httpass-meter{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--green-d);background:var(--greensoft);border:1px solid #d8e6cf;border-radius:999px;padding:7px 13px}
.httpass-meter b{color:var(--brand);font-weight:700}
.pass-banner{display:block;font-size:13px;font-weight:600;color:var(--green-d);background:var(--greensoft);border:1px solid #d8e6cf;border-radius:12px;padding:11px 16px;margin-top:10px;line-height:1.5}
.pass-banner:empty{display:none}
/* media gallery + video */
.gmain{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 16px 40px rgba(80,20,20,.13);min-height:260px}
.gside{border-radius:16px;overflow:hidden}
.gside:has(.e-con-inner:not(:has(*))){display:none}
.media:has(.gside:has(.e-con-inner:not(:has(*)))) .gmain{flex-grow:1;flex-basis:100%!important;max-width:100%!important;width:100%!important}
.sec{padding:32px 0 0}
.sec h2{font-family:'Aboreto',serif;color:var(--brand);font-weight:400;font-size:clamp(20px,3vw,26px);margin:5px 0 14px;letter-spacing:.01em}
.sec h2.center{text-align:center}
.lead{font-size:14.5px;color:var(--ink2);max-width:620px;margin:0 0 16px}
.lead b{color:var(--brand)}
/* about */
.about{display:grid;grid-template-columns:1fr 1fr;gap:28px}@media(max-width:760px){.about{grid-template-columns:1fr;gap:20px}}
.prose p{font-size:15px;color:var(--ink2);margin:0 0 12px}
.owned{font-size:12.5px;color:var(--tan);letter-spacing:.03em;margin-bottom:14px}.owned b{color:var(--brand)}
.spec{background:var(--card);border:1px solid var(--line2);border-radius:16px;padding:6px 20px}
.grp{padding:15px 0;border-bottom:1px solid var(--line)}.grp:last-child{border-bottom:none}
.grp .gl{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--peach-d);margin-bottom:9px}
.kv{display:flex;justify-content:space-between;gap:14px;font-size:13.4px;padding:3px 0}
.kv .k{color:var(--mute)}.kv .v{color:var(--ink);text-align:right;font-weight:500}.kv .v a{color:var(--green-d);text-decoration:none;font-weight:600}
.kv .v.eco{color:var(--green-d);font-weight:700}
.grp .full{font-size:13.2px;color:var(--ink2)}
.verline{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--green-d);font-weight:600;padding:13px 0}
.verline .b{background:var(--greensoft);border-radius:999px;padding:2px 9px;font-size:11px}
/* evidence / confirmed */
.evidence{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:760px){.evidence{grid-template-columns:repeat(2,1fr)}}
.ev{background:var(--card);border:1px solid var(--line2);border-radius:14px;padding:16px 18px}
.ev .code{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;display:flex;align-items:center;gap:7px;margin-bottom:10px;color:var(--green-d)}
.ev .code i{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block}
.ev b{font-family:'Aboreto',serif;font-weight:400;color:var(--brand);font-size:26px;display:block;line-height:1}
.ev span{font-size:12.5px;color:var(--ink2)}
.ev.locked{background:var(--greensoft)}
.ev.locked .code{color:var(--peach-d)}
.ev.locked .code i{background:var(--peach)}
.ev.locked b{font-size:15px;color:var(--ink);font-weight:500;letter-spacing:.01em}
.ev .tap{margin-top:10px;font-size:11px;color:var(--peach-d);font-weight:600}
/* verified / at a glance */
.verify-head{display:flex;align-items:center;gap:10px;background:var(--greensoft);border:1px solid #d8e6cf;border-radius:12px;padding:11px 16px;margin-bottom:16px}
.verify-head .chk{width:26px;height:26px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;flex:none}
.verify-head span{font-size:13.5px;color:var(--green-d);font-weight:500}
.ataglance{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:16px}@media(max-width:760px){.ataglance{grid-template-columns:repeat(2,1fr)}}
.gl2{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line2);border-radius:11px;padding:9px 11px;font-size:12.5px;color:var(--ink)}
.gl2 .tick{color:var(--green);font-weight:700}.gl2 .dash{color:var(--mute);font-weight:700}
.ecoblocks{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:760px){.ecoblocks{grid-template-columns:1fr}}
.eb{background:var(--card);border:1px solid var(--line2);border-radius:14px;padding:16px 18px}
.eb .eh{display:flex;align-items:center;gap:9px;margin-bottom:7px}.eb .eh .em{font-size:18px}.eb .eh b{font-family:'Aboreto',serif;font-weight:400;color:var(--brand);font-size:14.5px}.eb .eh .t{margin-left:auto;font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:var(--green-d);background:var(--greensoft);border-radius:999px;padding:2px 8px}
.eb p{margin:0;font-size:13.2px;color:var(--ink2)}
.certbadges{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 16px}
.cb{font-size:11.5px;letter-spacing:.04em;font-weight:600;color:var(--green-d);background:var(--greensoft);border:1px solid var(--line2);border-radius:999px;padding:5px 12px}
/* watch-outs */
.watchouts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}@media(max-width:720px){.watchouts{grid-template-columns:1fr}}
.wo{background:var(--card);border:1px solid var(--line2);border-radius:14px;padding:16px 17px}
.wo .wtag{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--peach-d)}
.wo b{display:block;font-size:14px;color:var(--brand);margin:5px 0 6px;letter-spacing:.02em}
.wo p{margin:0;font-size:13.5px;color:var(--ink2)}
/* verified brand picks */
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:760px){.cards3{grid-template-columns:1fr}}
.pc{background:var(--card);border:1px solid var(--line2);border-radius:16px;overflow:hidden;cursor:pointer;transition:transform .14s,box-shadow .14s}.pc:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(80,20,20,.1)}
.pc .pcimg{aspect-ratio:16/10;background-size:cover;background-position:center;background-color:var(--paper2);position:relative}
.pc .pctag{position:absolute;top:10px;left:10px;font-size:10px;letter-spacing:.07em;text-transform:uppercase;font-weight:600;background:rgba(255,248,242,.92);color:var(--tan);border-radius:999px;padding:4px 10px}
.pc .bm{position:absolute;top:10px;right:10px;width:31px;height:31px;border-radius:50%;background:rgba(255,248,242,.92);display:flex;align-items:center;justify-content:center;color:var(--brand);font-size:13px}
.pc .pcb{padding:13px 15px 15px}.pc .pcn{font-family:'Aboreto',serif;font-weight:400;color:var(--brand);font-size:16px;margin-bottom:2px}.pc .pcm{font-size:12px;color:var(--mute);margin-bottom:9px}.pc .pcl{font-size:12.5px;font-weight:600;color:var(--green-d)}
.pc .pcb .btn{width:100%;padding:10px;margin-top:2px}
/* router (flattened — sits on the page, no card bg) */
.router-panel{background:none;box-shadow:none;padding:0;border-radius:0}
.router-panel .eyebrow{color:#7a5a52}
.router-panel .rh{text-align:center;font-family:'Aboreto',serif;color:var(--brand);font-weight:400;font-size:clamp(20px,3vw,26px);margin:5px 0 16px}
.paths{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:760px){.paths{grid-template-columns:1fr}}
.path{background:var(--card);border:1px solid var(--line2);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:9px;box-shadow:0 6px 18px rgba(120,90,60,.06)}
.path .pn{display:flex;align-items:center;gap:9px}.path .pn .em{font-size:20px}.path .pn b{font-family:'Aboreto',serif;font-weight:400;color:var(--brand);font-size:16px}
.path p{margin:0;font-size:13px;color:var(--ink2);flex:1}
.path a{text-decoration:none}
/* deal / savings */
.deal-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}@media(max-width:760px){.deal-grid{grid-template-columns:1fr}}
.big-off{font-family:'Aboreto',serif;font-weight:400;color:var(--brand);font-size:clamp(30px,4.4vw,42px);line-height:1.05;margin:0 0 10px}
.big-off em{font-style:normal;color:var(--peach-d)}
.steps{display:flex;flex-direction:column;gap:11px;margin:16px 0 18px}
.step{display:flex;gap:13px;align-items:flex-start}
.step .n{flex:none;width:28px;height:28px;border-radius:50%;background:var(--goldsoft);color:var(--peach-d);display:flex;align-items:center;justify-content:center;font:600 13px/1 'Jost',sans-serif}
.step b{display:block;font-size:13.5px;color:var(--brand);font-weight:600}
.step span{font-size:12.3px;color:var(--ink2)}
.perks2{display:grid;grid-template-columns:1fr 1fr;gap:9px}@media(max-width:760px){.perks2{grid-template-columns:1fr}}
.perk2{display:flex;gap:9px;align-items:flex-start;background:var(--card);border:1px solid var(--line2);border-radius:11px;padding:11px 13px;font-size:12.3px;color:var(--ink2)}
.perk2 i{flex:none;width:19px;height:19px;border-radius:50%;background:var(--greensoft);color:var(--green-d);display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:10px;font-weight:600;margin-top:1px}
.dform{background:var(--card);border:1px solid var(--line2);border-radius:16px;padding:22px}
.dform h3{font-family:'Aboreto',serif;font-weight:400;color:var(--brand);font-size:19px;margin:0 0 4px}
.dform .sub{font-size:12.5px;color:var(--ink2);margin:0 0 16px}
.f-row{margin-bottom:12px}
.f-row label{display:block;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--tan);margin-bottom:6px}
.f-row input{width:100%;border:1px solid var(--line2);background:var(--paper);border-radius:11px;padding:12px 14px;font-family:'Jost',sans-serif;font-size:14px;color:var(--ink)}
.f-row input:focus{outline:none;border-color:var(--gold)}
.f-row input::placeholder{color:var(--mute)}
.dform .fine{font-size:11.5px;color:var(--mute);margin-top:12px;text-align:center}
.step2{display:none}
.step1 .btn{width:100%}
.dform.done .step1{display:none}
.dform.done .step2{display:block}
/* premium / membership */
.premium{background:linear-gradient(155deg,#501414,#38100f);color:#f5e9dd;border-radius:20px;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;box-shadow:0 18px 44px rgba(80,20,20,.22)}@media(max-width:760px){.premium{grid-template-columns:1fr}}
.premium .pl{padding:26px 28px}.premium .pr{padding:26px 28px;background:rgba(0,0,0,.2);display:flex;flex-direction:column;gap:11px;justify-content:center}
.founding{display:inline-flex;gap:7px;font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:var(--gold);color:#2a0d0d;border-radius:999px;padding:5px 12px;margin-bottom:14px}
.premium h3{font-family:'Aboreto',serif;font-weight:400;font-size:23px;margin:0 0 12px;color:#fff6ee}
.perks{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}.perks li{font-size:14px;display:flex;gap:10px;color:#efe0d3}.perks li::before{content:"✦";color:var(--gold)}
.plan{display:flex;justify-content:space-between;align-items:center;gap:10px;border-radius:12px;padding:12px 15px;background:rgba(255,255,255,.06);position:relative}.plan.best{background:rgba(185,138,78,.2);box-shadow:inset 0 0 0 1.5px var(--gold)}
.plan .pk{font-size:13px;opacity:.9}.plan .pp{font-family:'Aboreto',serif;font-size:18px;color:#fff6ee}.plan .pp i{font-size:11px;opacity:.7;font-style:normal;margin-left:4px}.plan .best-tag{position:absolute;top:-9px;left:14px;background:var(--gold);color:#2a0d0d;font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:2px 8px}
.downsell{font-size:11.5px;color:#d6c4b3;text-align:center;margin:0}.downsell a{color:#f3e6cc}
.premium .pl-intro{font-size:13.5px;color:#e6d2c2;margin:0 0 6px;line-height:1.55}
.pkg{border-top:1px dashed rgba(243,230,204,.18);padding:12px 0}
.pkg:first-of-type{border-top:none;padding-top:8px}
.pkg-h{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.pkg-h .pkg-em{font-size:15px}
.pkg-h b{font-family:'Aboreto',serif;font-weight:400;font-size:15px;color:#fff6ee;letter-spacing:.04em}
.pkg-h .pkg-t{font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--gold)}
.pkg .perks{gap:6px}
.pkg li{font-size:13px}
.capture{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;background:var(--paper2);border:1px solid var(--line2);border-radius:18px;padding:20px 22px;margin-top:14px}
.capture h4{font-family:'Aboreto',serif;font-weight:400;color:var(--brand);font-size:18px;margin:0}.capture p{font-size:12.5px;color:var(--ink2);margin:4px 0 0}
.capform{display:flex;gap:8px;flex:1;min-width:250px;max-width:400px}.capform input{flex:1;border:1px solid var(--line2);background:var(--card);border-radius:11px;padding:12px 14px;font-family:'Jost',sans-serif;font-size:14px}
.capform .btn{white-space:nowrap}
/* faq */
.faq-list{display:flex;flex-direction:column;gap:10px}
.faq-list details{background:var(--card);border:1px solid var(--line2);border-radius:14px;overflow:hidden}
.faq-list summary{list-style:none;cursor:pointer;padding:15px 18px;font-weight:600;font-size:14.5px;color:var(--brand);display:flex;justify-content:space-between;align-items:center;gap:12px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";font-size:17px;color:var(--peach-d);transition:transform .2s}
.faq-list details[open] summary::after{transform:rotate(45deg)}
.faq-list .fa{padding:0 18px 16px;font-size:13.5px;color:var(--ink2)}
/* engagement row */
.eng{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 6px;align-items:center}
.eng-btn{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;letter-spacing:.04em;color:var(--ink);background:var(--card);border:1px solid var(--line2);border-radius:999px;padding:9px 14px;cursor:pointer}
.eng-btn:hover{border-color:var(--tan);color:var(--brand)}
.eng-alert{display:flex;gap:7px;align-items:center;flex:1;min-width:260px;background:var(--greensoft);border:1px solid #dfe9d5;border-radius:999px;padding:5px 6px 5px 15px}
.eng-alert span{font-size:12px;color:var(--green-d);font-weight:600;white-space:nowrap}
.eng-alert input{flex:1;min-width:120px;border:none;background:transparent;font-family:'Jost',sans-serif;font-size:13px;color:var(--ink);padding:6px 4px}
.eng-alert input:focus{outline:none}
.eng-alert button{background:var(--green);color:#fff;border:none;border-radius:999px;padding:9px 14px;font:600 12.5px/1 'Jost',sans-serif;cursor:pointer;white-space:nowrap}
.eng-alert button:hover{background:var(--green-d)}
/* per-wear cost calculator */
.cost-wrap{background:var(--paper3);border:1px solid var(--line2);border-radius:16px;padding:22px;margin-top:6px}
.cost{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:end}@media(max-width:720px){.cost{grid-template-columns:1fr}}
.cost .c-field label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--tan);display:block;margin-bottom:6px}
.cost .c-field input,.cost .c-field select{width:100%;background:var(--card);border:1px solid var(--line2);border-radius:10px;padding:12px;font-family:'Jost',sans-serif;font-size:15px;color:var(--ink)}
.cost-out{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}@media(max-width:720px){.cost-out{grid-template-columns:1fr}}
.c-kent{background:linear-gradient(160deg,var(--brand),#6e1d1d);border-radius:14px;padding:16px}
.c-fast{background:var(--card);border:1px solid var(--line2);border-radius:14px;padding:16px}
.c-fast .num{font-family:'Aboreto',serif;font-size:30px;color:var(--ink);line-height:1.1}
.c-kent .num{font-family:'Aboreto',serif;font-size:30px;color:#fff;line-height:1.1}
.c-save{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700}
.c-fast .c-save{color:var(--green)}
.c-kent .c-save{color:var(--goldsoft)}
.c-sub{font-size:12.5px;color:var(--mute);margin-top:6px}
.c-kent .c-sub{color:var(--goldsoft)}
.c-note{font-size:12px;color:var(--mute);margin-top:14px}
/* fit & returns */
.fitgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}@media(max-width:720px){.fitgrid{grid-template-columns:1fr}}
.fit{background:var(--card);border:1px solid var(--line2);border-radius:14px;padding:16px 17px}
.fit .f-tag{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--peach-d)}
.fit b{display:block;font-size:14px;color:var(--brand);margin:5px 0 6px;letter-spacing:.02em}
.fit p{margin:0;font-size:13.5px;color:var(--ink2)}
/* wear-it-for-years care console */
.caregrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:6px}@media(max-width:900px){.caregrid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.caregrid{grid-template-columns:1fr}}
.care{background:var(--card);border:1px solid var(--line2);border-radius:14px;padding:16px}
.care .c-em{font-size:20px;display:block;margin-bottom:6px}
.care b{font-size:13px;color:var(--ink);display:block;margin-bottom:5px}
.care p{font-size:12.5px;color:var(--mute);margin:0;line-height:1.55}
.repl{display:grid;grid-template-columns:1.1fr 1fr;gap:12px;margin-top:14px;align-items:stretch}@media(max-width:720px){.repl{grid-template-columns:1fr}}
.repl>div{background:var(--paper3);border:1px solid var(--line2);border-radius:14px;padding:16px}
.repl b{font-size:13.5px;color:var(--ink);display:block;margin-bottom:8px}
.repl-list{list-style:none;margin:0 0 8px;padding:0}
.repl-list li{position:relative;font-size:12.5px;color:var(--ink);padding:4px 0 4px 22px;border-bottom:1px dashed var(--line)}
.repl-list li:last-child{border-bottom:none}
.repl-list li::before{content:"✕";position:absolute;left:0;top:4px;color:var(--peach-d);font-weight:700}
.r-note{font-size:12px;color:var(--mute);margin:6px 0 0;line-height:1.55}
/* end of life */
.eol-tag{display:inline-block;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:var(--green-d);background:var(--greensoft);border-radius:999px;padding:3px 10px;margin-bottom:8px}
.eol b{display:block;font-size:13.5px;color:var(--ink);margin-bottom:6px}
.eol p{font-size:12.5px;color:var(--ink);line-height:1.6;margin:0 0 12px}
.eol .btn{display:inline-block}
/* material decoder */
.decoder{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 16px}
.dec{position:relative;font-size:11.5px;font-weight:600;color:var(--green-d);background:var(--greensoft);border:1px solid var(--line2);border-radius:999px;padding:5px 12px;cursor:help}
.dec .tip{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);width:230px;background:var(--brand);color:#fff6ee;font-weight:400;font-size:12px;line-height:1.5;border-radius:10px;padding:10px 12px;z-index:5;text-align:left;box-shadow:0 10px 24px rgba(80,20,20,.2)}
.dec:hover .tip{display:block}
.mergeh3{font-family:'Aboreto',serif;color:var(--brand);font-weight:400;font-size:18px;margin:30px 0 6px}