@font-face{font-family:PT;src:url('/assets/PTSerif-Regular.ttf');font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#f6f2e9;color:#243e35;font:20px/1.65 Arial,sans-serif}a{color:inherit;text-underline-offset:5px}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #aa5a34;outline-offset:4px}[hidden]{display:none!important}
.skip{position:absolute;top:-100px;left:20px;background:#fff;padding:12px;z-index:10}.skip:focus{top:10px}.shell{width:min(1280px,calc(100% - 72px));margin:auto}.reading-header{border-bottom:1px solid #d3cebf;background:#fffcf5}.header-row{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:28px PT,serif;letter-spacing:2px}.brand small{display:block;font:12px Arial,sans-serif;letter-spacing:1px;margin-top:8px}.header-row nav{display:flex;gap:24px;flex-wrap:wrap;font-size:18px}.header-row nav a{min-height:44px;display:flex;align-items:center}.hero{padding:54px 0 38px;max-width:920px}.eyebrow{font-size:16px;letter-spacing:1px;color:#795837;margin:0 0 15px}.hero h1{font:clamp(42px,5vw,66px)/1.15 PT,serif;letter-spacing:-1px;margin:0 0 22px}.hero p:not(.eyebrow){font-size:22px;max-width:790px;margin:0 0 20px}.course-facts{display:flex;flex-wrap:wrap;gap:10px 24px;font-size:18px;margin-top:24px}.course-facts span{border-bottom:1px solid #c7b99a;padding-bottom:7px}.course-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);gap:32px;align-items:start;margin-bottom:60px}.viewer{min-width:0}.player-heading{display:flex;gap:12px;justify-content:space-between;align-items:baseline;flex-wrap:wrap}.player-heading h2{font:28px/1.3 PT,serif;margin:0 0 18px}.player-heading span{font-size:16px;white-space:nowrap;color:#546157}.player{aspect-ratio:16/9;background:#153c35;border-radius:8px;overflow:hidden;position:relative;min-height:220px}.player iframe{border:0;width:100%;height:100%;display:block}.player-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;padding:24px;color:#fff8e8;gap:18px}.play-button{background:#e8d4ab;border:1px solid #e8d4ab;color:#173c33;font-size:20px;padding:14px 24px;border-radius:5px;min-height:52px}.play-button:hover{background:#fff1d2}.player-placeholder p{font-size:18px;margin:0;max-width:430px}.player-note{font-size:18px;margin:15px 0}.player-tools{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:18px 0}.player-tools select{font-size:18px;padding:10px;border:1px solid #a7afa2;border-radius:4px;background:#fffaf0;color:#243e35}.step-buttons{display:flex;gap:12px;justify-content:space-between;margin:24px 0}.step-buttons button{padding:12px 18px;min-height:48px;font-size:18px;background:transparent;border:1px solid #7a8d77;color:#243e35;border-radius:5px}.step-buttons button:disabled{opacity:.45;cursor:default}.help{font-size:18px;border-top:1px solid #cfc8b7;padding:18px 0}.help summary{min-height:44px;cursor:pointer}.help p{margin:10px 0}.help a{display:inline-block;min-height:44px}.lesson-list{background:#fffcf5;border:1px solid #d3cebf;border-radius:8px;padding:24px}.lesson-list h2{font:28px PT,serif;margin:0 0 8px}.lesson-list>p{font-size:18px;margin:0 0 20px;color:#4e5f50}.lesson-list ol{list-style:none;margin:0;padding:0;display:grid;gap:6px}.lesson-list a{display:grid;grid-template-columns:32px 1fr;gap:2px 12px;padding:12px;text-decoration:none;border:1px solid transparent;border-radius:5px;min-height:64px}.lesson-list a:hover{background:#eee9dc}.lesson-list a[aria-current=true]{background:#e5ecdf;border-color:#8a9d79}.lesson-list .number{grid-row:span 2;color:#775b37;font:22px PT,serif;padding-top:3px}.lesson-list .title{font-size:18px;line-height:1.5}.lesson-list .duration{font-size:16px;color:#546157}.learning-tip,.next-course{border-top:1px solid #cfc8b7;padding:24px 0}.learning-tip h2,.next-course h2{font:30px/1.3 PT,serif}.learning-tip p,.next-course p{max-width:800px}.next-course{margin-bottom:45px}.next-course a{display:inline-block;background:#204c3e;color:#fff8e8;border-radius:5px;padding:14px 22px;text-decoration:none;font-size:20px}.reading-footer{border-top:1px solid #d3cebf;padding:25px 0;font-size:16px}.reading-footer .shell{display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap}
@media(max-width:900px){.shell{width:calc(100% - 40px)}.course-layout{grid-template-columns:1fr}.hero{padding-top:32px}.lesson-list ol{grid-template-columns:1fr 1fr}.header-row{gap:20px}.header-row nav{gap:12px}}
@media(max-width:540px){.header-row{align-items:flex-start;padding-block:18px;gap:16px}.brand{font-size:24px;gap:8px}.brand img{width:30px}.brand small{font-size:10px;letter-spacing:0}.header-row nav{display:grid;font-size:16px;gap:0}.hero h1{font-size:42px}.hero p:not(.eyebrow){font-size:20px}.course-facts{gap:8px 16px;font-size:16px}.player-heading h2{font-size:26px;margin-bottom:5px}.player-heading{margin-bottom:18px}.player{min-height:210px}.player-placeholder{padding:18px;gap:12px}.player-placeholder p{font-size:16px}.play-button{font-size:18px;padding:12px 16px}.lesson-list{padding:20px 14px}.lesson-list ol{grid-template-columns:1fr}.step-buttons button{font-size:18px;padding:12px;flex:1}.hero{padding-bottom:28px}.course-layout{gap:24px}.player-note{font-size:18px}}
.player{width:100%}.player iframe{position:absolute;inset:0}.player-placeholder{min-height:inherit}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
