/* Teacher profile page (library_v2/teacher_hub_profile.php, used by /david-bercot).
   Everything is scoped to "#main-content .tp". The site shell forces
   ".content-wrapper p / h1 / h3" font sizes and margins with !important, so
   font-size and margin declarations here are !important too. Theme tokens only;
   dark mode comes from the tokens (no literal colours). The sticky section bar
   offset (--tp-top, --tp-bar-*) is set by public/js/teacher-hub-profile.js. */
#main-content .tp{--tp-acc:var(--primary-btn-bg);--tp-serif:"Frank Ruhl Libre",Georgia,"Times New Roman",serif;--tp-shadow:var(--thf-shadow,rgba(0,0,0,.1));
  --tp-top:0px;--tp-bar-h:52px;--tp-bar-left:0px;--tp-bar-width:100%;background:var(--thf-bg);color:var(--thf-text);font-size:18px!important;line-height:1.65;padding:0 0 8px}
#main-content .tp *{box-sizing:border-box}
#main-content .tp :where(p,h1,h2,h3,ul,ol,dl,dd,figure){margin:0!important;padding:0}
#main-content .tp :where(p){font-size:inherit!important;color:inherit;line-height:inherit}
#main-content .tp :where(p+p){margin-top:.85em!important}
#main-content .tp :where(ul,ol){list-style:none}
#main-content .tp :where(h1,h2,h3){color:var(--thf-heading);font-family:var(--tp-serif);font-weight:700;letter-spacing:-.005em}
#main-content .tp :where(a){color:var(--thf-link);text-underline-offset:3px;text-decoration-thickness:1px}
#main-content .tp img{max-width:100%}
#main-content .tp i{font-style:italic}
#main-content .tp .tp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#main-content .tp .tp-nw{white-space:nowrap}
#main-content .tp .tp-wrap{max-width:1280px;margin:0 auto!important;padding:0 44px}
#main-content .tp .tp-ref{font-size:.62em!important;line-height:0;vertical-align:super;margin-left:1px!important}
#main-content .tp .tp-ref a{text-decoration:none;font-weight:600;padding:0 1px}
#main-content .tp .tp-ref a:hover{text-decoration:underline}

/* ---------- shared pieces: one card, one button, one chip, one meta line ---------- */
#main-content .tp .tp-card{background:var(--thf-surface);border:1px solid var(--thf-border);border-radius:14px;box-shadow:0 1px 2px var(--tp-shadow),0 12px 28px -22px var(--tp-shadow)}
#main-content .tp .tp-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:11px 22px;border-radius:10px;border:1.5px solid var(--tp-acc);
  background:var(--primary-btn-bg);color:var(--primary-btn-text);font-weight:700;font-size:17px!important;line-height:1.2;text-decoration:none;cursor:pointer;font-family:inherit;transition:filter .15s,background .15s}
#main-content .tp a.tp-btn{color:var(--primary-btn-text)}
#main-content .tp .tp-btn:hover{filter:brightness(.94);text-decoration:none}
#main-content .tp .tp-btn-o,#main-content .tp a.tp-btn-o{background:transparent;color:var(--thf-link)}
#main-content .tp .tp-btn-o:hover{background:var(--thf-surface-2);filter:none}
#main-content .tp .tp-btn-big{min-height:60px;padding:14px 30px;font-size:19px!important;border-radius:12px}
#main-content .tp .tp-btn-sm{min-height:44px;padding:8px 16px;font-size:16px!important}
#main-content .tp .tp-play{display:inline-block;width:0;height:0;border-left:11px solid currentColor;border-top:7px solid transparent;border-bottom:7px solid transparent;flex:0 0 auto}
#main-content .tp .tp-btn-big .tp-play{border-left-width:14px;border-top-width:9px;border-bottom-width:9px}
#main-content .tp .tp-chip{display:inline-flex;align-items:center;min-height:42px;padding:8px 16px;border-radius:999px;border:1px solid var(--thf-border);background:var(--thf-surface);
  font-size:16px!important;line-height:1.3;text-decoration:none;color:var(--thf-link);font-weight:600}
#main-content .tp a.tp-chip:hover{border-color:var(--tp-acc);background:var(--thf-surface-2)}
#main-content .tp .tp-go{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px!important}
#main-content .tp .tp-go-l{flex:0 0 100%;font-size:14px!important;font-weight:700;color:var(--thf-text-2);letter-spacing:.12em;text-transform:uppercase;margin-bottom:-2px!important}
#main-content .tp .tp-meta{display:block;font-size:14px!important;line-height:1.4;color:var(--thf-text-2);letter-spacing:.01em}
#main-content .tp .tp-count{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:26px;padding:0 9px;border-radius:999px;background:var(--thf-surface-2);border:1px solid var(--thf-border);
  font-family:inherit;font-size:14px!important;font-weight:700;color:var(--thf-text-2);letter-spacing:0;vertical-align:middle}
#main-content .tp .tp-links{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:14px!important;font-size:16px!important;font-weight:600}
#main-content .tp .tp-links a{text-decoration:none}
#main-content .tp .tp-links a::after{content:" \2192"}
#main-content .tp .tp-links a:hover{text-decoration:underline}
#main-content .tp .tp-note{font-size:16px!important;color:var(--thf-text-2);margin-top:10px!important}

