@font-face{font-family:Latte Guide SC;src:url(/assets/fonts/latte-guide-sc-v1.woff2)format("woff2");font-display:swap;unicode-range:U+3000-9FFF,U+FF00-FFEF}@font-face{font-family:Latte Guide KR;src:url(/assets/fonts/latte-guide-kr-v2.woff2)format("woff2");font-display:swap;unicode-range:U+AC00-D7AF}.latte-guide{color:#eee8dc;min-height:100dvh;padding:max(24px,env(safe-area-inset-top)) 20px 64px;background:radial-gradient(at 80% 0,#43331c66,#0000 38rem),#101210;font-family:Fira Sans,Latte Guide SC,Latte Guide KR,system-ui,sans-serif;font-size:17px;line-height:1.75}.latte-guide article{max-width:760px;margin:auto}.latte-guide a{color:#e3c48f;text-underline-offset:5px}.latte-guide a:focus-visible,.latte-guide summary:focus-visible{outline-offset:4px;outline:2px solid #f3d6a3}.latte-guide .guide-brand{align-items:center;min-height:48px;font-family:Georgia,serif;font-size:25px;text-decoration:none;display:inline-flex}.guide-languages{flex-wrap:wrap;gap:4px 16px;margin:8px 0 44px;display:flex}.guide-languages a{color:#c5c5bc;align-items:center;min-height:44px;font-size:14px;display:inline-flex}.guide-languages a[aria-current]{color:#f3d6a3;text-decoration-thickness:2px}.latte-guide h1,.latte-guide h2{text-wrap:balance;font-family:Georgia,Times New Roman,Latte Guide SC,Latte Guide KR,serif;font-weight:400;line-height:1.15}.latte-guide h1{letter-spacing:-.03em;margin:0 0 24px;font-size:clamp(36px,7vw,64px)}.guide-intro{color:#c9c9bf;max-width:65ch;font-size:19px}.guide-index{border-block:1px solid #ad946047;grid-template-columns:1fr 1fr;gap:4px 20px;margin:32px 0;padding:18px 0;display:grid}.guide-index a{align-items:center;gap:12px;min-height:48px;line-height:1.4;text-decoration:none;display:flex}.guide-index span{color:#ad9460;flex:0 0 2ch;font-size:12px}.guide-section{padding:30px 0;scroll-margin-top:24px}.guide-number{color:#ccae7e;letter-spacing:.18em;font-size:12px}.latte-guide h2{margin:12px 0 20px;font-size:30px}.latte-guide ol,.latte-guide ul{padding-left:24px}.latte-guide li{margin:14px 0;padding-left:4px}.latte-guide ol{list-style:decimal}.latte-guide ul{list-style:outside}.latte-guide li::marker{color:#cdb080}.guide-section aside{background:#21241e;border-left:2px solid #bfa16c;border-radius:0 14px 14px 0;margin-top:28px;padding:8px 22px}.guide-section h3{color:#e7c996;margin:12px 0;font-size:16px}.guide-section aside li{color:#c8ccc0}.guide-practice{background:linear-gradient(130deg,#342a1e,#191e18);border:1px solid #ac906257;border-radius:22px;margin:30px 0;padding:26px}.guide-cta{align-items:center;gap:24px;min-height:48px;margin-top:20px;font-weight:600;text-decoration:none;display:inline-flex}.guide-faq details{border-bottom:1px solid #ffffff21;padding:8px 0}.guide-faq summary{cursor:pointer;min-height:48px;padding:12px 0}.guide-faq p{color:#c4c9bf;margin-bottom:20px}.latte-guide footer{border-top:1px solid #ffffff21;margin-top:48px;padding-top:20px}.latte-guide footer h2{font-size:20px}.latte-guide footer a{min-height:44px;font-size:14px;display:block}@media (width<=380px){.guide-index{grid-template-columns:1fr}.latte-guide{padding-inline:18px}.guide-practice{padding:20px}.guide-languages{margin-bottom:28px}}