/* Revunda pass 5 — loaded only when REVUNDA_PASS5=1 (theme.py). Covers, banded home, structured footer. Same warm-paper tokens. */
:root{--sand:#E9E0D1;--tint:#F6E6DC;--edge:#D9CFBE;--sh5:0 1px 2px rgba(29,28,26,.05),0 12px 30px -18px rgba(29,28,26,.28)}
.f-rep{--fam:#A3431F;--famt:#F6E1D6}.f-rpl{--fam:#3F5E43;--famt:#E1EBDF}.f-cmp{--fam:#2A5068;--famt:#DCE7EE}
.f-res{--fam:#7E2F35;--famt:#F3DFE0}.f-mon{--fam:#7A4F12;--famt:#F3E6CF}
/* ---------- footer on a deep ink band ---------- */
.gf{background:#1D1C1A;color:#CFC6B8;border:0;margin-block-start:96px;padding:64px 0 0;font-size:.95rem}
.p5h~.gf{margin-block-start:0}
.gf .gf5{display:block}
.f5-top{display:grid;gap:40px 28px;grid-template-columns:repeat(2,minmax(0,1fr))}
.f5-brand{grid-column:1/-1;max-width:40ch}
@media(min-width:1000px){.f5-top{grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,1fr));gap:32px}.f5-brand{grid-column:auto}}
@media(max-width:359px){.f5-top{grid-template-columns:1fr}}
.f5-brand p{margin:16px 0 0;color:#CFC6B8;font:400 1rem/1.6 var(--sans)}
.gf .logo{width:122px;height:29px;display:block}
.f5-c h2{margin:0 0 16px;font:600 .78rem/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#F7F4EE}
.f5-c ul,.gf .fl{list-style:none;margin:0;padding:0;display:grid!important;grid-template-columns:1fr!important;gap:10px!important;grid-column:auto!important}
.f5-c li{margin:0}
.gf .f5-c a{color:#CFC6B8;text-decoration:none;line-height:1.4;display:inline-block;padding-block:2px;overflow-wrap:anywhere}
.gf .f5-c a:hover,.gf .f5-c a:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:.2em}
.gf a:focus-visible{outline:2px solid #F2C886;outline-offset:2px;border-radius:3px}
/* badge row: one line, equal height, neutral tiles (markup unchanged) */
.gf #featured-on{margin-block-start:48px!important;padding-block-start:28px;border-block-start:1px solid #3A3631;gap:12px!important;opacity:1!important;font-size:.78rem!important}
.gf #featured-on>span{color:#B9B1A4;margin-inline-end:8px;font-weight:600}
.gf #featured-on a{display:inline-flex!important;align-items:center;justify-content:center;height:52px;padding:0 14px;background:#F7F4EE;border-radius:10px;box-sizing:border-box}
.gf #featured-on a:hover{background:#fff}
.gf #featured-on img{height:30px!important;width:auto!important;max-width:none!important;display:block!important}
/* bottom bar */
.f5-bot{margin-block-start:28px;padding-block:20px 28px;border-block-start:1px solid #3A3631;display:flex;flex-wrap:wrap;gap:8px 40px;justify-content:space-between;align-items:baseline}
.gf .f5-bot .disc{border:0;padding:0;margin:0;max-width:95ch;font-size:.8rem;line-height:1.55;color:#B9B1A4}
.gf .f5-bot .disc a{color:#CFC6B8}
.f5-cr{margin:0;font-size:.8rem;color:#B9B1A4;white-space:nowrap}
/* language list joins the band */
body .gx-lang-bar{background:#1D1C1A;padding:0 0 32px}
body .gx-lang ul{border-block-start:1px solid #3A3631;padding-block-start:18px}
body .gx-lang li a{color:#CFC6B8}body .gx-lang li a:hover{color:#fff}body .gx-lang li a[aria-current]{color:#fff}
@media(max-width:899px){body .gx-lang-bar{padding-block-end:112px}.gf{padding-block-end:0}}
/* ---------- home bands ---------- */
.b5{padding-block:72px}
@media(min-width:1000px){.b5{padding-block:104px}}
.b5-hero{background:var(--bg);padding-block:4px 64px}
.b5-tint{background:var(--tint)}.b5-sand{background:var(--sand)}.b5-paper{background:var(--bg)}.b5-plate{background:var(--plate)}
.b5-ink{background:#1D1C1A;color:#F7F4EE}
.p5h .b5 section{margin-block:0}
.p5h .shop{padding:0}
.p5h .trust{margin-block:28px 0;font-size:16px}
.p5h .sec-h{margin-block-end:36px}
.p5h .sec-h h2{font-size:clamp(1.8rem,1.3rem + 1.6vw,2.7rem);font-weight:560;letter-spacing:-.035em}
.p5h,.p5,.p5~.flow{font-size:18px}
/* chk2 hero rows inside the hero band */
.p5h .b5-hero .c2-sec{margin-block:48px 0}
.p5h .b5-hero .c2-p,.p5h .b5-hero .c2-row>li{background:var(--card);border-color:var(--edge);box-shadow:var(--sh5)}
/* how it works strip */
.st5 ol{list-style:none;margin:0;padding:0;display:grid;gap:16px}
@media(min-width:900px){.st5 ol{grid-template-columns:repeat(3,1fr);gap:24px}}
.st5 li{background:var(--card);border:1px solid #EBCDBE;border-radius:20px;padding:28px;box-shadow:var(--sh5)}
.st5-n{display:grid;place-items:center;inline-size:40px;block-size:40px;border-radius:50%;background:#A3431F;color:#fff;font:600 1rem/1 var(--sans);margin-block-end:22px}
.st5 h3{margin:0 0 8px;font:600 1.25rem/1.25 var(--sans);letter-spacing:-.02em}
.st5 p{margin:0;color:var(--ink2);font-size:1rem;line-height:1.6}
/* cover cards */
.p5c{background:var(--card);border:1px solid var(--edge);border-radius:22px;padding:12px 12px 22px;box-shadow:var(--sh5);transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;flex-direction:column}
.p5c>a{flex:1}
.p5c:hover{border-color:var(--fam);transform:translateY(-2px);box-shadow:0 2px 4px rgba(29,28,26,.06),0 18px 36px -18px rgba(29,28,26,.35)}
.p5c .ph{border-radius:14px;margin-block-end:18px;background:var(--plate)}
.p5c>a>span:not(.ph),.p5c>.ofr{margin-inline:10px}
.tg5{align-self:flex-start;display:inline-block;font:600 .74rem/1.2 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--fam,#A3431F);background:var(--famt,#F6E1D6);border-radius:999px;padding:6px 11px;margin-block-end:12px}
.p5c .pc-n{font-size:1.4rem;font-weight:560}
.p5c .pc-l{font-size:1rem;line-height:1.55}
.p5c a:hover .pc-n{color:var(--fam)}
.p5c a:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:14px}
.p5h .grid2{margin:0}
/* monitor on the ink band */
.mon5 .sec-h h2{color:#F7F4EE}
.b5-ink .feat{background:#28241F;border:1px solid #3F3A33;color:#F7F4EE;margin:0;box-shadow:0 24px 48px -24px rgba(0,0,0,.6)}
.b5-ink .feat:hover{border-color:#D9934A}
.b5-ink .feat .ph{background:#1D1C1A;border:1px solid #3F3A33}
.b5-ink .feat .pc-l,.b5-ink .feat .sub-t,.b5-ink .feat .pr-u{color:#CFC6B8}
.b5-ink .feat .pc-p b{color:#fff}
.b5-ink .tg5{background:#3A3125;color:#F2C886}
/* excerpts, notes, faq, tiles */
.p5h .qs figure,.p5~.flow .qs figure,.p5~.flow .how li{border-color:var(--edge);box-shadow:var(--sh5)}
.nt5{display:grid;gap:20px}
@media(min-width:900px){.nt5{grid-template-columns:1fr 1fr;gap:24px}}
.nt5 .note{background:var(--card);border:1px solid var(--edge);border-radius:20px;padding:32px;box-shadow:var(--sh5)}
.nt5 .note h2{font:600 1.25rem/1.25 var(--sans);letter-spacing:-.02em;margin:0 0 12px;max-width:none}
.nt5 .note p{margin:0;max-width:none;font-size:1.1rem;color:var(--ink2)}
.p5h .faqh{max-width:860px}
.p5h .faqh h2{font-size:clamp(1.8rem,1.3rem + 1.6vw,2.7rem);font-weight:560;letter-spacing:-.035em;margin:0 0 24px}
.p5h .faqh details{border-top:1px solid var(--edge);padding:6px 0}
.p5h .faqh details:last-child{border-bottom:1px solid var(--edge)}
.p5h .faqh summary{font-size:1.12rem;padding-block:16px}
.p5h .faqh p{font:400 1.08rem/1.65 var(--read);color:var(--ink2);margin:0 0 16px}
.p5h .tile{border-color:var(--edge);box-shadow:var(--sh5)}
.p5h .tile:hover{border-color:var(--ink)}
/* ---------- product pages ---------- */
.cv5{position:relative;min-width:0}
.cv5-i{border-radius:24px;overflow:hidden;background:var(--plate);aspect-ratio:1/1;box-shadow:var(--sh5)}
.cv5-i img{display:block;width:100%;height:100%;object-fit:cover}
.cv5-in{position:absolute;inset-inline-start:18px;inset-block-end:18px;display:inline-flex;gap:6px;align-items:center;background:var(--card);color:var(--ink);border-radius:999px;padding:11px 18px;font:500 .95rem/1 var(--sans);text-decoration:none;box-shadow:0 4px 16px rgba(29,28,26,.22)}
.cv5-in:hover{background:var(--ink);color:#fff}
.p5 .bc .btn:hover,.p5 .bc .btns .btn+.btn:hover,.p5 .btn.fc~.btn:hover,.p5 .bc .audit-box button:hover,.p5 .ao .btn:hover{background:var(--fam);border-color:var(--fam);color:#fff}
.ins5{background:#EFE8DC;border-radius:26px;padding:clamp(22px,4vw,48px);margin-block:0 72px;scroll-margin-block-start:84px}
.ins5 .sec-h{margin-block-end:24px}
.ins5 .sec-h h2{font-size:clamp(1.5rem,1.2rem + 1vw,2rem)}
.ins5-g{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:700px){.ins5-g{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}}
.ins5-g a{display:block;aspect-ratio:4/5;background:#fff;border:1px solid var(--edge);border-radius:12px;overflow:hidden;box-shadow:var(--sh5);transition:border-color .2s,transform .2s;cursor:zoom-in}
.ins5-g a:hover{border-color:var(--fam,var(--ink));transform:translateY(-2px)}
.ins5-g a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.ins5-g img{display:block;width:100%;height:100%;object-fit:contain}
.ins5-dl{margin:24px 0 0}.ins5-dl .dl{margin:0}
.lb5{border:0;padding:0;background:transparent;max-width:min(94vw,960px);max-height:94vh;overflow:visible}
.lb5::backdrop{background:rgba(20,18,16,.82)}
.lb5 img{display:block;max-width:100%;max-height:90vh;width:auto;height:auto;border-radius:10px;background:#fff;margin:auto}
.lb5 form{position:absolute;inset-block-start:-14px;inset-inline-end:-14px;margin:0;z-index:1}
.lb5-x{inline-size:44px;block-size:44px;border-radius:50%;border:0;background:var(--card);color:var(--ink);font:400 28px/1 var(--sans);cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.3)}
.lb5-x:focus-visible{outline:2px solid #F2C886;outline-offset:2px}
@media(max-width:600px){.lb5 form{inset-block-start:6px;inset-inline-end:6px}}
/* add-ons with covers + one example page */
.ao5{border-color:var(--edge);box-shadow:var(--sh5);align-items:start}
.ao5:hover{border-color:var(--fam)}
.ao-c{display:block;border-radius:12px;overflow:hidden;background:var(--plate)}
.ao-c img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.ao-v{display:flex;align-items:center;gap:12px;margin-block-start:14px;font-size:.92rem;color:var(--ink);cursor:zoom-in}
.ao-v img{inline-size:56px;block-size:56px;border-radius:8px;border:1px solid var(--edge);object-fit:cover;background:#fff;flex:0 0 auto}
.ao-vt{flex:0 0 auto;line-height:0}
.ao-v span{text-decoration:underline;text-underline-offset:.2em}
@media(max-width:560px){.ao-c img{aspect-ratio:4/3}}
@media(prefers-reduced-motion:reduce){.p5c,.ins5-g a{transition:none}.p5c:hover,.ins5-g a:hover{transform:none}}

.gf .f5-c .fl a{padding-block:2px}
@media(max-width:999px){.f5-c a{overflow-wrap:break-word}}
body .gx-lang-bar .gx-lang{border:0;max-width:var(--w);margin-inline:auto}
body .gx-lang-bar .gx-lang::details-content{content-visibility:visible;display:block}
body .gx-lang-bar .gx-lang ul{border-block-start:0;padding-block-start:0;gap:4px 20px}
body .gx-lang-bar .gx-lang li a{font-size:.85rem}
@media(max-width:599px){.f5-top>.f5-c:last-child{grid-column:1/-1}}
.mon5 .feat .pc-l{font-family:var(--sans);font-size:.95rem;line-height:1.55;color:#CFC6B8}.mon5 .feat .pc-n{color:#F7F4EE}
main s{color:#5F5C58}
main.p4h>p#study1-home,main.p4h>p.tseo-more{--pi:clamp(16px,4vw,32px);max-width:none!important;margin:0!important;padding:10px max(var(--pi),calc((100% - 1320px)/2 + var(--pi)))!important;background:var(--plate);font-size:.85rem!important;line-height:1.85;color:#5C5850!important;border-block-start:1px solid #DCD4C6}
main.p4h>p#study1-home{border-block-start:0;padding-block-start:0!important}
main.p4h>p.tseo-more:last-of-type{padding-block-end:48px!important}
main.p4h>p#study1-home a,main.p4h>p.tseo-more a{color:#4A4741;text-decoration-color:#B9B1A4;text-underline-offset:.2em}
main.p4h>p#study1-home a:hover,main.p4h>p.tseo-more a:hover{color:#1D1C1A;text-decoration-color:currentColor}
main.p4h>.b5-plate:has(+p#study1-home),main.p4h>.b5-plate:has(+p.tseo-more){padding-block-end:40px}