/* thumbnails (16:9) + play badge */
#main-content .tp .tp-thumb{position:relative;display:block;flex:0 0 auto;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:var(--thf-surface-2);border:1px solid var(--thf-border)}
#main-content .tp .tp-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#main-content .tp .tp-thumb>.tp-play,#main-content .tp .tp-hear-i>.tp-play{width:38px;height:38px;border:0;border-radius:50%;background:var(--primary-btn-bg);box-shadow:0 2px 8px var(--tp-shadow);position:relative}
#main-content .tp .tp-thumb>.tp-play{position:absolute;right:10px;bottom:10px}
#main-content .tp .tp-thumb>.tp-play::before,#main-content .tp .tp-hear-i>.tp-play::before{content:"";position:absolute;left:15px;top:12px;border-left:11px solid var(--primary-btn-text);border-top:7px solid transparent;border-bottom:7px solid transparent}

/* ---------- section frame + heading scale ---------- */
#main-content .tp .tp-sec{padding:76px 0;border-top:1px solid var(--thf-border);scroll-margin-top:calc(var(--tp-top) + var(--tp-bar-h) + 4px)}
#main-content .tp .tp-sec-alt{background:var(--thf-surface-2)}
#main-content .tp .tp-eyebrow{display:flex;align-items:center;gap:12px;font-size:14px!important;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--thf-link)}
#main-content .tp .tp-eyebrow::before{content:"";width:32px;height:1px;background:var(--tp-acc)}
#main-content .tp .tp-h2{font-size:42px!important;line-height:1.12;margin-top:12px!important}
#main-content .tp .tp-h3{font-size:25px!important;line-height:1.25}
#main-content .tp .tp-lede{font-size:20px!important;line-height:1.6;color:var(--thf-text-2);max-width:820px;margin-top:14px!important}
#main-content .tp .tp-answer{font-size:20px!important;line-height:1.62;color:var(--thf-text);border-left:3px solid var(--tp-acc);padding:2px 0 2px 22px;margin-top:18px!important;max-width:860px}
#main-content .tp .tp-answer strong{color:var(--thf-heading)}
#main-content .tp .tp-answer-wide{max-width:900px}
#main-content .tp .tp-acts{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px!important}

/* ---------- hero ---------- */
#main-content .tp .tp-hero{background:var(--thf-surface-2);padding:64px 0 0;border-bottom:1px solid var(--thf-border)}
#main-content .tp .tp-hero-in{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:72px;align-items:start}
#main-content .tp .tp-kicker{font-size:14px!important;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--thf-link)}
#main-content .tp .tp-h1{font-size:84px!important;line-height:1;margin-top:14px!important;letter-spacing:-.015em}
#main-content .tp .tp-dek{font-family:var(--tp-serif);font-style:italic;font-size:27px!important;line-height:1.4;color:var(--thf-text);margin-top:18px!important;max-width:760px}
#main-content .tp .tp-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:30px!important}
#main-content .tp .tp-who{margin-top:36px!important;padding-top:28px;border-top:1px solid var(--thf-border);max-width:800px}
#main-content .tp .tp-who-h{font-size:24px!important;line-height:1.2}
#main-content .tp .tp-who .tp-answer{margin-top:12px!important}
#main-content .tp .tp-portrait{position:relative;margin-top:34px!important;padding:0 0 16px 16px}
#main-content .tp .tp-portrait::before{content:"";position:absolute;left:0;bottom:0;width:calc(100% - 16px);height:calc(100% - 16px);border:1px solid var(--tp-acc);border-radius:4px}
#main-content .tp .tp-portrait-f{position:relative;display:block;border-radius:4px;overflow:hidden;box-shadow:0 18px 40px -24px var(--tp-shadow);aspect-ratio:1/1;background:var(--thf-surface)}
#main-content .tp .tp-portrait-f img{display:block;width:100%;height:100%;object-fit:cover}
#main-content .tp .tp-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:52px!important;background:var(--thf-surface);border:1px solid var(--thf-border);border-radius:14px;overflow:hidden}
#main-content .tp .tp-facts>div{padding:20px 24px;border-right:1px solid var(--thf-border);border-bottom:1px solid var(--thf-border)}
#main-content .tp .tp-facts>div:nth-child(3n){border-right:0}
#main-content .tp .tp-facts>div:nth-child(n+4){border-bottom:0}
#main-content .tp .tp-facts dt{font-size:13px!important;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--thf-link)}
#main-content .tp .tp-facts dd{font-size:17px!important;line-height:1.5;color:var(--thf-text);margin-top:4px!important}
#main-content .tp .tp-counts{display:grid;grid-template-columns:1fr 1fr;margin-top:30px!important;background:var(--thf-surface);border:1px solid var(--thf-border);border-radius:14px;overflow:hidden}
#main-content .tp .tp-counts li:nth-child(odd){border-right:1px solid var(--thf-border)}
#main-content .tp .tp-counts li:nth-child(n+3){border-top:1px solid var(--thf-border)}
#main-content .tp .tp-counts a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 8px 16px;text-decoration:none;text-align:center;height:100%}
#main-content .tp .tp-counts a:hover{background:var(--thf-surface-2)}
#main-content .tp .tp-counts b{font-family:var(--tp-serif);font-variant-numeric:lining-nums;font-size:40px!important;line-height:1;color:var(--thf-heading);font-weight:700}
#main-content .tp .tp-counts span{font-size:15px!important;line-height:1.3;color:var(--thf-text-2)}
#main-content .tp .tp-counts a:hover span{color:var(--thf-link);text-decoration:underline}
#main-content .tp .tp-checked{font-size:15px!important;color:var(--thf-text-2);text-align:center;padding:16px 0 22px}

