/* SPDX-FileCopyrightText: 2026 Marko Sun
   SPDX-License-Identifier: LicenseRef-Hanama-Proprietary */
:root{color-scheme:light;--ink:#2e4033;--muted:#687260;--line:#dce1d5;--paper:#f7f8f2;--serif:Georgia,'Hiragino Mincho ProN','Yu Mincho',serif;--sans:-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.75 var(--sans)}a{color:inherit;text-underline-offset:4px}img{max-width:100%;height:auto;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}a:focus-visible,summary:focus-visible{outline:2px solid #789368;outline-offset:5px}main{max-width:1160px;padding:0 40px;margin:auto}.learn-header{max-width:1320px;margin:auto;padding:24px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.learn-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.learn-brand>span{font:400 26px/1.15 var(--serif)}.learn-brand small{display:block;font:500 8px/1.8 var(--sans);letter-spacing:.15em;color:var(--muted);margin-top:5px}.learn-header nav,.learn-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.learn-header nav>a{font-size:12px;white-space:nowrap;text-decoration:none}.learn-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border:1px solid #344f38;border-radius:10px;background:#344f38;color:#fff;text-decoration:none;font-size:13px;line-height:1.45;font-weight:500;white-space:normal;text-align:center}.learn-button:hover{background:#263f2d}.learn-button.small{min-height:44px;padding:10px 16px}.learn-eyebrow{font-size:10px;letter-spacing:.16em;color:#75816a}.learn-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:54px;padding:64px 0 72px}.learn-hero h1{font:400 clamp(35px,4.3vw,58px)/1.18 var(--serif);letter-spacing:-.025em;margin:18px 0 22px}.learn-lead{font-size:18px;line-height:1.7;color:#57674f}.learn-description{font-size:14px;color:var(--muted);margin:16px 0 28px}.learn-actions>a:not(.learn-button){font-size:13px}.learn-hero figure{background:#eeeee6;border-radius:14px;overflow:hidden}.learn-hero img{width:100%}.learn-hero figcaption{padding:10px 18px;font-size:11px;color:var(--muted)}.learn-section{padding:64px 0;border-top:1px solid var(--line)}.learn-section h2,.learn-free h2,.learn-end h2{font:400 31px/1.4 var(--serif);margin:8px 0 22px}.learn-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none;padding:0;margin:34px 0 0;counter-reset:steps}.learn-steps li{counter-increment:steps}.learn-steps li:before{content:'0' counter(steps);display:block;color:#7b8a6f;font:400 14px var(--serif);margin-bottom:20px}.learn-steps h3,.learn-examples h3{font-size:18px;line-height:1.5;margin-bottom:12px}.learn-steps p,.learn-examples p{font-size:14px;color:var(--muted);line-height:1.8}.learn-section-heading{max-width:700px}.learn-section-heading p{font-size:13px;color:var(--muted);margin-bottom:26px}.learn-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.learn-examples>a{text-decoration:none}.learn-examples img{width:100%;aspect-ratio:1;border-radius:10px;background:#edeee6;margin-bottom:18px}.learn-examples span{display:inline-block;font-size:12px;color:#617850;margin-top:12px}.learn-free{display:flex;align-items:center;gap:40px;padding:38px;background:#eaf0e2;border-radius:16px}.learn-free>div{flex:1}.learn-free h2{font-size:28px;margin:0 0 12px}.learn-free p{font-size:14px;color:#617357}.learn-free>.learn-button{flex-shrink:0}.learn-guides{display:grid;grid-template-columns:1fr 1fr;gap:38px;margin-top:30px}.learn-guides article{border-top:1px solid var(--line);padding-top:22px}.learn-guides h3{font:400 23px/1.5 var(--serif);margin:10px 0 14px}.learn-guides h3 a{text-decoration:none}.learn-guides article>p:not(.learn-eyebrow){font-size:14px;color:var(--muted);margin-bottom:16px}.learn-guides article>a{font-size:13px}.learn-faq{max-width:800px}.learn-faq details{border-bottom:1px solid var(--line);padding:18px 0}.learn-faq summary{cursor:pointer;font-size:15px}.learn-faq details p{font-size:14px;color:var(--muted);margin-top:12px}.learn-end{padding:24px 0 80px;max-width:650px}.learn-footer{border-top:1px solid var(--line);max-width:1240px;margin:auto;padding:32px 40px 44px}.learn-footer>p{font:400 20px var(--serif);margin-bottom:20px}.learn-footer nav{display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap;font-size:12px}.learn-footer small{font-size:11px;color:var(--muted);display:block;margin-top:20px}.learn-article{max-width:820px;padding-top:42px;padding-bottom:70px}.learn-back{display:block;margin-bottom:38px;font-size:12px;color:var(--muted)}.learn-article h1{font:400 clamp(32px,4.7vw,49px)/1.25 var(--serif);margin:14px 0 24px}.learn-article .learn-lead{font-size:17px}.learn-article-image{margin:32px auto;max-width:480px}.learn-article-image img{width:100%;border-radius:10px}.learn-article-image figcaption{font-size:11px;color:var(--muted);margin-top:10px}.learn-toc{padding:24px;border:1px solid var(--line);border-radius:12px;font-size:14px;margin:32px 0}.learn-toc strong{font-weight:500}.learn-toc ol{margin:12px 0 0;padding-left:22px}.learn-toc li+li{margin-top:8px}.learn-article>section{margin:40px 0;scroll-margin-top:20px}.learn-article>section h2{font:400 26px/1.45 var(--serif);margin-bottom:16px}.learn-article>section p{color:#5c6b54;font-size:16px;line-height:1.95}.learn-related{margin-top:48px;padding-top:24px;border-top:1px solid var(--line)}.learn-related h2{font-size:18px;margin-bottom:12px}.learn-related a{font-size:14px}html[lang=ja] .learn-hero h1{line-height:1.45;letter-spacing:.01em}html[lang=ja] .learn-article h1{line-height:1.5}
@media(max-width:760px){main{padding-inline:22px}.learn-header{padding:16px 22px;gap:12px}.learn-header nav{gap:14px}.learn-header nav>.learn-button{display:none}.learn-brand>span{font-size:23px}.learn-brand img{width:31px;height:auto}.learn-hero{grid-template-columns:1fr;gap:28px;padding:38px 0 44px}.learn-hero h1{font-size:39px;max-width:16ch}.learn-lead{font-size:16px}.learn-hero figure{max-width:520px;width:100%}.learn-section{padding:40px 0}.learn-section h2{font-size:28px}.learn-steps{grid-template-columns:1fr;gap:26px}.learn-steps li:before{margin:0 0 8px}.learn-examples{grid-template-columns:1fr;gap:32px}.learn-examples img{max-width:480px}.learn-free{display:block;padding:26px 22px}.learn-free>.learn-button{margin-top:22px}.learn-guides{grid-template-columns:1fr;gap:30px}.learn-end{padding-bottom:50px}.learn-footer{padding:28px 22px}.learn-article{padding-top:30px}.learn-article h1{font-size:34px}.learn-article>section p{font-size:15px}.learn-toc{padding:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

@media(max-width:600px){.learn-header{flex-wrap:wrap}.learn-header nav{width:100%;justify-content:space-between;gap:10px}}
/* Study pages: season, style, vessel and materials. */.learn-facts{display:grid;grid-template-columns:max-content 1fr;gap:8px 20px;margin:22px 0 0;font-size:14px;line-height:1.6}.learn-facts dt{color:var(--muted)}.learn-facts dd{margin:0;color:var(--ink)}@media(max-width:520px){.learn-facts{grid-template-columns:1fr;gap:2px}.learn-facts dd{margin-bottom:10px}}.learn-more{margin:24px 0 0;font-size:15px}.learn-examples.learn-study-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:22px}.learn-study-grid img{max-width:none;margin-bottom:10px}.learn-study-grid h3{font-size:15px;margin-bottom:4px}.learn-study-grid p{font-size:13px;line-height:1.6}@media(max-width:520px){.learn-examples.learn-study-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}