*{box-sizing:border-box}body{margin:0;background:#fff;color:#18372b;font-family:"Noto Sans KR","Malgun Gothic",sans-serif;font-size:17px;line-height:1.8}a{color:inherit;text-decoration:none}header{padding:24px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #dde5df;background:#fff}header .brand{font-size:24px;font-weight:800;letter-spacing:2px}.brand small{font-size:14px;letter-spacing:1px;display:block;color:#667969}nav{display:flex;gap:26px;flex-wrap:wrap;font-size:15px}nav a[aria-current]{border-bottom:2px solid #bc8c21}.shop{background:#f4d56b;padding:10px 18px;border-radius:3px;font-weight:700}.hero{position:relative;min-height:670px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(9,32,21,.87),rgba(9,32,21,.2)),url('forest.jpg') center/cover;color:white}.hero .inner{width:100%;max-width:1300px;margin:auto;padding:80px 6%}.eyebrow{font-size:14px;letter-spacing:3px;font-weight:700;color:#b98b21}.hero .eyebrow{color:#f4d56b}h1{font-size:clamp(38px,5.3vw,72px);line-height:1.35;font-weight:600;letter-spacing:-2px;margin:20px 0}h2{font-size:34px;line-height:1.45;margin:12px 0 24px}h3{font-size:23px;margin:0 0 12px}p{max-width:720px}.hero p{font-size:20px;max-width:560px;color:#edf2ee}.btn{display:inline-block;padding:13px 25px;border:1px solid #234d38;background:#234d38;color:white;margin:12px 8px 0 0}.hero .btn{background:#f4d56b;color:#193327;border:0}.hero .secondary{background:transparent;color:white;border:1px solid #ffffff80}.wrap{max-width:1200px;margin:auto;padding:80px 5%}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.card{padding:30px 0;border-top:1px solid #9dac9c}.number{font-size:42px;color:#a47a18;font-weight:500}.band{background:#153f2b;color:white}.band .eyebrow{color:#f4d56b}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.photo{width:100%;display:block;aspect-ratio:1.3;object-fit:cover}.caption{font-size:14px;color:#637668;margin-top:10px}.pagehead{background:#eaf1eb;padding:62px 5%}.pagehead>div{max-width:1080px;margin:auto}.pagehead h1{font-size:48px;margin-bottom:16px}.notice{border-left:4px solid #bc8c21;padding:24px 28px;background:#fff8e1}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:35px}.steps article{border-top:3px solid #af8829;padding-top:22px}.label{font-size:14px;background:#e8efe9;padding:5px 12px;display:inline-block}footer{padding:38px 5%;border-top:1px solid #dde5df;display:flex;justify-content:space-between;gap:25px;font-size:14px;color:#536a5b}.quote{font-size:clamp(26px,3vw,38px);line-height:1.7;border-left:2px solid #bc8c21;padding-left:30px}ul{padding-left:23px}a:focus-visible{outline:3px solid #dcae24;outline-offset:5px}@media(max-width:800px){header{display:block;padding:18px 6%}nav{margin-top:18px;gap:14px;font-size:14px}.hero{min-height:570px}.hero .inner{padding:65px 7%}.grid,.split,.steps{grid-template-columns:1fr;gap:26px}.wrap{padding:52px 7%}.pagehead{padding:40px 7%}.pagehead h1{font-size:36px}h2{font-size:28px}footer{display:block}.shop{padding:6px 12px}}
header nav a[href="/feedback"]{background:#f4d56b;color:#18372b;padding:10px 18px;border-radius:3px;font-weight:700} @media(max-width:800px){header nav a[href="/feedback"]{padding:6px 12px}}

.forest-story{max-width:900px}.forest-story p{max-width:none;margin:0 0 2em;word-break:keep-all;overflow-wrap:anywhere}.story-photo{margin:48px 0 0}.forest-story .photo{max-height:500px}

/* Highlight only the currently selected navigation item. */
header nav a,header nav a.shop,header nav a[href="/feedback"]{background:transparent;color:#18372b;padding:8px 12px;border-radius:3px;border-bottom:2px solid #bc8c21;font-weight:500;transition:background-color .15s ease}
header nav a[aria-current="page"]{background:#f4d56b;font-weight:700;border-bottom-color:transparent}
@media(max-width:800px){header nav a,header nav a.shop,header nav a[href="/feedback"]{padding:6px 10px}}

.hero p.start-note{color:#f4d56b;font-size:16px;font-weight:600;line-height:1.6;margin:20px 0 0;word-break:keep-all;overflow-wrap:anywhere}

/* Keep navigation visible while the brand scrolls away. */
.sticky-menu{position:sticky;top:0;z-index:50;background:#fff;padding:12px 5%;border-bottom:1px solid #dde5df;box-shadow:0 3px 8px #18372b0d}
.sticky-menu nav{display:flex;flex-wrap:wrap;gap:14px 26px;margin:0}
.sticky-menu nav a,.sticky-menu nav a.shop{background:transparent;color:#18372b;padding:8px 12px;border-radius:3px;border-bottom:2px solid #bc8c21;font-weight:500}
.sticky-menu nav a[aria-current="page"]{background:#f4d56b;font-weight:700;border-bottom-color:transparent}
header{border-bottom:0}
@media(max-width:800px){header{padding-bottom:8px}.sticky-menu{padding:10px 6%}.sticky-menu nav{gap:10px 12px}.sticky-menu nav a,.sticky-menu nav a.shop{padding:6px 10px}}
@media print{.sticky-menu{position:static}}

.album-card{margin:28px 0 36px;max-width:960px;border:1px solid #dde5df}.album-card figcaption{padding:24px}.album-card p{margin:8px 0}.album-open{display:block;position:relative;width:100%;padding:0;border:0;background:#153f2b;color:#fff;cursor:pointer;font:inherit}.album-open img{display:block;width:100%;height:auto}.album-open span{display:block;padding:10px}.album-open:focus-visible,.album-close:focus-visible{outline:3px solid #bc8c21;outline-offset:4px}#photo-view{max-width:1100px;width:94vw;max-height:90vh;border:0;padding:20px;background:#fff;color:#18372b}#photo-view::backdrop{background:#091f18cc}#photo-view img{display:block;width:100%;height:auto;max-height:72vh;object-fit:contain}.album-close{display:block;margin:0 0 16px auto;padding:10px 24px;background:#153f2b;color:#fff;border:0;font:inherit;cursor:pointer}

#about-tools{margin:0 0 24px}#about-tools[hidden],#about-editor[hidden]{display:none}#about-tools button,#about-editor button{background:#153f2b;color:#fff;border:0;border-radius:6px;padding:12px 20px;font:inherit;cursor:pointer;margin:4px}#about-editor{padding:20px;background:#eaf1eb;border-radius:8px;margin-bottom:24px}#about-editor label{display:block;font-weight:bold;margin-bottom:12px}#about-text{box-sizing:border-box;padding:12px;font:inherit;line-height:1.7;border:1px solid #748579;border-radius:6px;max-width:100%}#about-status:empty{display:none}#about-status{font-size:16px}#about-tools button:disabled,#about-editor button:disabled{opacity:.6;cursor:wait}

.about-page .pagehead{padding-top:24px;padding-bottom:24px}.about-page .pagehead h1{margin-top:8px;margin-bottom:0}.about-page .forest-story{padding-top:28px}.about-page #about-status:empty{display:none}@media(max-width:800px){.about-page .pagehead{padding-top:18px;padding-bottom:18px}.about-page .pagehead h1{margin-top:6px}.about-page .forest-story{padding-top:20px}}

.voice-menu-tools{padding:8px 5%;display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#f5f8f3}.voice-button{font:inherit;font-size:14px;border:1px solid #9bae9e;border-radius:20px;background:#fff;color:#244d3b;padding:6px 12px;cursor:pointer;white-space:nowrap}.voice-button:disabled{opacity:.5;cursor:default}h1 .voice-button,h2 .voice-button{margin-left:12px;vertical-align:middle;letter-spacing:0;font-weight:500}.voice-status{font-size:13px;color:#526757}.voice-controls{padding:6px 5%;display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#edf3eb}.voice-controls[hidden]{display:none}.voice-controls label{display:flex;align-items:center;gap:6px;margin:0;font-size:14px}.voice-controls select{width:auto;padding:4px 8px;font-size:14px}@media(max-width:600px){.voice-menu-tools,.voice-controls{padding:6px 6%}h1 .voice-button,h2 .voice-button{font-size:13px;margin-left:8px;padding:5px 9px}}@media print{[data-voice-ui]{display:none!important}}

.voice-menu-tools{justify-content:center;text-align:center}.voice-mode-button{display:block;flex-basis:100%;max-width:340px;min-height:56px;margin:8px calc((100% - min(100%,340px))/2);font-size:21px;font-weight:700;color:#fff;background:#214f3d;border:2px solid #214f3d;border-radius:14px;padding:12px 22px}.voice-mode-button:focus-visible{outline:3px solid #d5ad50;outline-offset:3px}.voice-controls{justify-content:center}.voice-status{flex-basis:100%}@media(max-width:600px){.voice-mode-button{font-size:20px;min-height:56px;width:100%;margin:8px auto}}

.voice-navigation{flex-basis:100%;max-width:650px;margin:4px auto 8px}.voice-navigation-button{font-size:18px;min-height:48px;padding:10px 20px;border:2px solid #214f3d}.voice-navigation-status{font-size:15px;max-width:none;margin:6px 0}.voice-navigation small{display:block;font-size:12px;line-height:1.6;color:#536a5b}

.voice-action-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:680px;margin:8px auto;align-items:stretch}.voice-action-row .voice-button{width:100%;max-width:none;min-height:58px;margin:0;padding:12px 14px;font-size:19px;font-weight:700;line-height:1.5;border-radius:14px;white-space:normal;word-break:keep-all}.voice-action-row .voice-navigation-button{background:#f4d56b;color:#18372b;border:2px solid #bc8c21}.voice-action-row .voice-navigation-button:hover{background:#edc750}.voice-action-row .voice-navigation-button[aria-pressed="true"]{background:#214f3d;border-color:#214f3d;color:#fff}.voice-action-row .voice-navigation-button:focus-visible{outline:3px solid #214f3d;outline-offset:3px}.voice-navigation{margin-top:0}.voice-navigation-status:empty{display:none}@media(max-width:600px){.voice-action-row{gap:8px}.voice-action-row .voice-button{font-size:16px;padding:10px 8px;min-height:60px}}

.content-voice-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0 16px;letter-spacing:normal}.content-voice-tools .voice-button{font-size:16px;padding:9px 16px;color:#18372b;background:#f4d56b;border-color:#bc8c21;font-weight:700}.content-voice-tools span{font-size:13px;font-weight:400;color:#536a5b;line-height:1.6}@media(max-width:600px){.content-voice-tools{gap:6px}.content-voice-tools span{flex-basis:100%}}