/* ---------- on-this-page bar ---------- */
#main-content .tp .tp-nav-slot{position:sticky;top:var(--tp-top);z-index:20}
#main-content .tp .tp-nav{background:var(--thf-bg);border-bottom:1px solid var(--thf-border)}
#main-content .tp .tp-nav-slot.is-fallback{position:relative;top:auto}
#main-content .tp .tp-nav-slot.is-fallback.is-stuck .tp-nav{position:fixed;top:var(--tp-top);left:var(--tp-bar-left);width:var(--tp-bar-width);z-index:20}
#main-content .tp .tp-nav ul{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
#main-content .tp .tp-nav ul::-webkit-scrollbar{display:none}
#main-content .tp .tp-nav a{display:block;padding:15px 14px 13px;font-size:16px!important;font-weight:600;color:var(--thf-text-2);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent}
#main-content .tp .tp-nav a:hover{color:var(--thf-heading)}
#main-content .tp .tp-nav a.is-on{color:var(--thf-heading);border-bottom-color:var(--tp-acc)}
#main-content .tp .tp-nav li:first-child a{padding-left:0}

/* ---------- start here ---------- */
#main-content .tp .tp-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:36px!important}
#main-content .tp .tp-step{display:flex;flex-direction:column;overflow:hidden}
#main-content .tp .tp-step-img{position:relative;display:block;aspect-ratio:16/9;background:var(--thf-surface-2);border-bottom:1px solid var(--thf-border)}
#main-content .tp .tp-step-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#main-content .tp .tp-step-n{position:absolute;left:18px;top:18px;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--thf-surface);color:var(--thf-heading);
  font-family:var(--tp-serif);font-size:24px!important;font-weight:700;box-shadow:0 2px 10px var(--tp-shadow);border:1px solid var(--thf-border)}
#main-content .tp .tp-step-b{display:flex;flex-direction:column;flex:1;padding:22px 26px 26px}
#main-content .tp .tp-step-t{font-size:24px!important;line-height:1.22;margin-top:6px!important}
#main-content .tp .tp-step-t a{color:var(--thf-heading);text-decoration:none}
#main-content .tp .tp-step-t a:hover{color:var(--thf-link);text-decoration:underline}
#main-content .tp .tp-step-d{font-size:17px!important;line-height:1.55;color:var(--thf-text);margin-top:8px!important}
#main-content .tp .tp-step .tp-acts{margin-top:auto!important;padding-top:18px}

/* ---------- book shelf ---------- */
#main-content .tp .tp-note{max-width:820px}
#main-content .tp #books .tp-note{margin-top:26px!important}
#main-content .tp .tp-shelf{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:48px 30px;margin-top:22px!important}
#main-content .tp .tp-book{display:flex;flex-direction:column}
#main-content .tp .tp-cover{position:relative;display:block;aspect-ratio:2/3;overflow:hidden;border-radius:3px 7px 7px 3px;background:var(--thf-surface);
  box-shadow:0 1px 2px var(--tp-shadow),0 18px 30px -20px var(--tp-shadow);border:1px solid var(--thf-border);transition:transform .2s}
#main-content .tp .tp-cover:hover{transform:translateY(-3px)}
#main-content .tp .tp-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:scale(1.03)}
#main-content .tp .tp-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:22px 18px;text-align:center;text-decoration:none;background:var(--thf-surface-2)}
#main-content .tp .tp-tile::before{content:"";position:absolute;inset:9px;border:1px solid var(--thf-border);border-radius:2px 5px 5px 2px;pointer-events:none}
#main-content .tp .tp-tile-i{color:var(--thf-link)}
#main-content .tp .tp-tile-t{font-family:var(--tp-serif);font-size:21px!important;line-height:1.25;color:var(--thf-heading);font-weight:700}
#main-content .tp .tp-book-b{display:flex;flex-direction:column;flex:1;padding-top:18px}
#main-content .tp .tp-year{font-weight:700;color:var(--thf-link)}
#main-content .tp .tp-book-t{font-size:21px!important;line-height:1.22;margin-top:6px!important}
#main-content .tp .tp-book-t a{color:var(--thf-heading);text-decoration:none}
#main-content .tp .tp-book-t a:hover{color:var(--thf-link);text-decoration:underline}
#main-content .tp .tp-book-d{font-size:16px!important;line-height:1.55;color:var(--thf-text);margin-top:8px!important}
#main-content .tp .tp-book .tp-acts{margin-top:auto!important;padding-top:16px}
#main-content .tp .tp-book .tp-acts .tp-btn{flex:1 1 auto}
#main-content .tp .tp-textlink{white-space:nowrap;font-weight:600}
#main-content .tp .tp-textlink::after{content:" \2192"}
#main-content .tp .tp-shelf-h{margin-top:64px!important}
#main-content .tp .tp-shelf-wide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:20px!important}
#main-content .tp .tp-book-wide{flex-direction:row;gap:28px;padding:24px}
#main-content .tp .tp-book-wide .tp-cover{flex:0 0 150px;align-self:flex-start}
#main-content .tp .tp-book-wide .tp-cover img{transform:none}
#main-content .tp .tp-book-wide .tp-book-b{padding-top:0}
#main-content .tp .tp-book-wide .tp-tile-t{font-size:18px!important}
#main-content .tp .tp-subq{margin-top:48px!important;max-width:860px}
#main-content .tp .tp-subq p{margin-top:10px!important}

