.guide{background:var(--guide-paper);color:var(--guide-ink);font-family:var(--guide-body-family);font-size:18px;line-height:1.7;padding:72px 40px 80px;overflow-wrap:break-word}.guide *{box-sizing:border-box}.guide__reading{display:grid;grid-template-columns:176px minmax(0,768px);gap:72px;max-width:1016px;margin-inline:auto;align-items:start}.guide__article{min-width:0;display:flex;flex-direction:column;gap:48px}.guide h1,.guide h2,.guide p,.guide ol,.guide figure{margin:0}.guide h1,.guide h2,.guide__subtitle{font-family:var(--guide-heading-family);font-weight:400;letter-spacing:0;text-transform:none;color:var(--guide-ink)}.guide h1{font-size:52px;line-height:1.08;text-wrap:balance}.guide h2{font-size:34px;line-height:1.18;text-wrap:pretty}.guide__intro{display:flex;flex-direction:column;gap:28px}.guide__title-group{display:flex;flex-direction:column;gap:14px}.guide__title-group>.guide__eyebrow:before,.guide__faq>h2:before{content:"";display:block;width:32px;height:2px;background:var(--guide-accent);margin-bottom:18px}.guide__subtitle{font-size:26px;line-height:1.35;color:var(--guide-muted)}.guide__intro-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;align-items:start}.guide__intro-grid--no-media{display:block}.guide__intro-copy{display:flex;flex-direction:column;gap:24px;min-width:0}.guide__cover{min-width:0}.guide__dek{color:var(--guide-muted)}.guide__answer{display:flex;flex-direction:column;gap:10px;background:var(--guide-warm);border-inline-start:2px solid var(--guide-green);padding:18px 20px;font-size:16px;line-height:1.65}.guide__answer-label{color:var(--guide-ink);font-weight:600}.guide__eyebrow{font-family:var(--font--nav--family);font-size:11px;line-height:1.5;letter-spacing:.11em;font-weight:400;text-transform:uppercase;color:var(--guide-green)}.guide a,.guide a:is(:link,:visited){color:var(--guide-green);text-underline-offset:4px;text-decoration-thickness:1px;transition:color .17s ease,background-color .17s ease,border-color .17s ease}.guide a:hover{color:var(--guide-ink)}.guide a:focus-visible,.guide summary:focus-visible{outline:2px solid var(--guide-green);outline-offset:4px}.guide a.guide__link,.guide a.guide__link:is(:link,:visited){display:block;font-weight:600;font-size:17px;line-height:1.5;text-decoration:underline;width:fit-content;max-width:100%;padding-block:6px}.guide a.guide__link--small,.guide a.guide__link--small:is(:link,:visited){font-size:15px;font-weight:400}.guide__link>span[aria-hidden],.guide__button>span[aria-hidden]{display:inline-block;transition:transform .17s ease}.guide__contents{font-family:var(--font--nav--family);font-size:13px;line-height:1.6;color:var(--guide-muted);border-inline-start:1px solid var(--guide-rule);padding-inline-start:20px;position:sticky;top:calc(var(--sticky-offset,0px) + 24px);max-height:calc(100svh - var(--sticky-offset,0px) - 48px);overflow-y:auto;scrollbar-width:thin}.guide__contents .guide__eyebrow{color:var(--guide-muted);margin-bottom:16px}.guide__contents ol{list-style:none;padding:0;display:flex;flex-direction:column;gap:4px}.guide .guide__contents li a,.guide .guide__contents li a:is(:link,:visited){display:block;min-height:44px;padding-block:10px;color:var(--guide-muted);text-decoration:none}.guide .guide__contents li a:hover,.guide .guide__contents li a:focus-visible{color:var(--guide-green);text-decoration:underline}.guide a.guide__contents-extra,.guide a.guide__contents-extra:is(:link,:visited){display:block;margin-top:12px;padding-block:8px;min-height:44px;text-decoration:none}.guide__contents-extra:first-of-type{padding-top:20px;border-top:1px solid var(--guide-rule)}.guide__contents--mobile{display:none}.guide__chapter,.guide__faq{border-top:1px solid var(--guide-rule);padding-top:24px;scroll-margin-top:calc(var(--sticky-offset,0px) + 32px)}.guide__chapter>h2{margin-bottom:20px}.guide__chapter-content,.guide__copy,.guide__chapter-media,.guide__related{display:flex;flex-direction:column;gap:20px;min-width:0}.guide__chapter-content--split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:32px;align-items:start}.guide__body,.guide__body .metafield-rich_text_field{font:inherit;color:inherit;max-width:68ch}.guide__body .metafield-rich_text_field>*+*{margin-top:20px}.guide__body p{font:inherit;color:inherit}.guide__body ul,.guide__body ol{padding-inline-start:1.3em}.guide__figure{min-width:0;width:100%}.guide .guide__image{display:block;position:relative;overflow:hidden;aspect-ratio:var(--aspect-ratio);width:100%;border-radius:0}.guide .guide__image:before{display:none}.guide .guide__image img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:0}.guide figcaption{font-size:13px;line-height:1.55;color:var(--guide-muted);margin-top:10px}.guide__credit{display:block}.guide__recipe h3{font-family:var(--guide-heading-family);font-size:24px;line-height:1.3;font-weight:400;margin:0 0 16px}.guide__recipe dl{margin:0;display:grid;gap:10px}.guide__recipe dl>div{display:grid;grid-template-columns:1fr 1fr;gap:16px}.guide__recipe dt{font-weight:600}.guide__recipe dd{margin:0}.guide__recipe .guide__body{margin-top:20px}.guide__faq>h2{font-size:42px;line-height:1.15;margin-bottom:24px}.guide .collapsible-row--root{--padding-horizontal:0px;--padding-vertical:20px;background:transparent;border-top:1px solid var(--guide-rule);color:var(--guide-ink)}.guide .collapsible-row--root:before,.guide .collapsible-row--root:after{display:none}.guide .collapsible-row--heading{font-family:var(--guide-body-family);font-size:17px;line-height:1.5;font-weight:600;text-transform:none;letter-spacing:0}.guide .collapsible-row--inner,.guide .collapsible-row--inner p{font-family:var(--guide-body-family);font-size:18px;line-height:1.7;color:var(--guide-muted)}.guide .collapsible-row--inner .metafield-rich_text_field>*+*{margin-top:20px}.guide .layout--expand{--cross-size:12px;--cross-color:var(--guide-green)}.guide__product{background:var(--guide-warm);padding:32px;display:flex;flex-direction:column;gap:18px;scroll-margin-top:calc(var(--sticky-offset,0px) + 32px)}.guide__product h2,.guide__related h2{font-size:26px;line-height:1.3}.guide .guide__button,.guide .guide__button:is(:link,:visited){background:var(--guide-ink);border:1px solid var(--guide-ink);border-radius:2px;color:#fff;font-family:var(--font--nav--family);font-size:14px;line-height:1.5;font-weight:500;min-height:48px;padding:13px 20px;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:10px;width:320px;max-width:100%}.guide .guide__button:hover{background:#111;border-color:#111;color:#fff}.guide__related{padding-top:24px;border-top:1px solid var(--guide-rule);gap:14px}.guide__related h2{margin-bottom:4px}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.guide__link:hover>span[aria-hidden],.guide__button:hover>span[aria-hidden]{transform:translate(3px)}}@media(max-width:1099px){.guide{padding:56px 32px 64px}.guide__reading{display:block;max-width:768px}.guide__contents--desktop{display:none}.guide__contents--mobile{display:block}.guide h1{font-size:44px}.guide__chapter-content--split{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px}}@media(max-width:767px){.guide{padding:40px 24px 48px;font-size:17px;line-height:1.7}.guide__article{gap:32px}.guide__intro{gap:24px}.guide__title-group{gap:12px}.guide__title-group>.guide__eyebrow:before{margin-bottom:16px}.guide h1{font-size:36px;line-height:1.12}.guide h2{font-size:28px;line-height:1.2}.guide__subtitle{font-size:22px;line-height:1.35}.guide__intro-grid{display:flex;flex-direction:column;gap:24px}.guide__intro-copy{gap:20px}.guide__cover{width:100%}.guide__answer{font-size:16px;padding:16px 18px}.guide__chapter,.guide__faq{padding-top:16px}.guide__chapter>h2{margin-bottom:18px}.guide__chapter-content--split{display:flex;gap:20px;align-items:stretch}.guide__body .metafield-rich_text_field>*+*{margin-top:18px}.guide .guide__image{aspect-ratio:var(--mobile-aspect-ratio)}.guide__recipe h3,.guide__product h2,.guide__related h2{font-size:23px;line-height:1.3}.guide__faq>h2{font-size:30px;margin-bottom:20px}.guide .collapsible-row--inner,.guide .collapsible-row--inner p{font-size:17px;line-height:1.7}.guide__product{padding:24px;gap:16px}.guide .guide__button,.guide .guide__button:is(:link,:visited){width:100%}.guide__related{padding-top:20px}.guide__mobile-links{list-style:none;padding:0;display:flex;flex-direction:column;gap:4px}.guide__mobile-links a{display:block;min-height:44px;padding-block:9px}}@media(prefers-reduced-motion:reduce){.guide *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/yunsho-tea-guide.css.map */