@charset "UTF-8";
/* 静态指南页（/learn/）共用样式：颜色取自各站 styles.css 的 --paper、--mint、--mint-dark、--line、--muted、--ink。 */
.learn-page{background:var(--paper)}
.learn-header .header-inner{gap:24px}
.learn-nav{display:flex;align-items:center;gap:26px;margin-left:auto;font-size:13px;color:var(--muted)}
.learn-nav a{padding:9px 0}
.learn-nav a[aria-current]{color:var(--ink);text-decoration:underline;text-underline-offset:7px;text-decoration-color:color-mix(in srgb,var(--mint-dark) 45%,transparent)}
.learn-header .lang-switch{flex:none}
.learn-breadcrumb{display:flex;flex-wrap:wrap;gap:9px;align-items:center;font-size:12px;color:var(--muted);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:var(--mint-dark);font-style:normal}
.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 var(--line);border-radius:12px;transition:background .2s,border-color .2s,box-shadow .2s;background:color-mix(in srgb,var(--mint) 22%,var(--white))}
.learn-card:hover{border-color:color-mix(in srgb,var(--mint-dark) 40%,var(--line));box-shadow:0 8px 24px #0000000a}
.learn-tone-1{background:color-mix(in srgb,var(--mint) 12%,var(--white))}.learn-tone-2{background:color-mix(in srgb,var(--mint) 32%,var(--white))}.learn-tone-3{background:var(--white)}
.learn-card-top{display:flex;justify-content:space-between;align-items:center;gap:18px;color:var(--mint-dark);font-size:12px;margin-bottom:27px}
.learn-card-top>span:first-child{padding:3px 10px;background:#ffffffad;border:1px solid var(--line);border-radius:5px}
.learn-card-number{font-family:var(--serif);font-style:italic;color:color-mix(in srgb,var(--mint-dark) 70%,var(--muted));font-size:30px;line-height:1}
.learn-card h2{font-family:var(--serif);font-size:24px;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:var(--muted);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 var(--line);padding-top:17px;font-size:11px;color:var(--muted)}
.learn-card-bottom strong{font-size:12px;font-weight:600;color:var(--mint-dark)}
.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:var(--muted);max-width:730px}
.learn-byline{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:11px;color:var(--muted);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 var(--line);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:var(--mint-dark);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:color-mix(in srgb,var(--ink) 82%,var(--muted));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:var(--mint-dark)}
.learn-note{background:color-mix(in srgb,var(--mint) 35%,var(--white));border-left:3px solid var(--mint-dark);padding:16px 19px;margin-top:20px;font-size:13px;line-height:1.95;color:var(--ink);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:var(--mint-dark);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--mint-dark) 40%,transparent);text-underline-offset:5px;line-height:1.9}
.learn-toc{position:sticky;top:112px;align-self:start;margin-top:31px;padding:22px 21px;background:color-mix(in srgb,var(--mint) 22%,var(--white));border:1px solid var(--line);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:var(--ink);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:var(--mint-dark);font-size:15px;flex:none}
.learn-toc-note{font-size:11px;line-height:1.9;color:var(--muted);border-top:1px solid var(--line);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-maoka{display:flex;align-items:center;gap:12px;margin-top:22px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--white);font-size:13px;line-height:1.7}
.learn-maoka strong{display:block;color:var(--ink)}
.learn-maoka span span{color:var(--muted)}
.learn-maoka:hover{border-color:color-mix(in srgb,var(--mint-dark) 40%,var(--line))}
.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:var(--mint-dark);text-decoration:underline;text-underline-offset:5px}
.learn-related .learn-card h2{font-size:21px}
.learn-footer{padding:35px 0;background:color-mix(in srgb,var(--mint) 22%,var(--white));border-top:1px solid var(--line)}
.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:var(--muted)}
.learn-footer nav a:hover{text-decoration:underline;text-underline-offset:5px}
.learn-footer p{font-size:11px;line-height:1.9;color:var(--muted);max-width:840px}
.learn-footer small{display:block;color:var(--muted);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 var(--line);padding-top:6px;margin-left:0;gap:20px;overflow-x:auto}.learn-nav a{font-size:12px;padding:5px 0;white-space:nowrap}.learn-header .lang-switch{margin-left:auto}.learn-intro{padding:36px 0 32px}.learn-intro h1{font-size:34px}.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:23px}.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:30px}.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-note{display:none}.learn-section{padding:28px 0;scroll-margin-top:155px}.learn-section-heading{gap:11px}.learn-section h2{font-size:21px}.learn-related{margin-top:42px;padding-top:26px}.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:30px}.learn-article-header h1{font-size:27px}.learn-toc nav{grid-template-columns:minmax(0,1fr)}.learn-card{padding:22px}.learn-card h2{font-size:22px}.learn-article-actions .button{padding-inline:17px}}
@media(prefers-reduced-motion:reduce){.learn-page *{scroll-behavior:auto!important;transition:none!important}}