/* Credited long form reading, using the shared warm light and dark palette. */
.commentary-page{max-width:1180px;margin:0 auto;color:var(--ink)}
.commentary-page svg{width:18px;height:18px;flex:0 0 auto}
.commentary-back{display:inline-flex;align-items:center;gap:9px;min-height:44px;margin-bottom:18px;color:var(--muted);font-size:12px}
.commentary-back:hover,.commentary-source-link:hover{color:var(--accent)}
.commentary-cover{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:32px;padding:42px 44px;background:var(--soft);border:1px solid var(--line);border-radius:14px}
.commentary-cover h1{font:650 clamp(32px,4vw,47px)/1.12 var(--heading,var(--sans));letter-spacing:-1.8px;margin:15px 0 20px}
.commentary-cover p{max-width:660px;color:var(--muted);font-size:15px;line-height:1.85}
.commentary-cover-meta{display:flex;flex-wrap:wrap;gap:12px 23px;margin-top:25px;color:var(--muted);font-size:11px}
.commentary-cover-mark{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;border-left:1px solid var(--line);padding-left:28px;text-align:center;color:var(--accent)}
.commentary-cover-mark svg{width:75px;height:75px;stroke-width:.9}
.commentary-cover-mark span{font-size:9px;letter-spacing:1.4px;line-height:2}
.commentary-scope{max-width:900px;font-size:11px;line-height:1.85;color:var(--muted);margin:20px 0 29px}
.commentary-filters{display:flex;flex-wrap:wrap;gap:9px;border-top:1px solid var(--line);padding-top:24px}
.commentary-filters button{min-height:42px;padding:10px 17px;background:var(--paper);border:1px solid var(--line);border-radius:30px;color:var(--muted);font-size:11px}
.commentary-filters button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-dark,var(--accent))}
.commentary-result-count{margin:22px 0 14px;color:var(--muted);font-size:11px}
.commentary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}
.commentary-card{display:flex;flex-direction:column;min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:11px;padding:25px 27px 20px}
.commentary-card-top{display:flex;align-items:center;gap:15px;color:var(--muted);margin-bottom:24px}
.commentary-card-top>span{font:400 32px/1 Georgia,serif;color:var(--accent)}
.commentary-card-top small{font-size:10px;letter-spacing:.3px}
.commentary-card h2{font:500 clamp(23px,2.1vw,29px)/1.3 Georgia,serif;letter-spacing:-.4px;margin:0 0 13px;overflow-wrap:anywhere}
.commentary-card h2 a:hover{color:var(--accent)}
.commentary-card-author{font-size:11px;font-weight:600;color:var(--ink);margin-bottom:17px}
.commentary-card-description{color:var(--muted);font-size:12px;line-height:1.9;margin:0 0 25px}
.commentary-card-source{margin-top:auto;padding-bottom:21px}
.commentary-card-source>span{font-size:8px;letter-spacing:1.2px;color:var(--muted)}
.commentary-card-source p{font-size:10px;color:var(--muted);line-height:1.8;margin-top:5px}
.commentary-card-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;border-top:1px solid var(--line);padding-top:16px;font-size:10px}
.commentary-card-bottom>span,.commentary-card-bottom a{display:inline-flex;align-items:center;gap:7px}
.commentary-card-bottom>span{color:var(--muted)}
.commentary-card-bottom a{min-height:30px;color:var(--accent);font-weight:600}
.commentary-card-bottom svg{width:15px;height:15px}
.commentary-open-note{display:flex;gap:18px;padding:24px 27px;border:1px solid var(--line);border-radius:10px;margin-top:25px}
.commentary-open-note>svg{color:var(--accent);width:24px;height:24px;margin-top:3px}
.commentary-open-note h2{font-size:14px;line-height:1.7;font-weight:600;margin:0 0 8px}
.commentary-open-note p{color:var(--muted);font-size:11px;line-height:1.9;max-width:850px}
.commentary-reader-heading{max-width:970px;margin:10px 0 37px}
.commentary-reader-heading h1{font:500 clamp(32px,4.1vw,49px)/1.21 Georgia,serif;letter-spacing:-1px;margin:17px 0 23px;overflow-wrap:anywhere}
.commentary-author{font-size:14px;color:var(--muted)}
.commentary-author strong{color:var(--ink);font-weight:600}
.commentary-volume{font-size:11px;line-height:1.8;color:var(--muted);margin-top:8px}
.commentary-reader-meta{display:flex;gap:11px 22px;flex-wrap:wrap;font-size:10px;color:var(--muted);margin-top:21px}
.commentary-reader-meta>span{display:inline-flex;align-items:center;gap:7px}
.commentary-reader-meta svg{width:15px;height:15px}
.commentary-reader-intro{font-size:14px;line-height:1.9;color:var(--muted);max-width:800px;margin-top:24px}
.commentary-reading-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:28px;align-items:start}
.commentary-reading-aside{position:sticky;top:24px;min-width:0}
.commentary-contents{border:1px solid var(--line);border-radius:9px;background:var(--paper);overflow:hidden}
.commentary-contents summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;padding:17px 16px;font-size:11px;font-weight:600;cursor:pointer}
.commentary-contents summary::-webkit-details-marker{display:none}
.commentary-contents summary svg{width:15px;height:15px}
.commentary-contents nav{display:flex;flex-direction:column;max-height:55vh;overflow-y:auto;padding:0 9px 11px;scrollbar-width:thin}
.commentary-contents nav button{text-align:left;line-height:1.8;font-size:10px;color:var(--muted);padding:9px;background:transparent;border-radius:5px;min-height:40px}
.commentary-contents nav button:hover{background:var(--soft);color:var(--ink)}
.commentary-edition-note{padding:22px 5px;color:var(--muted);font-size:10px;line-height:1.9}
.commentary-edition-note strong{font-weight:600;color:var(--ink)}
.commentary-edition-note p{margin:9px 0 12px}
.commentary-source-link{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:10px;min-height:30px;overflow-wrap:anywhere}
.commentary-source-link svg{width:13px;height:13px}
.commentary-paper{min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:11px;padding:35px 39px 0}
.commentary-prose{font:400 18px/1.95 Georgia,serif;color:var(--ink);overflow-wrap:anywhere}
.commentary-prose>p{margin:0 0 24px}
.commentary-prose h2{font:500 28px/1.3 Georgia,serif;letter-spacing:-.4px;margin:44px 0 20px;scroll-margin-top:30px}
.commentary-prose h2:first-child{margin-top:0}
.commentary-prose h3,.commentary-prose h4{font:600 20px/1.5 Georgia,serif;margin:32px 0 16px;scroll-margin-top:30px}
.commentary-prose a{color:var(--accent-dark,var(--accent));text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.commentary-prose ul,.commentary-prose ol{padding-left:24px;margin:0 0 26px}
.commentary-prose li{padding-left:5px;margin-bottom:13px}
.commentary-quotation{border-left:2px solid var(--accent);padding-left:21px;margin-left:0;color:var(--muted)}
.commentary-table-scroll{overflow-x:auto;margin:28px 0;max-width:100%;overscroll-behavior-inline:contain}
.commentary-table-scroll table{border-collapse:collapse;width:100%;min-width:420px;font:400 13px/1.7 var(--sans,Arial,sans-serif)}
.commentary-table-scroll th,.commentary-table-scroll td{border:1px solid var(--line);padding:12px;text-align:left;vertical-align:top}
.commentary-table-scroll th{font-weight:600;background:var(--soft)}
.commentary-table-scroll caption{text-align:left;caption-side:top;font-weight:600;color:var(--muted);padding-bottom:12px;line-height:1.8}
.commentary-author-note{border-top:1px solid var(--line);padding:29px 0 23px;margin-top:40px}
.commentary-author-note h2,.commentary-attribution h2{font:500 22px/1.4 Georgia,serif;letter-spacing:-.25px;margin:12px 0}
.commentary-author-note p,.commentary-attribution p{font-size:11px;line-height:1.95;color:var(--muted);overflow-wrap:anywhere}
.commentary-author-note .eyebrow,.commentary-attribution .eyebrow{font-size:8px;letter-spacing:1.3px}
.commentary-attribution{border-top:1px solid var(--line);padding:27px 0 30px}
.commentary-attribution>p{margin:13px 0}
.commentary-source-links{display:flex;gap:9px 20px;flex-wrap:wrap;margin:16px 0}
.commentary-attribution details{border-top:1px solid var(--line);padding-top:16px;margin-top:18px}
.commentary-attribution summary{font-size:11px;font-weight:600;cursor:pointer;min-height:30px}
.commentary-attribution details p{margin-top:10px}
.commentary-next{display:flex;align-items:center;justify-content:space-between;gap:26px;border:1px solid var(--line);border-radius:10px;padding:28px 30px;margin-top:28px;background:var(--soft)}
.commentary-next h2{font:500 25px/1.4 Georgia,serif;margin:10px 0;max-width:850px}
.commentary-next p{font-size:11px;color:var(--muted)}
.commentary-next>svg{width:25px;height:25px;color:var(--accent)}
.commentary-loading{padding:90px 30px;text-align:center;color:var(--muted);font-size:13px}
.commentary-error{padding:55px 0}.commentary-error h1{font:500 38px/1.3 Georgia,serif;margin:15px 0}.commentary-error p{color:var(--muted);margin-bottom:25px}
@media(max-width:1100px){.commentary-reading-layout{grid-template-columns:190px minmax(0,1fr);gap:20px}.commentary-paper{padding:29px 27px 0}.commentary-cover{padding:32px}}
@media(max-width:800px){.commentary-reading-layout{display:block}.commentary-reading-aside{position:static;margin-bottom:22px}.commentary-contents nav{max-height:220px}.commentary-edition-note{padding:15px 4px 0}.commentary-edition-note p{display:inline;margin-right:10px}.commentary-edition-note strong{display:block;margin-bottom:5px}.commentary-cover{grid-template-columns:minmax(0,1fr) 125px;gap:20px;padding:28px}.commentary-cover-mark{padding-left:20px}.commentary-cover-mark svg{width:58px;height:58px}.commentary-cover-mark span{font-size:7px;letter-spacing:.8px}.commentary-grid{gap:16px}.commentary-card{padding:23px 20px 18px}}
@media(max-width:560px){.commentary-cover{display:block;padding:26px 23px}.commentary-cover-mark{display:none}.commentary-cover h1{letter-spacing:-1px}.commentary-cover p{font-size:13px}.commentary-cover-meta{gap:12px 18px;font-size:10px}.commentary-grid{grid-template-columns:1fr}.commentary-card-top{margin-bottom:20px}.commentary-card h2{font-size:27px}.commentary-filters{gap:7px}.commentary-filters button{font-size:10px;padding:9px 13px}.commentary-open-note{padding:22px 19px;gap:12px}.commentary-open-note h2{font-size:13px}.commentary-reader-heading{margin-bottom:27px}.commentary-reader-heading h1{font-size:33px;letter-spacing:-.7px}.commentary-reader-intro{font-size:13px}.commentary-paper{padding:26px 20px 0}.commentary-prose{font-size:17px;line-height:1.95}.commentary-prose h2{font-size:26px}.commentary-next{padding:24px 20px}.commentary-next h2{font-size:23px}.commentary-reader-meta{font-size:9px;gap:10px 15px}}
@media(prefers-reduced-motion:reduce){.commentary-page *{scroll-behavior:auto!important}}
