/* Shared resource hub and reading experience. */
.resource-eyebrow{color:var(--cyan);font-size:14px;letter-spacing:1.2px;font-weight:500;margin:0 0 20px}
.nav-links a[aria-current=page]{color:#077b8c}
.resource-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:center;padding-top:95px;padding-bottom:68px}
.resource-intro h1{font-size:clamp(36px,4.3vw,54px);letter-spacing:-1.4px;line-height:1.28}
.resource-intro-copy{max-width:550px;color:var(--muted);font-size:17px;margin-top:24px}
.resource-reading-path{border-top:1px solid var(--line)}
.resource-reading-path a{display:flex;gap:21px;align-items:flex-start;padding:19px 0;border-bottom:1px solid var(--line)}
.resource-reading-path>a>span{font-size:14px;color:var(--cyan);padding-top:3px;font-variant-numeric:tabular-nums}
.resource-reading-path strong{font-size:17px;font-weight:550;display:block}
.resource-reading-path small{font-size:14px;color:var(--muted);display:block;margin-top:4px}
.resource-reading-path a:hover strong{color:var(--cyan)}
.resource-library{padding-bottom:90px}
.resource-topic{scroll-margin-top:116px;margin-top:31px}
.resource-topic-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:17px}
.resource-topic-heading h2{font-size:18px;font-weight:550}
.resource-topic-heading>span{font-size:14px;color:var(--muted)}
.resource-card{display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fff;transition:border-color .2s,box-shadow .2s,transform .2s}
.resource-card:hover{border-color:#9fc3ce;box-shadow:0 10px 32px #23445309;transform:translateY(-2px)}
.resource-card-diagram{min-width:0;display:flex;align-items:center;padding:22px;background:linear-gradient(145deg,#f8fbfd,#eff6f9);border-right:1px solid var(--line)}
.resource-card-diagram svg{display:block;width:100%;height:auto}
.resource-card-diagram text{font:16px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;fill:#5b7582}
.resource-card-diagram .diagram-strong{font-weight:550;fill:#277a8c;font-size:18px}
.resource-card-content{padding:31px 35px 27px;min-width:0}
.resource-meta{display:flex;gap:15px;font-size:13px;color:var(--muted);margin-bottom:12px}
.resource-meta span:first-child{color:var(--cyan)}
.resource-card h3{font-size:24px;line-height:1.42;letter-spacing:-.4px;font-weight:550}
.resource-card p{font-size:16px;color:var(--muted);line-height:1.85;margin-top:12px;max-width:530px}
.resource-card-foot{display:flex;justify-content:space-between;gap:15px;font-size:14px;color:var(--muted);margin-top:24px}
.resource-card-foot span:last-child{color:var(--cyan)}
.resources-home{background:#fff}
.resources-home-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:33px}
.resources-home .chapter-title .eyebrow{margin-bottom:15px}
.resources-home h2{font-size:clamp(32px,3.4vw,43px);line-height:1.3;letter-spacing:-.8px;margin-top:0}
.resource-all{font-size:14px;color:var(--cyan);border-bottom:1px solid #a7c9d2;padding-bottom:4px;white-space:nowrap}
.resource-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.resource-home-grid .resource-card{display:flex;flex-direction:column}
.resource-home-grid .resource-card-diagram{border-right:0;border-bottom:1px solid var(--line);padding:22px 15px;min-height:150px}
.resource-home-grid .resource-card-content{padding:23px 23px 20px;display:flex;flex-direction:column;flex:1}
.resource-home-grid .resource-card h3{font-size:20px;line-height:1.5;letter-spacing:-.2px}
.resource-home-grid .resource-card p{font-size:15px;line-height:1.85}
.resource-home-grid .resource-card-foot{padding-top:22px;margin-top:auto}
.resource-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:14px;padding-top:44px}
.resource-breadcrumb a:hover{color:var(--cyan)}
.article-header{max-width:870px;padding:48px 0 38px}
.article-header h1{font-size:clamp(32px,3.7vw,48px);line-height:1.38;letter-spacing:-1px}
.article-deck{font-size:19px;line-height:1.85;color:var(--muted);margin-top:22px;max-width:760px}
.article-meta{display:flex;gap:22px;flex-wrap:wrap;color:var(--muted);font-size:14px;margin-top:24px}
.reader-grid{display:grid;grid-template-columns:minmax(0,780px) minmax(170px,1fr);gap:65px;border-top:1px solid var(--line);padding-top:33px;align-items:start}
.article-body{min-width:0;font-size:17px;line-height:1.95}
.article-notice{font-size:14px;line-height:1.85;color:var(--muted);border-left:2px solid #9abfc9;padding-left:17px;margin-bottom:42px}
.article-section{scroll-margin-top:115px;margin-bottom:43px}
.article-section h2{font-size:25px;line-height:1.45;letter-spacing:-.35px;margin-bottom:19px;font-weight:550}
.article-section p{margin-top:16px;color:#425765}
.article-section h2+p{margin-top:0}
.article-body a:not(.button){color:#087b8d;text-decoration:underline;text-decoration-color:#b4d1d9;text-underline-offset:4px}
.article-figure{margin:27px 0;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#f5f9fb;padding:24px 21px 16px}
.article-figure svg{width:100%;height:auto;display:block}
.article-figure text{font:16px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;fill:#5b7582}
.article-figure .diagram-strong{font-weight:550;fill:#277a8c;font-size:18px}
.article-figure figcaption{font-size:14px;color:var(--muted);line-height:1.75;border-top:1px solid #dce7ed;padding-top:13px;margin-top:19px}
.article-toc{position:sticky;top:125px;border-left:1px solid var(--line);padding:3px 0 3px 23px}
.article-toc p{font-size:13px;letter-spacing:.5px;color:var(--muted);margin-bottom:16px}
.article-toc nav{display:flex;flex-direction:column;gap:14px}
.article-toc a{font-size:14px;line-height:1.6;color:var(--muted)}
.article-toc a:hover,.article-toc a[aria-current=location]{color:var(--cyan)}
.article-examples{display:grid;gap:20px;margin:24px 0}
.article-examples>div{padding:20px 22px;background:var(--soft);border-radius:9px;border-left:2px solid #a5c8d2}
.article-examples span{font-size:16px;font-weight:550;color:var(--ink)}
.article-examples p{font-size:16px;margin-top:5px}
.article-takeaway{margin-top:25px;padding:24px 26px;background:#edf7f9;border-radius:11px}
.article-takeaway span{display:block;color:var(--cyan);font-size:14px;margin-bottom:9px}
.article-takeaway strong{font-size:21px;font-weight:550;line-height:1.65;display:block;color:#294959}
.article-body .article-small{font-size:14px;color:var(--muted)}
.reference-list{padding-left:20px;font-size:15px;margin:17px 0}
.reference-list li+li{margin-top:8px}
.article-table{border-collapse:collapse;width:100%;font-size:16px;line-height:1.8;margin:24px 0}
.article-table th,.article-table td{padding:14px 15px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.article-table thead{background:var(--soft)}
.article-table th{font-weight:550}
.article-table tbody th{width:145px;color:var(--cyan)}
.article-steps,.article-checklist{padding-left:23px;margin:20px 0}
.article-steps li+li,.article-checklist li+li{margin-top:11px}
.article-steps strong{font-weight:550;color:var(--ink)}
.calculation-figure{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:13px;padding:29px 24px 18px;margin:24px 0;background:#f5f9fb;border:1px solid var(--line);border-radius:13px;text-align:center}
.calculation-figure>div>span{font-size:14px;color:var(--muted);display:block}
.calculation-figure strong{font-size:37px;font-weight:500;color:#287e91;display:block;font-variant-numeric:tabular-nums;line-height:1.5}
.calculation-figure strong span{font-size:20px}
.calculation-symbol{font-size:24px;color:#91aab5}
.calculation-figure>p{grid-column:1/-1;font-size:14px;color:var(--muted);border-top:1px solid var(--line);padding-top:13px;margin-top:9px;line-height:1.7}
.evidence-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 22px;list-style:none;counter-reset:evidence;padding:0;margin:27px 0}
.evidence-path li{counter-increment:evidence;padding:12px 0;border-top:1px solid #bad4dc;font-size:15px;color:#377d8f}
.evidence-path li:before{content:counter(evidence,decimal-leading-zero);font-size:12px;color:#789ba8;margin-right:10px}
.article-action{display:flex;gap:23px;align-items:center;flex-wrap:wrap;padding-top:10px;margin-bottom:30px}
.article-back{font-size:14px}
.article-related{margin-top:42px;padding:36px 0 65px;border-top:1px solid var(--line)}
.article-related h2{font-size:20px;margin-bottom:22px}
.article-related>div{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.article-related a{border:1px solid var(--line);padding:22px 25px;border-radius:11px;transition:border-color .2s}
.article-related a:hover{border-color:#8ebac8}
.article-related span{font-size:13px;color:var(--cyan);display:block;margin-bottom:9px}
.article-related strong{font-size:18px;font-weight:550;line-height:1.65;display:block}
@media(max-width:1000px){.resource-intro{gap:45px}.reader-grid{gap:35px;grid-template-columns:minmax(0,1fr) 190px}.resource-home-grid{gap:16px}.resource-home-grid .resource-card-content{padding:20px 18px}.resource-home-grid .resource-card h3{font-size:19px}}
@media(max-width:800px){.reader-grid{display:flex;flex-direction:column;gap:30px}.article-toc{position:static;order:-1;width:100%;border-left:0;padding:0 0 25px;border-bottom:1px solid var(--line)}.article-toc nav{flex-direction:row;flex-wrap:wrap;gap:12px 22px}.article-toc p{margin-bottom:12px}.article-header{padding-top:35px}.resource-home-grid{grid-template-columns:1fr}.resource-home-grid .resource-card{display:grid;grid-template-columns:.8fr 1.2fr}.resource-home-grid .resource-card-diagram{border-bottom:0;border-right:1px solid var(--line)}.resource-home-grid .resource-card-foot{margin-top:17px;padding-top:0}}
@media(max-width:700px){.resource-intro{grid-template-columns:1fr;gap:38px;padding-top:55px;padding-bottom:25px}.resource-intro h1{font-size:37px;letter-spacing:-.8px}.resource-intro-copy{font-size:16px;margin-top:20px}.resource-reading-path strong{font-size:16px}.resource-reading-path a{padding:16px 0}.resource-library{padding-bottom:55px}.resource-topic{margin-top:31px}.resource-topic-heading{align-items:flex-start;flex-direction:column;gap:4px;margin-bottom:14px}.resource-topic-heading h2{font-size:17px}.resource-card,.resource-home-grid .resource-card{display:flex;flex-direction:column}.resource-card-diagram,.resource-home-grid .resource-card-diagram{border-right:0;border-bottom:1px solid var(--line);padding:25px 17px}.resource-card-content,.resource-home-grid .resource-card-content{padding:23px 22px}.resource-card h3,.resource-home-grid .resource-card h3{font-size:22px;line-height:1.45}.resource-card p,.resource-home-grid .resource-card p{font-size:16px}.resource-card-foot{margin-top:22px}.resources-home-head{align-items:flex-start;flex-direction:column;gap:20px}.resources-home h2{font-size:33px}.resource-home-grid{gap:20px}.resource-breadcrumb{padding-top:32px;gap:10px}.article-header{padding:31px 0 28px}.article-header h1{font-size:33px;letter-spacing:-.7px}.article-deck{font-size:17px;margin-top:18px}.article-meta{gap:9px 17px;font-size:13px;margin-top:20px}.reader-grid{padding-top:25px;gap:27px}.article-body{font-size:16px;line-height:1.95}.article-notice{font-size:14px;margin-bottom:33px}.article-section{margin-bottom:35px}.article-section h2{font-size:23px;line-height:1.5}.article-figure{padding:18px 11px 13px}.article-figure figcaption{font-size:13px;margin-top:13px}.article-takeaway{padding:21px}.article-takeaway strong{font-size:19px}.article-table{font-size:14px}.article-table th,.article-table td{padding:12px 9px}.article-table tbody th{width:92px}.article-examples>div{padding:17px 19px}.calculation-figure{padding:22px 12px 15px;gap:8px}.calculation-figure>div>span{font-size:12px}.calculation-figure strong{font-size:27px}.calculation-figure strong span{font-size:15px}.calculation-symbol{font-size:19px}.calculation-figure>p{font-size:13px}.evidence-path{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 15px}.article-action{gap:19px}.article-related{padding-bottom:47px;margin-top:15px}.article-related>div{grid-template-columns:1fr;gap:15px}.article-related a{padding:19px 21px}.article-related strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.resource-card{transition:none}.resource-card:hover{transform:none}}
@media print{.nav-shell,.article-toc,.article-related,.article-action,.resource-footer{display:none}.reader-grid{display:block;border:0}.article-header{padding-top:15px}.article-body{font-size:12pt}.article-figure,.article-takeaway,.calculation-figure{break-inside:avoid}.article-section h2{break-after:avoid}.article-notice{margin-bottom:20px}.article-body a{overflow-wrap:anywhere}}

/* Expanded document library. */
.library-start{margin:12px 0 58px}
.library-path-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.library-path{padding:25px 28px;background:#f4f9fb;border-top:2px solid #83b4c3;border-radius:0 0 12px 12px;scroll-margin-top:115px}
.library-path h3{font-size:21px;font-weight:550;line-height:1.5}
.library-path>p{font-size:15px;color:var(--muted);line-height:1.8;margin-top:8px}
.library-path ol{list-style:none;counter-reset:reading;padding:0;margin-top:20px}
.library-path li{counter-increment:reading;display:flex;gap:13px;align-items:baseline;margin-top:12px;line-height:1.75}
.library-path li:before{content:counter(reading,decimal-leading-zero);font-size:13px;color:#6c95a4;font-variant-numeric:tabular-nums}
.library-path a{font-size:16px;color:#365866}
.library-path a:hover{color:var(--cyan);text-decoration:underline;text-underline-offset:4px}
.library-cards{display:grid;gap:20px}
.resource-library>.resource-topic{margin-top:48px}
.article-table-scroll{max-width:100%;overflow-x:auto}
.article-body{width:100%}
.article-page .article-table{min-width:420px}
.resource-card-diagram svg{max-height:210px}
@media(max-width:700px){.library-path-grid{grid-template-columns:1fr;gap:22px}.library-path{padding:22px}.library-start{margin:28px 0 40px}.library-path h3{font-size:20px}.library-path>p{font-size:14px}.library-path a{font-size:16px}.resource-library>.resource-topic{margin-top:37px}.article-table-scroll{border-right:1px solid var(--line)}.article-page .article-table{font-size:15px}.article-figure{overflow-x:auto}.article-figure svg{min-width:650px}.article-figure figcaption{min-width:0}}
@media print{.article-table-scroll{overflow:visible}.article-page .article-table{min-width:0}}

/* Fab foundations series. */
.foundation-series{margin-bottom:58px}
.foundation-overview{background:#f4f9fb;border:1px solid var(--line);border-radius:13px;padding:22px 25px;margin-bottom:22px}
.foundation-overview svg{width:100%;max-height:235px;display:block}
.foundation-overview .foundation-overview-mobile{display:none}
.foundation-overview text{font:16px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;fill:#5b7582}
.foundation-overview .diagram-strong{font-size:18px;font-weight:550;fill:#277a8c}
.foundation-list{display:grid;grid-template-columns:1fr 1fr;gap:18px 25px}
.foundation-item{display:flex;align-items:flex-start;gap:18px;padding:24px 25px;border:1px solid var(--line);border-radius:12px;background:#fff;transition:border-color .2s,box-shadow .2s}
.foundation-item:hover{border-color:#8db7c6;box-shadow:0 8px 24px #23445308}
.foundation-number{font-size:16px;font-variant-numeric:tabular-nums;color:#6f9daa;padding-top:2px}
.foundation-item h3{font-size:20px;font-weight:550;line-height:1.5;letter-spacing:-.2px}
.fab-primer-page .article-header h1,.foundation-item h3{text-wrap:balance}
.foundation-item p{font-size:16px;line-height:1.8;color:var(--muted);margin-top:10px}
.foundation-item small{font-size:14px;color:var(--muted);display:block;margin-top:16px}
.fab-cycle-phase{opacity:0;animation:fabCycle 15s linear infinite}
.fab-cycle-phase.phase-0{animation-delay:0s}
.fab-cycle-phase.phase-1{animation-delay:-12.5s}
.fab-cycle-phase.phase-2{animation-delay:-10s}
.fab-cycle-phase.phase-3{animation-delay:-7.5s}
.fab-cycle-phase.phase-4{animation-delay:-5s}
.fab-cycle-phase.phase-5{animation-delay:-2.5s}
@keyframes fabCycle{0%,15.8%{opacity:1}16.666%,100%{opacity:0}}
.primer-calculation{padding:25px;background:#edf7f9;border-radius:11px;margin:24px 0}
.primer-calculation>span{font-size:14px;color:var(--cyan);display:block;margin-bottom:9px}
.primer-calculation strong{font-size:23px;font-weight:550;line-height:1.6;color:#294959}
.primer-calculation p{font-size:14px!important;line-height:1.8;color:var(--muted)!important;margin-top:12px}
@media(max-width:700px){.foundation-list{grid-template-columns:1fr;gap:16px}.foundation-item{padding:22px 20px;gap:15px}.foundation-item h3{font-size:20px}.foundation-overview{padding:15px 12px}.foundation-overview svg{display:none}.foundation-overview .foundation-overview-mobile{display:block;min-width:0;max-height:none}.foundation-series{margin-bottom:42px}.primer-calculation{padding:21px}.primer-calculation strong{font-size:20px}}
@media(max-width:700px){.fab-primer-page .article-figure figcaption:before{content:"图示可左右滑动";display:block;color:var(--cyan);margin-bottom:6px}}
@media(prefers-reduced-motion:reduce){.fab-cycle-phase{animation:none;opacity:0}.fab-cycle-phase.phase-5{opacity:1}.foundation-item{transition:none}}
@media print{.foundation-overview{overflow:visible}.foundation-overview svg{min-width:0}.fab-cycle-phase{animation:none;opacity:0}.fab-cycle-phase.phase-5{opacity:1}.foundation-item{break-inside:avoid}}