/* ---------- life story ---------- */
#main-content .tp .tp-rail{margin-top:40px!important}
#main-content .tp .tp-rail ol{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));position:relative}
#main-content .tp .tp-rail ol::before{content:"";position:absolute;left:0;right:0;top:8px;height:1px;background:var(--thf-border)}
#main-content .tp .tp-rail a{position:relative;display:block;padding-top:28px;text-decoration:none}
#main-content .tp .tp-rail a::before{content:"";position:absolute;left:0;top:1px;width:15px;height:15px;border-radius:50%;background:var(--thf-bg);border:2px solid var(--tp-acc)}
#main-content .tp .tp-rail a:hover::before{background:var(--tp-acc)}
#main-content .tp .tp-rail-y{display:block;font-family:var(--tp-serif);font-size:24px!important;font-weight:700;color:var(--thf-heading);line-height:1.1}
#main-content .tp .tp-rail-l{display:block;font-size:15px!important;color:var(--thf-text-2);margin-top:3px!important;line-height:1.3}
#main-content .tp .tp-chs{margin-top:56px!important}
#main-content .tp .tp-ch{display:grid;grid-template-columns:136px minmax(0,1fr);scroll-margin-top:calc(var(--tp-top) + var(--tp-bar-h) + 12px)}
#main-content .tp .tp-ch-date{text-align:right;padding:2px 30px 0 0}
#main-content .tp .tp-ch-date span{white-space:nowrap;font-family:var(--tp-serif);font-size:27px!important;font-weight:700;color:var(--thf-heading);line-height:1.1}
#main-content .tp .tp-ch-body{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:48px;padding:0 0 56px 44px;border-left:1px solid var(--thf-border)}
#main-content .tp .tp-ch:last-child .tp-ch-body{padding-bottom:8px}
#main-content .tp .tp-ch-body::before{content:"";position:absolute;left:-8px;top:12px;width:15px;height:15px;border-radius:50%;background:var(--thf-bg);border:2px solid var(--tp-acc)}
#main-content .tp .tp-ch-k{font-size:14px!important;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--thf-link)}
#main-content .tp .tp-ch-t{font-size:30px!important;line-height:1.2;margin-top:6px!important}
#main-content .tp .tp-ch-txt p:not(.tp-ch-k){font-size:19px!important;line-height:1.72;margin-top:14px!important}
#main-content .tp .tp-ch-txt p+p{margin-top:14px!important}
#main-content .tp .tp-ch:first-child .tp-ch-txt .tp-ch-t+p::first-letter{font-family:var(--tp-serif);font-size:3.6em!important;float:left;line-height:.82;padding:6px 10px 0 0;color:var(--thf-heading);font-weight:700}
#main-content .tp .tp-hear{align-self:start;background:var(--thf-surface);border:1px solid var(--thf-border);border-radius:14px;padding:18px 18px 10px;margin-top:6px!important}
#main-content .tp .tp-hear-h{font-size:13px!important;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--thf-link);padding:0 4px 8px}
#main-content .tp .tp-hear li+li{border-top:1px solid var(--thf-border)}
#main-content .tp .tp-hear-i{display:flex;align-items:center;gap:14px;padding:12px 4px;text-decoration:none;border-radius:8px}
#main-content .tp .tp-hear-i .tp-thumb{width:104px}
#main-content .tp .tp-hear-txt{flex:1;min-width:0}
#main-content .tp .tp-hear-t{display:block;font-size:16px!important;line-height:1.35;font-weight:600;color:var(--thf-heading);margin-top:2px!important}
#main-content .tp .tp-hear-i:hover .tp-hear-t{color:var(--thf-link);text-decoration:underline}
#main-content .tp .tp-hear-i .tp-thumb>.tp-play{width:28px;height:28px;right:auto;bottom:auto;left:50%;top:50%;margin:-14px 0 0 -14px!important}
#main-content .tp .tp-hear-i .tp-thumb>.tp-play::before{left:11px;top:8px;border-left-width:9px;border-top-width:6px;border-bottom-width:6px}

