.zaya-guide{--guide-cream:#f5f1e9;--guide-ink:#302b2c;--guide-muted:#5a5150;--guide-line:#d9d2c8;--guide-accent:#78522e;display:block;background:var(--guide-cream);color:var(--guide-ink);font:16px/1.7 var(--font-body--family,Arial)}
.zaya-guide *,.zaya-guide *::before,.zaya-guide *::after{box-sizing:border-box}
.zaya-guide :is(h1,h2,h3,p,figure,ol,ul,dl,dd){margin:0}
.zaya-guide :is(h1,h2,h3){color:inherit;font-family:var(--font-heading--family,Georgia);font-weight:400;line-height:1.12;letter-spacing:-.025em;text-transform:none}
.zaya-guide a{color:inherit;text-decoration:none}
.zaya-guide :is(a,summary):focus-visible{outline:3px solid var(--guide-accent);outline-offset:5px}
.zaya-guide__wrap{width:min(1160px,calc(100% - 80px));margin-inline:auto;padding:36px 0 70px}
.zaya-guide__opening{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);align-items:center;gap:50px 64px;padding-bottom:35px}
.zaya-guide__eyebrow{color:var(--guide-muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.zaya-guide h1{max-width:17ch;font-size:clamp(40px,4vw,58px);margin-top:14px;text-wrap:balance}
.zaya-guide .zaya-guide__intro{max-width:580px;font-size:16px;line-height:1.7;margin-top:20px}
.zaya-guide .zaya-guide__format-note{max-width:590px;margin-top:18px;color:var(--guide-muted);font-size:13px;line-height:1.7}
.zaya-guide__photo img{display:block;width:100%;height:auto}
.zaya-guide__coffee-context{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;padding:16px 20px;margin-bottom:24px;border:1px solid var(--guide-line);font-size:14px;line-height:1.5}
.zaya-guide__coffee-context[hidden]{display:none}
.zaya-guide__coffee-context a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:5px}
.zaya-guide__navigation{padding:26px 0 30px;border-block:1px solid var(--guide-line);scroll-margin-top:130px}
.zaya-guide__navigation h2{font-size:27px}
.zaya-guide__nav-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:26px;row-gap:5px;padding:15px 0 0;list-style:none}
.zaya-guide__nav-list a{display:grid;grid-template-columns:18px minmax(0,1fr) 16px;align-items:center;gap:10px;min-height:44px;padding:8px 0;font-size:14px;line-height:1.45}
.zaya-guide__nav-number{color:var(--guide-muted);font-size:10px;letter-spacing:.04em}
.zaya-guide__nav-list a:hover span:nth-child(2){text-decoration:underline;text-underline-offset:5px}
.zaya-guide__methods{padding-top:8px}
.zaya-guide__method{border-bottom:1px solid var(--guide-line);scroll-margin-top:130px}
.zaya-guide__method>summary{display:block;padding:28px 0;list-style:none;cursor:pointer}
.zaya-guide__method>summary::-webkit-details-marker{display:none}
.zaya-guide__method>summary::after{display:none;content:none}
.zaya-guide__method>summary h2{display:grid;grid-template-columns:30px minmax(0,1fr) 20px;align-items:center;gap:20px}
.zaya-guide__number{align-self:start;padding-top:7px;color:var(--guide-accent);font:11px/1.5 var(--font-body--family,Arial);letter-spacing:.08em}
.zaya-guide__method-title{display:block;font-size:clamp(27px,2.6vw,35px)}
.zaya-guide__method summary small{display:block;margin-top:8px;color:var(--guide-muted);font:12px/1.5 var(--font-body--family,Arial);letter-spacing:normal}
.zaya-guide__toggle{position:relative;display:block;width:20px;height:20px}
.zaya-guide__toggle::before,.zaya-guide__toggle::after{content:'';position:absolute;width:18px;height:1px;left:1px;top:9px;background:currentColor}
.zaya-guide__toggle::after{transform:rotate(90deg)}
.zaya-guide__method[open]>summary .zaya-guide__toggle::after{display:none}
.zaya-guide__method-body{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr);align-items:start;gap:24px 65px;padding:0 0 32px 50px}
.zaya-guide__method-intro{min-width:0;color:var(--guide-muted);font-size:14px;line-height:1.8}
.zaya-guide__method-intro>p+p{margin-top:15px}
.zaya-guide__steps,.zaya-guide__prompts{display:grid;gap:25px;counter-reset:guide-step;padding:0;list-style:none}
.zaya-guide__steps>li,.zaya-guide__prompts>li{position:relative;padding-left:32px;counter-increment:guide-step}
.zaya-guide__steps>li::before,.zaya-guide__prompts>li::before{content:counter(guide-step,decimal-leading-zero);position:absolute;left:0;top:4px;color:var(--guide-accent);font-size:10px;line-height:1.5}
.zaya-guide__steps h3,.zaya-guide__prompts h3{font-size:24px;line-height:1.2}
.zaya-guide__steps p,.zaya-guide__prompts p{margin-top:9px;color:var(--guide-muted);font-size:14px;line-height:1.8}
.zaya-guide__ratio{margin-top:25px;padding:20px 0;border-top:1px solid var(--guide-line)}
.zaya-guide__ratio h3{font-size:20px;line-height:1.3}
.zaya-guide__ratio dl{display:flex;flex-wrap:wrap;gap:15px 30px;margin-top:18px}
.zaya-guide__ratio dt{color:var(--guide-muted);font-size:11px}
.zaya-guide__ratio dd{color:var(--guide-ink);font:38px/1.15 var(--font-heading--family,Georgia);letter-spacing:-.025em;margin-top:5px}
.zaya-guide__ratio dd span{font:12px/1.4 var(--font-body--family,Arial);margin-left:5px}
.zaya-guide__ratio p{font-size:12px;line-height:1.7;margin-top:16px}
.zaya-guide__adjust{grid-column:2;padding:16px 20px;border-left:2px solid var(--guide-line);color:var(--guide-muted);font-size:13px;line-height:1.8}
.zaya-guide__back{grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;gap:18px;min-height:44px;color:var(--guide-muted);font-size:12px}
.zaya-guide__back:hover{text-decoration:underline;text-underline-offset:5px}
.zaya-guide__compare-intro{color:var(--guide-muted);font-size:14px;line-height:1.8}
.zaya-guide__actions{grid-column:2;display:flex;align-items:center;flex-wrap:wrap;gap:12px 25px}
.zaya-guide__actions a{display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid var(--guide-line);font-size:13px}
.zaya-guide__actions a:hover{border-color:currentColor}
.zaya-guide__actions .zaya-guide__shop{justify-content:center;max-width:100%;padding:11px 20px;border:1px solid #b5a078;background:#173c31;color:#f5f1e9;font-size:14px;line-height:1.5;letter-spacing:.015em;text-align:center}
.zaya-guide__actions .zaya-guide__shop:hover{border-color:#d1b886;background:#214b3e;text-decoration:none}
@media(max-width:1000px){.zaya-guide__opening{grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:40px}.zaya-guide__method-body{column-gap:35px}.zaya-guide__nav-list{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:22px}}
@media(max-width:700px){.zaya-guide__wrap{width:calc(100% - 40px);padding-top:26px;padding-bottom:45px}.zaya-guide__opening{grid-template-columns:minmax(0,1fr);padding-bottom:26px}.zaya-guide__photo{width:100%;max-width:420px;margin-inline:auto}.zaya-guide h1{font-size:clamp(38px,9vw,50px);max-width:17ch;margin-top:12px}.zaya-guide .zaya-guide__intro{font-size:15px;margin-top:17px}.zaya-guide .zaya-guide__format-note{font-size:12px;margin-top:14px}.zaya-guide__navigation{padding:22px 0}.zaya-guide__navigation h2{font-size:25px}.zaya-guide__nav-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;row-gap:2px;padding-top:13px}.zaya-guide__nav-list a{font-size:13px;grid-template-columns:15px minmax(0,1fr) 12px;gap:7px}.zaya-guide__method>summary{padding:23px 0}.zaya-guide__method>summary h2{grid-template-columns:22px minmax(0,1fr) 18px;gap:12px}.zaya-guide__number{font-size:10px;padding-top:5px}.zaya-guide__method-title{font-size:28px}.zaya-guide__method summary small{font-size:12px;line-height:1.65;margin-top:7px}.zaya-guide__method-body{grid-template-columns:minmax(0,1fr);gap:24px;padding:0 0 25px 34px}.zaya-guide__method-intro,.zaya-guide__compare-intro{font-size:14px;line-height:1.75}.zaya-guide__ratio{max-width:360px;padding-bottom:0;margin-top:20px}.zaya-guide__steps,.zaya-guide__prompts{gap:23px}.zaya-guide__steps h3,.zaya-guide__prompts h3{font-size:23px}.zaya-guide__steps p,.zaya-guide__prompts p{font-size:14px;line-height:1.75}.zaya-guide__adjust,.zaya-guide__actions{grid-column:1}.zaya-guide__adjust{padding:12px 16px}.zaya-guide__actions{gap:8px 18px}.zaya-guide__back{margin-top:0}}
@media(max-width:370px){.zaya-guide__wrap{width:calc(100% - 32px)}.zaya-guide__nav-list{column-gap:15px}.zaya-guide__method-body{padding-left:0}.zaya-guide__steps>li,.zaya-guide__prompts>li{padding-left:28px}}
