.t216.design-system .opt-directory,.t216.design-system .opt-reader{max-width:calc(80rem + 15.25rem)}
.opt-directory>header{max-width:62rem;margin:0 0 2rem}
.opt-kicker{font:800 .82rem/1.5 Arial,sans-serif;letter-spacing:.11em;color:var(--brand-red);text-transform:uppercase;margin:0 0 .45rem}
.t216.design-system .opt-directory h1{margin:.25rem 0 .8rem}
.opt-directory>header>p:not(.opt-kicker){font-size:1.06rem;line-height:1.65;max-width:80ch}
.t216.design-system .opt-directory .opt-ocr-note{font-size:.94rem;color:var(--muted);margin-top:.9rem}
.opt-directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}
.opt-directory-card{display:block;min-width:0;padding:1rem 1.15rem;border:1px solid var(--line);border-left:4px solid var(--brand-red);color:var(--ink);text-decoration:none;background:#fff}
.opt-directory-card:hover,.opt-directory-card:focus-visible{background:#f3f7fa;border-color:#7997ad}
.opt-directory-card>span{font:800 .79rem/1.5 Arial,sans-serif;letter-spacing:.06em;color:var(--brand-red)}
.t216.design-system .opt-directory-card h2{font:700 1.26rem/1.4 Georgia,serif;margin:.35rem 0 0;color:var(--ink)}
.opt-directory-card.opt-supplement{border-left-color:#7291a6}
.opt-directory-card.opt-supplement>span{color:#466b85}
.t216.design-system .opt-directory-card.opt-supplement h2{font-size:1.1rem}
.opt-reader{padding-top:0}
.opt-controls{position:sticky;top:4rem;z-index:12;padding:.75rem 0 .65rem;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 4px 8px #fff9}
.opt-controls-row{display:flex;gap:.5rem .7rem;align-items:center;flex-wrap:wrap}
.opt-controls label{font-size:.94rem;font-weight:700;white-space:nowrap}
.opt-controls select{min-width:0;width:min(28rem,100%);max-width:100%;border:1px solid #9eafbc;border-radius:3px;padding:.53rem .6rem;background:#fff;color:var(--ink);font-size:1rem;min-height:2.75rem}
.opt-page-jump{display:flex;align-items:center;gap:.45rem;margin-left:auto}
.opt-page-jump input{width:4.5rem;padding:.5rem;border:1px solid #9eafbc;border-radius:3px;font-size:1rem;min-height:2.75rem}
.opt-page-jump button{padding:.54rem .75rem;border:1px solid #193b59;border-radius:3px;background:#193b59;color:#fff;font-size:.96rem;min-height:2.75rem}
.opt-legend{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.55rem}
.opt-filter{display:inline-flex;align-items:center;gap:.4rem;padding:.38rem .58rem;border:1px solid #bac7cf;border-radius:3px;background:#fff;color:var(--ink);font-size:.85rem;line-height:1.35;min-height:2.25rem}
.opt-filter[aria-pressed=false]{color:#677784;background:#f3f5f7}
.opt-filter[aria-pressed=false] .opt-swatch{background:#fff}
.opt-swatch{width:.85rem;height:.85rem;border:1px solid #677784;flex:none}
.lens-econ .opt-swatch{background:#f7dd70}
.lens-race .opt-swatch{background:#acd4f1}
.lens-ideas .opt-swatch{background:#f1b9da}
.t216.design-system .opt-controls-hint{font-size:.82rem;line-height:1.4;color:#5d6d79;margin:.35rem 0 0}
.opt-reading{max-width:78rem;margin:0 auto}
.opt-reading-head{padding:2rem 0 1.35rem;border-bottom:2px solid var(--brand-red)}
.t216.design-system .opt-reading-head h1{font:700 clamp(1.9rem,3vw,2.6rem)/1.18 Georgia,serif;max-width:42rem;margin:.2rem 0;color:var(--ink)}
.opt-audio{max-width:43rem;margin:1.5rem 0 .7rem;padding:1.15rem 1.2rem 1rem;background:var(--sidebar,#f4f6f8);border:1px solid var(--line);border-radius:5px}
.opt-audio-heading-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}
.t216.design-system .opt-audio h2{margin:0;font:600 1rem/1.4 Arial,sans-serif;color:var(--ink)}
.opt-audio-heading-row>span{font-size:.85rem;color:var(--muted);white-space:nowrap}
.t216.design-system .opt-audio-selected{margin:.55rem 0 .7rem;font-size:.88rem;font-weight:600;line-height:1.45}
.opt-audio-player{display:block;width:100%;height:120px;border:0;border-radius:3px;background:#fff}
.opt-audio-player:focus-visible{outline:3px solid #577995;outline-offset:4px}
.t216.design-system .opt-audio-drive,.t216.design-system .opt-audio-instruction{font-size:.86rem;line-height:1.5;color:var(--muted)}
.t216.design-system .opt-audio-drive{margin:.7rem 0 0}
.t216.design-system .opt-audio-instruction{margin:.8rem 0 .5rem}
.opt-audio-drive a{color:var(--accent,#2453ba)}
.opt-audio-list{display:grid;gap:.35rem;list-style:none;margin:0;padding:0;counter-reset:none}
.opt-audio-track{display:flex;align-items:baseline;gap:.7rem;padding:.55rem .65rem;border:1px solid #ccd7de;border-radius:3px;background:#fff;color:var(--ink);text-decoration:none;font-size:.88rem;line-height:1.42}
.opt-audio-track:hover,.opt-audio-track:focus-visible{border-color:#678ca4;background:#f5faff;text-decoration:underline}
.opt-audio-track:focus-visible{outline:3px solid #577995;outline-offset:2px}
.opt-audio-track[aria-current=true]{border-color:#496e86;background:#e8f2f8;font-weight:700}
.opt-audio-number{flex:none;font-size:.78rem;font-variant-numeric:tabular-nums;color:#506777}
.opt-comparison{max-width:43rem;margin:.75rem 0 1rem;border:1px solid #c6d0d6;border-radius:5px;background:#fff}
.opt-comparison summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3rem;padding:.7rem 1rem;border-left:4px solid var(--brand-red);border-radius:4px;list-style:none;cursor:pointer;color:var(--brand-red);background:#faf7f4;font:700 .96rem/1.4 Arial,sans-serif}
.opt-comparison summary::-webkit-details-marker{display:none}
.opt-comparison summary::after{content:'+';flex:none;font-size:1.4rem;line-height:1;font-weight:400}
.opt-comparison[open] summary::after{content:'−'}
.opt-comparison summary:hover{background:#f3ebe5}
.opt-comparison summary:focus-visible{outline:3px solid #577995;outline-offset:3px}
.opt-comparison-body{padding:.9rem 1.2rem 1rem}
.t216.design-system .opt-comparison-lead{margin:0 0 .7rem;font-size:.94rem;line-height:1.55}
.opt-comparison ul{margin:.3rem 0 .8rem;padding-left:1.25rem}
.opt-comparison li{margin:.6rem 0;font-size:.92rem;line-height:1.5}
.opt-comparison-refs{display:block;margin:.24rem 0 0;font-size:.82rem;font-weight:700}
.opt-comparison a{color:#2453ba}
.t216.design-system .opt-comparison-ypt{margin:.85rem 0 0;padding-top:.65rem;border-top:1px solid var(--line);font-size:.86rem;line-height:1.5}
.opt-book-page{padding:1.4rem 0 2rem;border-bottom:1px solid #d7dfe4;scroll-margin-top:12rem}
.opt-page-marker{display:flex;align-items:baseline;gap:.8rem;margin:0 0 1.25rem;font:700 1rem/1.4 Georgia,serif;font-variant-numeric:tabular-nums;color:var(--brand-red)}
.opt-page-marker a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor}
.opt-page-pdf{font:400 .78rem/1.5 Arial,sans-serif;color:#627481}
.opt-page-content{font:1.14rem/1.75 Georgia,'Times New Roman',serif;color:#202b32}
.opt-passage{display:grid;grid-template-columns:minmax(0,43rem) minmax(12rem,18rem);gap:1.5rem;align-items:start;margin:0 0 1.06em}
.opt-passage p,.opt-passage h3{margin:0;overflow-wrap:break-word}
.opt-passage-notes{display:grid;gap:.7rem}
.t216.design-system .opt-passage h3{font:700 1.3rem/1.45 Georgia,serif;color:var(--ink);margin:.9rem 0 .15rem}
.opt-mark{color:inherit;padding:.06em .03em;border-radius:2px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.opt-mark.lens-econ{background:#fff0a0}
.opt-mark.lens-race{background:#c9e6f9}
.opt-mark.lens-ideas{background:#f7cbe5}
.opt-note{font:400 .91rem/1.5 Arial,sans-serif;padding:.7rem .85rem;border-left:4px solid #b69c38;background:#fff9dc;color:#2b3a42}
.opt-note.lens-race{border-color:#548bb5;background:#edf7fd}
.opt-note.lens-ideas{border-color:#b45d91;background:#fff1f8}
.opt-note strong{display:block;font-size:.83rem;line-height:1.4}
.opt-note p{font:400 .91rem/1.55 Arial,sans-serif;margin:.4rem 0}
.opt-note span{display:block;font-size:.78rem;color:#4c626f}
.opt-hide-econ .opt-mark.lens-econ,.opt-hide-race .opt-mark.lens-race,.opt-hide-ideas .opt-mark.lens-ideas{background:transparent}
.opt-hide-econ .opt-note.lens-econ,.opt-hide-race .opt-note.lens-race,.opt-hide-ideas .opt-note.lens-ideas{display:none}
.opt-figure{margin:1.3rem 0 1.1rem;max-width:43rem}
.opt-figure img{display:block;max-width:100%;height:auto;max-height:42rem;object-fit:contain}
.opt-ornament{display:block;width:11rem;height:auto;margin:1rem 0 1.2rem;max-width:100%}
.opt-blank{font:italic .95rem/1.6 Georgia,serif;color:#6a7780}
.opt-pager{display:flex;justify-content:space-between;gap:1.5rem;padding:2rem 0}
.opt-pager a{display:block;max-width:45%;font-size:1rem;line-height:1.5;font-weight:700}
.opt-pager a:last-child{text-align:right;margin-left:auto}
.opt-pager span{display:block;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;font-weight:500;color:#677986}
.opt-home-link{font-weight:700}
@media(max-width:1200px){.opt-passage{grid-template-columns:minmax(0,1fr) 13rem;gap:1rem}}
@media(max-width:1050px){.opt-passage{display:block;max-width:44rem}.opt-note{margin:.75rem 0 .5rem}.opt-page-jump{margin-left:0}}
@media(max-width:700px){.opt-directory-grid{grid-template-columns:1fr}.opt-controls{position:static;box-shadow:none}.opt-controls-row{align-items:stretch}.opt-controls-row>label{width:100%}.opt-controls select{width:100%}.opt-page-jump{width:100%;margin-top:.3rem}.opt-page-jump label{margin-right:auto}.opt-filter{font-size:.79rem}.opt-reading-head{padding:1.4rem 0 1rem}.opt-audio{margin-top:1.1rem;padding:1rem .8rem}.opt-comparison summary{padding:.72rem .8rem}.opt-comparison-body{padding:.85rem .9rem}.opt-book-page{scroll-margin-top:5rem;padding:1.05rem 0 1.5rem}.opt-page-content{font-size:1.09rem;line-height:1.77}.opt-page-marker{margin-bottom:.85rem}}
@media print{.opt-controls,.opt-pager,.opt-note,.opt-audio,.opt-comparison{display:none!important}.opt-reader{margin:0;padding:0;max-width:none}.opt-passage{display:block}.opt-mark{print-color-adjust:exact;-webkit-print-color-adjust:exact}.opt-book-page{break-after:page;border:0;scroll-margin:0}.opt-page-content{font-size:11pt;line-height:1.5}}

/* The author's sources are separate from the colored course annotations. */
.opt-source-ref{font:700 .8em/1 Arial,sans-serif;vertical-align:super;white-space:nowrap}
.opt-source-ref a{display:inline-block;padding:.2em .3em;color:#234d70;text-decoration:underline;text-underline-offset:.14em;scroll-margin-top:13rem}
.opt-source-ref a:focus-visible,.opt-source-note a:focus-visible{outline:3px solid #285c8e;outline-offset:3px}
.opt-source-note{min-width:0;padding:.85rem 1rem;border-left:2px solid #657d90;background:#f5f7f9;color:#263746;font:400 .9375rem/1.6 Arial,sans-serif;overflow-wrap:anywhere;scroll-margin-top:13rem}
.opt-source-note:target,.opt-source-note:focus{outline:2px solid #285c8e;outline-offset:3px}
.opt-source-note>strong{display:block;font-size:.875rem;margin-bottom:.35rem}
.t216.design-system .opt-source-note p,.beta-site .beta-reading-text .opt-source-note p{font:400 .9375rem/1.6 Arial,sans-serif!important;margin:.45rem 0;max-width:none}
.opt-source-note .opt-source-links a{color:#234d70;text-decoration:underline}
.opt-source-note .opt-source-links{font-size:.875rem!important}
@media(max-width:1050px){.opt-source-note{margin:.5rem 0 1rem}.opt-source-ref a{min-width:1.5rem;text-align:center;padding-block:.35rem}.opt-source-note,.opt-source-ref a{scroll-margin-top:6rem}}
@media print{.opt-source-note{display:block!important;background:none;break-inside:avoid;margin:.6rem 0;font-size:9pt}.opt-source-ref a{color:inherit}.opt-source-note .opt-source-links{display:none}.opt-passage-notes{display:block}}

/* Section study aids sit beneath their headings, outside the book's prose. */
.opt-section-summary{box-sizing:border-box;width:100%;max-width:43rem;margin:.65rem 0 1.75rem;padding:1rem 1.2rem;border:1px solid #c7d1da;border-left:4px solid #526d80;background:#f4f7f9;color:#243744;scroll-margin-top:13rem}
.t216.design-system .opt-section-summary .opt-summary-label,.beta-site .beta-reading-text .opt-section-summary .opt-summary-label{font:700 .875rem/1.5 Arial,sans-serif!important;color:#405b6c;margin:0 0 .6rem}
.t216.design-system .opt-section-summary .opt-summary-paragraph,.beta-site .beta-reading-text .opt-section-summary .opt-summary-paragraph{font:400 1rem/1.65 Arial,sans-serif!important;margin:0 0 .65rem;max-width:none}
.t216.design-system .opt-section-summary ul{margin:.5rem 0 0;padding-left:1.3rem}
.t216.design-system .opt-section-summary li{font:400 1rem/1.6 Arial,sans-serif;margin:.3rem 0;padding-left:.15rem}
.t216.design-system .opt-introduction-heading h3{font:700 1.3rem/1.45 Georgia,serif;color:var(--ink);margin:.9rem 0 .15rem}
.beta-site.beta-large .opt-section-summary .opt-summary-paragraph,.beta-site.beta-large .opt-section-summary li{font-size:1.2rem!important}
@media(max-width:700px){.opt-section-summary{padding:.9rem 1rem;margin-bottom:1.4rem;scroll-margin-top:5rem}}
@media print{.opt-section-summary{max-width:none;background:none;border-color:#888;break-inside:avoid}.t216.design-system .opt-section-summary .opt-summary-paragraph,.t216.design-system .opt-section-summary li{font-size:10pt!important}}
