@charset "UTF-8";
.learn-page{background:#f8faf9}
.learn-header .header-inner{gap:24px}
.learn-nav{display:flex;align-items:center;gap:26px;margin-left:auto;font-size:13px;color:#536e64}
.learn-nav a{padding:9px 0}
.learn-nav a[aria-current]{color:var(--ink);text-decoration:underline;text-underline-offset:7px;text-decoration-color:#91b7a7}
.learn-breadcrumb{display:flex;flex-wrap:wrap;gap:9px;align-items:center;font-size:12px;color:#667b70;padding-top:27px;line-height:1.8}
.learn-breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}
.learn-index{padding-bottom:88px}
.learn-intro{padding:54px 0 44px;max-width:710px}
.learn-intro h1{font-family:var(--serif);font-weight:500;font-size:clamp(34px,4.7vw,54px);line-height:1.5;margin-top:16px;letter-spacing:-.025em}
.learn-intro h1 em{color:#608471}
.learn-intro>p:last-child{font-size:15px;line-height:2;color:var(--muted);max-width:600px;margin-top:20px}
.learn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.learn-card{display:flex;flex-direction:column;min-width:0;padding:30px;border:1px solid #d5e2db;border-radius:12px;transition:background .2s,border-color .2s,box-shadow .2s;background:#eff5f0}
.learn-card:hover{border-color:#94b4a4;box-shadow:0 8px 24px #294b3a09}
.learn-tone-1{background:#edf3f6;border-color:#d5e1e7}.learn-tone-2{background:#f4f0e7;border-color:#e5ddcf}.learn-tone-3{background:#f0f1f6;border-color:#dfe1e8}
.learn-card-top{display:flex;justify-content:space-between;align-items:center;gap:18px;color:#526e5f;font-size:12px;margin-bottom:27px}
.learn-card-top>span:first-child{padding:3px 10px;background:#ffffffad;border:1px solid #d7e3da;border-radius:5px}
.learn-card-number{font-family:var(--serif);font-style:italic;color:#6f8b78;font-size:30px;line-height:1}
.learn-card h2{font-family:var(--serif);font-size:25px;font-weight:500;line-height:1.55;letter-spacing:0;max-width:24em;overflow-wrap:anywhere}
.learn-card>p{font-size:13px;line-height:1.95;color:#5e756b;margin-top:14px;margin-bottom:24px}
.learn-card-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;align-items:center;margin-top:auto;border-top:1px solid #b9cbc866;padding-top:17px;font-size:11px;color:#637b71}
.learn-card-bottom strong{font-size:12px;font-weight:600;color:#315f52}
.learn-bottom-note{display:flex;gap:30px;align-items:center;justify-content:space-between;padding:30px 0 0;margin-top:35px;border-top:1px solid var(--line)}
.learn-bottom-note h2{font-family:var(--serif);font-size:25px;font-weight:500;margin-top:10px;line-height:1.5}
.learn-bottom-note p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:9px}
.learn-bottom-note .button{flex:none}
.learn-article-wrap{padding-bottom:82px}
.learn-article-header{max-width:860px;padding:49px 0 34px}
.learn-article-header h1{font-family:var(--serif);font-size:clamp(30px,4vw,45px);font-weight:500;line-height:1.5;letter-spacing:-.02em;margin:16px 0 20px;overflow-wrap:anywhere;text-wrap:balance}
.learn-summary{font-size:16px;line-height:1.95;color:#61796c;max-width:730px}
.learn-byline{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:11px;color:#677c72;margin-top:24px}
.learn-reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 252px;gap:68px;border-top:1px solid var(--line);padding-top:8px}
.learn-body{min-width:0;max-width:760px}
.learn-section{padding:31px 0 33px;border-bottom:1px solid #e0e8e3;scroll-margin-top:112px}
.learn-section-heading{display:flex;align-items:baseline;gap:14px;margin-bottom:20px}
.learn-section-heading>span{font-family:var(--serif);font-size:23px;color:#7d9a87;font-style:italic;flex:none}
.learn-section h2{font-size:23px;font-weight:550;line-height:1.6;letter-spacing:0}
.learn-section p,.learn-section li{font-size:15px;line-height:2;color:#425d51;overflow-wrap:anywhere}
.learn-section p+p{margin-top:15px}
.learn-section ul{padding-left:22px;margin:18px 0}
.learn-section li{padding-left:4px;margin:11px 0}
.learn-section li::marker{color:#729c87}
.learn-note{background:#e9f2ec;border-left:3px solid #87ac96;padding:16px 19px;margin-top:20px;font-size:13px;line-height:1.95;color:#466251;border-radius:0 6px 6px 0}
.learn-inline-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:21px}
.learn-inline-links a{font-size:13px;color:#315f52;text-decoration:underline;text-decoration-color:#adc7b7;text-underline-offset:5px;line-height:1.9}
.learn-inline-links a:hover{text-decoration-color:#315f52}
.learn-toc{position:sticky;top:112px;align-self:start;margin-top:31px;padding:22px 21px;background:#eef3ef;border:1px solid #dbe6de;border-radius:10px}
.learn-toc nav{display:flex;flex-direction:column;margin-top:17px;gap:5px}
.learn-toc nav a{display:flex;align-items:baseline;gap:10px;font-size:12px;line-height:1.9;color:#4a6859;padding:7px 0}
.learn-toc nav a:hover{text-decoration:underline;text-underline-offset:4px}
.learn-toc nav span{font-family:var(--serif);font-style:italic;color:#6b8c77;font-size:15px;flex:none}
.learn-toc-note{font-size:11px;line-height:1.9;color:#6b8175;border-top:1px solid #d6e3da;margin-top:14px;padding-top:17px}
.learn-article-actions{padding-top:32px}
.learn-article-actions h2{font-family:var(--serif);font-size:27px;font-weight:500;line-height:1.5}
.learn-article-actions p{margin-top:10px;color:var(--muted);font-size:13px}
.learn-article-actions>div{display:flex;flex-wrap:wrap;gap:12px;margin-top:21px}
.learn-related{border-top:1px solid var(--line);margin-top:60px;padding-top:32px}
.learn-related-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:23px}
.learn-related-heading h2{font-family:var(--serif);font-size:29px;font-weight:500}
.learn-related-heading>a{font-size:12px;color:#315f52;text-decoration:underline;text-underline-offset:5px}
.learn-related .learn-card h2{font-size:22px}
.learn-footer{padding:35px 0;background:#eef3ef;border-top:1px solid #d9e4dc}
.learn-footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:25px}
.learn-footer nav{display:flex;flex-wrap:wrap;gap:14px 24px;font-size:12px;color:#4f6b5b}
.learn-footer nav a:hover{text-decoration:underline;text-underline-offset:5px}
.learn-footer p{font-size:11px;line-height:1.9;color:#5f7768;max-width:840px}
.learn-footer small{display:block;color:#6c8276;font-size:11px;margin-top:17px}
@media(max-width:1000px){.learn-reading-layout{grid-template-columns:minmax(0,1fr) 220px;gap:34px}.learn-nav{gap:19px}.learn-header .header-inner{gap:22px}}
@media(max-width:760px){.learn-page .wrap{width:calc(100% - 40px)}.learn-header{height:auto;min-height:76px}.learn-header .header-inner{min-height:76px;flex-wrap:wrap;padding-block:14px;gap:12px}.learn-nav{order:3;width:100%;justify-content:flex-start;border-top:1px solid #dce5df;padding-top:6px;margin-left:0;gap:24px}.learn-nav a{font-size:12px;padding:5px 0}.learn-header .recharge-entry{margin-left:auto}.learn-intro{padding:36px 0 32px}.learn-intro h1{font-size:36px}.learn-grid{grid-template-columns:minmax(0,1fr);gap:17px}.learn-card{padding:24px}.learn-card-top{margin-bottom:21px}.learn-card h2{font-size:25px}.learn-card>p{font-size:14px}.learn-bottom-note{align-items:flex-start;flex-direction:column;gap:20px}.learn-index{padding-bottom:55px}.learn-article-wrap{padding-bottom:54px}.learn-article-header{padding-top:33px;padding-bottom:28px}.learn-article-header h1{font-size:31px}.learn-summary{font-size:15px}.learn-reading-layout{display:flex;flex-direction:column;gap:0;padding-top:0}.learn-toc{position:static;order:-1;margin-top:24px;padding:18px 20px}.learn-toc nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 17px;margin-top:12px}.learn-toc nav a{font-size:12px}.learn-toc-note{display:none}.learn-section{padding:28px 0;scroll-margin-top:155px}.learn-section-heading{gap:11px}.learn-section h2{font-size:22px}.learn-section p,.learn-section li{font-size:15px}.learn-related{margin-top:42px;padding-top:26px}.learn-related .learn-card h2{font-size:24px}.learn-footer-top{align-items:flex-start;flex-direction:column}.learn-footer nav{gap:12px 20px}}
@media(max-width:380px){.learn-page .wrap{width:calc(100% - 32px)}.learn-intro h1{font-size:32px}.learn-article-header h1{font-size:28px}.learn-toc nav{grid-template-columns:minmax(0,1fr)}.learn-card{padding:22px}.learn-card h2{font-size:23px}.learn-article-actions .button{padding-inline:17px}}
@media(prefers-reduced-motion:reduce){.learn-page *{scroll-behavior:auto!important;transition:none!important}}