.synthesis-page{max-width:var(--fx-max-width);margin:auto;padding:44px var(--fx-gutter) 72px;font-family:var(--fx-font)}
.synthesis-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}
.synthesis-heading h1{font-size:44px;letter-spacing:-1.5px;margin:13px 0 15px;font-weight:500}
.synthesis-heading>div>p:last-child{font-size:16px;color:#647870;line-height:1.7}
.synthesis-principle{display:flex;align-items:center;gap:17px;padding:17px 20px;background:#edf3eb;border:1px solid #dce5d8;border-radius:5px;margin-bottom:30px;font-size:12px}
.synthesis-principle p{flex:1}.synthesis-principle a{white-space:nowrap;font-size:11px}.synthesis-principle-mark{font-size:23px;color:var(--fx-accent)}
.synthesis-layout{display:grid;grid-template-columns:264px minmax(0,1fr);gap:38px;align-items:start}
.synthesis-library{position:sticky;top:calc(var(--fx-header-height) + 20px);max-height:calc(100vh - var(--fx-header-height) - 40px);overflow:auto;padding-bottom:16px;scrollbar-width:thin}
.synthesis-library-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 15px}.synthesis-library-head h2{font-size:17px}.synthesis-library-head>span{background:#e8eee6;border-radius:20px;min-width:26px;text-align:center;font-size:12px}
#synthesis-search{font-size:12px;padding:11px 12px;margin-bottom:12px;min-height:42px}
.synthesis-choice{display:flex;align-items:center;gap:11px;padding:15px 11px;border:1px solid transparent;border-bottom-color:var(--fx-line);color:var(--fx-ink);border-radius:4px}
.synthesis-choice[aria-current]{background:#eaf2e9;border-color:#c9d9c7}.synthesis-choice:hover{background:#f0f4ee}.synthesis-choice>span:nth-child(2){min-width:0;flex:1}
.synthesis-choice strong{display:block;font-size:13px;font-weight:600;overflow-wrap:anywhere}.synthesis-choice small{display:block;font-size:10px;color:#677a6f;margin-top:3px}
.synthesis-symbol{width:34px;height:34px;display:grid;place-items:center;border:1px solid #d4dfd4;border-radius:50%;font-size:10px;flex-shrink:0;color:#44755f;background:#fff9}
.synthesis-choice-arrow{font-size:13px;color:#7d9382}.synthesis-search-status{font-size:12px;padding:12px 0}.synthesis-library-note{padding:25px 10px 0}.synthesis-library-note p{font-size:12px;color:#6e7e73;line-height:2;margin-top:10px}
.synthesis-detail{min-width:0;background:#fff;border:1px solid var(--fx-line);padding:32px 34px 30px;border-radius:6px}
.synthesis-compound-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.synthesis-compound-heading h2{font-size:34px;font-weight:500;letter-spacing:-1px;margin:10px 0 7px;overflow-wrap:anywhere}
.synthesis-english{color:#77877c;font-size:12px}.synthesis-large-symbol{display:grid;place-items:center;width:66px;height:66px;border:1px solid #d7e2d5;border-radius:50%;flex-shrink:0;background:#f3f7ee;font:24px Georgia,serif;color:#56815e}
.synthesis-role{font-size:14px;color:#5b7064;line-height:1.8;margin:20px 0}.synthesis-facts{display:grid;grid-template-columns:1fr 1.4fr;gap:20px;padding:16px 0;border-top:1px solid var(--fx-line);border-bottom:1px solid var(--fx-line)}
.synthesis-facts span{display:block;color:#758577;font-size:10px;margin-bottom:5px}.synthesis-facts strong{font-size:12px;font-weight:600}.synthesis-why{margin:25px 0}.synthesis-why h3{font-size:15px;letter-spacing:0}.synthesis-why p{font-size:13px;color:#65766a;margin-top:10px;line-height:1.8}
.synthesis-section-title{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.synthesis-section-title h3{font-size:15px;letter-spacing:0}.synthesis-section-title>span{font-size:10px;color:#6b7a6f}
.synthesis-dependencies{padding:20px;background:#f8faf6;border:1px solid #e5ebe0;border-radius:5px}
.synthesis-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:10px;color:#6c7d70;margin:13px 0}.synthesis-legend span{display:flex;align-items:center;gap:5px}.synthesis-legend i{width:6px;height:6px;border-radius:50%;display:inline-block}.synthesis-legend .substrate{background:#739077}.synthesis-legend .cofactor{background:#548da0}.synthesis-legend .energy{background:#b19350}
.synthesis-resource-buttons{display:flex;flex-wrap:wrap;gap:7px}.synthesis-resource{border:1px solid #d4ded1;border-radius:4px;background:#fff;min-height:36px;padding:6px 10px;font-size:11px}.synthesis-resource.cofactor{color:#3d7185;border-color:#c5d9e0}.synthesis-resource.energy{color:#836b30;border-color:#e0d7be}.synthesis-resource[aria-pressed=true]{background:#2e6555;color:#fff;border-color:#2e6555}.synthesis-resource:hover{box-shadow:0 0 0 1px #6f8e78}.synthesis-dependency-note{margin-top:13px;font-size:12px;color:#596d60;line-height:1.7}.synthesis-resource-static details{font-size:12px;padding:7px 0}.synthesis-resource-static summary{cursor:pointer}.synthesis-resource-static p{margin-top:6px}
.synthesis-path{margin-top:28px}.synthesis-path-heading h3{font-size:18px}.synthesis-path-heading p{font-size:12px;color:#6e7e72;line-height:1.7;margin:9px 0 18px}
.synthesis-steps{list-style:none;padding:0;margin:0;position:relative}.synthesis-steps:before{content:"";position:absolute;top:24px;bottom:25px;left:18px;width:1px;background:#cddacd}
.synthesis-step{position:relative;display:flex;gap:18px;margin:12px 0;padding:15px 15px 15px 0;border:1px solid transparent;border-radius:5px;transition:background .15s,border-color .15s}
.synthesis-step-number{display:grid;place-items:center;position:relative;width:36px;height:36px;flex-shrink:0;border:1px solid #d2dfd1;background:#f3f7ef;border-radius:50%;font:12px monospace;color:#568064;margin-left:0}.synthesis-step-body{min-width:0;flex:1}.synthesis-step-input{font-size:14px;font-weight:600;overflow-wrap:anywhere}.synthesis-reaction{display:flex;align-items:center;gap:12px;margin:12px 0;padding:10px 13px;background:#f4f7f2;border-radius:4px}.synthesis-down-arrow{font-size:24px;color:#89a07e}.synthesis-small-label{display:block;font-size:9px;letter-spacing:.7px;text-transform:uppercase;color:#6e8071}.synthesis-reaction strong{display:block;font-size:11px;font-weight:550;overflow-wrap:anywhere;margin:3px 0}.synthesis-requires{display:block;font-size:11px;color:#7a6735}.synthesis-step-output{font-size:16px;font-weight:550;line-height:1.5;color:#2e6d51;overflow-wrap:anywhere}.synthesis-step-note{margin-top:7px;font-size:11px;color:#6e7e73;line-height:1.7}.synthesis-step.is-highlighted{background:#f0f6ec;border-color:#8da984}.synthesis-step.is-highlighted .synthesis-step-number{background:#326b52;color:#fff;border-color:#326b52}.synthesis-match{display:block;font-size:10px;color:#326b52;margin-top:9px;font-weight:600}
.synthesis-extra{background:#f1f5ef;border-left:3px solid #819877;padding:20px 23px;margin-top:24px}.synthesis-extra h3{font-size:16px;margin:8px 0 10px;line-height:1.5}.synthesis-extra p{font-size:12px;color:#607163;line-height:1.8}
.synthesis-explanation{margin-top:14px}.synthesis-explanation>div{padding:22px 0;border-bottom:1px solid var(--fx-line)}.synthesis-explanation h3{font-size:17px;margin:9px 0 10px}.synthesis-explanation p{font-size:13px;color:#607164;line-height:1.85}
.synthesis-sources{margin-top:25px}.synthesis-sources>p{font-size:11px;color:#6c7d70;margin:10px 0;line-height:1.7}.synthesis-sources ul{list-style:none;padding:0;margin:12px 0 0}.synthesis-sources li{margin:7px 0}.synthesis-sources a{font-size:11px;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.synthesis-method{display:grid;grid-template-columns:1fr 1.7fr;gap:50px;margin-top:45px;padding-top:30px;border-top:1px solid var(--fx-line);scroll-margin-top:calc(var(--fx-header-height) + 20px)}.synthesis-method h2{font-size:26px;margin-top:12px;line-height:1.3}.synthesis-method>div>p:not(.eyebrow){font-size:12px;color:#617467;line-height:1.9;margin-bottom:13px}
@media(max-width:1000px){.synthesis-layout{grid-template-columns:220px minmax(0,1fr);gap:22px}.synthesis-detail{padding:25px}.synthesis-choice{padding:13px 6px;gap:8px}.synthesis-symbol{width:28px;height:28px;font-size:9px}.synthesis-compound-heading h2{font-size:28px}.synthesis-large-symbol{width:50px;height:50px;font-size:20px}}
@media(max-width:760px){.synthesis-page{padding-top:28px}.synthesis-heading h1{font-size:34px}.synthesis-heading{align-items:flex-start}.synthesis-heading>.text-link{font-size:11px}.synthesis-heading>div>p:last-child{font-size:13px}.synthesis-principle{align-items:flex-start;flex-wrap:wrap;font-size:11px;padding:14px}.synthesis-principle p{flex-basis:80%}.synthesis-principle a{margin-left:32px}.synthesis-layout{display:block}.synthesis-library{position:static;max-height:none;margin-bottom:22px}.synthesis-library-note{display:none}#synthesis-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}.synthesis-choice{padding:11px 9px;border-color:#dce5d9;min-width:0}.synthesis-choice strong{font-size:12px}.synthesis-choice small{font-size:9px}.synthesis-choice-arrow{display:none}.synthesis-detail{padding:22px}.synthesis-method{grid-template-columns:1fr;gap:20px}.synthesis-library-head{margin-bottom:12px}.synthesis-facts{gap:12px}}
@media(max-width:450px){.synthesis-heading{display:block}.synthesis-heading>.text-link{margin-top:12px}.synthesis-detail{padding:20px 16px}.synthesis-compound-heading h2{font-size:25px}.synthesis-large-symbol{display:none}.synthesis-choice{gap:7px;padding:10px 7px}.synthesis-choice strong{font-size:11px}.synthesis-symbol{width:26px;height:26px}.synthesis-facts{grid-template-columns:1fr;gap:12px}.synthesis-dependencies{padding:14px}.synthesis-step{gap:12px;padding-right:8px}.synthesis-step-input{font-size:13px}.synthesis-step-output{font-size:15px}.synthesis-extra{padding:17px}.synthesis-reaction{padding:9px;gap:8px}}
@media(prefers-reduced-motion:reduce){.synthesis-step{transition:none}}
@media print{.synthesis-page{padding:0}.synthesis-library,.synthesis-resource-buttons,.synthesis-heading>.text-link,.synthesis-principle a{display:none!important}.synthesis-layout{display:block}.synthesis-detail{border:0;padding:0}.synthesis-step{break-inside:avoid}.synthesis-method{display:block}.synthesis-large-symbol{display:none}.synthesis-step.is-highlighted{border-color:transparent;background:transparent}}
/* Comparison overview: one chart per compound, sharing the same 1–5 axis. */
.synthesis-overview-intro{display:flex;align-items:center;gap:40px;padding:23px 0 28px;border-bottom:1px solid var(--fx-line);margin-bottom:26px}.synthesis-overview-intro>div{display:flex;gap:12px;align-items:center}.synthesis-overview-intro strong{font-size:34px;font-weight:450;line-height:1}.synthesis-overview-intro span,.synthesis-overview-intro p{font-size:12px;line-height:1.7;color:#64786d}.synthesis-overview-intro>p{margin-left:auto}.synthesis-overview-intro a{display:inline-block;margin-top:5px}
.synthesis-overview-tools{display:flex;align-items:end;gap:16px;margin-bottom:22px}.synthesis-overview-tools label{font-size:11px;color:#61746a;min-width:0}.synthesis-overview-search{flex:1}.synthesis-overview-tools input,.synthesis-overview-tools select{font-size:13px;min-height:44px}.synthesis-overview-tools .text-link{font-size:11px;min-height:44px;flex-shrink:0}.synthesis-chart-caption{display:flex;justify-content:space-between;gap:15px;margin:20px 0 12px;font-size:11px;color:#6a7e72}
.synthesis-comparison{width:100%;border-collapse:collapse;table-layout:fixed;border:1px solid var(--fx-line);background:#fff}.synthesis-comparison thead th{background:#edf3ec;text-align:left;color:#667c6e;font-size:12px;font-weight:500;padding:16px 22px}.synthesis-comparison th:nth-child(1){width:31%}.synthesis-comparison th:nth-child(2){width:29%}.synthesis-comparison th:nth-child(3){width:40%}.synthesis-comparison tbody th,.synthesis-comparison tbody td{text-align:left;border-bottom:1px solid var(--fx-line);padding:21px 22px;vertical-align:middle;font-weight:400}.synthesis-comparison tbody tr:hover{background:#fbfdf9}
.synthesis-row-title{display:flex;align-items:center;gap:12px;line-height:1.4}.synthesis-row-title>span:last-child{min-width:0}.synthesis-row-title .synthesis-symbol{width:39px;height:39px;font-size:11px}.synthesis-row-title strong{font-size:16px;font-weight:600;overflow-wrap:anywhere}.synthesis-row-title strong span{font-size:11px;margin-left:5px;color:#83998b}.synthesis-row-title small{display:block;font-size:11px;color:#849188;margin-top:5px}.synthesis-row-type{display:block;margin:8px 0 0 51px;font-size:10px;color:#77897c}.synthesis-route-cell>strong{display:block;font-size:12px;line-height:1.6;font-weight:500}.synthesis-route-cell>span{display:block;font-size:11px;color:#718477;margin:5px 0}.synthesis-route-cell>small{display:block;font-size:10px;color:#819085;line-height:1.7;overflow-wrap:anywhere}
.synthesis-score{position:relative;height:46px;background:#f4f8f3}.synthesis-score-track{position:absolute;inset:0;background:repeating-linear-gradient(to right,transparent 0,transparent calc(20% - 1px),#e1e9df calc(20% - 1px),#e1e9df 20%)}.synthesis-score-fill{display:block;height:100%;background:#b9ddca}.synthesis-score-guide{position:absolute;top:0;bottom:0;left:60%;border-left:1px dashed #668373}.synthesis-score>strong{position:absolute;right:10px;top:11px;font-size:16px;background:#ffffffd9;line-height:1.5;padding:0 7px;color:#3d6c54}.synthesis-score>strong small{font-size:11px;font-weight:400}.synthesis-chart-axis{display:flex;justify-content:space-between;margin:10px 0 -6px;font-size:10px}.synthesis-chart-axis span{width:20%;text-align:right}.synthesis-score-caption{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 12px;margin-top:8px;font-size:10px;color:#77897b}.synthesis-score-caption details{max-width:100%}.synthesis-score-caption summary{cursor:pointer;color:var(--fx-accent);text-decoration:underline;text-underline-offset:3px}.synthesis-score-reason{font-size:12px;color:#5a7162;line-height:1.75;padding:14px;margin-top:8px;background:#f4f7f0;border-left:2px solid #a9c6ad}.synthesis-score-reason p+p{margin-top:8px}.synthesis-score-reason a{display:inline-block;margin-top:10px}.synthesis-score-caption details[open]{flex-basis:100%}.synthesis-overview-empty{text-align:center;padding:50px 20px;background:#fff;border:1px solid var(--fx-line)}.synthesis-overview-empty h2{font-size:22px}.synthesis-overview-empty p{margin-top:10px;font-size:13px}.synthesis-scale-date{font-size:11px;color:#7b8e7e;margin-top:16px}.synthesis-detail-score{margin:22px 0;padding:16px;background:#f8faf6;border:1px solid #e0e8dc;border-radius:4px}.synthesis-detail-score .synthesis-score{margin:12px 0}.synthesis-detail-score>span{font-size:12px;color:#5b7061}.synthesis-detail-score summary{font-size:11px;color:var(--fx-accent);cursor:pointer}.synthesis-detail-score>a{font-size:11px}
@media(max-width:1000px){.synthesis-overview-intro{gap:22px}.synthesis-overview-tools{flex-wrap:wrap}.synthesis-overview-search{min-width:250px}.synthesis-comparison thead th,.synthesis-comparison tbody th,.synthesis-comparison tbody td{padding:16px 14px}.synthesis-row-title strong{font-size:14px}.synthesis-row-title{gap:8px}.synthesis-row-type{margin-left:47px}.synthesis-overview-intro>p{max-width:300px}}
@media(max-width:700px){.synthesis-overview-intro{flex-wrap:wrap;gap:20px 30px}.synthesis-overview-intro>p{margin:0;max-width:none;flex-basis:100%}.synthesis-overview-intro strong{font-size:28px}.synthesis-overview-intro span{font-size:11px}.synthesis-overview-tools{gap:12px}.synthesis-overview-tools label{flex:1}.synthesis-overview-tools .synthesis-overview-search{flex-basis:100%;min-width:0}.synthesis-overview-tools select{font-size:12px}.synthesis-chart-caption{font-size:10px;flex-wrap:wrap}.synthesis-comparison,.synthesis-comparison tbody{display:block}.synthesis-comparison thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.synthesis-comparison tbody tr{display:grid;grid-template-columns:1fr;border-bottom:1px solid var(--fx-line);padding:18px}.synthesis-comparison tbody th,.synthesis-comparison tbody td{width:auto!important;display:block;padding:0;border:0}.synthesis-comparison tbody th{margin-bottom:12px}.synthesis-comparison .synthesis-route-cell{margin:0 0 13px 47px}.synthesis-comparison .synthesis-score-cell{margin-top:3px}.synthesis-row-title strong{font-size:17px}.synthesis-row-type{font-size:11px}.synthesis-score{height:42px}.synthesis-score>strong{top:9px}.synthesis-comparison tr:last-child{border-bottom:0}}
@media print{.synthesis-overview-tools{display:none}.synthesis-score-fill{print-color-adjust:exact;-webkit-print-color-adjust:exact}.synthesis-comparison tr{break-inside:avoid}.synthesis-score-caption details{display:none}}

.synthesis-comparison tbody th{background:transparent;text-transform:none;letter-spacing:normal}

.synthesis-score>strong small{display:inline}