.knowledge-home-intro { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(310px, .65fr); gap: 54px; align-items: end; padding: 18px 0 38px; }
.knowledge-home-intro h1 { max-width: 760px; margin: 0; font-family: var(--serif); font-size: clamp(36px, 4.2vw, 60px); line-height: 1.08; letter-spacing: -.035em; }
.knowledge-home-intro > div > p { max-width: 700px; margin: 20px 0 0; color: var(--muted); font-size: 14px; line-height: 1.85; }
.knowledge-home-principle { padding: 23px 25px; border: 1px solid #a8c3df; background: #f7fbff; }
.knowledge-home-principle strong { color: #165acb; font-size: 13px; }
.knowledge-home-principle p { margin: 9px 0 0; color: #405775; font-size: 12px; line-height: 1.8; }
.knowledge-start-paths { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.knowledge-start-paths a { min-width: 0; padding: 20px 22px; color: inherit; text-decoration: none; }
.knowledge-start-paths a + a { border-left: 1px solid var(--line); }
.knowledge-start-paths span { color: var(--teal); font: 700 10px var(--mono); }
.knowledge-start-paths strong { display: block; margin-top: 8px; font-family: var(--serif); font-size: 16px; }
.knowledge-start-paths small { display: block; margin-top: 6px; color: var(--muted); font-size: 10px; line-height: 1.6; }
.knowledge-start-paths a:hover, .knowledge-start-paths a:focus-visible { background: #f4f9fd; outline: none; }
.knowledge-search { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; align-items: center; margin: 34px 0 20px; }
.knowledge-search label { position: relative; display: block; }
.knowledge-search label::before { position: absolute; left: 17px; top: 50%; width: 12px; height: 12px; border: 1.5px solid #738297; border-radius: 50%; transform: translateY(-60%); content: ''; }
.knowledge-search label::after { position: absolute; left: 28px; top: 28px; width: 6px; height: 1px; background: #738297; transform: rotate(45deg); content: ''; }
.knowledge-search input { width: 100%; height: 54px; padding: 0 18px 0 43px; border: 1px solid var(--line-strong); color: var(--ink); background: white; font: 13px var(--sans); }
.knowledge-search input:focus { border-color: var(--teal); outline: 2px solid rgba(8,127,131,.12); }
.knowledge-search span { color: var(--muted); font-size: 10px; }
.knowledge-category-list { display: grid; gap: 18px; padding-bottom: 18px; }
.knowledge-category { scroll-margin-top: 80px; display: grid; grid-template-columns: 280px minmax(0, 1fr); border: 1px solid var(--line); background: white; transition: opacity .15s ease; }
.knowledge-category.search-hidden { display: none; }
.knowledge-category-head { padding: 28px 27px; border-right: 1px solid var(--line); background: #fbfcfd; }
.knowledge-category-head > span { color: #165acb; font: 700 22px var(--mono); }
.knowledge-category-head h2 { margin: 22px 0 0; font-family: var(--serif); font-size: 25px; }
.knowledge-category-head p { margin: 9px 0 24px; color: var(--muted); font-size: 11px; line-height: 1.75; }
.knowledge-category-head > strong { color: var(--teal-dark); font-size: 10px; }
.knowledge-category-body { min-width: 0; padding: 8px 25px 15px; }
.knowledge-question-link { display: grid; grid-template-columns: 53px minmax(0, 1fr) 68px 18px; gap: 14px; align-items: center; padding: 16px 2px; border-bottom: 1px solid var(--line); color: inherit; text-decoration: none; }
.knowledge-question-link[hidden] { display: none; }
.knowledge-question-link > span { color: #5d7691; font: 700 9px var(--mono); }
.knowledge-question-link strong { display: block; font-family: var(--serif); font-size: 15px; }
.knowledge-question-link small { display: block; margin-top: 4px; overflow: hidden; color: var(--muted); font-size: 10px; line-height: 1.55; text-overflow: ellipsis; white-space: nowrap; }
.knowledge-question-link em { color: var(--faint); font-size: 9px; font-style: normal; text-align: right; }
.knowledge-question-link i { color: #165acb; font-size: 16px; font-style: normal; }
.knowledge-question-link:hover strong, .knowledge-question-link:focus-visible strong { color: #165acb; }
.knowledge-question-link:focus-visible { outline: 2px solid rgba(22,90,203,.18); outline-offset: 2px; }
.knowledge-question-construction { color: #768394; background: #fafbfc; cursor: default; }
.knowledge-question-construction strong { color: #68778a; font-weight: 500; }
.knowledge-question-construction em { color: #9b6b16; font-weight: 700; letter-spacing: .05em; }
.knowledge-question-construction i { color: #c4ccd5; }
.knowledge-question-construction:hover strong { color: #68778a; }
.knowledge-category-empty { margin: 14px 0 4px; padding: 18px 0; color: var(--muted); font-size: 11px; }
.knowledge-roadmap { margin-top: 6px; }
.knowledge-roadmap summary { padding: 12px 2px; color: var(--muted); font-size: 10px; cursor: pointer; }
.knowledge-roadmap summary span { margin-left: 5px; color: var(--faint); }
.knowledge-roadmap ul { display: grid; grid-template-columns: 1fr 1fr; gap: 0 24px; margin: 0; padding: 0 0 9px; list-style: none; }
.knowledge-roadmap li { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-top: 1px solid #edf1f4; color: #58677a; font-size: 10px; }
.knowledge-roadmap li span { flex: 0 0 auto; color: #9aa4b0; }
.knowledge-home-note { margin: 12px 0 0; padding: 14px 16px; border-left: 2px solid var(--amber); color: var(--muted); background: #fffaf0; font-size: 10px; line-height: 1.75; }
.knowledge-official-sources { display: grid; grid-template-columns: minmax(240px, .72fr) minmax(0, 1.28fr); gap: 42px; margin-top: 28px; padding: 31px 34px; border: 1px solid #b9cbe0; background: #f8fbff; }
.knowledge-official-sources > div > span { color: #165acb; font: 700 9px var(--mono); letter-spacing: .14em; }
.knowledge-official-sources h2 { margin: 10px 0 0; font-family: var(--serif); font-size: 25px; }
.knowledge-official-sources p { margin: 12px 0 0; color: #53657b; font-size: 11px; line-height: 1.75; }
.knowledge-official-sources ul { margin: 0; padding: 0; list-style: none; }
.knowledge-official-sources li + li { border-top: 1px solid #d7e1ec; }
.knowledge-official-sources a { display: grid; grid-template-columns: minmax(0, 1fr) 20px; padding: 12px 3px; color: inherit; text-decoration: none; }
.knowledge-official-sources a strong { font-size: 12px; }
.knowledge-official-sources a small { grid-column: 1; margin-top: 5px; color: var(--muted); font-size: 9px; line-height: 1.55; }
.knowledge-official-sources a i { grid-column: 2; grid-row: 1 / span 2; align-self: center; color: #165acb; font-style: normal; }
.knowledge-official-sources a:hover strong, .knowledge-official-sources a:focus-visible strong { color: #165acb; }
.knowledge-official-sources a:focus-visible { outline: 2px solid rgba(22,90,203,.18); outline-offset: 3px; }

.knowledge-article-body { --article-blue: #165acb; min-width: 320px; color: var(--ink); background: white; }
.knowledge-site-header { position: sticky; top: 0; z-index: 70; display: flex; align-items: center; justify-content: space-between; min-height: 64px; padding: 0 40px; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.96); backdrop-filter: blur(14px); }
.knowledge-site-brand { display: inline-flex; align-items: center; gap: 10px; color: inherit; font-family: var(--serif); font-size: 18px; font-weight: 700; text-decoration: none; }
.knowledge-site-header nav { display: flex; gap: 28px; }
.knowledge-site-header nav a { color: var(--ink); font-size: 11px; text-decoration: none; }
.knowledge-site-header nav a:hover, .knowledge-site-header nav a:focus-visible { color: var(--article-blue); outline: none; }
.knowledge-admin-shell { display: flex; align-items: center; margin-left: 6px; }
.knowledge-admin-entry { min-height: 34px; padding: 0 14px; border: 1px solid #cad5e3; border-radius: 3px; background: #fff; color: #33445a; font: inherit; font-size: 11px; cursor: pointer; }
.knowledge-admin-entry:hover, .knowledge-admin-entry:focus-visible { border-color: var(--article-blue); color: var(--article-blue); outline: none; }
.knowledge-admin-status { display: flex; align-items: center; gap: 10px; color: #086e73; font-size: 11px; }
.knowledge-admin-status[hidden], .knowledge-admin-entry[hidden] { display: none; }
.knowledge-admin-status span { padding: 6px 10px; border-radius: 99px; background: #e8f7f5; font-weight: 700; }
.knowledge-admin-status button { padding: 5px 0; border: 0; background: transparent; color: #66758a; font: inherit; cursor: pointer; }
.knowledge-admin-modal[hidden] { display: none; }
.knowledge-admin-modal { position: fixed; inset: 0; z-index: 240; display: grid; place-items: center; padding: 24px; background: rgba(8, 24, 45, .58); backdrop-filter: blur(4px); }
.knowledge-admin-card { position: relative; width: min(440px, 100%); padding: 34px; border: 1px solid #d8e0ea; border-radius: 5px; background: #fff; box-shadow: 0 28px 80px rgba(8, 24, 45, .24); }
.knowledge-admin-card > span { color: var(--article-blue); font: 700 10px/1.2 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .14em; }
.knowledge-admin-card h2 { margin: 8px 0 6px; color: var(--ink); font: 700 26px/1.25 Georgia, "Noto Serif SC", serif; }
.knowledge-admin-card > p { margin: 0 0 22px; color: #68778b; font-size: 12px; line-height: 1.7; }
.knowledge-admin-card label { display: grid; gap: 7px; margin-top: 15px; color: #33445a; font-size: 11px; font-weight: 700; }
.knowledge-admin-card input, .knowledge-admin-card textarea { width: 100%; box-sizing: border-box; border: 1px solid #c9d5e3; border-radius: 3px; background: #fbfcfe; color: #1b2c42; font: 13px/1.75 "Noto Sans SC", sans-serif; }
.knowledge-admin-card input { min-height: 42px; padding: 0 12px; }
.knowledge-admin-card textarea { min-height: 250px; padding: 12px 14px; resize: vertical; }
.knowledge-admin-card input:focus, .knowledge-admin-card textarea:focus { border-color: var(--article-blue); box-shadow: 0 0 0 3px rgba(17, 91, 198, .1); outline: none; }
.knowledge-admin-close { position: absolute; top: 14px; right: 16px; width: 32px; height: 32px; border: 0; background: transparent; color: #8290a2; font-size: 24px; cursor: pointer; }
.knowledge-admin-primary { min-height: 42px; padding: 0 18px; border: 1px solid var(--article-blue); border-radius: 3px; background: var(--article-blue); color: #fff; font: 700 12px/1 "Noto Sans SC", sans-serif; cursor: pointer; }
.knowledge-admin-card > .knowledge-admin-primary { width: 100%; margin-top: 22px; }
.knowledge-admin-primary:disabled { cursor: wait; opacity: .58; }
.knowledge-admin-error { margin: 12px 0 0 !important; padding: 9px 11px; border-left: 2px solid #cc4d44; background: #fff4f2; color: #a4332d !important; }
.knowledge-admin-error[hidden] { display: none; }
.knowledge-admin-editor { width: min(760px, 100%); }
.knowledge-admin-editor .knowledge-admin-location { margin-bottom: 12px; color: #086e73; font-weight: 700; }
.knowledge-admin-toolbar { display: flex; gap: 7px; margin-bottom: 8px; }
.knowledge-admin-toolbar button, .knowledge-admin-actions > button:not(.knowledge-admin-primary) { min-height: 30px; padding: 0 10px; border: 1px solid #cbd6e2; border-radius: 3px; background: #f7f9fc; color: #40526a; font: 11px/1 "Noto Sans SC", sans-serif; cursor: pointer; }
.knowledge-admin-editor small { display: block; margin-top: 8px; color: #7a8798; font-size: 10px; line-height: 1.6; }
.knowledge-admin-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 18px; }
.knowledge-admin-actions > button { min-width: 92px; }
.knowledge-admin-actions > .knowledge-admin-delete { margin-right: auto; border-color: #e6b5b5; background: #fff6f6; color: #b42318; }
.knowledge-admin-actions > .knowledge-admin-delete:hover, .knowledge-admin-actions > .knowledge-admin-delete:focus-visible { border-color: #c9362b; background: #fff0ef; outline: none; }
.knowledge-admin-modal-open { overflow: hidden; }
.knowledge-admin-mode [data-admin-key] { cursor: pointer; transition: outline-color .16s ease, background-color .16s ease, color .16s ease, fill .16s ease; }
.knowledge-admin-mode [data-admin-key]:not(.knowledge-reading-copy > p):hover, .knowledge-admin-mode [data-admin-key]:not(.knowledge-reading-copy > p):focus-visible { border-radius: 2px; outline: 1px dashed #55a7aa; outline-offset: 4px; background-color: #f0faf9; }
.knowledge-admin-mode svg text[data-admin-key]:hover, .knowledge-admin-mode svg text[data-admin-key]:focus-visible { fill: #087f83; outline: none; }
.knowledge-admin-mode .knowledge-reading-copy > p { position: relative; padding: 10px 12px; margin: -10px -12px 16px; border: 1px dashed transparent; border-radius: 3px; cursor: pointer; transition: border-color .16s ease, background-color .16s ease; }
.knowledge-admin-mode .knowledge-reading-copy > p:hover, .knowledge-admin-mode .knowledge-reading-copy > p:focus-visible { border-color: #55a7aa; background: #f0faf9; outline: none; }
.knowledge-admin-mode .knowledge-reading-copy > p::after { content: "点击修改"; position: absolute; top: -9px; right: 8px; display: none; padding: 2px 6px; border-radius: 2px; background: #087f83; color: #fff; font-size: 9px; line-height: 1.4; }
.knowledge-admin-mode .knowledge-reading-copy > p:hover::after, .knowledge-admin-mode .knowledge-reading-copy > p:focus-visible::after { display: block; }
.knowledge-admin-plain-editor .knowledge-admin-toolbar { display: none; }
.knowledge-admin-wechat { width: min(1040px, 100%); max-height: 94vh; overflow: hidden; }
.knowledge-admin-wechat > p { margin-bottom: 16px; }
.knowledge-wechat-title-row { display: grid; grid-template-columns: 1fr auto; gap: 10px; align-items: end; }
.knowledge-wechat-title-row label { margin: 0; }
.knowledge-wechat-title-row button, .knowledge-wechat-options button { min-height: 40px; padding: 0 14px; border: 1px solid #c7d4e2; border-radius: 3px; background: #f7f9fc; color: #304a67; font: 700 11px/1 "Noto Sans SC", sans-serif; cursor: pointer; }
.knowledge-wechat-options { display: flex; flex-wrap: wrap; gap: 18px; margin: 14px 0 10px; padding: 10px 12px; border: 1px solid #d8e1eb; background: #f8fafc; }
.knowledge-wechat-options label { display: flex; align-items: center; gap: 7px; margin: 0; color: #43546a; font-size: 11px; cursor: pointer; }
.knowledge-wechat-options input { width: auto; margin: 0; }
.knowledge-wechat-progress { min-height: 20px; margin: 0 0 8px; color: #087f83; font-size: 11px; font-weight: 700; }
.knowledge-wechat-preview { height: min(58vh, 720px); overflow: auto; padding: 24px; border: 1px solid #c8d5e3; background: #eef2f6; }
.knowledge-wechat-preview > section { box-sizing: border-box; width: min(677px, 100%); margin: 0 auto !important; padding: 24px 20px !important; box-shadow: 0 5px 22px rgba(25,47,73,.09); }
.knowledge-admin-wechat .knowledge-admin-actions { margin-top: 12px; }
.knowledge-admin-wechat .knowledge-admin-actions button:disabled { cursor: wait; opacity: .55; }
.knowledge-article-page { min-height: 75vh; }
.knowledge-article-loading, .knowledge-not-found { width: min(900px, calc(100% - 48px)); margin: 90px auto; color: var(--muted); text-align: center; }
.knowledge-not-found h1 { color: var(--ink); font-family: var(--serif); font-size: 38px; }
.knowledge-not-found a { color: var(--article-blue); }
.knowledge-reading-hero { display: grid; grid-template-columns: minmax(420px, .78fr) minmax(580px, 1.22fr); gap: 64px; align-items: center; width: min(1660px, calc(100% - 96px)); margin: 0 auto; padding: 52px 0 48px; }
.knowledge-breadcrumb { color: var(--muted); font-size: 11px; text-decoration: none; }
.knowledge-reading-hero h1 { max-width: 820px; margin: 35px 0 0; font-family: var(--serif); font-size: clamp(44px, 5vw, 70px); line-height: 1.08; letter-spacing: -.04em; }
.knowledge-reading-hero h1 span { display: block; margin-top: 9px; font-size: .58em; letter-spacing: -.02em; }
.knowledge-reading-hero-single-title { grid-template-columns: minmax(0, 1fr); width: min(1420px, calc(100% - 96px)); }
.knowledge-reading-hero-single-title h1 { max-width: none; font-size: clamp(34px, 4.2vw, 66px); letter-spacing: -.055em; white-space: nowrap; }
.knowledge-reading-hero > div > p { max-width: 760px; margin: 22px 0 0; color: #304b6b; font-size: 18px; line-height: 1.65; }
.knowledge-reading-meta { display: flex; gap: 21px; margin-top: 25px; color: var(--article-blue); font-size: 10px; }
.knowledge-reading-hero aside { padding: 25px 27px; border: 1px solid #9abbea; background: #f8fbff; }
.knowledge-reading-hero aside strong { color: var(--article-blue); font-size: 13px; }
.knowledge-reading-hero aside p { margin: 10px 0 0; color: #405775; font-size: 13px; line-height: 1.85; }
.knowledge-hero-outcomes { min-width: 0; margin: 0; padding: 22px 26px 18px; border: 1px solid #b9cbe0; background: linear-gradient(145deg, #fbfdff 0%, #f4f8fd 100%); }
.knowledge-hero-outcomes header { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, .85fr); gap: 7px 24px; align-items: end; }
.knowledge-hero-outcomes header > span { grid-column: 1 / -1; color: #165acb; font: 700 9px var(--mono); letter-spacing: .14em; }
.knowledge-hero-outcomes h2 { margin: 0; color: var(--ink); font-family: var(--serif); font-size: clamp(21px, 2vw, 30px); line-height: 1.2; }
.knowledge-hero-outcomes header p { margin: 0; color: #61738a; font-size: 10px; line-height: 1.65; }
.knowledge-hero-outcomes svg { display: block; width: 100%; height: auto; margin-top: 10px; }
.knowledge-hero-outcomes .hero-safe-zone { fill: #f0f5fc; }.knowledge-hero-outcomes .hero-delivery-zone { fill: #fff3ec; }
.knowledge-hero-outcomes .hero-chart-axis { stroke: #b9c7d7; stroke-width: 1; }.knowledge-hero-outcomes .hero-initial-line { stroke: #88a9dc; stroke-width: 1.3; }.knowledge-hero-outcomes .hero-strike-line { stroke: #e19969; stroke-width: 1.3; }
.knowledge-hero-outcomes .hero-shared-path { fill: none; stroke: #7c899a; stroke-width: 2.1; }.knowledge-hero-outcomes .hero-path-one { fill: none; stroke: #356ed4; stroke-width: 2.3; stroke-dasharray: 5 4; }.knowledge-hero-outcomes .hero-path-two { fill: none; stroke: #18abc6; stroke-width: 2.3; stroke-dasharray: 5 4; }.knowledge-hero-outcomes .hero-path-three { fill: none; stroke: #f17432; stroke-width: 2.3; stroke-dasharray: 5 4; }
.knowledge-hero-outcomes .hero-dot-one { fill: #356ed4; }.knowledge-hero-outcomes .hero-dot-two { fill: #18abc6; }.knowledge-hero-outcomes .hero-dot-three { fill: #f17432; }
.knowledge-hero-outcomes text { font: 9px var(--sans); }.knowledge-hero-outcomes .hero-axis-label { fill: #5273a6; }.knowledge-hero-outcomes .hero-strike-label { fill: #c9682e; }.knowledge-hero-outcomes .hero-label-one { fill: #356ed4; font-weight: 700; }.knowledge-hero-outcomes .hero-label-two { fill: #1297ae; font-weight: 700; }.knowledge-hero-outcomes .hero-label-three { fill: #dd6125; font-weight: 700; }.knowledge-hero-outcomes .hero-date-label { fill: #78879a; }
.knowledge-hero-outcomes figcaption { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; padding-top: 13px; border-top: 1px solid #d8e1ec; color: #52647a; font-size: 9px; line-height: 1.5; }
.knowledge-hero-outcomes figcaption span { display: flex; align-items: flex-start; gap: 6px; }.knowledge-hero-outcomes figcaption i { flex: 0 0 auto; width: 7px; height: 7px; margin-top: 3px; border-radius: 50%; }.knowledge-hero-outcomes figcaption i.one { background: #356ed4; }.knowledge-hero-outcomes figcaption i.two { background: #18abc6; }.knowledge-hero-outcomes figcaption i.three { background: #f17432; }
.knowledge-hero-income .income-hero-box { stroke-width: 1; }.knowledge-hero-income .income-hero-box.buyer { fill: #f3f7fd; stroke: #9bb9e1; }.knowledge-hero-income .income-hero-box.dealer { fill: #10243f; stroke: #10243f; }.knowledge-hero-income .income-hero-box.seller { fill: #eef9f8; stroke: #87c9c3; }
.knowledge-hero-income .income-hero-arrow { fill: none; stroke: #376ecb; stroke-width: 1.8; }.knowledge-hero-income .income-hero-arrow.reverse { stroke: #07958f; }.knowledge-hero-income .income-hero-kicker { fill: #4471a9; font: 700 9px var(--mono); letter-spacing: .08em; }.knowledge-hero-income .income-hero-title { fill: #10243f; font: 700 12px var(--sans); }.knowledge-hero-income text[x="340"].income-hero-kicker, .knowledge-hero-income text[x="340"].income-hero-title { fill: #fff; }.knowledge-hero-income text[x="340"].income-hero-copy { fill: #c6d6e9; }.knowledge-hero-income .income-hero-copy { fill: #63758d; font: 9px var(--sans); }.knowledge-hero-income .income-hero-flow-label { fill: #486985; font: 700 8px var(--mono); }.knowledge-hero-income .income-hero-bottom { fill: #294767; font: 700 10px var(--sans); }
.knowledge-reading-layout { display: grid; grid-template-columns: 220px minmax(0, 940px); gap: 58px; justify-content: center; width: min(1320px, calc(100% - 72px)); margin: 0 auto; padding: 50px 0 90px; border-top: 1px solid var(--line); }
.knowledge-reading-toc { position: sticky; top: 94px; align-self: start; display: grid; gap: 3px; padding-right: 25px; border-right: 1px solid var(--line); }
.knowledge-reading-toc > strong { margin-bottom: 13px; font-size: 13px; }
.knowledge-reading-toc a { display: grid; grid-template-columns: 30px 1fr; padding: 9px 8px; border-left: 2px solid transparent; color: #65758a; font-size: 10px; line-height: 1.45; text-decoration: none; }
.knowledge-reading-toc a:hover, .knowledge-reading-toc a:focus-visible { border-left-color: var(--article-blue); color: var(--article-blue); background: #f7faff; outline: none; }
.knowledge-reading-toc a span { font-family: var(--mono); }
.knowledge-reading-toc .checklist-link { grid-template-columns: 1fr; margin-top: 8px; color: var(--article-blue); font-weight: 700; }
.knowledge-reading-article { min-width: 0; }
.knowledge-reading-section { scroll-margin-top: 92px; padding: 14px 0 58px; }
.knowledge-reading-section + .knowledge-reading-section { padding-top: 52px; border-top: 1px solid var(--line); }
.knowledge-reading-section > header { display: grid; grid-template-columns: 108px minmax(0, 1fr); gap: 24px; align-items: start; margin-bottom: 30px; }
.knowledge-reading-section > header > span { display: block; width: 108px; color: var(--article-blue); font: 700 88px var(--mono); line-height: .95; letter-spacing: -.11em; white-space: nowrap; }
.knowledge-reading-section h2 { margin: 0; font-family: var(--serif); font-size: clamp(27px, 3vw, 39px); }
.knowledge-reading-section header p { margin: 8px 0 0; color: var(--muted); font-size: 12px; line-height: 1.7; }
.knowledge-reading-copy { columns: 2; column-gap: 40px; }
.knowledge-reading-copy p { margin: 0 0 16px; color: #435166; font-size: 13px; line-height: 1.9; break-inside: avoid; }
.knowledge-reading-copy a { color: #075ccf; text-decoration: underline; text-underline-offset: 3px; }
.knowledge-inline-emphasis { color: #172c49; font-weight: 800; text-decoration: underline; text-decoration-color: #0d8087; text-decoration-thickness: 2px; text-underline-offset: 4px; }
.knowledge-section-note { margin: 26px 0 0; padding: 14px 17px; border-left: 3px solid var(--teal); color: #66758a; background: #f6f9fc; font-size: 10px; line-height: 1.8; }
.knowledge-section-note strong { margin-right: 5px; color: #17314f; }
.knowledge-section-note p { margin: 0; }
.knowledge-section-note p + p { margin-top: 7px; }
.knowledge-payoff-visual { display: grid; grid-template-columns: minmax(240px, .75fr) minmax(0, 1.25fr); gap: 28px; margin: 30px 0 24px; padding: 27px 28px; color: #fff; background: #102b4c; }
.knowledge-payoff-visual > div > span { color: #72c9d5; font: 700 9px var(--mono); letter-spacing: .12em; }
.knowledge-payoff-visual > div > strong { display: block; margin: 10px 0 22px; font-family: var(--serif); font-size: 20px; line-height: 1.55; }
.knowledge-payoff-visual dl { margin: 0; }.knowledge-payoff-visual dl div { display: flex; justify-content: space-between; gap: 14px; padding: 11px 0; border-top: 1px solid rgba(255,255,255,.16); }.knowledge-payoff-visual dt { color: #adc2d7; font-size: 9px; }.knowledge-payoff-visual dd { margin: 0; font-size: 10px; font-weight: 700; text-align: right; }
.knowledge-payoff-visual svg { width: 100%; height: auto; min-height: 250px; background: rgba(255,255,255,.04); }.knowledge-payoff-visual svg .axis { stroke: #7992ad; stroke-width: 1.5; }.knowledge-payoff-visual svg .payoff { fill: none; stroke: #62d0d0; stroke-width: 5; stroke-linecap: round; }.knowledge-payoff-visual svg .guide { stroke: #d9a34c; stroke-width: 1.5; stroke-dasharray: 6 6; }.knowledge-payoff-visual svg .zero { stroke: rgba(255,255,255,.28); stroke-dasharray: 4 5; }.knowledge-payoff-visual svg .break-even { fill: #f1b753; }.knowledge-payoff-visual svg text { fill: #bfd0df; font: 12px var(--sans); }.knowledge-payoff-visual figcaption { grid-column: 1 / -1; color: #91a9bf; font-size: 8px; line-height: 1.6; }
.knowledge-basic-fcn-visual { margin: 32px 0 24px; padding: 30px; border: 1px solid #afc5dc; background: #f7faff; }
.basic-fcn-flow { display: grid; grid-template-columns: 1fr 24px 1fr 24px 1fr 24px 1.2fr; align-items: stretch; }
.basic-fcn-flow > div { min-width: 0; padding: 19px 20px; border: 1px solid #c4d3e3; background: #fff; }
.basic-fcn-flow > div.result { color: #fff; border-color: #0d777d; background: #0d777d; }
.basic-fcn-flow > i { align-self: center; color: #165acb; font: 700 22px var(--mono); font-style: normal; text-align: center; }
.basic-fcn-flow small, .basic-fcn-flow span { display: block; color: #718198; font-size: 8px; line-height: 1.55; }.basic-fcn-flow strong { display: block; margin: 7px 0 8px; color: #17314f; font-family: var(--serif); font-size: 17px; }.basic-fcn-flow .result small, .basic-fcn-flow .result span { color: #cce9e9; }.basic-fcn-flow .result strong { color: #fff; }
.basic-fcn-case-heading { display: flex; align-items: end; justify-content: space-between; gap: 25px; margin: 36px 0 18px; }.basic-fcn-case-heading span { color: #165acb; font: 700 8px var(--mono); letter-spacing: .14em; }.basic-fcn-case-heading h3 { margin: 7px 0 0; color: #17314f; font-family: var(--serif); font-size: 22px; }.basic-fcn-case-heading p { flex: 0 0 auto; margin: 0; color: #718198; font: 9px var(--mono); }
.basic-fcn-case-grid { display: grid; grid-template-columns: repeat(2, 1fr); border: 1px solid #b8c9dc; }
.basic-fcn-case { min-width: 0; padding: 21px 22px 17px; background: #fff; }.basic-fcn-case:nth-child(even) { border-left: 1px solid #cbd8e5; }.basic-fcn-case:nth-child(n+3) { border-top: 1px solid #cbd8e5; }
.basic-fcn-case header { display: flex; align-items: center; justify-content: space-between; }.basic-fcn-case header span { padding: 4px 7px; color: #15556b; background: #e8f6f7; font-size: 9px; font-weight: 800; }.basic-fcn-case header strong { color: #17314f; font-size: 12px; }
.basic-fcn-case-rate { display: flex; align-items: end; justify-content: space-between; gap: 12px; margin-top: 17px; }.basic-fcn-case-rate small { color: #77869a; font-size: 8px; }.basic-fcn-case-rate b { color: #0d777d; font: 800 29px var(--mono); letter-spacing: -.05em; }
.basic-fcn-case dl { display: grid; grid-template-columns: 1fr 1fr; margin: 16px 0 6px; border-top: 1px solid #e1e8ef; }.basic-fcn-case dl div { padding: 11px 4px 7px 0; }.basic-fcn-case dl div + div { padding-left: 11px; border-left: 1px solid #e1e8ef; }.basic-fcn-case dt { color: #8390a0; font-size: 8px; }.basic-fcn-case dd { margin: 5px 0 0; color: #273d58; font: 700 10px var(--mono); }
.basic-fcn-case svg { width: 100%; height: auto; margin-top: 4px; background: #f8fbfd; }.basic-fcn-case svg .mini-axis { stroke: #a7b7c8; stroke-width: 1; }.basic-fcn-case svg .mini-payoff { stroke: #0d8e94; stroke-width: 3.5; stroke-linecap: round; }.basic-fcn-case svg .mini-guide { stroke: #d49b36; stroke-width: 1; stroke-dasharray: 4 4; }.basic-fcn-case svg text { fill: #718198; font: 8px var(--sans); }
.basic-fcn-comparison { position: relative; padding: 18px 20px 16px; border: 1px solid #b8c9dc; background: #fff; }
.basic-fcn-chart-label { color: #6f8096; font-size: 9px; font-weight: 700; }
.basic-fcn-comparison svg { display: block; width: 100%; height: auto; margin-top: 4px; }
.basic-fcn-comparison .quote-grid { stroke: #e3e9f0; stroke-width: 1; }.basic-fcn-comparison .quote-axis { stroke: #879db4; stroke-width: 1.3; }.basic-fcn-comparison .quote-divider { stroke: #cad6e2; stroke-width: 1; stroke-dasharray: 5 5; }
.basic-fcn-comparison .quote-tick, .basic-fcn-comparison .quote-tenor { fill: #73849a; font: 10px var(--sans); }.basic-fcn-comparison .quote-group { fill: #17314f; font: 700 13px var(--sans); }.basic-fcn-comparison .quote-value { fill: #17314f; font: 800 14px var(--mono); }
.basic-fcn-comparison .quote-bar rect { fill: #0d8d91; }.basic-fcn-comparison .quote-bar.tenor-six rect { fill: #165acb; }
.basic-fcn-chart-terms { display: grid; grid-template-columns: repeat(5, 1fr); margin-top: 5px; border: 1px solid #d5e0ea; }.basic-fcn-chart-terms span { padding: 9px 5px; color: #52677f; background: #f7faff; font-size: 8px; font-weight: 700; text-align: center; }.basic-fcn-chart-terms span + span { border-left: 1px solid #d5e0ea; }
.knowledge-basic-fcn-visual figcaption { margin-top: 12px; color: #75859a; font-size: 8px; line-height: 1.65; }
.knowledge-terms-visual, .knowledge-outcomes-visual { margin: 30px 0 24px; padding: 28px; border: 1px solid #b6c9dc; background: #f8fbff; }
.knowledge-terms-visual > header span, .knowledge-outcomes-visual > header span { color: #165acb; font: 700 8px var(--mono); letter-spacing: .14em; }.knowledge-terms-visual > header h3, .knowledge-outcomes-visual > header h3 { margin: 8px 0 22px; color: #17314f; font-family: var(--serif); font-size: 24px; }
.terms-comparison-grid { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid #bccddd; background: #fff; }.terms-comparison-grid article { min-width: 0; padding: 21px 20px; border-top: 4px solid #6d8299; }.terms-comparison-grid article + article { border-left: 1px solid #ccd8e4; }.terms-comparison-grid article.knock-out { border-top-color: #165acb; }.terms-comparison-grid article.knock-in { border-top-color: #0d8d91; }
.terms-comparison-grid article > span { color: #6f8095; font-size: 8px; font-weight: 800; }.terms-comparison-grid h4 { min-height: 44px; margin: 8px 0 13px; color: #17314f; font-family: var(--serif); font-size: 16px; line-height: 1.45; }.terms-comparison-grid dl { margin: 0; }.terms-comparison-grid dl div { padding: 10px 0; border-top: 1px solid #e1e8ef; }.terms-comparison-grid dt { color: #8290a1; font-size: 8px; }.terms-comparison-grid dd { margin: 5px 0 0; color: #354b64; font-size: 9px; font-weight: 700; line-height: 1.5; }.knowledge-terms-visual figcaption { margin-top: 11px; color: #76869a; font-size: 8px; line-height: 1.65; }
.outcome-start { width: min(330px, 80%); margin: 0 auto; padding: 16px 18px; color: #fff; background: #17314f; text-align: center; }.outcome-start small { display: block; color: #9bc9d5; font-size: 8px; }.outcome-start strong { display: block; margin-top: 6px; font-family: var(--serif); font-size: 16px; }.outcome-start::after { display: block; width: 1px; height: 28px; margin: 16px auto -44px; background: #8fa8c0; content: ''; }
.outcome-branches { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 42px; }.outcome-branches::before { position: absolute; left: 16.67%; right: 16.67%; top: -15px; height: 1px; background: #8fa8c0; content: ''; }.outcome-branches article { position: relative; min-width: 0; padding: 19px 18px; border: 1px solid #c2d1df; border-top: 4px solid #165acb; background: #fff; }.outcome-branches article::before { position: absolute; left: 50%; top: -19px; width: 1px; height: 15px; background: #8fa8c0; content: ''; }.outcome-branches article.cash { border-top-color: #0d8d91; }.outcome-branches article.delivery { border-top-color: #cf8c26; }.outcome-branches article > span { color: #77899e; font: 700 9px var(--mono); }.outcome-branches h4 { margin: 8px 0 12px; color: #17314f; font-family: var(--serif); font-size: 18px; }.outcome-branches strong { color: #244562; font-size: 10px; line-height: 1.55; }.outcome-branches p { margin: 9px 0 0; color: #718095; font-size: 9px; line-height: 1.65; }
.outcome-formula { display: grid; grid-template-columns: 1fr minmax(220px, 1.4fr); gap: 7px 20px; margin-top: 17px; padding: 15px 18px; border-left: 3px solid #cf8c26; background: #fff9ee; }.outcome-formula span { color: #79581e; font-size: 9px; }.outcome-formula strong { color: #17314f; font-size: 11px; text-align: right; }.outcome-formula small { grid-column: 1 / -1; color: #8a7b61; font-size: 8px; }
.scenario-path-visual > header { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 5px 24px; }.scenario-path-visual > header h3 { width: 100%; margin-bottom: 2px; }.scenario-path-visual > header p { margin: 0 0 18px; color: #687a91; font-size: 9px; }
.scenario-price-chart { overflow-x: auto; border: 1px solid #c4d3e1; background: #fff; }.scenario-price-chart svg { display: block; width: 100%; min-width: 650px; height: auto; }
.scenario-price-chart .safe-zone { fill: #f2f6fb; }.scenario-price-chart .delivery-zone { fill: #fff6ef; }.scenario-price-chart .chart-axis { stroke: #9aabba; stroke-width: 1; }.scenario-price-chart .initial-line { stroke: #7fa7e4; stroke-width: 1.5; }.scenario-price-chart .strike-line { stroke: #ed9a68; stroke-width: 1.5; }.scenario-price-chart .observation-line { stroke: #c6d0da; stroke-width: 1; stroke-dasharray: 6 6; }
.scenario-price-chart .shared-path { fill: none; stroke: #8e969f; stroke-width: 2.5; }.scenario-price-chart .scenario-one { fill: none; stroke: #3d73db; stroke-width: 2.5; stroke-dasharray: 6 5; }.scenario-price-chart .scenario-two { fill: none; stroke: #33b8dc; stroke-width: 2.5; stroke-dasharray: 6 5; }.scenario-price-chart .scenario-three { fill: none; stroke: #ef7e32; stroke-width: 2.5; stroke-dasharray: 6 5; }.scenario-price-chart .scenario-one-dot { fill: #3d73db; }.scenario-price-chart .scenario-two-dot { fill: #33b8dc; }.scenario-price-chart .scenario-three-dot { fill: #ef7e32; }
.scenario-price-chart text { font: 10px var(--sans); }.scenario-price-chart .initial-label, .scenario-price-chart .line-label, .scenario-price-chart .scenario-one-label { fill: #3d73db; }.scenario-price-chart .strike-label, .scenario-price-chart .strike-text, .scenario-price-chart .scenario-three-label { fill: #ef7e32; }.scenario-price-chart .scenario-two-label { fill: #169abf; }.scenario-price-chart .date-label { fill: #697a8e; }
.scenario-result-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin-top: 18px; border: 1px solid #c8d5e2; background: #fff; }.scenario-result-list article { min-width: 0; padding: 19px 18px 21px; }.scenario-result-list article + article { border-left: 1px solid #d5dfe8; }.scenario-result-list article > span { display: inline-block; margin-bottom: 14px; padding: 5px 9px; color: #fff; background: #3d73db; font-size: 9px; font-weight: 800; text-align: center; }.scenario-result-list article.two > span { background: #33b8dc; }.scenario-result-list article.three > span { background: #ef7e32; }.scenario-result-list h4 { min-height: 46px; margin: 0 0 8px; color: #17314f; font-family: var(--serif); font-size: 16px; line-height: 1.45; }.scenario-result-list p { margin: 7px 0 0; color: #66788d; font-size: 9px; line-height: 1.7; }.scenario-result-list p strong { color: #304962; }
.scenario-path-visual > figcaption { margin-top: 11px; color: #77879a; font-size: 8px; line-height: 1.65; }
.knowledge-strategy-visual { margin: 30px 0 24px; }
.strategy-map { position: relative; height: 480px; overflow: hidden; border: 1px solid #b9cbe0; background-color: #f8fbff; background-image: linear-gradient(rgba(22,90,203,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(22,90,203,.07) 1px, transparent 1px); background-size: 10% 10%; }
.strategy-axis { position: absolute; z-index: 1; background: #8ba7c2; }.strategy-axis.horizontal { left: 6%; right: 6%; top: 50%; height: 1px; }.strategy-axis.vertical { top: 7%; bottom: 7%; left: 50%; width: 1px; }
.axis-label { position: absolute; z-index: 2; color: #698098; background: rgba(248,251,255,.9); font-size: 9px; font-weight: 700; }.axis-label.top { top: 13px; left: 50%; transform: translateX(-50%); }.axis-label.bottom { bottom: 13px; left: 50%; transform: translateX(-50%); }.axis-label.left { left: 15px; top: 50%; transform: translateY(-50%); }.axis-label.right { right: 15px; top: 50%; transform: translateY(-50%); }
.strategy-dot { position: absolute; z-index: 3; max-width: 135px; padding: 7px 9px; border: 1px solid #9fb6cf; border-radius: 2px; color: #36506c; background: #fff; font-size: 9px; font-weight: 700; line-height: 1.4; text-align: center; transform: translate(-50%, -50%); box-shadow: 0 4px 12px rgba(20,50,80,.07); }
.strategy-dot.featured { z-index: 4; max-width: 190px; padding: 11px 13px; border-color: #0d8d91; color: #fff; background: #0d777d; font-size: 11px; box-shadow: 0 7px 18px rgba(13,119,125,.22); }
.strategy-map-list { display: none; }.knowledge-strategy-visual > p { margin: 10px 0 0; color: var(--faint); font-size: 9px; line-height: 1.65; }
.strategy-range-visual { border: 1px solid #b9cbe0; background: #fff; }
.strategy-range-visual > header { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .9fr); gap: 7px 28px; align-items: end; padding: 24px 28px 20px; border-bottom: 1px solid #d4dee9; }
.strategy-range-visual > header > span { grid-column: 1 / -1; color: #165acb; font: 700 9px var(--mono); letter-spacing: .14em; }
.strategy-range-visual > header h3 { margin: 0; color: #17314f; font-family: var(--serif); font-size: 25px; }
.strategy-range-visual > header p { margin: 0; color: #687a91; font-size: 10px; line-height: 1.75; }
.strategy-range-chart { overflow-x: auto; background: #fbfcfe; }
.strategy-range-chart svg { display: block; width: 100%; min-width: 760px; height: auto; }
.strategy-range-chart .range-history-bg { fill: #f8fafc; }.strategy-range-chart .range-stock-zone { fill: #eef4fd; }.strategy-range-chart .range-fcn-zone { fill: #eaf8f6; }.strategy-range-chart .range-put-zone { fill: #fff3ec; }
.strategy-range-chart .range-grid { stroke: #dfe7ef; stroke-width: 1; }.strategy-range-chart .range-current-line { stroke: #707d8b; stroke-width: 1.5; stroke-dasharray: 7 6; }.strategy-range-chart .range-observation-line { stroke: #536476; stroke-width: 1.5; stroke-dasharray: 6 6; }.strategy-range-chart .range-boundary { stroke-width: 1.4; stroke-dasharray: 7 6; }.strategy-range-chart .range-boundary.upper { stroke: #6b98d8; }.strategy-range-chart .range-boundary.lower { stroke: #df8b5d; }
.strategy-range-chart .range-history-path { fill: none; stroke: #667e97; stroke-width: 3; }.strategy-range-chart .range-future-path { fill: none; stroke-width: 2.6; stroke-dasharray: 7 5; }.strategy-range-chart .range-future-path.stock { stroke: #3473d3; }.strategy-range-chart .range-future-path.fcn-up, .strategy-range-chart .range-future-path.fcn-down { stroke: #07958f; }.strategy-range-chart .range-future-path.put { stroke: #e46f35; }.strategy-range-chart .range-current-dot { fill: #17314f; stroke: #fff; stroke-width: 2; }
.strategy-range-chart text { font: 10px var(--sans); }.strategy-range-chart .range-kicker { fill: #476583; font-weight: 800; letter-spacing: .08em; }.strategy-range-chart .range-date { fill: #718296; }.strategy-range-chart .range-current-label { fill: #536476; font-weight: 700; }.strategy-range-chart .range-boundary-label { fill: #7b8795; font-size: 8px; }
.strategy-range-chart .range-zone-label rect { stroke-width: 1; }.strategy-range-chart .range-zone-label text { font-weight: 700; }.strategy-range-chart .range-zone-label .tool { font: 800 17px var(--serif); }.strategy-range-chart .range-zone-label .sub { font-size: 9px; font-weight: 500; }.strategy-range-chart .range-zone-label.stock rect { fill: rgba(255,255,255,.93); stroke: #82a9dc; }.strategy-range-chart .range-zone-label.stock text { fill: #245da9; }.strategy-range-chart .range-zone-label.fcn rect { fill: #087f7b; stroke: #087f7b; }.strategy-range-chart .range-zone-label.fcn text { fill: #fff; }.strategy-range-chart .range-zone-label.fcn .sub { fill: #cceae7; }.strategy-range-chart .range-zone-label.put rect { fill: rgba(255,255,255,.94); stroke: #e2a17e; }.strategy-range-chart .range-zone-label.put text { fill: #b95328; }
.strategy-range-visual > figcaption { padding: 15px 28px 17px; border-top: 1px solid #d4dee9; color: #687a91; font-size: 9px; line-height: 1.75; }.strategy-range-visual > figcaption strong { color: #17314f; }
.knowledge-real-case { margin: 30px 0 25px; border: 1px solid #b8c9dc; background: #fff; }
.knowledge-real-case > header { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .9fr); gap: 7px 28px; align-items: end; padding: 24px 28px 20px; border-bottom: 1px solid #d4dee9; }.knowledge-real-case > header > span { grid-column: 1 / -1; color: #165acb; font: 700 9px var(--mono); letter-spacing: .14em; }.knowledge-real-case > header h3 { margin: 0; color: #17314f; font-family: var(--serif); font-size: 24px; line-height: 1.35; }.knowledge-real-case > header p { margin: 0; color: #687a91; font-size: 9px; line-height: 1.7; }
.real-case-terms { display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid #d4dee9; }.real-case-terms div { padding: 15px 18px; }.real-case-terms div:not(:nth-child(3n+1)) { border-left: 1px solid #e0e7ef; }.real-case-terms div:nth-child(n+4) { border-top: 1px solid #e0e7ef; }.real-case-terms small, .real-case-terms strong { display: block; }.real-case-terms small { color: #718198; font-size: 8px; }.real-case-terms strong { margin-top: 5px; color: #17314f; font-size: 12px; }
.real-metals-chart { overflow-x: auto; background: #fbfcfe; }.real-metals-chart svg { display: block; width: 100%; min-width: 760px; height: auto; }.real-metals-chart .metals-ko-zone { fill: #f4f7fb; }.real-metals-chart .metals-buffer-zone { fill: #eef8f7; }.real-metals-chart .metals-ki-zone { fill: #fff2ea; }.real-metals-chart .metals-grid { stroke: #e0e7ee; stroke-width: 1; }.real-metals-chart .metals-level { stroke-width: 1.4; stroke-dasharray: 7 6; }.real-metals-chart .metals-level.ko { stroke: #65788b; }.real-metals-chart .metals-level.strike { stroke: #d99845; }.real-metals-chart .metals-level.ki { stroke: #e06431; }.real-metals-chart .metals-event { stroke: #c2cfdb; stroke-width: 1; stroke-dasharray: 5 5; }.real-metals-chart .metals-event.issue, .real-metals-chart .metals-event.maturity { stroke: #8799aa; }
.real-metals-chart .metals-series { fill: none; stroke-width: 3; stroke-linejoin: round; stroke-linecap: round; }.real-metals-chart .metals-series.gld { stroke: #2e8bd1; }.real-metals-chart .metals-series.slv { stroke: #ef781c; }.real-metals-chart .metals-dot { stroke: #fff; stroke-width: 2; }.real-metals-chart .metals-dot.gld { fill: #2e8bd1; }.real-metals-chart .metals-dot.slv { fill: #ef781c; }.real-metals-chart .metals-dot.min { stroke: #a74119; }
.real-metals-chart text { font: 9px var(--sans); }.real-metals-chart .metals-kicker { fill: #476583; font-weight: 800; letter-spacing: .08em; }.real-metals-chart .metals-axis-label, .real-metals-chart .metals-date { fill: #748496; }.real-metals-chart .metals-level-label { font-weight: 800; }.real-metals-chart .metals-level-label.ko { fill: #52687d; }.real-metals-chart .metals-level-label.strike { fill: #b87524; }.real-metals-chart .metals-level-label.ki { fill: #cc5426; }.real-metals-chart .metals-final-label { font-size: 10px; font-weight: 800; }.real-metals-chart .metals-final-label.gld { fill: #2376b5; }.real-metals-chart .metals-final-label.slv { fill: #d96210; }.real-metals-chart .metals-min-label { fill: #b54b24; font-weight: 700; }
.real-metals-legend { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px 20px; padding: 0 18px 15px; color: #607287; font-size: 9px; }.real-metals-legend span { display: flex; align-items: center; gap: 6px; }.real-metals-legend i { display: inline-block; width: 18px; height: 3px; }.real-metals-legend i.gld { background: #2e8bd1; }.real-metals-legend i.slv { background: #ef781c; }.real-metals-legend i.strike { border-top: 2px dashed #d99845; }.real-metals-legend i.ki { border-top: 2px dashed #e06431; }
.real-case-outcome { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: stretch; margin: 0 28px 20px; border: 1px solid #c6d5e2; }.real-case-outcome div { padding: 17px 18px; }.real-case-outcome small, .real-case-outcome strong, .real-case-outcome span { display: block; }.real-case-outcome small { color: #718198; font-size: 8px; }.real-case-outcome strong { margin: 6px 0; color: #17314f; font-family: var(--serif); font-size: 15px; }.real-case-outcome span { color: #65768a; font-size: 8px; line-height: 1.5; }.real-case-outcome > i { align-self: center; color: #0d8583; font: 800 19px var(--mono); font-style: normal; }
.knowledge-real-case > figcaption { padding: 15px 28px 17px; border-top: 1px solid #d4dee9; color: #687a91; font-size: 9px; line-height: 1.75; }.knowledge-real-case > figcaption strong { color: #17314f; }.real-metals-error { margin: 0; padding: 12px 18px; color: #a4412a; font-size: 9px; }
.knowledge-case-screenshot { margin: 28px 0 24px; border: 1px solid #b8c9dc; background: #fff; }.knowledge-case-screenshot > header { padding: 20px 28px 18px; border-bottom: 1px solid #d4dee9; }.knowledge-case-screenshot > header > span { color: #0d777d; font: 700 9px var(--mono); letter-spacing: .14em; }.knowledge-case-screenshot > header h3 { margin: 7px 0 4px; color: #17314f; font-family: var(--serif); font-size: 23px; line-height: 1.35; }.knowledge-case-screenshot > header p { margin: 0; color: #687a91; font-size: 9px; line-height: 1.7; }.knowledge-case-screenshot > img { display: block; width: 100%; height: auto; }.knowledge-case-screenshot > figcaption { padding: 14px 28px 16px; border-top: 1px solid #d4dee9; color: #687a91; font-size: 9px; line-height: 1.75; }
.knowledge-scenario-stack { margin-top: 4px; }
.knowledge-scenario-stack.single-column .knowledge-reading-copy { columns: 1; column-gap: 0; }
.knowledge-scenario-block { padding: 10px 0 64px; }
.knowledge-scenario-block + .knowledge-scenario-block { padding-top: 54px; border-top: 1px solid var(--line); }
.knowledge-scenario-block:last-child { padding-bottom: 8px; }
.knowledge-scenario-heading { position: relative; display: grid; grid-template-columns: 122px minmax(0, 1fr); gap: 27px; align-items: stretch; margin: 0 0 34px; overflow: hidden; color: #fff; background: linear-gradient(120deg, #102b4c 0%, #163d65 66%, #0d777d 140%); box-shadow: 0 16px 34px rgba(17, 43, 72, .13); }
.knowledge-scenario-heading::after { position: absolute; right: -48px; bottom: -78px; width: 210px; height: 210px; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; content: ''; }
.scenario-number { display: flex; flex-direction: column; justify-content: center; padding: 24px 18px 22px 24px; border-right: 1px solid rgba(255,255,255,.16); background: rgba(5, 25, 48, .18); }
.scenario-number small { color: #7ed4cf; font: 700 8px var(--mono); letter-spacing: .18em; }
.scenario-number strong { margin-top: 5px; font: 700 58px var(--mono); line-height: .9; letter-spacing: -.08em; }
.knowledge-scenario-heading > div:last-child { position: relative; z-index: 1; padding: 22px 42px 23px 0; }
.knowledge-scenario-heading > div:last-child > span { color: #7ed4cf; font: 700 9px var(--mono); letter-spacing: .15em; }
.knowledge-scenario-heading h3 { margin: 8px 0 7px; font-family: var(--serif); font-size: clamp(23px, 2.5vw, 31px); line-height: 1.3; }
.knowledge-scenario-heading p { margin: 0; color: #cad8e8; font-size: 10px; line-height: 1.7; }
.knowledge-scenario-points { display: none; grid-template-columns: repeat(2, 1fr); margin: 21px 0 0; border: 1px solid #cbd8e5; background: #f8fbfe; }
.knowledge-scenario-points > div { display: grid; grid-template-columns: 34px 1fr; gap: 10px; align-items: start; padding: 13px 15px; }
.knowledge-scenario-points > div:nth-child(even) { border-left: 1px solid #dce5ee; }
.knowledge-scenario-points > div:nth-child(n+3) { border-top: 1px solid #dce5ee; }
.knowledge-scenario-points span { color: #0d777d; font: 700 9px var(--mono); }
.knowledge-scenario-points p { margin: 0; color: #455d78; font-size: 9px; line-height: 1.55; }
.knowledge-scenario-evidence { margin: 30px 0 0; border: 1px solid #b8c9dc; background: #fff; }
.knowledge-scenario-evidence > header { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(240px, .75fr); gap: 7px 28px; align-items: end; padding: 24px 28px 20px; border-bottom: 1px solid #d4dee9; }
.knowledge-scenario-evidence > header > span { grid-column: 1 / -1; color: #0d777d; font: 700 9px var(--mono); letter-spacing: .14em; }
.knowledge-scenario-evidence > header h3 { margin: 0; color: #17314f; font-family: var(--serif); font-size: 23px; line-height: 1.35; }
.knowledge-scenario-evidence > header p { margin: 0; color: #687a91; font-size: 9px; line-height: 1.7; }
.scenario-metric-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: 1px solid #d4dee9; }
.scenario-metric-grid > div { padding: 16px 18px; }
.scenario-metric-grid > div + div { border-left: 1px solid #e0e7ef; }
.scenario-metric-grid small, .scenario-metric-grid strong, .scenario-metric-grid span { display: block; }
.scenario-metric-grid small { color: #718198; font-size: 8px; }
.scenario-metric-grid strong { margin: 5px 0 3px; color: #17314f; font: 700 20px var(--mono); }
.scenario-metric-grid span { color: #718198; font-size: 8px; line-height: 1.5; }
.scenario-metric-grid .featured { background: #edf8f6; }.scenario-metric-grid .featured strong { color: #0d777d; }
.scenario-path-chart { padding: 16px 21px 4px; background: #fbfdff; }.scenario-path-chart svg { display: block; width: 100%; height: auto; }
.case-safe-zone { fill: #edf8f6; }.case-risk-zone { fill: #fff4ef; }.case-grid { stroke: #dce5ee; stroke-width: 1; }.case-level { stroke: #73869b; stroke-width: 1.3; stroke-dasharray: 6 5; }.case-level.strike { stroke: #d86643; stroke-width: 1.7; }.case-level.deep { stroke: #a9b8c8; }
.case-series { fill: none; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }.case-series.visa { stroke: #0d777d; }.case-series.mu { stroke: #1683c7; }.case-series.sndk { stroke: #ef7a2f; }
.case-dot { stroke: #fff; stroke-width: 2; }.case-dot.terminal { fill: #d86643; }.case-dot.recovery { fill: #0d777d; }.case-dot.mu { fill: #1683c7; }.case-dot.sndk { fill: #ef7a2f; }
.case-axis-label, .case-date-label, .case-level-label, .case-point-label { fill: #718198; font: 9px var(--sans); }.case-level-label.strike, .case-point-label.terminal { fill: #bd5134; font-weight: 700; }.case-point-label.recovery { fill: #0d777d; font-weight: 700; }.case-point-label.mu { fill: #1683c7; font-weight: 700; }.case-point-label.sndk { fill: #d96620; font-weight: 700; }
.scenario-evidence-footer { display: grid; grid-template-columns: repeat(3, 1fr); margin: 0 24px 22px; border: 1px solid #d3dee9; }
.scenario-evidence-footer > div { padding: 14px 16px; }.scenario-evidence-footer > div + div { border-left: 1px solid #dce5ee; }
.scenario-evidence-footer small, .scenario-evidence-footer strong, .scenario-evidence-footer span { display: block; }.scenario-evidence-footer small { color: #718198; font-size: 8px; }.scenario-evidence-footer strong { margin: 5px 0 3px; color: #17314f; font-size: 12px; }.scenario-evidence-footer span { color: #718198; font-size: 8px; line-height: 1.5; }
.knowledge-scenario-evidence > figcaption { padding: 15px 28px 17px; border-top: 1px solid #d4dee9; color: #687a91; font-size: 9px; line-height: 1.75; }.knowledge-scenario-evidence > figcaption strong { color: #17314f; }
.panic-evidence-layout { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(240px, .75fr); border-bottom: 1px solid #d4dee9; }.panic-chart { border-right: 1px solid #d4dee9; }.panic-chart-bg { fill: #f8fbfe; }.panic-legend { display: flex; justify-content: center; gap: 20px; margin-top: -4px; padding-bottom: 7px; color: #61758c; font-size: 9px; }.panic-legend span { display: inline-flex; align-items: center; gap: 6px; }.panic-legend i { width: 16px; height: 3px; }.panic-legend i.mu { background: #1683c7; }.panic-legend i.sndk { background: #ef7a2f; }
.panic-math { padding: 25px 24px 20px; background: linear-gradient(180deg, #f8fbfe, #edf4f8); }.panic-math > small { color: #0d777d; font: 700 8px var(--mono); letter-spacing: .14em; }.panic-math h4 { margin: 8px 0 18px; color: #17314f; font-family: var(--serif); font-size: 19px; line-height: 1.35; }.panic-step { display: grid; grid-template-columns: 1fr auto; gap: 2px 12px; align-items: center; padding: 10px 12px; border: 1px solid #c9d7e4; background: #fff; }.panic-step span { color: #536a83; font-size: 9px; }.panic-step strong { grid-row: 1 / 3; grid-column: 2; color: #17314f; font: 700 25px var(--mono); }.panic-step i { color: #8a9aad; font-size: 8px; font-style: normal; }.panic-step.final { border-color: #0d777d; background: #0d777d; }.panic-step.final span, .panic-step.final strong, .panic-step.final i { color: #fff; }.panic-math > b { display: block; padding: 6px 0 6px 12px; color: #718198; font-size: 8px; font-weight: 600; }.panic-math > p { margin: 15px 0 0; color: #61758c; font-size: 8px; line-height: 1.65; }.panic-math > p strong { color: #b45438; }
.chart-load-error::after { display: block; padding: 12px; color: #a4412a; font-size: 9px; text-align: center; content: '价格路径暂时无法载入，请检查本地行情文件。'; }
.knowledge-scenario-stack.danger .knowledge-scenario-heading { background: linear-gradient(120deg, #3b1f2a 0%, #642f37 66%, #9a4a3e 140%); }
.knowledge-scenario-stack.danger .scenario-number small, .knowledge-scenario-stack.danger .knowledge-scenario-heading > div:last-child > span { color: #f2b18f; }
.knowledge-scenario-stack.danger .knowledge-scenario-points span { color: #a64f3d; }
.knowledge-scenario-stack.danger .knowledge-scenario-points { background: #fffaf7; border-color: #dfc9c1; }
.unsuitable-evidence > header > span { color: #a64f3d; }
.trap-comparison { display: grid; grid-template-columns: .72fr 1.28fr; gap: 1px; background: #d5dfe8; border-bottom: 1px solid #d4dee9; }
.trap-comparison article { padding: 28px; background: #fbfdff; }.trap-comparison article.trap-stock { background: #fff6f1; }
.trap-comparison small { color: #718198; font: 700 8px var(--mono); letter-spacing: .1em; }.trap-comparison h4 { margin: 8px 0 18px; color: #17314f; font: 700 22px var(--serif); }.trap-comparison > article > strong { display: block; margin-top: 17px; color: #b34e37; font: 700 19px var(--mono); }.trap-comparison p { margin: 7px 0 0; color: #718198; font-size: 8px; line-height: 1.65; }
.trap-bar { position: relative; height: 34px; overflow: hidden; background: #eadbd4; }.trap-bar::before { position: absolute; inset: 0; display: flex; align-items: center; justify-content: flex-end; padding-right: 10px; color: #8c6c60; font: 700 9px var(--mono); content: '初始资金 100%'; }.trap-bar i { position: relative; z-index: 1; display: block; width: var(--value); height: 100%; background: #b9583e; }
.trap-formula { display: grid; grid-template-columns: 1fr auto 1fr auto 1.1fr; gap: 10px; align-items: stretch; }.trap-formula span { display: flex; min-height: 68px; flex-direction: column; justify-content: center; padding: 10px; border: 1px solid #cbd8e5; color: #718198; background: #fff; font-size: 8px; text-align: center; }.trap-formula b { display: block; margin-bottom: 5px; color: #17314f; font: 700 16px var(--mono); }.trap-formula > i { align-self: center; color: #718198; font: 700 16px var(--serif); }.trap-formula span.result { border-color: #0d777d; background: #0d777d; color: #cdebe8; }.trap-formula span.result b { color: #fff; }
.trap-verdict { display: grid; grid-template-columns: auto 1fr auto auto 1fr; gap: 12px; align-items: center; margin: 22px 26px; padding: 15px 17px; border-left: 4px solid #a64f3d; background: #fff5ef; }.trap-verdict span { color: #8d776e; font: 700 8px var(--mono); }.trap-verdict strong { color: #563b36; font-size: 10px; }.trap-verdict i { color: #a64f3d; font: 700 13px var(--serif); font-style: normal; }
.strike-risk-table { padding: 23px 28px 17px; }.strike-risk-head, .strike-risk-row { display: grid; grid-template-columns: 72px repeat(4, 1fr); }.strike-risk-head { color: #718198; font: 700 8px var(--mono); text-align: center; }.strike-risk-head span:first-child { text-align: left; }.strike-risk-row { align-items: center; min-height: 52px; border-top: 1px solid #e0e7ef; }.strike-risk-row > strong { color: #17314f; font: 700 12px var(--mono); }.strike-risk-row > span { position: relative; display: flex; height: 28px; align-items: center; justify-content: flex-end; margin: 0 7px; padding: 0 7px; overflow: hidden; background: #eef3f7; }.strike-risk-row i { position: absolute; inset: 0 auto 0 0; width: min(calc(var(--risk) * 2.4), 100%); background: #acc9d2; }.strike-risk-row .risk-2 i { background: #e7a37f; }.strike-risk-row .risk-3 i { background: #c25f46; }.strike-risk-row b { position: relative; z-index: 1; color: #17314f; font: 700 9px var(--mono); }
.strike-message { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: 12px; align-items: center; margin: 0 28px 23px; }.strike-message > div { padding: 13px 15px; border: 1px solid #d1dce7; background: #f8fbfe; }.strike-message small, .strike-message strong, .strike-message span { display: block; }.strike-message small { color: #718198; font-size: 8px; }.strike-message strong { margin: 5px 0 3px; color: #17314f; font-size: 12px; }.strike-message span { color: #718198; font-size: 8px; }.strike-message > i { color: #8091a4; font-style: normal; }.strike-message .danger { border-color: #c86b53; background: #fff4ee; }.strike-message .danger strong { color: #a64f3d; }
.unsuitable-check-visual { margin: 28px 0 0; border: 1px solid #d3c2bb; background: #fffaf7; }.unsuitable-check-visual > header { padding: 20px 23px 16px; border-bottom: 1px solid #dfd0ca; }.unsuitable-check-visual > header span { color: #a64f3d; font: 700 8px var(--mono); letter-spacing: .14em; }.unsuitable-check-visual > header h3 { margin: 7px 0 0; color: #3f2e2b; font: 700 22px var(--serif); }.unsuitable-check-visual > div { display: grid; grid-template-columns: repeat(3, 1fr); }.unsuitable-check-visual article { padding: 20px; }.unsuitable-check-visual article + article { border-left: 1px solid #dfd0ca; }.unsuitable-check-visual small { color: #a64f3d; font: 700 8px var(--mono); }.unsuitable-check-visual strong { display: block; margin-top: 8px; color: #4f3934; font-size: 13px; }.unsuitable-check-visual p { margin: 7px 0 0; color: #806d68; font-size: 9px; line-height: 1.6; }.unsuitable-check-visual figcaption { padding: 13px 22px; border-top: 1px solid #dfd0ca; color: #806d68; font-size: 9px; }
.fcn-fit-manifesto { margin: 31px 0 0; overflow: hidden; border: 1px solid #abc5c8; background: linear-gradient(145deg, #f7fbfc, #edf7f5); }
.fcn-fit-manifesto > header { padding: 25px 28px 20px; border-bottom: 1px solid #c5d9db; }.fcn-fit-manifesto > header span { color: #0d777d; font: 700 9px var(--mono); letter-spacing: .15em; }.fcn-fit-manifesto > header h3 { margin: 8px 0 0; color: #17314f; font: 700 25px/1.35 var(--serif); }
.fit-manifesto-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; gap: 10px; align-items: center; padding: 25px 28px 20px; }.fit-manifesto-flow article { min-height: 112px; padding: 17px 15px; border: 1px solid #c4d6da; background: rgba(255,255,255,.85); }.fit-manifesto-flow article small { color: #0d777d; font: 700 8px var(--mono); }.fit-manifesto-flow article strong { display: block; margin-top: 9px; color: #17314f; font-size: 13px; }.fit-manifesto-flow article p { margin: 7px 0 0; color: #6b7d8e; font-size: 8px; line-height: 1.65; }.fit-manifesto-flow > i { color: #0d777d; font: 700 15px var(--serif); font-style: normal; }
.fcn-fit-manifesto blockquote { margin: 0 28px 20px; padding: 17px 20px; border-left: 4px solid #0d777d; color: #224c58; background: #fff; font: 700 14px/1.7 var(--serif); }
.fit-red-lines { display: grid; grid-template-columns: auto repeat(3, 1fr); gap: 1px; margin: 0 28px 24px; border: 1px solid #d7c1ba; background: #d7c1ba; }.fit-red-lines span, .fit-red-lines strong { display: flex; min-height: 50px; align-items: center; justify-content: center; padding: 8px 12px; background: #fff8f4; text-align: center; }.fit-red-lines span { color: #a64f3d; font: 700 8px var(--mono); letter-spacing: .08em; }.fit-red-lines strong { color: #694941; font-size: 9px; }
.fcn-fit-manifesto figcaption { padding: 14px 28px 16px; border-top: 1px solid #c5d9db; color: #687a91; font-size: 9px; line-height: 1.7; }
.knowledge-evidence-block { margin: 8px 0 54px; padding-top: 50px; border-top: 1px solid var(--line); }
.knowledge-evidence-block > header > span { color: var(--article-blue); font: 700 9px var(--mono); letter-spacing: .15em; }
.knowledge-evidence-block > header h2 { margin: 10px 0 0; font-family: var(--serif); font-size: clamp(28px, 3vw, 40px); }
.knowledge-evidence-block > header p { margin: 9px 0 24px; color: var(--muted); font-size: 11px; line-height: 1.7; }
.knowledge-case-grid { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid #b9cbe0; }
.knowledge-case-card { min-width: 0; padding: 24px 25px 26px; border-top: 4px solid #d39a25; }
.knowledge-case-card:nth-child(even) { border-left: 1px solid #cbd7e4; }
.knowledge-case-card:nth-child(n+3) { border-top-width: 1px; }
.knowledge-case-card.positive { border-top-color: #0b9b78; }.knowledge-case-card.negative { border-top-color: #c94855; }
.knowledge-case-card header { display: flex; align-items: center; justify-content: space-between; }
.knowledge-case-card header span { color: var(--muted); font-size: 9px; letter-spacing: .08em; }.knowledge-case-card header strong { color: var(--article-blue); font: 700 14px var(--mono); }
.knowledge-case-card h3 { margin: 17px 0 5px; font-family: var(--serif); font-size: 18px; }.knowledge-case-verdict { margin: 0; color: var(--teal-dark); font-size: 10px; font-weight: 700; }
.knowledge-case-card dl { display: grid; grid-template-columns: 1fr 1fr; margin: 20px 0 0; border-top: 1px solid var(--line); }
.knowledge-case-card dl div { padding: 13px 9px 12px 0; border-bottom: 1px solid var(--line); }.knowledge-case-card dl div:nth-child(even) { padding-left: 12px; border-left: 1px solid var(--line); }
.knowledge-case-card dt { color: var(--muted); font-size: 9px; }.knowledge-case-card dd { margin: 6px 0 0; font: 700 16px var(--mono); }
.knowledge-case-history { margin: 17px 0 0; color: #4d5e73; font-size: 10px; line-height: 1.7; }.knowledge-case-lesson { margin: 9px 0 0; color: var(--muted); font-size: 10px; line-height: 1.7; }.knowledge-case-lesson strong { color: var(--ink); }
.knowledge-evidence-table { margin: 42px 0 0; }
.knowledge-evidence-table > header h2 { margin: 0; font-family: var(--serif); font-size: 25px; }.knowledge-evidence-table > header p { margin: 7px 0 18px; color: var(--muted); font-size: 11px; }
.knowledge-evidence-table > div { overflow-x: auto; border: 1px solid #b9cbe0; }
.knowledge-evidence-table table { width: 100%; border-collapse: collapse; font-size: 10px; }.knowledge-evidence-table th { padding: 13px 15px; color: var(--article-blue); background: #f7faff; text-align: left; white-space: nowrap; }.knowledge-evidence-table td { padding: 14px 15px; border-top: 1px solid var(--line); color: #425268; line-height: 1.55; }.knowledge-evidence-table th + th, .knowledge-evidence-table td + td { border-left: 1px solid var(--line); }.knowledge-evidence-table td:not(:first-child):not(:last-child) { font-family: var(--mono); }
.knowledge-evidence-note { margin: 9px 0 0; color: var(--faint); font-size: 9px; line-height: 1.65; }
.knowledge-sources { margin: 46px 0; padding: 28px; border: 1px solid #c7d5e4; background: #f8fafc; }
.knowledge-sources > span { color: var(--article-blue); font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.knowledge-sources h2 { margin: 8px 0 18px; font-family: var(--serif); font-size: 25px; }
.knowledge-sources a { display: grid; grid-template-columns: 1fr auto; gap: 7px 18px; padding: 17px 18px; border: 1px solid #d3dee9; background: #fff; color: var(--ink); text-decoration: none; }
.knowledge-sources a:hover { border-color: var(--article-blue); color: var(--article-blue); }
.knowledge-sources a strong { font-family: var(--serif); font-size: 16px; }
.knowledge-sources a small { grid-column: 1; color: var(--muted); font-size: 10px; line-height: 1.7; }
.knowledge-sources a i { grid-column: 2; grid-row: 1 / span 2; align-self: center; color: var(--article-blue); font-style: normal; }
.knowledge-checklist { scroll-margin-top: 90px; margin-top: 8px; padding: 31px 34px; color: white; background: #102b4c; }
.knowledge-checklist > span { color: #72c9d5; font: 700 9px var(--mono); letter-spacing: .14em; }
.knowledge-checklist h2 { margin: 10px 0 20px; font-family: var(--serif); font-size: 27px; }
.knowledge-checklist ol { display: grid; grid-template-columns: 1fr 1fr; gap: 0 27px; margin: 0; padding: 0; list-style: none; }
.knowledge-checklist li { display: grid; grid-template-columns: 18px 1fr; gap: 10px; padding: 13px 0; border-top: 1px solid rgba(255,255,255,.16); color: #dce8f5; font-size: 11px; line-height: 1.6; }
.knowledge-checklist li i { width: 13px; height: 13px; margin-top: 2px; border: 1px solid #65afbd; }
.knowledge-boundary { margin-top: 22px; padding: 20px 23px; border-left: 3px solid #d89924; background: #fff9ed; }
.knowledge-boundary strong { color: #84560b; font-size: 12px; }
.knowledge-boundary p { margin: 7px 0 0; color: #75674f; font-size: 10px; line-height: 1.8; }
.knowledge-related { margin-top: 45px; }
.knowledge-related h2 { font-family: var(--serif); font-size: 24px; }
.knowledge-related a { display: grid; grid-template-columns: minmax(0, 1fr) 24px; padding: 17px 0; border-top: 1px solid var(--line); color: inherit; text-decoration: none; }
.knowledge-related a span { font-family: var(--serif); font-size: 15px; }.knowledge-related a small { grid-column: 1; margin-top: 4px; color: var(--muted); font-size: 10px; }.knowledge-related a i { grid-column: 2; grid-row: 1 / span 2; align-self: center; color: var(--article-blue); font-style: normal; }
.knowledge-site-footer { display: flex; justify-content: space-between; gap: 50px; padding: 30px 42px; border-top: 1px solid var(--line); color: var(--muted); font-size: 9px; line-height: 1.7; }.knowledge-site-footer p { max-width: 740px; margin: 0; text-align: right; }

.knowledge-income-visual { margin: 40px 0 0; border: 1px solid #b9cbe0; background: #f8fbff; }
.knowledge-income-visual > header { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, .7fr); gap: 8px 30px; align-items: end; padding: 27px 30px 22px; border-bottom: 1px solid #cedaea; }
.knowledge-income-visual > header > span { grid-column: 1 / -1; color: #125dcc; font: 700 10px var(--mono); letter-spacing: .14em; }.knowledge-income-visual > header h3 { margin: 0; color: #10243f; font: 700 26px/1.25 var(--serif); }.knowledge-income-visual > header p { margin: 0; color: #65758a; font-size: 12px; line-height: 1.65; }
.knowledge-income-visual > figcaption { padding: 13px 30px 15px; border-top: 1px solid #d5dfeb; color: #748397; font-size: 10px; line-height: 1.65; }
.income-chain-flow { display: grid; grid-template-columns: 1fr auto 1fr 1.28fr; gap: 15px; align-items: stretch; padding: 28px 30px 20px; }.income-chain-flow article { display: flex; min-height: 115px; flex-direction: column; justify-content: center; padding: 16px 14px; border: 1px solid #b8cbe2; background: #fff; text-align: center; }.income-chain-flow article.dealer { border-color: #10243f; background: #10243f; color: #fff; }.income-chain-flow article.investor { border-color: #72bbb5; background: #eef9f8; }.income-chain-flow article small { color: #3770b8; font: 700 9px var(--mono); letter-spacing: .1em; }.income-chain-flow article.dealer small { color: #7db0f5; }.income-chain-flow article strong { margin-top: 8px; color: inherit; font: 700 16px var(--serif); }.income-chain-flow article span { margin-top: 8px; color: #66778d; font-size: 10px; line-height: 1.6; }.income-chain-flow article.dealer span { color: #c5d4e6; }.income-chain-arrows { display: flex; flex-direction: column; justify-content: center; gap: 18px; color: #53718f; font: 700 9px var(--mono); white-space: nowrap; }.income-demand-stack { display: grid; gap: 10px; }.income-demand-stack article { min-height: 0; padding: 12px 14px; }.income-demand-stack article strong { margin-top: 5px; }.income-demand-stack article span { margin-top: 5px; }.income-chain-balance { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin: 0 30px 25px; background: #cbd7e4; border: 1px solid #cbd7e4; }.income-chain-balance span { padding: 13px 16px; background: #fff; color: #405b77; font-size: 11px; }
.put-case-grid { display: grid; grid-template-columns: minmax(250px, .7fr) minmax(440px, 1.3fr); gap: 26px; align-items: center; padding: 25px 30px; }.put-case-facts dl { display: grid; grid-template-columns: 1fr 1fr; margin: 0; border: 1px solid #c9d6e5; }.put-case-facts dl div { padding: 14px; border-right: 1px solid #d7e0ea; border-bottom: 1px solid #d7e0ea; }.put-case-facts dl div:nth-child(2n) { border-right: 0; }.put-case-facts dl div:nth-last-child(-n+2) { border-bottom: 0; }.put-case-facts dt { color: #718196; font-size: 10px; }.put-case-facts dd { margin: 5px 0 0; color: #10243f; font: 700 19px var(--serif); }.put-case-facts > strong { display: block; margin-top: 16px; padding-left: 12px; border-left: 3px solid #0b928b; color: #264a67; font-size: 12px; line-height: 1.7; }.put-case-grid svg { display: block; width: 100%; height: auto; }.put-case-grid .put-safe-zone { fill: #eef6f5; }.put-case-grid .put-floor-zone { fill: #fff2eb; }.put-case-grid .put-axis { stroke: #aab8c8; stroke-width: 1; }.put-case-grid .put-floor-line { stroke: #e1773c; stroke-width: 1.4; stroke-dasharray: 5 4; }.put-case-grid .put-protected-line { fill: none; stroke: #087f7a; stroke-width: 3; }.put-case-grid .put-floor-dot { fill: #e1773c; }.put-case-grid .put-stock-dot { fill: #155fca; }.put-case-grid text { fill: #66778c; font: 10px var(--sans); }.put-case-grid .put-floor-label, .put-case-grid .put-floor-copy { fill: #cf642c; font-weight: 700; }.put-case-grid .put-stock-label, .put-case-grid .put-stock-copy { fill: #155fca; font-weight: 700; }.put-case-grid .put-caption { fill: #3a6077; font-size: 9px; }
.bearish-compare { display: grid; grid-template-columns: 1fr 1fr .9fr; gap: 16px; padding: 28px 30px; }.bearish-compare article, .notional-ratio { padding: 22px; border: 1px solid #c3d1e0; background: #fff; }.bearish-compare article.long-put { border-top: 4px solid #1568cd; }.bearish-compare article > small { color: #5e7188; font: 700 9px var(--mono); letter-spacing: .1em; }.bearish-compare h4 { margin: 10px 0 18px; color: #10243f; font: 700 22px var(--serif); }.bearish-compare dl { margin: 0; }.bearish-compare dl div { display: flex; justify-content: space-between; gap: 15px; padding: 10px 0; border-top: 1px solid #dce4ed; }.bearish-compare dt { color: #78879a; font-size: 10px; }.bearish-compare dd { margin: 0; color: #294b69; font-size: 10px; font-weight: 700; text-align: right; }.notional-ratio { display: flex; flex-direction: column; justify-content: center; background: #10243f; color: #fff; }.notional-ratio span { color: #9eb9d8; font: 700 9px var(--mono); letter-spacing: .08em; }.notional-ratio strong { margin-top: 12px; color: #fff; font: 700 26px var(--serif); }.notional-ratio p { margin: 14px 0 0; color: #c8d5e4; font-size: 10px; line-height: 1.7; }.notional-ratio u { color: #fff; text-underline-offset: 3px; }
.put-payoff-ladder { display: grid; grid-template-columns: repeat(4, 1fr); margin: 0 30px 28px; border: 1px solid #c6d4e2; }.put-payoff-ladder article { padding: 17px 15px; background: #fff; text-align: center; }.put-payoff-ladder article + article { border-left: 1px solid #d4dfe9; }.put-payoff-ladder article:first-child { background: #fff5ef; }.put-payoff-ladder article:last-child { background: #eef9f8; }.put-payoff-ladder small, .put-payoff-ladder span { display: block; color: #718197; font-size: 9px; line-height: 1.5; }.put-payoff-ladder strong { display: block; margin: 7px 0; color: #143c60; font: 700 19px var(--serif); }.put-payoff-ladder article:first-child strong { color: #d3632e; }.put-payoff-ladder article:last-child strong { color: #087f79; }
.annualization-flow { display: grid; grid-template-columns: 1fr auto 1fr; gap: 20px; align-items: center; padding: 27px 30px 20px; }.annualization-flow article { padding: 20px; border: 1px solid #bdcede; background: #fff; text-align: center; }.annualization-flow article small { color: #5d7288; font: 700 9px var(--mono); }.annualization-flow article strong { display: block; margin-top: 8px; color: #10243f; font: 700 20px var(--serif); }.annualization-flow article span { display: block; margin-top: 7px; color: #708095; font-size: 10px; }.annualization-flow > i { color: #1b6ac7; font: 700 10px var(--mono); white-space: nowrap; }.annualization-math { display: grid; grid-template-columns: 1.1fr auto 1.1fr auto .8fr auto 1fr; gap: 10px; align-items: stretch; padding: 0 30px 28px; }.annualization-math > div { display: flex; min-height: 85px; flex-direction: column; justify-content: center; padding: 13px; border: 1px solid #c7d4e2; background: #fdfefe; text-align: center; }.annualization-math > div span { color: #728297; font-size: 9px; }.annualization-math > div strong { margin-top: 7px; color: #153b60; font: 700 16px var(--serif); }.annualization-math > i { align-self: center; color: #6e8197; font: 700 17px var(--serif); }.annualization-math > div.result { border-color: #0b928b; background: #0b928b; }.annualization-math > div.result span { color: #c9eeea; }.annualization-math > div.result strong { color: #fff; font-size: 20px; }
.annualization-perspectives { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; padding: 27px 30px 20px; }.annualization-perspectives article { padding: 20px 18px; border: 1px solid #bdcede; border-top: 4px solid #3974cb; background: #fff; text-align: center; }.annualization-perspectives article:nth-child(2) { border-top-color: #df783b; }.annualization-perspectives article:nth-child(3) { border-top-color: #0b928b; }.annualization-perspectives small { color: #64768b; font: 700 9px var(--mono); letter-spacing: .08em; }.annualization-perspectives strong { display: block; margin-top: 9px; color: #10243f; font: 700 19px var(--serif); }.annualization-perspectives span { display: block; margin-top: 9px; color: #708095; font-size: 10px; line-height: 1.65; }.market-utility-note { display: grid; grid-template-columns: .75fr 1.25fr; gap: 22px; align-items: center; margin: 0 30px 27px; padding: 18px 20px; border-left: 4px solid #165acb; background: #eef5fd; }.market-utility-note strong { color: #183b60; font: 700 15px/1.5 var(--serif); }.market-utility-note span { color: #536b84; font-size: 10px; line-height: 1.75; }
.coupon-formula-row { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr auto 1.15fr; gap: 9px; align-items: stretch; padding: 28px 24px 20px; }.coupon-formula-row article { display: flex; min-height: 110px; flex-direction: column; justify-content: center; padding: 14px; border: 1px solid #c2d1e0; background: #fff; text-align: center; }.coupon-formula-row article small { color: #4674a7; font: 700 9px var(--mono); }.coupon-formula-row article strong { margin-top: 7px; color: #183c5e; font: 700 14px var(--serif); }.coupon-formula-row article span { margin-top: 7px; color: #77879a; font-size: 9px; line-height: 1.5; }.coupon-formula-row > i { align-self: center; color: #6e8195; font: 700 18px var(--serif); }.coupon-formula-row article.minus { background: #fff7f2; }.coupon-formula-row article.coupon-result { border-color: #10243f; background: #10243f; }.coupon-formula-row article.coupon-result small { color: #8fb9e8; }.coupon-formula-row article.coupon-result strong { color: #fff; font-size: 17px; }.coupon-formula-row article.coupon-result span { color: #c7d5e4; }.coupon-source-formula blockquote { margin: 0 24px 25px; padding: 17px 20px; border-left: 4px solid #0b928b; background: #eef8f7; color: #1b4b59; font: 700 14px/1.7 var(--serif); }

.knowledge-hero-put-compare { background: linear-gradient(135deg, #f7fbff 0%, #f1f8f7 100%); }
.hero-put-core { display: flex; align-items: center; justify-content: center; gap: 18px; padding: 24px 18px 17px; }
.hero-put-core span, .hero-put-core strong { padding: 12px 18px; border: 1px solid #c5d4e3; background: #fff; color: #244a68; font: 700 13px var(--serif); }
.hero-put-core strong { border-color: #0b928b; background: #0b928b; color: #fff; }.hero-put-core i { color: #1c67c7; font: 700 20px var(--serif); }
.hero-put-paths { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin: 0 14px 15px; border: 1px solid #cfdae6; background: #cfdae6; }
.hero-put-paths b { padding: 11px 10px; background: #fff; color: #536c83; font-size: 10px; text-align: center; }

.knowledge-compare-visual { margin: 38px 0 0; border: 1px solid #bacce0; background: #f8fbff; }
.knowledge-compare-visual > header { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, .7fr); gap: 8px 28px; align-items: end; padding: 25px 28px 20px; border-bottom: 1px solid #cedae7; }
.knowledge-compare-visual > header > span { grid-column: 1 / -1; color: #1261cc; font: 700 9px var(--mono); letter-spacing: .14em; }
.knowledge-compare-visual > header h3 { margin: 0; color: #10243f; font: 700 25px/1.25 var(--serif); }.knowledge-compare-visual > header p { margin: 0; color: #66778b; font-size: 11px; line-height: 1.65; }
.knowledge-compare-visual > figcaption { padding: 12px 28px 14px; border-top: 1px solid #d4dfeb; color: #748397; font-size: 9px; line-height: 1.65; }
.compare-core { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 24px 28px 14px; }.compare-core span, .compare-core strong { padding: 12px 16px; border: 1px solid #c7d5e3; background: #fff; color: #254c6a; font: 700 13px var(--serif); }.compare-core strong { border-color: #0c8d86; background: #0c8d86; color: #fff; }.compare-core i { color: #1766c7; font-style: normal; font-weight: 700; }
.compare-two-column { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; padding: 0 28px 24px; }.compare-two-column article, .decision-split article { padding: 20px; border: 1px solid #c5d3e1; background: #fff; }.compare-two-column small, .decision-split small { color: #4b73a2; font: 700 9px var(--mono); letter-spacing: .09em; }.compare-two-column h4, .decision-split h4 { margin: 9px 0 13px; color: #10243f; font: 700 19px var(--serif); }.compare-two-column p, .decision-split p { margin: 0; color: #64758a; font-size: 10px; line-height: 1.75; }
.quote-gap-bars { display: grid; gap: 12px; padding: 24px 28px 15px; }.quote-gap-bars article { display: grid; grid-template-columns: 230px 1fr 74px; gap: 14px; align-items: center; }.quote-gap-bars span { color: #405b75; font-size: 10px; }.quote-gap-bars b { display: block; height: 13px; min-width: 4px; background: #4d82c9; }.quote-gap-bars article:nth-child(2) b { background: #e17a3f; }.quote-gap-bars article:nth-child(3) b { background: #0b928b; }.quote-gap-bars strong { color: #173e62; font: 700 15px var(--serif); text-align: right; }
.quote-gap-bridge { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin: 0 28px 24px; border: 1px solid #ced9e5; background: #ced9e5; }.quote-gap-bridge span { padding: 13px; background: #fff; color: #587087; font-size: 10px; text-align: center; }.quote-gap-bridge b { color: #103d61; }
.worst-of-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1.15fr; gap: 13px; align-items: center; padding: 24px 28px 18px; }.worst-of-flow article { padding: 18px 14px; border: 1px solid #c5d3e1; background: #fff; text-align: center; }.worst-of-flow small { color: #64778d; font: 700 9px var(--mono); }.worst-of-flow strong { display: block; margin-top: 8px; color: #123d61; font: 700 18px var(--serif); }.worst-of-flow span { display: block; margin-top: 7px; color: #718096; font-size: 9px; line-height: 1.55; }.worst-of-flow i { color: #45739e; font-style: normal; }.worst-of-flow article.result { border-color: #0b928b; background: #eef9f7; }.not-equal { padding: 0 28px 18px; color: #2a5270; font: 700 13px/1.7 var(--serif); text-align: center; }
.worst-of-history { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: 1px; margin: 0 28px 24px; border: 1px solid #ced9e5; background: #ced9e5; }.worst-of-history span { padding: 13px 10px; background: #fff; color: #60758a; font-size: 9px; text-align: center; }.worst-of-history b { display: block; margin-top: 4px; color: #143f63; font: 700 16px var(--serif); }.worst-of-history i { align-self: stretch; background: #ced9e5; }
.spread-ladder-list { display: grid; gap: 12px; padding: 24px 28px 16px; }.spread-ladder-list article { display: grid; grid-template-columns: 70px 1fr 78px; gap: 14px; align-items: center; }.spread-ladder-list strong { color: #153e62; font: 700 13px var(--serif); }.spread-ladder-list div { height: 12px; background: #dfe7ef; }.spread-ladder-list i { display: block; height: 100%; background: linear-gradient(90deg, #216ac5, #0b928b); }.spread-ladder-list span { color: #4b647c; font: 700 11px var(--mono); text-align: right; }.spread-ladder blockquote { margin: 0 28px 24px; padding: 15px 18px; border-left: 4px solid #df783b; background: #fff4ed; color: #6e442e; font: 700 12px/1.7 var(--serif); }
.decision-split { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; padding: 24px 28px; }.decision-split article:first-child { border-top: 4px solid #1766c7; }.decision-split article:last-child { border-top: 4px solid #0b928b; }

@media (max-width: 900px) {
  .knowledge-home-intro, .knowledge-reading-hero { grid-template-columns: 1fr; gap: 28px; }
  .knowledge-start-paths { grid-template-columns: 1fr 1fr; }.knowledge-start-paths a:nth-child(3) { border-left: 0; border-top: 1px solid var(--line); }.knowledge-start-paths a:nth-child(4) { border-top: 1px solid var(--line); }
  .knowledge-category { grid-template-columns: 220px minmax(0, 1fr); }.knowledge-question-link { grid-template-columns: 45px minmax(0, 1fr) 18px; }.knowledge-question-link em { display: none; }
  .knowledge-reading-layout { grid-template-columns: 1fr; }.knowledge-reading-toc { position: static; grid-template-columns: repeat(2, 1fr); padding: 0 0 25px; border-right: 0; border-bottom: 1px solid var(--line); }.knowledge-reading-toc > strong { grid-column: 1 / -1; }
  .knowledge-official-sources { grid-template-columns: 1fr; gap: 20px; }
}

/* Sell Put comparison: editorial illustrations, 2026-08-20 */
.knowledge-hero-put-compare { align-self: center; padding: 28px 30px 22px; border: 1px solid #c6d5e3; background: #fff; }
.hero-put-mini { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; padding-bottom: 18px; border-bottom: 1px solid #d8e1ea; }
.hero-put-mini p { margin: 0; color: #516b82; font-size: 13px; }.hero-put-mini p i { padding: 0 8px; color: #0a8e87; font-style: normal; }
.hero-put-mini strong { color: #102b48; font: 700 22px/1.2 var(--serif); }
.hero-put-choice { display: grid; grid-template-columns: 1fr auto 1fr; gap: 18px; align-items: center; padding: 20px 0 2px; }
.hero-put-choice span { color: #163d5e; font: 700 14px/1.5 var(--serif); }.hero-put-choice small { display: block; margin-bottom: 4px; color: #718396; font: 700 9px var(--mono); letter-spacing: .08em; }.hero-put-choice > i { color: #a9b9c8; font: 400 22px var(--serif); }
.knowledge-hero-put-compare figcaption { display: block; margin-top: 17px; padding-top: 13px; border-top: 1px solid #d8e1ea; color: #6a7d90; font-size: 10px; line-height: 1.65; }

.knowledge-compare-visual.editorial-compare { margin-top: 34px; border: 0; border-top: 2px solid #153b5d; border-bottom: 1px solid #cbd8e4; background: #fff; overflow: visible; }
.editorial-figure-title { display: flex; align-items: baseline; gap: 22px; padding: 20px 2px 18px; border-bottom: 1px solid #d8e2eb; }
.editorial-figure-title > span { flex: 0 0 auto; color: #0a8e87; font: 700 10px var(--mono); letter-spacing: .08em; }
.editorial-figure-title h3 { margin: 0; color: #102b48; font: 700 22px/1.35 var(--serif); }
.knowledge-compare-visual.editorial-compare > figcaption { padding: 12px 2px 14px; border-top: 1px solid #d8e2eb; color: #718295; font-size: 9px; line-height: 1.7; }
.figure-takeaway { margin: 0 0 19px; padding: 13px 16px; border-left: 3px solid #0a8e87; background: #f3f8f8; color: #244b64; font: 700 11px/1.7 var(--serif); }

.baseline-equation { display: flex; align-items: center; justify-content: center; gap: 14px; padding: 24px 8px 18px; }
.baseline-equation span, .baseline-equation strong { padding: 8px 0; color: #193f61; font: 700 14px var(--serif); }.baseline-equation strong { color: #0b8882; }.baseline-equation i { color: #90a4b7; font-style: normal; }
.baseline-paths { display: grid; grid-template-columns: 1fr 1fr; gap: 0; margin-bottom: 20px; border: 1px solid #cfdae4; }
.baseline-paths article { padding: 18px 20px; }.baseline-paths article + article { border-left: 1px solid #cfdae4; }
.baseline-paths small, .baseline-paths strong, .baseline-paths span { display: block; }.baseline-paths small { color: #667d92; font: 700 9px var(--mono); letter-spacing: .06em; }.baseline-paths strong { margin-top: 7px; color: #153e60; font: 700 15px var(--serif); }.baseline-paths span { margin-top: 6px; color: #687b8e; font-size: 10px; line-height: 1.6; }

.tsm-quote-strip { display: grid; grid-template-columns: minmax(145px,.75fr) auto minmax(240px,1.3fr) auto minmax(145px,.75fr); gap: 18px; align-items: center; padding: 25px 2px 20px; }
.tsm-quote-strip > article { padding: 17px 16px; border: 1px solid #cbd8e3; }.tsm-quote-strip > article.quote-result { border-color: #0a8e87; }
.tsm-quote-strip article small, .tsm-quote-strip article strong, .tsm-quote-strip article span { display: block; }.tsm-quote-strip article small { color: #6a8093; font: 700 9px var(--mono); }.tsm-quote-strip article strong { margin-top: 5px; color: #123c5e; font: 700 21px var(--serif); }.tsm-quote-strip article.quote-result strong { color: #0a817b; }.tsm-quote-strip article span { margin-top: 5px; color: #718295; font-size: 9px; }
.tsm-quote-strip > i { color: #9aabbb; font: 400 19px var(--serif); }
.quote-factor-list { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #cbd8e3; border-left: 1px solid #cbd8e3; }
.quote-factor-list span { padding: 11px 12px; border-right: 1px solid #cbd8e3; border-bottom: 1px solid #cbd8e3; color: #35546d; font-size: 10px; line-height: 1.45; }.quote-factor-list b { margin-right: 7px; color: #0a8e87; font: 700 9px var(--mono); }
.quote-gap-callout { display: grid; grid-template-columns: 1fr auto 1.25fr; gap: 18px; align-items: center; margin: 0 0 16px; padding: 14px 16px; border: 1px solid #b9d9d6; background: #f3f9f8; }.quote-gap-callout small { color: #5f7789; font-size: 9px; }.quote-gap-callout strong { color: #087e78; font: 700 19px var(--serif); }.quote-gap-callout span { color: #48657a; font-size: 9px; line-height: 1.55; }

.worst-path-illustration { display: grid; grid-template-columns: 120px 1fr minmax(190px,.8fr); gap: 24px; align-items: center; padding: 25px 2px 20px; }
.worst-principal, .worst-settlement { padding: 18px 16px; border: 1px solid #cbd8e3; }.worst-principal { text-align: center; }.worst-principal small, .worst-principal strong, .worst-settlement small, .worst-settlement strong, .worst-settlement span { display: block; }.worst-principal small, .worst-settlement small { color: #6b8194; font: 700 9px var(--mono); }.worst-principal strong { margin-top: 6px; color: #173f61; font: 700 23px var(--serif); }.worst-settlement { border-color: #e1783a; }.worst-settlement strong { margin-top: 7px; color: #a64f27; font: 700 15px/1.45 var(--serif); }.worst-settlement span { margin-top: 6px; color: #7d6a60; font-size: 9px; }
.worst-branches { display: grid; gap: 11px; position: relative; }.worst-branches::before { content: ''; position: absolute; left: -24px; top: 50%; width: 24px; border-top: 1px solid #9fb2c2; }
.worst-branches article { display: grid; grid-template-columns: 66px 1fr 110px; gap: 11px; align-items: center; }.worst-branches article > span { color: #37566e; font: 700 11px var(--serif); }.worst-branches b { position: relative; display: block; height: 22px; background: #e2eaf1; color: #173f61; font: 700 10px/22px var(--mono); text-align: right; padding-right: 7px; overflow: hidden; }.worst-branches b::before { content: ''; position: absolute; inset: 0 auto 0 0; width: var(--level); background: #8ec8c3; opacity: .7; }.worst-branches b { isolation: isolate; }.worst-branches b::before { z-index: -1; }.worst-branches .weak b::before { background: #f0a278; }.worst-branches article small { color: #708397; font-size: 8px; line-height: 1.4; }.worst-branches .weak small { color: #a4522b; font-weight: 700; }
.worst-proof-rail { display: grid; grid-template-columns: repeat(4,1fr); margin-bottom: 20px; border: 1px solid #cbd8e3; }.worst-proof-rail > span { padding: 13px 12px; }.worst-proof-rail > span + span { border-left: 1px solid #cbd8e3; }.worst-proof-rail small, .worst-proof-rail strong { display: block; }.worst-proof-rail small { color: #718396; font-size: 8px; }.worst-proof-rail strong { margin-top: 5px; color: #153e60; font: 700 15px var(--serif); }

.multi-quote-terms { display: flex; align-items: center; justify-content: flex-end; gap: 10px; padding: 14px 2px 12px; color: #647b8f; font-size: 9px; }.multi-quote-terms i { width: 3px; height: 3px; border-radius: 50%; background: #0a8e87; }
.multi-coupon-table { border-top: 1px solid #c9d7e3; border-left: 1px solid #c9d7e3; }
.multi-coupon-head, .multi-coupon-row { display: grid; grid-template-columns: 78px repeat(3,minmax(125px,1fr)) minmax(130px,.9fr); }
.multi-coupon-head { background: #f4f7fa; }.multi-coupon-head span { padding: 12px 10px; border-right: 1px solid #c9d7e3; border-bottom: 1px solid #c9d7e3; color: #587087; font: 700 9px var(--mono); text-align: center; }
.multi-coupon-row > span { position: relative; display: flex; min-width: 0; min-height: 52px; align-items: center; justify-content: center; gap: 6px; padding: 10px; border-right: 1px solid #c9d7e3; border-bottom: 1px solid #c9d7e3; background: #fff; color: #35546d; text-align: center; }.multi-coupon-row > span:first-child { background: #f8fafc; }.multi-coupon-row > span.basket { background: #eef8f6; }.multi-coupon-row > span.uplift { background: #fff6f0; }
.multi-coupon-row small { display: none; }.multi-coupon-row strong, .multi-coupon-row b { color: #153f61; font: 700 15px var(--serif); }.multi-coupon-row .basket b { color: #087e78; font-size: 17px; }.multi-coupon-row .uplift b { color: #b4572e; font-size: 13px; }.multi-coupon-row em { color: #b57435; font: 700 7px var(--mono); }
.multi-coupon-uplift .figure-takeaway { margin-top: 18px; }

.scale-examples { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; padding: 24px 2px 20px; }.scale-examples > article { min-width: 0; }
.scale-examples > article > small { display: block; margin-bottom: 11px; color: #0a8e87; font: 700 9px var(--mono); letter-spacing: .05em; }
.scale-formula { display: flex; align-items: center; gap: 8px; padding: 15px 12px; border: 1px solid #cbd8e3; }.scale-formula b { color: #38566d; font: 700 13px var(--serif); }.scale-formula i { color: #93a6b7; font-style: normal; }.scale-formula strong { margin-left: auto; color: #153e60; font: 700 18px var(--serif); }
.scale-examples p { margin: 10px 0 0; color: #6b7e91; font-size: 9px; line-height: 1.65; }
.fee-waterfall { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: stretch; border: 1px solid #cbd8e3; }.fee-waterfall span { padding: 10px 8px; color: #6b7e91; font-size: 8px; text-align: center; }.fee-waterfall span strong { display: block; margin-top: 3px; color: #173f61; font: 700 14px var(--serif); }.fee-waterfall i { align-self: center; color: #c35e2d; font: 700 9px var(--mono); }
.spread-evidence { display: grid; grid-template-columns: 150px 150px 1fr; gap: 1px; margin-bottom: 20px; border: 1px solid #cbd8e3; background: #cbd8e3; }.spread-evidence > span, .spread-evidence > p { margin: 0; padding: 12px 14px; background: #fff; }.spread-evidence b, .spread-evidence small, .spread-evidence strong { display: block; }.spread-evidence b { color: #163f60; font: 700 11px var(--mono); }.spread-evidence small { margin-top: 3px; color: #77899a; font-size: 8px; }.spread-evidence strong { margin-top: 4px; color: #b2582e; font: 700 12px var(--serif); }.spread-evidence p { color: #536d82; font-size: 9px; line-height: 1.65; }

.friction-case-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; padding: 24px 2px 20px; }
.friction-case-grid > article { min-width: 0; padding-top: 13px; border-top: 3px solid #0a8e87; }.friction-case-grid > article.friction-low-case { border-top-color: #dc7138; }
.friction-case-grid header small, .friction-case-grid header strong { display: block; }.friction-case-grid header small { color: #0a8e87; font: 700 9px var(--mono); letter-spacing: .04em; }.friction-low-case header small { color: #bd5c2d; }.friction-case-grid header strong { margin-top: 6px; color: #143b5c; font: 700 15px/1.45 var(--serif); }
.friction-formula { display: grid; grid-template-columns: 1fr auto 70px auto 1fr; gap: 8px; align-items: center; margin-top: 14px; padding: 14px 13px; border: 1px solid #c9d7e3; }.friction-formula span { color: #516b80; font-size: 9px; text-align: center; }.friction-formula i { color: #91a5b6; font-style: normal; }.friction-formula b { color: #143f61; font: 700 19px var(--serif); text-align: right; }
.friction-case-grid article > p { margin: 10px 0 0; color: #647a8d; font-size: 9px; line-height: 1.65; }.friction-case-grid article > em { display: block; margin-top: 9px; color: #7b8b9a; font-size: 8px; font-style: normal; line-height: 1.55; }
.fcn-threshold-rail { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: 5px; align-items: center; margin-top: 14px; }.fcn-threshold-rail span { min-width: 0; padding: 10px 8px; border: 1px solid #c9d7e3; text-align: center; }.fcn-threshold-rail small, .fcn-threshold-rail strong { display: block; }.fcn-threshold-rail small { color: #718497; font-size: 7px; }.fcn-threshold-rail strong { margin-top: 4px; color: #184160; font: 700 11px var(--serif); }.fcn-threshold-rail > i { color: #0a8e87; font-style: normal; }
.fee-share-bar { display: grid; grid-template-columns: 1fr 1fr; margin-top: 14px; border: 1px solid #c9d7e3; }.fee-share-bar span { padding: 12px 10px; }.fee-share-bar span + span { border-left: 1px solid #c9d7e3; background: #fff5ef; }.fee-share-bar small, .fee-share-bar strong { display: block; }.fee-share-bar small { color: #718497; font-size: 8px; }.fee-share-bar strong { margin-top: 4px; color: #16405f; font: 700 16px var(--serif); }.fee-share-bar .fee-cost strong { color: #b9562b; }
.spread-story { margin-bottom: 17px; border-top: 1px solid #c9d7e3; }.spread-story > header { display: flex; align-items: baseline; gap: 18px; padding: 15px 2px 12px; }.spread-story > header small { color: #bd5c2d; font: 700 9px var(--mono); }.spread-story > header strong { color: #173e5f; font: 700 15px var(--serif); }
.spread-story-body { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(230px,.65fr); gap: 22px; }
.spread-mini-bars { display: grid; gap: 8px; }.spread-mini-bars span { display: grid; grid-template-columns: 90px 1fr 55px; gap: 10px; align-items: center; }.spread-mini-bars b { color: #405d73; font: 700 9px var(--mono); }.spread-mini-bars i { height: 9px; background: #e3ebf1; }.spread-mini-bars i::after { display: block; width: var(--spread); height: 100%; background: #0a8e87; content: ''; }.spread-mini-bars span:nth-last-child(-n+2) i::after { background: #df7138; }.spread-mini-bars strong { color: #173e5f; font: 700 11px var(--serif); text-align: right; }
.pdd-spread-case { padding: 14px 15px; border: 1px solid #e2aa8d; }.pdd-spread-case > small { color: #bd5c2d; font: 700 9px var(--mono); }.pdd-spread-case > div { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 10px; }.pdd-spread-case > div span { color: #718497; font-size: 7px; text-align: center; }.pdd-spread-case > div span + span { border-left: 1px solid #e2d3cb; }.pdd-spread-case span strong { display: block; margin-top: 3px; color: #173e5f; font: 700 14px var(--serif); }.pdd-spread-case p { margin: 11px 0 0; color: #6f645e; font-size: 9px; line-height: 1.55; }.pdd-spread-case p strong { color: #bd5c2d; }

.decision-rail { display: grid; grid-template-columns: 1fr auto 1fr; gap: 20px; align-items: center; padding: 24px 2px 18px; }.decision-rail article { padding: 17px 18px; border: 1px solid #cbd8e3; }.decision-rail small, .decision-rail strong { display: block; }.decision-rail small { color: #718396; font: 700 9px var(--mono); }.decision-rail strong { margin-top: 6px; color: #153e60; font: 700 15px var(--serif); }.decision-rail > i { color: #a0afbd; font-style: normal; }

@media (max-width: 760px) {
  .knowledge-hero-put-compare { padding: 22px 18px 18px; }
  .hero-put-mini { display: block; }.hero-put-mini strong { display: block; margin-top: 7px; font-size: 20px; }
  .hero-put-choice { grid-template-columns: 1fr; gap: 9px; }.hero-put-choice > i { display: none; }
  .editorial-figure-title { display: block; padding: 17px 0 14px; }.editorial-figure-title h3 { margin-top: 6px; font-size: 20px; }
  .baseline-equation { flex-wrap: wrap; justify-content: flex-start; gap: 8px 11px; padding: 20px 0 15px; }.baseline-equation span, .baseline-equation strong { font-size: 13px; }
  .baseline-paths { grid-template-columns: 1fr; }.baseline-paths article + article { border-top: 1px solid #cfdae4; border-left: 0; }
  .tsm-quote-strip { grid-template-columns: 1fr; gap: 10px; padding: 20px 0 16px; }.tsm-quote-strip > i { text-align: center; }.quote-factor-list { grid-template-columns: 1fr; }
  .quote-gap-callout { grid-template-columns: 1fr; gap: 5px; }.quote-gap-callout strong { font-size: 18px; }
  .worst-path-illustration { grid-template-columns: 1fr; gap: 13px; padding: 20px 0 16px; }.worst-branches::before { display: none; }.worst-branches article { grid-template-columns: 58px 1fr 90px; }.worst-principal { text-align: left; }.worst-proof-rail { grid-template-columns: 1fr 1fr; }.worst-proof-rail > span:nth-child(3) { border-top: 1px solid #cbd8e3; border-left: 0; }.worst-proof-rail > span:nth-child(4) { border-top: 1px solid #cbd8e3; }
  .multi-quote-terms { justify-content: flex-start; flex-wrap: wrap; }.multi-coupon-table { border: 0; }.multi-coupon-head { display: none; }.multi-coupon-row { grid-template-columns: 1fr 1fr; margin-bottom: 12px; border-top: 1px solid #c9d7e3; border-left: 1px solid #c9d7e3; }.multi-coupon-row > span { min-height: 58px; flex-direction: column; align-items: flex-start; gap: 4px; padding: 10px 12px; text-align: left; }.multi-coupon-row > span:first-child { grid-column: 1 / -1; min-height: 43px; flex-direction: row; align-items: center; justify-content: space-between; }.multi-coupon-row > span.uplift { grid-column: 1 / -1; min-height: 48px; flex-direction: row; align-items: center; justify-content: space-between; }.multi-coupon-row small { display: block; color: #718497; font-size: 8px; }.multi-coupon-row .basket b { font-size: 16px; }
  .scale-examples { grid-template-columns: 1fr; gap: 25px; padding: 20px 0 16px; }.scale-formula { flex-wrap: wrap; }.scale-formula strong { width: 100%; margin: 4px 0 0; }
  .fee-waterfall { grid-template-columns: 1fr; }.fee-waterfall i { padding: 3px; text-align: center; }
  .spread-evidence { grid-template-columns: 1fr 1fr; }.spread-evidence > p { grid-column: 1 / -1; }
  .friction-case-grid { grid-template-columns: 1fr; gap: 26px; padding: 20px 0 16px; }.friction-formula { grid-template-columns: 1fr auto 58px; }.friction-formula i:nth-of-type(2), .friction-formula b { grid-column: 1 / -1; }.friction-formula i:nth-of-type(2) { display: none; }.friction-formula b { text-align: left; }
  .fcn-threshold-rail { grid-template-columns: 1fr; }.fcn-threshold-rail > i { transform: rotate(90deg); text-align: center; }
  .spread-story > header { display: block; }.spread-story > header strong { display: block; margin-top: 5px; }.spread-story-body { grid-template-columns: 1fr; }.spread-mini-bars span { grid-template-columns: 78px 1fr 52px; }
  .decision-rail { grid-template-columns: 1fr; gap: 9px; padding: 20px 0 15px; }.decision-rail > i { text-align: center; }
}
@media (max-width: 1180px) {
  .knowledge-reading-hero { grid-template-columns: 1fr; gap: 34px; width: min(940px, calc(100% - 72px)); }
  .knowledge-hero-outcomes { width: 100%; box-sizing: border-box; }
}
@media (max-width: 1050px) {
  .income-chain-flow { grid-template-columns: 1fr auto 1fr; }.income-demand-stack { grid-column: 1 / -1; grid-template-columns: 1fr 1fr; }
  .put-case-grid { grid-template-columns: 1fr; }.bearish-compare { grid-template-columns: 1fr 1fr; }.notional-ratio { grid-column: 1 / -1; }
  .put-payoff-ladder { grid-template-columns: 1fr 1fr; }.put-payoff-ladder article:nth-child(3) { border-left: 0; }.put-payoff-ladder article:nth-child(n+3) { border-top: 1px solid #d4dfe9; }
  .annualization-math { grid-template-columns: 1fr auto 1fr; }.annualization-math > div.result { grid-column: 2 / 4; }
  .coupon-formula-row { grid-template-columns: 1fr auto 1fr; }.coupon-formula-row article.coupon-result { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
  .knowledge-site-header { padding: 0 18px; }.knowledge-site-header nav a:not(:first-child) { display: none; }
  .knowledge-site-header nav { margin-left: auto; gap: 12px; }
  .knowledge-admin-entry { padding: 0 10px; }
  .knowledge-admin-modal { align-items: end; padding: 0; }
  .knowledge-admin-card, .knowledge-admin-editor { width: 100%; max-height: 92vh; overflow-y: auto; padding: 28px 20px; border-radius: 8px 8px 0 0; }
  .knowledge-admin-wechat { width: 100%; max-height: 96vh; overflow-y: auto; }
  .knowledge-wechat-title-row { grid-template-columns: 1fr; }
  .knowledge-wechat-preview { height: 56vh; padding: 8px; }
  .knowledge-wechat-preview > section { padding: 18px 14px !important; }
  .knowledge-admin-card textarea { min-height: 220px; }
  .knowledge-home-intro { padding-top: 4px; }.knowledge-home-intro h1 { font-size: 37px; }
  .knowledge-start-paths { grid-template-columns: 1fr; }.knowledge-start-paths a + a { border-top: 1px solid var(--line); border-left: 0; }
  .knowledge-search { grid-template-columns: 1fr; }.knowledge-search span { padding-left: 2px; }
  .knowledge-category { grid-template-columns: 1fr; }.knowledge-category-head { padding: 22px 20px; border-right: 0; border-bottom: 1px solid var(--line); }.knowledge-category-head h2 { margin-top: 10px; }.knowledge-category-body { padding: 4px 18px 13px; }.knowledge-question-link { grid-template-columns: 1fr 18px; padding: 16px 0; }.knowledge-question-link > span { display: none; }.knowledge-question-link small { white-space: normal; }.knowledge-question-construction { grid-template-columns: minmax(0, 1fr) auto 18px; }.knowledge-question-construction em { display: block; }.knowledge-roadmap ul { grid-template-columns: 1fr; }
  .knowledge-official-sources { padding: 24px 20px; }
  .knowledge-reading-hero { width: calc(100% - 36px); padding: 42px 0; }.knowledge-reading-hero h1 { margin-top: 24px; font-size: 39px; }.knowledge-reading-hero h1 span { font-size: .65em; }.knowledge-reading-hero-single-title h1 { font-size: clamp(22px, 7vw, 39px); }.knowledge-reading-hero > div > p { font-size: 15px; }.knowledge-reading-meta { flex-wrap: wrap; gap: 9px 16px; }
  .knowledge-hero-outcomes { padding: 18px 14px 14px; overflow: hidden; }.knowledge-hero-outcomes header { grid-template-columns: 1fr; }.knowledge-hero-outcomes header > span { grid-column: auto; }.knowledge-hero-outcomes header p { margin-top: 3px; }.knowledge-hero-outcomes svg { min-width: 520px; transform: translateX(-8px); }.knowledge-hero-outcomes figcaption { grid-template-columns: 1fr; gap: 7px; }
  .knowledge-hero-income svg { min-width: 0; transform: none; }
  .hero-put-core { flex-wrap: wrap; }.hero-put-paths { grid-template-columns: 1fr; }.hero-put-paths b { text-align: center; }
  .knowledge-income-visual { margin-top: 30px; overflow: hidden; }.knowledge-income-visual > header { grid-template-columns: 1fr; padding: 21px 18px 17px; }.knowledge-income-visual > header > span { grid-column: auto; }.knowledge-income-visual > header h3 { font-size: 22px; }.knowledge-income-visual > header p { margin-top: 3px; }.knowledge-income-visual > figcaption { padding: 12px 18px 14px; }
  .knowledge-compare-visual { margin-top: 30px; overflow: hidden; }.knowledge-compare-visual > header { grid-template-columns: 1fr; padding: 21px 18px 17px; }.knowledge-compare-visual > header > span { grid-column: auto; }.knowledge-compare-visual > header h3 { font-size: 22px; }.knowledge-compare-visual > header p { margin-top: 3px; }.knowledge-compare-visual > figcaption { padding: 12px 18px 14px; }
  .compare-core { margin: 20px 18px 12px; flex-wrap: wrap; }.compare-two-column, .decision-split, .worst-of-flow { grid-template-columns: 1fr; padding: 0 18px 20px; }.decision-split, .worst-of-flow { padding-top: 20px; }.not-equal { padding: 2px 18px 18px; }.quote-gap-bars { padding: 20px 18px 14px; }.quote-gap-bars article { grid-template-columns: 1fr; gap: 8px; }.quote-gap-bars strong { text-align: left; }.quote-gap-bridge { grid-template-columns: 1fr; margin: 0 18px 20px; }.worst-of-history { grid-template-columns: 1fr auto; margin: 0 18px 20px; }.worst-of-history i { display: none; }.spread-ladder-list { padding: 20px 18px 16px; }.spread-ladder blockquote { margin: 0 18px 20px; }
  .income-chain-flow, .bearish-compare { grid-template-columns: 1fr; padding: 20px 18px; }.income-chain-arrows { display: none; }.income-demand-stack { grid-column: auto; grid-template-columns: 1fr; }.income-chain-balance { grid-template-columns: 1fr; margin: 0 18px 20px; }.notional-ratio { grid-column: auto; }
  .put-case-grid { padding: 20px 18px; }.put-case-grid svg { min-width: 0; transform: none; }
  .annualization-flow { grid-template-columns: 1fr; padding: 20px 18px 14px; }.annualization-flow > i { text-align: center; }.annualization-math { grid-template-columns: 1fr; padding: 0 18px 20px; }.annualization-math > i { text-align: center; }.annualization-math > div.result { grid-column: auto; }
  .put-payoff-ladder { grid-template-columns: 1fr; margin: 0 18px 20px; }.put-payoff-ladder article + article { border-top: 1px solid #d4dfe9; border-left: 0; }.annualization-perspectives { grid-template-columns: 1fr; padding: 20px 18px 14px; }.market-utility-note { grid-template-columns: 1fr; margin: 0 18px 20px; }
  .coupon-formula-row { grid-template-columns: 1fr; padding: 20px 18px 14px; }.coupon-formula-row > i { text-align: center; }.coupon-formula-row article.coupon-result { grid-column: auto; }.coupon-source-formula blockquote { margin: 0 18px 20px; }
  .knowledge-reading-layout { width: calc(100% - 36px); padding-top: 30px; }.knowledge-reading-toc { grid-template-columns: 1fr; }.knowledge-reading-copy { columns: 1; }.knowledge-checklist ol { grid-template-columns: 1fr; }.knowledge-case-grid { grid-template-columns: 1fr; }.knowledge-case-card:nth-child(even) { border-left: 0; }.knowledge-case-card + .knowledge-case-card { border-top-width: 1px; }.knowledge-checklist { padding: 26px 22px; }
  .knowledge-reading-section > header { grid-template-columns: 58px minmax(0, 1fr); gap: 13px; margin-bottom: 24px; }.knowledge-reading-section > header > span { width: 58px; font-size: 43px; line-height: .9; }
  .knowledge-payoff-visual { grid-template-columns: 1fr; padding: 22px 18px; }.knowledge-payoff-visual svg { min-height: 0; }.knowledge-payoff-visual figcaption { grid-column: auto; }
  .knowledge-basic-fcn-visual { padding: 20px 16px; }.basic-fcn-flow { grid-template-columns: 1fr; gap: 8px; }.basic-fcn-flow > i { transform: rotate(90deg); }.basic-fcn-case-heading { display: block; }.basic-fcn-case-heading p { margin-top: 8px; }.basic-fcn-comparison { padding: 14px 8px 12px; overflow-x: auto; }.basic-fcn-comparison svg { min-width: 620px; }.basic-fcn-chart-terms { min-width: 620px; }
  .knowledge-terms-visual, .knowledge-outcomes-visual { padding: 21px 16px; }.terms-comparison-grid { grid-template-columns: 1fr; }.terms-comparison-grid article + article { border-left: 0; border-top-width: 1px; }.terms-comparison-grid h4 { min-height: 0; }.outcome-branches { grid-template-columns: 1fr; gap: 12px; }.outcome-branches::before { display: none; }.outcome-branches article::before { display: none; }.outcome-formula { grid-template-columns: 1fr; }.outcome-formula strong { text-align: left; }.outcome-formula small { grid-column: auto; }
  .scenario-path-visual > header { display: block; }.scenario-price-chart svg { min-width: 610px; }.scenario-result-list { grid-template-columns: 1fr; }.scenario-result-list article + article { border-top: 1px solid #d5dfe8; border-left: 0; }.scenario-result-list h4 { min-height: 0; font-size: 15px; }
  .strategy-map { display: none; }.strategy-map-list { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }.strategy-map-list span { padding: 10px; border: 1px solid #c5d3e1; color: #4a6079; background: #f8fbff; font-size: 9px; text-align: center; }.strategy-map-list span.featured { grid-column: 1 / -1; color: #fff; border-color: #0d777d; background: #0d777d; font-weight: 700; }.strategy-range-visual > header, .knowledge-real-case > header { grid-template-columns: 1fr; padding: 20px 18px 17px; }.strategy-range-visual > header > span, .knowledge-real-case > header > span { grid-column: auto; }.strategy-range-visual > figcaption, .knowledge-real-case > figcaption { padding: 14px 18px 16px; }.real-case-terms { grid-template-columns: 1fr 1fr; }.real-case-terms div:not(:nth-child(3n+1)) { border-left: 0; }.real-case-terms div:nth-child(even) { border-left: 1px solid #e0e7ef; }.real-case-terms div:nth-child(n+3) { border-top: 1px solid #e0e7ef; }.real-case-outcome { grid-template-columns: 1fr; margin: 0 18px 18px; }.real-case-outcome > i { transform: rotate(90deg); text-align: center; }
  .knowledge-scenario-block { padding-bottom: 46px; }.knowledge-scenario-block + .knowledge-scenario-block { padding-top: 40px; }
  .knowledge-scenario-heading { grid-template-columns: 76px minmax(0, 1fr); gap: 16px; margin-bottom: 26px; }.scenario-number { padding: 20px 10px 18px 14px; }.scenario-number strong { font-size: 38px; }.knowledge-scenario-heading > div:last-child { padding: 18px 18px 19px 0; }.knowledge-scenario-heading h3 { font-size: 21px; }
  .knowledge-scenario-points { grid-template-columns: 1fr; }.knowledge-scenario-points > div:nth-child(even) { border-left: 0; }.knowledge-scenario-points > div + div { border-top: 1px solid #dce5ee; }
  .knowledge-scenario-evidence { overflow: hidden; }.knowledge-scenario-evidence > header { grid-template-columns: 1fr; padding: 20px 18px 17px; }.knowledge-scenario-evidence > header > span { grid-column: auto; }.knowledge-scenario-evidence > header h3 { font-size: 21px; }.scenario-metric-grid { grid-template-columns: 1fr 1fr; }.scenario-metric-grid > div + div { border-left: 0; }.scenario-metric-grid > div:nth-child(even) { border-left: 1px solid #e0e7ef; }.scenario-metric-grid > div:nth-child(n+3) { border-top: 1px solid #e0e7ef; }
  .scenario-path-chart { padding: 13px 10px 2px; overflow-x: auto; }.scenario-path-chart svg { min-width: 650px; }.panic-evidence-layout { grid-template-columns: 1fr; }.panic-chart { border-right: 0; border-bottom: 1px solid #d4dee9; }.panic-chart svg { min-width: 560px; }.panic-math { padding: 22px 18px; }.scenario-evidence-footer { grid-template-columns: 1fr; margin: 0 18px 18px; }.scenario-evidence-footer > div + div { border-top: 1px solid #dce5ee; border-left: 0; }.knowledge-scenario-evidence > figcaption { padding: 14px 18px 16px; }
  .trap-comparison { grid-template-columns: 1fr; }.trap-comparison article { padding: 22px 18px; }.trap-formula { grid-template-columns: 1fr; }.trap-formula > i { text-align: center; }.trap-verdict { grid-template-columns: 1fr; margin: 18px; }.trap-verdict i { text-align: center; }
  .strike-risk-table { min-width: 610px; padding: 20px 18px 15px; }.unsuitable-evidence:has(.strike-risk-table) { overflow-x: auto; }.strike-message { min-width: 574px; margin: 0 18px 20px; }.unsuitable-check-visual > div { grid-template-columns: 1fr; }.unsuitable-check-visual article + article { border-top: 1px solid #dfd0ca; border-left: 0; }
  .fcn-fit-manifesto > header { padding: 21px 18px 17px; }.fcn-fit-manifesto > header h3 { font-size: 21px; }.fit-manifesto-flow { grid-template-columns: 1fr; padding: 20px 18px; }.fit-manifesto-flow article { min-height: 0; }.fit-manifesto-flow > i { transform: rotate(90deg); text-align: center; }.fcn-fit-manifesto blockquote { margin: 0 18px 18px; }.fit-red-lines { grid-template-columns: 1fr; margin: 0 18px 20px; }.fcn-fit-manifesto figcaption { padding: 14px 18px 16px; }
  .knowledge-site-footer { display: block; padding: 25px 19px; }.knowledge-site-footer p { margin-top: 9px; text-align: left; }
}

.knowledge-selection-triad { margin: 30px 0; padding: 26px; border: 1px solid #c7d5e4; border-radius: 10px; background: #f8fafc; }
.knowledge-selection-triad > header span { color: var(--article-blue); font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.knowledge-selection-triad > header h3 { margin: 6px 0 0; font-family: var(--serif); font-size: 22px; }
.selection-triad-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 18px; }
.selection-triad-grid article { padding: 16px 18px; border: 1px solid #dbe3ea; border-radius: 8px; background: white; }
.selection-triad-grid small { color: var(--article-blue); font-size: 11px; font-weight: 700; }
.selection-triad-grid h4 { margin: 8px 0 4px; font-family: var(--serif); font-size: 17px; }
.selection-triad-grid p { margin: 0; color: var(--ink); font-size: 12px; }
.selection-triad-grid span { display: block; margin-top: 8px; color: var(--muted); font-size: 11px; }
.knowledge-selection-triad figcaption { margin: 14px 0 0; color: var(--muted); font-size: 11px; }
@media (max-width: 640px) { .selection-triad-grid { grid-template-columns: 1fr; } }

.knowledge-msft-case { margin: 30px 0 24px; border: 1px solid #bdccda; border-radius: 10px; overflow: hidden; background: #fff; box-shadow: 0 12px 34px rgba(23,49,79,.07); }
.knowledge-msft-case > header { padding: 22px 26px 19px; border-bottom: 1px solid #d8e1ea; background: linear-gradient(135deg,#f4f8fb 0%,#fff 72%); }
.knowledge-msft-case > header > span { color: #0d777d; font: 800 9px var(--mono); letter-spacing: .14em; }
.knowledge-msft-case > header h3 { margin: 7px 0 4px; color: #17314f; font-family: var(--serif); font-size: 23px; line-height: 1.35; }
.knowledge-msft-case > header p { margin: 0; color: #687a91; font: 500 10px/1.7 var(--mono); }
.knowledge-msft-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-bottom: 1px solid #d8e1ea; }
.knowledge-msft-summary article { min-width: 0; padding: 18px 20px; }
.knowledge-msft-summary article + article { border-left: 1px solid #e0e7ee; }
.knowledge-msft-summary small,.knowledge-msft-metric-grid small { display: block; color: #728197; font: 700 9px var(--mono); letter-spacing: .06em; }
.knowledge-msft-summary strong { display: block; margin-top: 7px; color: #17314f; font: 800 19px/1.15 var(--mono); }
.knowledge-msft-summary span { display: block; margin-top: 6px; color: #687a91; font-size: 9px; line-height: 1.55; }
.knowledge-msft-summary .case-score { background: #eff8f7; }.knowledge-msft-summary .case-score strong { color: #0d777d; }
.knowledge-msft-score-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; padding: 20px 22px; }
.knowledge-msft-score-grid article { min-width: 0; padding: 15px 16px; border: 1px solid #dce5ed; border-radius: 7px; background: #fbfcfd; }
.knowledge-msft-score-grid article > div { display: flex; justify-content: space-between; gap: 12px; color: #17314f; font-size: 11px; font-weight: 700; }
.knowledge-msft-score-grid article > div strong { flex: none; font: 800 10px var(--mono); }
.knowledge-msft-score-grid i { display: block; height: 5px; margin-top: 11px; overflow: hidden; border-radius: 99px; background: #e2e9ef; }
.knowledge-msft-score-grid i b { display: block; height: 100%; border-radius: inherit; background: #0d8588; }
.knowledge-msft-score-grid p { margin: 9px 0 0; color: #687a91; font-size: 9px; line-height: 1.6; }
.knowledge-msft-vol-head { display: grid; grid-template-columns: 150px minmax(0,1fr); align-items: center; border-bottom: 1px solid #d8e1ea; }
.knowledge-msft-vol-head > div { padding: 20px 24px; background: #eff8f7; }.knowledge-msft-vol-head small { display: block; color: #0d777d; font: 800 9px var(--mono); }.knowledge-msft-vol-head strong { color: #0d777d; font: 800 34px/1 var(--mono); }.knowledge-msft-vol-head span { color: #687a91; font: 700 10px var(--mono); }
.knowledge-msft-vol-head > p { margin: 0; padding: 19px 24px; color: #53677e; font-size: 11px; line-height: 1.75; }.knowledge-msft-vol-head > p strong { display: block; margin-bottom: 4px; color: #17314f; font: 700 14px/1.4 var(--serif); }
.knowledge-msft-metric-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; padding: 20px 22px; }
.knowledge-msft-metric-grid article { min-width: 0; padding: 15px 16px; border: 1px solid #dce5ed; border-top: 3px solid #7fa8b6; border-radius: 6px; background: #fbfcfd; }
.knowledge-msft-metric-grid article.caution { border-top-color: #d49045; background: #fffaf4; }.knowledge-msft-metric-grid article.positive { border-top-color: #168b8b; background: #f5fbfa; }
.knowledge-msft-metric-grid strong { display: block; margin-top: 7px; color: #17314f; font: 800 18px/1.1 var(--mono); }.knowledge-msft-metric-grid span { display: block; margin-top: 6px; color: #687a91; font-size: 9px; line-height: 1.5; }
.knowledge-msft-backtest-key { display: flex; flex-wrap: wrap; gap: 8px 18px; padding: 13px 22px; border-bottom: 1px solid #d8e1ea; color: #687a91; font-size: 9px; }
.knowledge-msft-table-wrap { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.knowledge-msft-table-wrap table { width: 100%; min-width: 620px; border-collapse: collapse; table-layout: fixed; color: #17314f; }
.knowledge-msft-table-wrap th,.knowledge-msft-table-wrap td { padding: 13px 10px; border-right: 1px solid #e0e7ee; border-bottom: 1px solid #e0e7ee; text-align: center; font: 700 11px/1.25 var(--mono); }
.knowledge-msft-table-wrap thead th { background: #f3f7fa; color: #617289; font-size: 9px; }.knowledge-msft-table-wrap tbody th { width: 72px; background: #f8fafc; }
.knowledge-msft-table-wrap td.safe { background: #edf8f3; color: #187456; }.knowledge-msft-table-wrap td.watch { background: #fff8e9; color: #99701f; }.knowledge-msft-table-wrap td.danger { background: #fff0ed; color: #b24d3f; }
.knowledge-msft-table-wrap td small { display: block; margin-top: 5px; color: inherit; font: 500 8px/1.35 var(--mono); opacity: .86; }
.knowledge-msft-verdict { display: grid; grid-template-columns: 92px minmax(0,1fr); gap: 16px; margin: 0 22px 20px; padding: 15px 17px; border-left: 3px solid #0d8588; background: #f2f8f8; }
.knowledge-msft-verdict strong { color: #0d777d; font: 800 10px/1.6 var(--mono); letter-spacing: .06em; }.knowledge-msft-verdict p { margin: 0; color: #53677e; font-size: 10px; line-height: 1.75; }
.knowledge-msft-case > figcaption { padding: 13px 26px 15px; border-top: 1px solid #d8e1ea; color: #718197; font-size: 9px; line-height: 1.7; }
.knowledge-case-poster { margin: 30px 0 10px; border: 1px solid #bdccda; border-radius: 10px; overflow: hidden; background: #eef6ff; box-shadow: 0 16px 42px rgba(23,49,79,.09); }
.knowledge-case-poster > header { padding: 20px 24px 17px; border-bottom: 1px solid #cbd9e7; background: linear-gradient(135deg,#f1f7fd 0%,#fff 78%); }
.knowledge-case-poster > header span { color: #087c85; font: 800 9px var(--mono); letter-spacing: .13em; }
.knowledge-case-poster > header h4 { margin: 7px 0 3px; color: #17314f; font-family: var(--serif); font-size: 21px; line-height: 1.35; }
.knowledge-case-poster > header p { margin: 0; color: #687a91; font: 500 10px/1.7 var(--mono); }
.knowledge-case-poster > img { display: block; width: 100%; height: auto; background: #eef6ff; }
.knowledge-case-poster > figcaption { padding: 13px 22px 15px; border-top: 1px solid #cbd9e7; background: #fff; color: #718197; font-size: 9px; line-height: 1.7; }
@media (max-width: 760px) {
  .knowledge-msft-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }.knowledge-msft-summary article:nth-child(3) { border-left: 0; }.knowledge-msft-summary article:nth-child(n+3) { border-top: 1px solid #e0e7ee; }
  .knowledge-msft-metric-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 520px) {
  .knowledge-msft-case > header { padding: 19px 17px 16px; }.knowledge-msft-case > header h3 { font-size: 20px; }
  .knowledge-case-poster > header { padding: 17px 16px 14px; }.knowledge-case-poster > header h4 { font-size: 19px; }.knowledge-case-poster > figcaption { padding: 12px 16px 14px; }
  .knowledge-msft-summary { grid-template-columns: 1fr 1fr; }.knowledge-msft-summary article { padding: 15px 13px; }.knowledge-msft-summary strong { font-size: 15px; }
  .knowledge-msft-score-grid,.knowledge-msft-metric-grid { grid-template-columns: 1fr; padding: 16px; }
  .knowledge-msft-vol-head { grid-template-columns: 1fr; }.knowledge-msft-vol-head > div { padding: 17px; }.knowledge-msft-vol-head > p { padding: 16px 17px; }
  .knowledge-msft-backtest-key { padding: 12px 16px; }.knowledge-msft-table-wrap table { min-width: 570px; }
  .knowledge-msft-verdict { grid-template-columns: 1fr; gap: 5px; margin: 0 16px 16px; }.knowledge-msft-case > figcaption { padding: 12px 17px 14px; }
}