/* ---------- questions ---------- */
#main-content .tp #questions .tp-eyebrow{margin-bottom:26px!important}
#main-content .tp .tp-q{scroll-margin-top:calc(var(--tp-top) + var(--tp-bar-h) + 12px)}
#main-content .tp .tp-q.tp-card{padding:36px 40px}
#main-content .tp .tp-qh{font-size:31px!important;line-height:1.2;margin-top:0!important}
#main-content .tp .tp-q-split{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:52px}
#main-content .tp .tp-q-side{border-left:1px solid var(--thf-border);padding-left:44px}
#main-content .tp .tp-q-side .tp-h3{font-size:22px!important}
#main-content .tp .tp-q-side .tp-h3+p{margin-top:8px!important}
#main-content .tp .tp-q-side p+.tp-h3{margin-top:26px!important}
#main-content .tp #teaching{margin-top:72px!important}
#main-content .tp .tp-themes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px!important}
#main-content .tp .tp-theme{padding:26px 28px}
#main-content .tp .tp-theme-t{font-size:22px!important;line-height:1.25}
#main-content .tp .tp-theme p{font-size:17px!important;line-height:1.55;margin-top:8px!important}
#main-content .tp .tp-theme .tp-links{margin-top:12px!important}
#main-content .tp .tp-qgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:72px!important}
#main-content .tp .tp-qgrid .tp-q{display:flex;flex-direction:column}
#main-content .tp .tp-qgrid .tp-answer{font-size:19px!important}
#main-content .tp .tp-qgrid .tp-go{margin-top:auto!important;padding-top:22px}

/* ---------- library ---------- */
#main-content .tp .tp-lib{margin-top:36px!important}
#main-content .tp .tp-tools{padding:24px 28px}
#main-content .tp .tp-tabs{display:flex;flex-wrap:wrap;gap:10px}
#main-content .tp .tp-tab{min-height:46px;padding:9px 18px;border-radius:10px;border:1px solid var(--thf-border);background:var(--thf-surface);color:var(--thf-heading);font-size:17px!important;font-weight:700;font-family:inherit;cursor:pointer}
#main-content .tp .tp-tab span{font-weight:600;color:var(--thf-text-2);margin-left:4px!important}
#main-content .tp .tp-tab:hover{border-color:var(--tp-acc)}
#main-content .tp .tp-tab[aria-pressed="true"]{background:var(--primary-btn-bg);border-color:var(--primary-btn-bg);color:var(--primary-btn-text)}
#main-content .tp .tp-tab[aria-pressed="true"] span{color:var(--primary-btn-text)}
#main-content .tp .tp-find{margin-top:18px!important}
#main-content .tp .tp-field{position:relative;display:flex;align-items:center}
#main-content .tp .tp-field svg{position:absolute;left:16px;color:var(--thf-text-2);pointer-events:none}
#main-content .tp .tp-field input{width:100%;height:56px;padding:0 18px 0 48px;border-radius:10px;border:1px solid var(--thf-border);background:var(--thf-bg);color:var(--thf-text);font-size:18px!important;font-family:inherit}
#main-content .tp .tp-field input::placeholder{color:var(--thf-text-2)}
#main-content .tp .tp-field input:focus{outline:2px solid var(--tp-acc);outline-offset:1px}
#main-content .tp .tp-topics{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px!important}
#main-content .tp .tp-topic{min-height:40px;padding:6px 15px;border-radius:999px;border:1px solid var(--thf-border);background:var(--thf-surface);color:var(--thf-link);font-size:16px!important;font-weight:600;font-family:inherit;cursor:pointer}
#main-content .tp .tp-topic:hover{border-color:var(--tp-acc)}
#main-content .tp .tp-topic.on{background:var(--thf-surface-2);border-color:var(--tp-acc);color:var(--thf-heading)}
#main-content .tp .tp-status{font-size:16px!important;font-weight:700;color:var(--thf-heading)}
#main-content .tp .tp-status:not(:empty){margin-top:12px!important}
#main-content .tp .tp-grp-sec{margin-top:52px!important;scroll-margin-top:calc(var(--tp-top) + var(--tp-bar-h) + 12px)}
#main-content .tp .tp-grp-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}
#main-content .tp .tp-grp-head .tp-h3{display:flex;align-items:center;gap:10px}
#main-content .tp .tp-more-link{font-size:16px!important;font-weight:600;text-decoration:none}
#main-content .tp .tp-more-link::after{content:" \2192"}
#main-content .tp .tp-tgrid{display:grid;gap:26px 22px;margin-top:20px!important}
#main-content .tp .tp-tgrid-5{grid-template-columns:repeat(5,minmax(0,1fr))}
#main-content .tp .tp-tgrid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#main-content .tp .tp-tcard a{display:block;text-decoration:none}
#main-content .tp .tp-tcard-b{display:block;padding-top:10px}
#main-content .tp .tp-tcard-t{display:block;font-size:17px!important;line-height:1.35;font-weight:700;color:var(--thf-heading);margin-top:2px!important}
#main-content .tp .tp-tcard a:hover .tp-tcard-t{color:var(--thf-link);text-decoration:underline}
#main-content .tp .tp-tcard .tp-thumb>.tp-play{width:36px;height:36px}
#main-content .tp .tp-tcard .tp-thumb>.tp-play::before{left:14px;top:11px}
#main-content .tp.js .tp-it.is-more{display:none}
#main-content .tp .tp-showall{margin-top:22px!important}
#main-content .tp .tp-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 28px}
#main-content .tp .tp-rows-open{margin-top:16px!important}
#main-content .tp .tp-row{display:flex;align-items:center;gap:16px;padding:10px;margin:0 -10px!important;border-radius:10px;text-decoration:none}
#main-content .tp .tp-row:hover{background:var(--thf-surface-2)}
#main-content .tp .tp-row .tp-thumb{width:120px}
#main-content .tp .tp-row-b{flex:1;min-width:0}
#main-content .tp .tp-row-t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:17px!important;line-height:1.35;font-weight:600;color:var(--thf-heading)}
#main-content .tp .tp-row:hover .tp-row-t{color:var(--thf-link);text-decoration:underline}
#main-content .tp .tp-row .tp-meta{margin-top:3px!important}
#main-content .tp .tp-grps{margin-top:18px!important;background:var(--thf-surface);border:1px solid var(--thf-border);border-radius:14px;box-shadow:0 1px 2px var(--tp-shadow),0 12px 28px -22px var(--tp-shadow)}
#main-content .tp .tp-grp+.tp-grp{border-top:1px solid var(--thf-border)}
#main-content .tp .tp-grp summary{display:flex;align-items:center;gap:14px;padding:18px 26px;cursor:pointer;list-style:none;min-height:64px}
#main-content .tp .tp-grp summary::-webkit-details-marker{display:none}
#main-content .tp .tp-grp summary::after{content:"";width:10px;height:10px;border-right:2px solid var(--thf-link);border-bottom:2px solid var(--thf-link);transform:rotate(45deg);margin:-5px 4px 0 auto!important;transition:transform .15s}
#main-content .tp .tp-grp[open] summary::after{transform:rotate(-135deg);margin-top:4px!important}
#main-content .tp .tp-grp-n{font-family:var(--tp-serif);font-size:21px!important;font-weight:700;color:var(--thf-heading);line-height:1.25}
#main-content .tp .tp-grp summary:hover .tp-grp-n{color:var(--thf-link)}
#main-content .tp .tp-grp .tp-rows{padding:0 26px 18px}
#main-content .tp .tp-grp-sec-other{margin-top:64px!important;padding-top:28px;border-top:1px dashed var(--thf-border)}
#main-content .tp .tp-grp-sec-other .tp-h3{font-size:21px!important;color:var(--thf-text-2)}
#main-content .tp .tp-grp-other{margin-top:14px!important;background:var(--thf-surface);border:1px solid var(--thf-border);border-radius:14px}
#main-content .tp .tp-grp-other .tp-grp-n{font-family:inherit;font-size:17px!important;color:var(--thf-text-2);font-weight:700}
#main-content .tp .tp-note-in{padding:0 26px 8px;margin-top:0!important}
#main-content .tp .tp-empty{margin-top:28px!important;font-size:18px!important;color:var(--thf-text-2)}
#main-content .tp .tp-lib-links{margin-top:48px!important;padding-top:22px;border-top:1px solid var(--thf-border)}
/* tabs + search */
#main-content .tp .tp-lib[data-tab="audiobooks"] .tp-grp-sec:not([data-kind="audiobooks"]),#main-content .tp .tp-lib[data-tab="courses"] .tp-grp-sec:not([data-kind="courses"]),#main-content .tp .tp-lib[data-tab="talks"] .tp-grp-sec:not([data-kind="talks"]),#main-content .tp .tp-lib[data-tab="qa"] .tp-grp-sec:not([data-kind="qa"]){display:none}
#main-content .tp .tp-lib.searching .tp-it.no-match,#main-content .tp .tp-lib.searching .no-hits{display:none}
#main-content .tp .tp-lib.searching .tp-it.is-more:not(.no-match){display:block}
#main-content .tp .tp-lib.searching .tp-showall{display:none}

