@font-face{font-family:'NTF Serif';src:url('fonts/fraunces-roman.woff2') format('woff2');font-display:swap;font-weight:100 900}
@font-face{font-family:'NTF Sans';src:url('fonts/inter.woff2') format('woff2');font-display:swap;font-weight:100 900}
body{font-family:'NTF Sans',Arial,sans-serif}
html{scroll-behavior:smooth;scroll-padding-top:0!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Section index: sticky under the site header; hub.js sets --pocus-head and marks the section in view. */
.pocus-index{position:sticky;top:var(--pocus-head,0px);z-index:20;background:#f7f5ef;border-block:1px solid #d7d2c8}
.pocus-index ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.pocus-index li{margin:0}
.pocus-index a{display:flex;align-items:baseline;gap:8px;min-height:48px;box-sizing:border-box;padding:13px 16px 11px;color:#55534d;text-decoration:none;font:15px/1.4 'NTF Sans',Arial,sans-serif;border-bottom:2px solid transparent;white-space:nowrap}
.pocus-index-n{font-size:12px;letter-spacing:.08em;color:#8f8574}
.pocus-index a:hover{color:#272722;background:#e9e5dc}
.pocus-index a[aria-current="true"]{color:#633d3c;border-bottom-color:#633d3c}
.pocus-index a[aria-current="true"] .pocus-index-n{color:#633d3c}
/* Sections: label column on the left, lectures on the right. */
.pocus-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:48px;padding-block:36px;border-bottom:1px solid #d7d2c8;scroll-margin-top:calc(var(--pocus-head,0px) + 64px)}
.pocus-section-head{align-self:start}
.pocus-kicker{margin:0 0 8px;font-size:12px;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;color:#633d3c}
.pocus-section-head h2{margin:0;font:400 34px/1.2 'NTF Serif',Georgia,serif;letter-spacing:-.02em;color:#272722;text-wrap:balance}
.pocus-section-lead{margin:10px 0 0;font-size:15px;line-height:1.6;color:#55534d;max-width:34ch}
.pocus-list{list-style:none;margin:0;padding:0;border-top:1px solid #d7d2c8}
.pocus-list>li{margin:0;border-bottom:1px solid #d7d2c8}
.pocus-list>li:last-child{border-bottom:0}
.pocus-lecture{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px;padding:18px 8px;color:#272722;text-decoration:none}
.pocus-lecture-text{display:flex;flex-direction:column;gap:4px;min-width:0}
.pocus-lecture-title{font:400 clamp(23px,2.2vw,28px)/1.25 'NTF Serif',Georgia,serif;letter-spacing:-.02em;overflow-wrap:break-word}
.pocus-lecture-desc{font-size:15px;line-height:1.6;color:#55534d;max-width:60ch}
.pocus-arrow{flex:none;color:#633d3c;font:22px 'NTF Sans',Arial,sans-serif;transition:transform .15s}
.pocus-lecture:hover{background:#eee9df}
.pocus-lecture:hover .pocus-lecture-title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.pocus-lecture:hover .pocus-arrow{transform:translateX(4px)}
@media(prefers-reduced-motion:reduce){.pocus-arrow{transition:none}}
.pocus-credit{font-size:14px;line-height:1.7;margin:22px 0 0;color:#55534d}
.pocus-credit a{display:inline-flex;align-items:center;min-height:44px}
.pocus-credit a,.pocus-top{color:#633d3c;text-underline-offset:4px}
.pocus-top{display:inline-flex;min-height:44px;align-items:center;font-size:15px}
.pocus-index a:focus-visible,a:focus-visible{outline:2px solid #633d3c;outline-offset:-2px}
@media(max-width:900px){.pocus-section{grid-template-columns:1fr;gap:18px;padding-block:28px}.pocus-section-lead{max-width:none}}
/* Phones: one scrolling row of sections, so the index stays a single line. */
@media(max-width:760px){
 .pocus-index{margin-inline:-22px;padding-inline:22px}
 .pocus-index ol{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .pocus-index ol::-webkit-scrollbar{display:none}
 .pocus-index a{padding-inline:12px}
 .pocus-section-head h2{font-size:30px}
 .pocus-lecture{gap:16px;padding:16px 4px;min-height:68px}
}