.reference-page{max-width:1440px;margin:0 auto;color:var(--ink)}
.reference-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:12px 0 25px;border-bottom:1px solid var(--line)}
.reference-heading h1{font-size:34px;letter-spacing:-1.2px;margin:12px 0 9px;font-weight:650}.reference-heading p{margin:0;color:var(--muted);font-size:14px;line-height:1.8}
.reference-stamp{font-size:11px;letter-spacing:1px;color:var(--brand);white-space:nowrap;border:1px solid var(--line);padding:10px 14px;border-radius:30px}
.reference-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin:24px 0}
.reference-metrics button{border:0;text-align:left;cursor:pointer;background:var(--surface,#fff);color:var(--ink);padding:20px 24px;font:inherit;min-width:0}
.reference-metrics button[aria-pressed=true]{background:var(--brand-soft);box-shadow:inset 0 -3px 0 var(--brand)}.reference-metrics button>span{display:block;font-size:13px;font-weight:600}.reference-metrics strong{display:block;font:500 32px/1.3 "Bahnschrift","Microsoft YaHei",sans-serif;font-variant-numeric:tabular-nums;margin:8px 0}.reference-metrics small{font-size:11px;color:var(--muted);line-height:1.6}
.reference-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:18px;align-items:end;margin-bottom:18px}.reference-search{display:flex;align-items:center;gap:12px;padding:6px 6px 6px 18px;border:1px solid var(--line);background:var(--surface,#fff);border-radius:12px}.reference-search>svg{width:20px;height:20px;color:var(--muted);flex-shrink:0}.reference-search input{width:100%;min-width:0;min-height:42px;border:0;outline:0;background:none;color:var(--ink);font:inherit;font-size:13px}.reference-search:focus-within{outline:2px solid var(--brand);outline-offset:2px}.reference-filter{font-size:11px;color:var(--muted);display:grid;gap:6px}.reference-filter select{width:100%;min-height:54px;padding:10px 14px;border:1px solid var(--line);background:var(--surface,#fff);border-radius:12px;font:inherit;font-size:13px;color:var(--ink)}
.reference-search .button{flex-shrink:0;white-space:nowrap;min-width:76px}.reference-scope-note{display:flex;gap:15px;align-items:baseline;line-height:1.7;margin:0 0 22px;font-size:12px;color:var(--muted)}.reference-scope-note strong{flex-shrink:0;color:var(--brand)}
.reference-layout{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);gap:24px;align-items:start}.reference-results,.reference-reader{border:1px solid var(--line);border-radius:16px;background:var(--surface,#fff);overflow:hidden;min-width:0}
.reference-results-heading{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}.reference-results-heading h2{font-size:14px;margin:0}.reference-results-heading>span{font-size:11px;color:var(--muted)}
.reference-result{display:flex;gap:12px;align-items:flex-start;width:100%;text-align:left;padding:20px;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink);font:inherit;cursor:pointer}.reference-result:hover{background:var(--brand-soft)}.reference-result[aria-pressed=true]{background:var(--brand-soft);box-shadow:inset 3px 0 0 var(--brand)}.reference-result-number{font:500 12px/1.8 "Bahnschrift",sans-serif;color:var(--muted);min-width:24px}.reference-result-text{min-width:0;display:grid;gap:9px;flex:1}.reference-result-text>strong{font-size:14px;line-height:1.7;overflow-wrap:anywhere}.reference-result-text>span:not(.reference-tag){font-size:12px;color:var(--muted);line-height:1.8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere}.reference-result-text>small{font-size:10px;color:var(--muted);overflow-wrap:anywhere;line-height:1.6}.reference-result>svg{width:16px;height:16px;flex-shrink:0;margin-top:27px;color:var(--brand)}
.reference-tag{display:inline-block;justify-self:start;font-size:10px;line-height:1.4;padding:4px 7px;border-radius:5px;background:var(--brand-soft);color:var(--brand);letter-spacing:.3px}
.reference-reader{padding:30px;position:sticky;top:20px;min-height:480px}.reference-reader h2,.reference-source-modal h2{font-size:23px;font-weight:600;line-height:1.65;margin:16px 0 10px;overflow-wrap:anywhere}.reference-citation{font-size:11px;color:var(--muted);line-height:1.9;overflow-wrap:anywhere}.reference-body{font-size:14px;line-height:2.05;white-space:pre-wrap;overflow-wrap:anywhere;margin:24px 0 30px}.reference-context{border-top:1px solid var(--line);padding-top:22px}.reference-context>h3{font-size:15px;margin:0 0 9px}.reference-context>p{font-size:12px;color:var(--muted);line-height:1.8}.reference-context article{padding:16px;background:var(--paper);border-radius:10px;margin:14px 0}.reference-context article>span{font-size:10px;color:var(--muted)}.reference-context article>p{font-size:12px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.reference-footnote{margin:22px 0 0;color:var(--muted);font-size:11px;line-height:1.8}.reference-reader-intro{text-align:center;max-width:310px;margin:85px auto}.reference-reader-intro>span{display:grid;place-items:center;margin:0 auto 25px;width:58px;height:58px;border-radius:50%;background:var(--brand-soft);color:var(--brand)}.reference-reader-intro svg{width:25px;height:25px}.reference-reader-intro h2{font-size:22px}.reference-reader-intro>p:last-child{font-size:13px;color:var(--muted);line-height:1.9}
.reference-empty{padding:45px 24px;text-align:center;font-size:13px;color:var(--muted);line-height:1.9}.reference-empty h3{font-size:16px;color:var(--ink)}.reference-empty .button{margin-top:14px}.reference-pagination{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:16px}.reference-pagination>span{font-size:11px;color:var(--muted)}.reference-pagination .button{font-size:11px;min-height:40px;padding:8px 12px}.reference-muted{color:var(--muted)}
.reference-coach{display:grid;gap:15px;padding:22px;border:1px solid #c9d9cf;background:#f7faf4;border-radius:16px}.reference-coach h3{font-size:21px;margin:0}.reference-coach p{font-size:13px;line-height:1.9}.reference-coach blockquote{margin:0;padding:12px 15px;border-left:3px solid #8da994;background:#fff;white-space:pre-wrap;line-height:1.9;font-size:12px;overflow-wrap:anywhere}.reference-question{padding:14px;border-radius:9px;background:#e8f0e6}.reference-coach-sources{border-top:1px solid #d8e3d6;padding-top:15px}.reference-coach-sources h4{margin:0 0 14px}.reference-coach-sources article{display:grid;gap:12px;margin:0 0 18px}.reference-coach small{font-size:11px;line-height:1.8;color:#536b5c}.reference-coach .text-button{border:0;background:none;color:var(--brand);padding:6px 0;text-align:left;cursor:pointer;min-height:40px}.reference-coach .text-button svg{width:16px;height:16px;vertical-align:middle}.reference-source-modal{display:grid;gap:12px;text-align:left}.reference-source-modal .reference-body{margin:8px 0 15px}
@media(max-width:1000px){.reference-layout{grid-template-columns:1fr}.reference-reader{position:static;min-height:300px}.reference-reader-intro{margin:35px auto}.reference-result-text>span:not(.reference-tag){-webkit-line-clamp:2}}
@media(max-width:600px){.reference-heading{align-items:flex-start;padding-top:5px}.reference-heading h1{font-size:27px}.reference-heading .eyebrow{font-size:9px}.reference-heading p{font-size:12px}.reference-stamp{display:none}.reference-metrics{margin:20px 0}.reference-metrics button{padding:16px 10px}.reference-metrics strong{font-size:26px}.reference-metrics button>span{font-size:11px}.reference-metrics small{font-size:9px}.reference-toolbar{grid-template-columns:1fr;gap:12px}.reference-search{padding-left:12px;gap:8px}.reference-search .button{padding:9px 13px;flex-shrink:0}.reference-filter{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px}.reference-filter select{min-height:44px}.reference-scope-note{font-size:11px;gap:10px}.reference-result{padding:16px 13px;gap:8px}.reference-result-number{min-width:20px}.reference-reader{padding:22px 18px}.reference-reader h2{font-size:20px}.reference-body{font-size:13px}.reference-layout{gap:18px}.reference-coach{padding:17px}.reference-pagination{gap:6px}.reference-pagination .button{padding:7px 10px}}
@media(prefers-reduced-motion:reduce){.reference-page *{scroll-behavior:auto}}

@media(max-width:900px){.reference-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}