/* ---------- sources ---------- */
#main-content .tp .tp-src-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;margin-top:22px!important;font-size:17px!important}
#main-content .tp .tp-src-top b{color:var(--thf-heading)}
#main-content .tp .tp-src-top p{margin-top:0!important}
#main-content .tp .tp-about{padding-left:24px;border-left:1px solid var(--thf-border)}
#main-content .tp .tp-src{columns:2;column-gap:48px;margin-top:30px!important;counter-reset:src;font-size:16px!important}
#main-content .tp .tp-src li{break-inside:avoid;position:relative;padding:8px 0 8px 40px;counter-increment:src;border-top:1px solid var(--thf-border);color:var(--thf-text-2);scroll-margin-top:calc(var(--tp-top) + var(--tp-bar-h) + 12px)}
#main-content .tp .tp-src li::before{content:counter(src);position:absolute;left:0;top:8px;font-family:var(--tp-serif);font-weight:700;color:var(--thf-link)}
#main-content .tp .tp-src li:target{background:var(--thf-surface)}
#main-content .tp .tp-top{margin-top:30px!important;font-size:16px!important}

/* ---------- mid widths ---------- */
@media (max-width:1180px){
  #main-content .tp .tp-wrap{padding:0 32px}
  #main-content .tp .tp-shelf{grid-template-columns:repeat(4,minmax(0,1fr))}
  #main-content .tp .tp-tgrid-5{grid-template-columns:repeat(4,minmax(0,1fr))}
  #main-content .tp .tp-tgrid-4{grid-template-columns:repeat(3,minmax(0,1fr))}
  #main-content .tp .tp-ch-body{grid-template-columns:minmax(0,1fr) 330px;gap:36px}
}
@media (max-width:1000px){
  #main-content .tp .tp-hero-in{grid-template-columns:minmax(0,1fr) 220px;gap:40px}
  #main-content .tp .tp-h1{font-size:64px!important}
  #main-content .tp .tp-shelf{grid-template-columns:repeat(3,minmax(0,1fr))}
  #main-content .tp .tp-steps,#main-content .tp .tp-themes{grid-template-columns:repeat(2,minmax(0,1fr))}
  #main-content .tp .tp-ch-body{grid-template-columns:1fr;gap:22px}
  #main-content .tp .tp-shelf-wide,#main-content .tp .tp-qgrid,#main-content .tp .tp-q-split{grid-template-columns:1fr}
  #main-content .tp .tp-q-side{border-left:0;padding-left:0;border-top:1px solid var(--thf-border);padding-top:26px}
}

