@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Noto+Sans+KR:wght@400;500;600&display=swap');:root{--bg:#261c18;--gold:#d4b383;--ink:#f2e7d9;--muted:#c0ad9d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Noto Sans KR',sans-serif}a{color:inherit}header{padding:24px max(6%,calc((100% - 1100px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #4b3930}.logo{font-family:'Cormorant Garamond',serif;font-size:30px;letter-spacing:.22em;color:var(--gold);text-decoration:none}nav a{font-size:13px;text-decoration:none;color:#e5dac8}main{max-width:860px;margin:auto;padding:70px 22px 90px}.landing{min-height:calc(100dvh - 94px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px 20px 90px}.landing h1{font-family:'Cormorant Garamond',serif;font-size:clamp(70px,15vw,145px);font-weight:400;letter-spacing:.13em;margin:0 0 14px;color:var(--gold)}.eyebrow{letter-spacing:.2em;font-size:11px;color:var(--gold)}h2{font-size:clamp(26px,5vw,39px);font-weight:500;line-height:1.45;margin:18px 0}p{line-height:1.95;color:var(--muted)}.actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:14px 24px;border:1px solid var(--gold);text-decoration:none;color:var(--gold);border-radius:3px;font-size:14px}.button.primary{background:var(--gold);color:#251a15}.button.disabled{color:#ad9a89;border-color:#665043;cursor:default}.note{font-size:12px;color:#bba899;margin-top:22px}.guide-title{padding-bottom:28px;border-bottom:1px solid #584338}.guide-title h1{font-size:clamp(28px,5vw,44px);font-weight:500;margin:12px 0}.section{padding:34px 0;border-bottom:1px solid #49382f}.section h2{font-size:21px;color:var(--gold);margin:0 0 15px}.section p,.section li{font-size:15px;line-height:2;color:#e2d2c0}.section ul{padding-left:20px}.tag{display:inline-block;color:#d4b383;border:1px solid #6a5940;padding:5px 9px;border-radius:2px;font-size:11px}footer{text-align:center;padding:35px 15px;color:#b4a090;font-size:12px}@media(max-width:600px){header{padding:19px 20px}.logo{font-size:24px}.landing h1{letter-spacing:.06em}.actions{flex-direction:column;width:min(100%,330px)}.button{width:100%}main{padding-top:45px}}
/* OLIME customer guide navigation */
.guide-shell{max-width:1080px;margin:0 auto;padding:42px 24px 96px}.guide-kicker{font-size:12px;letter-spacing:.16em;color:var(--gold);margin:0 0 14px}.guide-heading{font-size:clamp(29px,4vw,48px);line-height:1.35;margin:0 0 15px}.guide-lead{color:var(--muted);line-height:1.9;margin:0 0 26px}.guide-nav{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 34px;padding:0;list-style:none}.guide-nav a{display:inline-block;border:1px solid #6b5140;border-radius:4px;padding:11px 14px;text-decoration:none;color:#e8d9c8;font-size:14px}.guide-nav a:hover,.guide-nav a[aria-current="page"]{border-color:var(--gold);background:#3a2921;color:#f3d4a0}.guide-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:32px}.guide-tools button,.guide-tools a{background:transparent;border:1px solid #80634e;border-radius:4px;padding:10px 15px;color:var(--gold);font:inherit;font-size:13px;cursor:pointer;text-decoration:none}.guide-tools button:hover,.guide-tools a:hover{background:#3a2921}.guide-tools .feedback{color:#d5c4b2;font-size:12px}.guide-article{border-top:1px solid #49382f;padding-top:26px;max-width:820px;line-height:2;color:#e8d9c9}.guide-article h2{font-size:22px;color:var(--gold);margin:32px 0 9px}.guide-article p,.guide-article li{font-size:16px}.guide-article ul{padding-left:24px}.guide-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:13px}.guide-card{display:block;padding:24px;border:1px solid #624a3b;border-radius:6px;text-decoration:none}.guide-card:hover{border-color:var(--gold);background:#34251f}.guide-card small{color:var(--gold)}.guide-card h2{font-size:19px;margin:10px 0}.guide-card p{font-size:13px;line-height:1.8;color:var(--muted)}.draft-note{margin-top:38px;padding:14px 16px;border-left:2px solid var(--gold);background:#33251f;color:#dfcbb4;font-size:13px!important}.guide-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:48px;border-top:1px solid #49382f;padding-top:20px}.guide-bottom a{color:var(--gold);text-decoration:none;font-size:14px}@media(max-width:600px){.guide-shell{padding:28px 18px 65px}.guide-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.guide-nav a{text-align:center;padding:12px 6px;font-size:13px}.guide-article p,.guide-article li{font-size:15px}}

/* v3: mobile-first layout and readable navigation */
html{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;scroll-padding-top:112px}
body{width:100%;min-width:0;max-width:100%;overflow-x:hidden;overflow-wrap:break-word}
img,video,iframe,svg{max-width:100%;height:auto}
header{gap:12px;min-width:0}
header nav{min-width:0;text-align:right}
header nav a{display:inline-block;line-height:1.5}
.guide-shell,.guide-article{width:100%;min-width:0}
.guide-nav{position:sticky;top:0;z-index:20;background:var(--bg);padding:10px 0 12px;border-bottom:1px solid #584237}
.guide-nav a{min-height:44px;display:flex;align-items:center;justify-content:center;line-height:1.4}
.guide-tools button{min-height:44px}
.guide-article{overflow-wrap:anywhere}
@media(max-width:600px){
 header{padding:14px 16px;min-height:66px}
 .logo{font-size:23px;letter-spacing:.12em;white-space:nowrap}
 header nav a{font-size:12px;max-width:145px}
 .guide-shell{padding:24px 16px 64px}
 .guide-heading{font-size:clamp(27px,7vw,35px);line-height:1.4}
 .guide-lead{font-size:14px;line-height:1.85}
 .guide-nav{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;gap:7px;margin:0 -16px 26px;padding:10px 16px 12px;-webkit-overflow-scrolling:touch}
 .guide-nav a{flex:0 0 auto;white-space:nowrap;padding:10px 13px;font-size:13px;scroll-snap-align:start}
 .guide-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .guide-tools button{width:100%;padding:10px 7px;font-size:12px;line-height:1.5}
 .guide-tools .feedback{grid-column:1/-1}
 .guide-article h2{font-size:19px;line-height:1.5}
 .guide-article p,.guide-article li{font-size:15px;line-height:1.9;word-break:keep-all}
 .guide-article ul{padding-left:21px}
 .guide-cards{grid-template-columns:1fr;gap:10px}
 .guide-card{padding:19px}
 .guide-bottom{gap:16px}
 .landing{padding:48px 16px;min-height:calc(100svh - 66px)}
 .landing h1{font-size:clamp(48px,15vw,82px);letter-spacing:.05em;max-width:100%;overflow-wrap:normal}
 .landing h2{font-size:clamp(23px,7vw,31px)}
 .actions{max-width:100%}
 main{padding-left:16px;padding-right:16px}
}
@media(max-width:360px){.logo{font-size:20px}.guide-shell{padding-left:13px;padding-right:13px}.guide-nav{margin-left:-13px;margin-right:-13px;padding-left:13px;padding-right:13px}.guide-tools{grid-template-columns:1fr}}

/* v4: guide menu and share actions in one toolbar, mobile-safe */
.guide-toolbar{display:flex;align-items:center;gap:14px;margin:0 0 28px;min-width:0;position:sticky;top:0;z-index:30;background:var(--bg);border-bottom:1px solid #584237;padding:9px 0 11px}
.guide-toolbar .guide-nav{position:static;flex:1 1 auto;min-width:0;display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;margin:0;padding:0;border:0;scroll-snap-type:x proximity}
.guide-toolbar .guide-nav a{white-space:nowrap;flex:0 0 auto;scroll-snap-align:start}
.guide-toolbar .guide-tools{flex:0 0 auto;display:flex;align-items:center;gap:7px;margin:0;position:relative}
.guide-toolbar .guide-tools button{white-space:nowrap;min-height:44px;padding:10px 12px;font-size:12px}
.guide-toolbar .guide-tools .feedback{position:absolute;right:0;top:100%;background:#3a2921;padding:3px 7px;max-width:230px;white-space:normal;z-index:2}
@media(max-width:700px){.guide-toolbar{gap:7px;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.guide-toolbar .guide-nav{gap:6px}.guide-toolbar .guide-nav a{font-size:12px;padding:9px 11px}.guide-toolbar .guide-tools{gap:4px}.guide-toolbar .guide-tools button{font-size:11px;padding:8px 8px}.guide-toolbar .guide-tools button:first-child{max-width:72px;white-space:normal;line-height:1.2}.guide-toolbar .guide-tools button:last-of-type{max-width:65px;white-space:normal;line-height:1.2}}
@media(max-width:360px){.guide-toolbar{margin-left:-13px;margin-right:-13px;padding-left:13px;padding-right:13px}}

/* v5: external retailer link under store coming soon */
.store-link-block{width:min(100%,480px);margin:20px auto 0;padding:22px 16px 0;border-top:1px solid #584237;text-align:center}.store-link-block>p{font-size:14px;line-height:1.8;margin:0 0 15px;color:#e5d4c2}.store-link-block .store-link{min-height:48px;width:100%;max-width:360px;background:transparent;border-color:var(--gold);color:var(--gold);font-weight:500}.store-link-block .store-link:hover,.store-link-block .store-link:focus-visible{background:var(--gold);color:#251a15}.store-link-block .store-caption{font-size:12px;color:#bba596;margin:10px 0 0}@media(max-width:600px){.store-link-block{padding:18px 4px 0;margin-top:18px}.store-link-block>p{font-size:13px}.store-link-block .store-link{max-width:100%;font-size:13px}}

/* v6: warm dark-brown palette; preserve readability on mobile */
:root{--bg:#261c18;--gold:#d4b383;--ink:#f2e7d9;--muted:#c0ad9d}
body{background:radial-gradient(ellipse 85% 60% at 50% 12%,#382820 0%,#2c201a 48%,#261c18 100%) fixed;color:var(--ink)}
.guide-toolbar,.guide-nav{background:#2b201b}
.button.primary{color:#261a15}
@media(max-width:600px){body{background:#2b201b}.guide-toolbar{background:#2b201b}}

.wood-photo{display:block;width:100%;max-width:700px;height:auto;border-radius:5px;margin:24px 0 30px}.guide-article a{color:var(--gold)}

/* v7: compact single-row guide navigation on phones */
.guide-toolbar .guide-tools button{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.guide-toolbar .guide-tools .tool-icon{width:16px;height:16px;flex:0 0 16px}
@media(max-width:700px){
 .guide-toolbar{display:flex;flex-wrap:nowrap;align-items:center;gap:5px;max-width:calc(100% + 32px)}
 .guide-toolbar .guide-nav{flex:1 1 0;min-width:0;width:0;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;scrollbar-width:none;gap:4px}
 .guide-toolbar .guide-nav::-webkit-scrollbar{display:none}
 .guide-toolbar .guide-nav a{min-height:36px;padding:7px 8px;font-size:11px;line-height:1.2;white-space:nowrap}
 .guide-toolbar .guide-tools{display:flex;flex:0 0 auto;gap:4px;min-width:0}
 .guide-toolbar .guide-tools button,.guide-toolbar .guide-tools button:first-child,.guide-toolbar .guide-tools button:last-of-type{width:34px;height:36px;min-height:36px;max-width:none;padding:0;white-space:nowrap}
 .guide-toolbar .guide-tools .tool-label{display:none}
 .guide-toolbar .guide-tools .tool-icon{width:17px;height:17px;flex-basis:17px}
}
@media(max-width:360px){.guide-toolbar{max-width:calc(100% + 26px)}}