/* ---------- phone ---------- */
@media (max-width:700px){
  #main-content .tp{font-size:17px!important}
  #main-content .tp .tp-wrap{padding:0 18px}
  #main-content .tp .tp-sec{padding:52px 0}
  #main-content .tp .tp-h2{font-size:31px!important}
  #main-content .tp .tp-h3{font-size:22px!important}
  #main-content .tp .tp-lede{font-size:18px!important}
  #main-content .tp .tp-answer{font-size:19px!important;padding-left:16px}
  #main-content .tp .tp-hero{padding-top:28px}
  #main-content .tp .tp-hero-in{display:block;position:relative}
  #main-content .tp .tp-hero-txt{display:flex;flex-direction:column}
  #main-content .tp .tp-hero-side{display:contents}
  #main-content .tp .tp-kicker{font-size:12.5px!important;letter-spacing:.13em;line-height:1.55;padding-left:96px;min-height:80px;display:flex;align-items:center}
  #main-content .tp .tp-h1{font-size:50px!important;margin-top:16px!important}
  #main-content .tp .tp-dek{font-size:21px!important;margin-top:14px!important}
  #main-content .tp .tp-portrait{position:absolute;left:18px;top:0;width:80px;margin:0!important;padding:0 0 6px 6px}
  #main-content .tp .tp-portrait::before{width:calc(100% - 6px);height:calc(100% - 6px)}
  #main-content .tp .tp-counts{margin-top:26px!important}
  #main-content .tp .tp-counts b{font-size:36px!important}
  #main-content .tp .tp-cta{flex-direction:column;align-items:stretch;gap:10px;margin-top:24px!important}
  #main-content .tp .tp-btn-big{min-height:62px;font-size:20px!important}
  #main-content .tp .tp-cta .tp-btn-o{min-height:52px;font-size:18px!important}
  #main-content .tp .tp-who{margin-top:28px!important;padding-top:22px}
  #main-content .tp .tp-who-h{font-size:22px!important}
  #main-content .tp .tp-facts{grid-template-columns:1fr;margin-top:26px!important}
  #main-content .tp .tp-facts>div,#main-content .tp .tp-facts>div:nth-child(n+4){display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;padding:12px 16px;border-right:0;border-bottom:1px solid var(--thf-border)}
  #main-content .tp .tp-facts>div:last-child{border-bottom:0}
  #main-content .tp .tp-facts dt{font-size:11.5px!important;letter-spacing:.1em;padding-top:3px}
  #main-content .tp .tp-facts dd{font-size:16px!important;margin-top:0!important}
  #main-content .tp .tp-checked{font-size:14px!important}
  #main-content .tp .tp-nav a{padding:13px 11px 11px;font-size:15px!important}
  #main-content .tp .tp-steps{grid-template-columns:1fr;gap:20px;margin-top:26px!important}
  #main-content .tp .tp-step{display:grid;grid-template-columns:120px minmax(0,1fr);grid-template-rows:auto auto}
  #main-content .tp .tp-step-img{aspect-ratio:auto;height:100%;min-height:120px;border-bottom:0;border-right:1px solid var(--thf-border)}
  #main-content .tp .tp-step-n{left:10px;top:10px;width:36px;height:36px;font-size:20px!important}
  #main-content .tp .tp-step-b{display:contents}
  #main-content .tp .tp-step-b>.tp-meta,#main-content .tp .tp-step-t,#main-content .tp .tp-step-d{grid-column:2;padding-left:16px;padding-right:14px}
  #main-content .tp .tp-step-b>.tp-meta{grid-row:1;padding-top:14px}
  #main-content .tp .tp-step-img{grid-row:1/3}
  #main-content .tp .tp-step-t{font-size:20px!important}
  #main-content .tp .tp-step-d{display:none}
  #main-content .tp .tp-step-t{padding-bottom:14px}
  #main-content .tp .tp-step .tp-acts{grid-column:1/-1;padding:0 14px 14px;margin-top:0!important;border-top:0}
  #main-content .tp .tp-step-t{font-size:22px!important}
  #main-content .tp .tp-step .tp-btn{width:100%}
  #main-content .tp .tp-go{gap:8px}
  #main-content .tp .tp-go-l{width:100%}
  #main-content .tp .tp-shelf{grid-template-columns:1fr;gap:0;margin-top:14px!important}
  #main-content .tp .tp-shelf .tp-book{flex-direction:row;gap:18px;padding:20px 0;border-bottom:1px solid var(--thf-border)}
  #main-content .tp .tp-shelf .tp-book:last-child{border-bottom:0}
  #main-content .tp .tp-shelf .tp-cover{flex:0 0 104px;align-self:flex-start}
  #main-content .tp .tp-shelf .tp-book-b{padding-top:0}
  #main-content .tp .tp-book-t{font-size:20px!important;margin-top:2px!important}
  #main-content .tp .tp-book-d{font-size:16px!important}
  #main-content .tp .tp-book .tp-acts{padding-top:12px}
  #main-content .tp .tp-tile{padding:10px 8px;gap:8px}
  #main-content .tp .tp-tile::before{inset:5px}
  #main-content .tp .tp-tile-t,#main-content .tp .tp-book-wide .tp-tile-t{font-size:14px!important}
  #main-content .tp .tp-tile-i{width:20px;height:20px}
  #main-content .tp .tp-shelf-h{margin-top:48px!important}
  #main-content .tp .tp-shelf-wide{gap:0;margin-top:10px!important}
  #main-content .tp .tp-book-wide.tp-card{padding:20px 0;gap:18px;background:transparent;border:0;border-radius:0;box-shadow:none;border-bottom:1px solid var(--thf-border)}
  #main-content .tp .tp-book-wide:last-child{border-bottom:0}
  #main-content .tp .tp-book-wide .tp-cover{flex-basis:104px}
  #main-content .tp .tp-book-wide .tp-acts{flex-direction:column;align-items:stretch}
  #main-content .tp .tp-rail{display:none}
  #main-content .tp .tp-chs{margin-top:34px!important}
  #main-content .tp .tp-ch{grid-template-columns:1fr}
  #main-content .tp .tp-ch-date{display:none}
  #main-content .tp .tp-ch-body{padding:0 0 44px 24px}
  #main-content .tp .tp-ch-body::before{left:-8px;top:5px}
  #main-content .tp .tp-ch-t{font-size:25px!important}
  #main-content .tp .tp-ch-txt p:not(.tp-ch-k){font-size:17.5px!important;line-height:1.66}
  #main-content .tp .tp-hear{padding:14px 14px 4px}
  #main-content .tp .tp-hear-h{padding:0 0 4px}
  #main-content .tp .tp-hear-i{gap:12px;padding:10px 0}
  #main-content .tp .tp-hear-i .tp-thumb{width:72px}
  #main-content .tp .tp-hear-i .tp-meta{display:none}
  #main-content .tp .tp-hear-t{font-size:16px!important;margin-top:0!important}
  #main-content .tp .tp-q.tp-card{padding:24px 20px}
  #main-content .tp .tp-qh{font-size:25px!important}
  #main-content .tp .tp-qgrid .tp-answer{font-size:18px!important}
  #main-content .tp #teaching,#main-content .tp .tp-qgrid{margin-top:48px!important}
  #main-content .tp .tp-themes{grid-template-columns:1fr;gap:0;margin-top:18px!important;background:var(--thf-surface);border:1px solid var(--thf-border);border-radius:14px}
  #main-content .tp .tp-theme.tp-card{padding:18px 20px;border:0;border-radius:0;box-shadow:none;background:transparent}
  #main-content .tp .tp-theme+.tp-theme{border-top:1px solid var(--thf-border)}
  #main-content .tp .tp-theme-t{font-size:20px!important}
  #main-content .tp .tp-theme p{font-size:16px!important}
  #main-content .tp .tp-qgrid{gap:20px}
  #main-content .tp .tp-tools{padding:18px 16px}
  #main-content .tp .tp-tabs{gap:8px}
  #main-content .tp .tp-tab{font-size:16px!important;padding:8px 14px;min-height:44px}
  #main-content .tp .tp-tgrid{gap:22px 14px}
  #main-content .tp .tp-tgrid-5,#main-content .tp .tp-tgrid-4{grid-template-columns:1fr;gap:2px}
  #main-content .tp .tp-tcard a{display:flex;align-items:center;gap:16px;padding:8px 0}
  #main-content .tp .tp-tcard .tp-thumb{width:100px}
  #main-content .tp .tp-tcard-b{padding-top:0;flex:1;min-width:0}
  #main-content .tp .tp-tcard .tp-thumb>.tp-play{display:none}
  #main-content .tp .tp-tcard-t{font-size:16px!important}
  #main-content .tp .tp-rows{grid-template-columns:1fr}
  #main-content .tp .tp-row .tp-thumb{width:100px}
  #main-content .tp .tp-row-t{font-size:16px!important}
  #main-content .tp .tp-grp summary{padding:16px 18px}
  #main-content .tp .tp-grp-n{font-size:19px!important}
  #main-content .tp .tp-grp .tp-rows{padding:0 18px 14px}
  #main-content .tp .tp-note-in{padding:0 18px 8px}
  #main-content .tp .tp-src-top{grid-template-columns:1fr;gap:18px}
  #main-content .tp .tp-about{padding-left:0;border-left:0;padding-top:16px;border-top:1px solid var(--thf-border)}
  #main-content .tp .tp-src{columns:1}
}