/* A · Clean (Apple Books-like): sans UI, no borders, soft depth, rounded */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
:root{--ui:"Inter",-apple-system,system-ui,sans-serif!important}
body,button,input{font-family:"Inter",-apple-system,system-ui,sans-serif}
.siderail{border-right:0!important;background:color-mix(in srgb,var(--paper) 92%,#000 2%)!important}
.siderail a{border-radius:10px!important;font-weight:500}
.siderail a.on{background:#fff!important;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.row h2,.libhead h1,.crow h2,.rh h2,.chead h1{font-family:"Inter",sans-serif!important;font-weight:700!important;letter-spacing:-.025em}
.row h2,.rh h2{font-size:22px!important}
.libhead h1,main h1:not(.rg){font-size:34px!important}
.bc img{border:0!important;border-radius:6px!important;box-shadow:0 1px 2px rgba(0,0,0,.06),0 8px 24px rgba(0,0,0,.08)!important}
.resume{border:0!important;border-radius:20px!important;box-shadow:0 1px 2px rgba(0,0,0,.04),0 12px 32px rgba(0,0,0,.06)!important}
.resume img{border:0!important;border-radius:6px;box-shadow:0 6px 18px rgba(0,0,0,.1)}
.resume .t{font-family:"Inter",sans-serif!important;font-weight:650;letter-spacing:-.02em}
.btn{border-radius:999px!important;padding:10px 20px!important;font-weight:600}
.hsearch{border:0!important;background:#fff!important;box-shadow:0 1px 2px rgba(0,0,0,.05),0 8px 28px rgba(0,0,0,.07)!important}
.ltt{font-family:"Inter",sans-serif!important;font-size:14px!important;font-weight:600}
.chl li{border-bottom:0!important}.chl li a{border-radius:12px;padding-left:10px!important}
.chl li:nth-child(odd) a{background:rgba(0,0,0,.025)}
.chl .nm{font-family:"Inter",sans-serif!important;font-size:16px!important;font-weight:500}
.dock{border-top:0!important;left:50%!important;right:auto!important;transform:translateX(-50%);bottom:18px!important;border-radius:999px;padding:0 28px;background:rgba(255,255,255,.8)!important;backdrop-filter:blur(16px);box-shadow:0 8px 30px rgba(0,0,0,.12)}
.top{backdrop-filter:blur(14px);background:color-mix(in srgb,var(--paper) 80%,transparent)!important}
.ccol,.cgrp,.kbook{border:0!important;border-radius:20px!important;box-shadow:0 10px 30px rgba(0,0,0,.06)!important}

/* ===== A2 · home refinements ===== */
/* sidebar: same paper as the page, quiet active state */
.siderail{background:var(--paper)!important;box-shadow:inset -1px 0 0 rgba(0,0,0,.05)}
.siderail a.on{background:rgba(28,27,25,.055)!important;box-shadow:none!important;color:var(--ink)!important;font-weight:600}
@media (min-width:1181px){.siderail a:not(.brand){height:40px!important;font-size:15px!important}}
.siderail a.brand{height:auto!important;margin-bottom:18px}.siderail .brand span{font:500 19px var(--text)!important;letter-spacing:-.005em}

/* masthead: more air, nothing clipped */
main.home .mast{padding-top:28px;overflow:visible!important}
main.home .mast .ess{font-feature-settings:'liga' 0,'dlig' 0;font:italic 400 26px/1.3 var(--text)!important;color:var(--ink2)!important;padding:0 .3em;overflow:visible}
main.home .mast .rg{font:500 92px/1 var(--text)!important;letter-spacing:-.015em;margin:6px 0 14px!important}
main.home .mast .yrs{font:500 13px var(--ui)!important;letter-spacing:.28em;color:var(--red)}

/* search + buttons: one height, one radius family */
main.home .hsearch{width:min(600px,100%)!important;height:54px!important;margin-top:36px!important;border:1px solid rgba(28,27,25,.07)!important;background:#fff!important;
  box-shadow:0 1px 2px rgba(28,27,25,.04),0 6px 24px -6px rgba(28,27,25,.10)!important;transition:box-shadow .2s,border-color .2s}
main.home .hsearch:focus-within{border-color:color-mix(in srgb,var(--red) 45%,transparent)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--red) 12%,transparent),0 6px 24px -6px rgba(28,27,25,.10)!important}
main.home .hsearch input{font:400 16px "Inter",sans-serif!important}
main.home .hsearch input::placeholder{color:#9a938a}
main.home .hbtns{gap:10px!important;margin-top:18px!important}
main.home .hbtns .btn{height:42px;padding:0 20px!important;gap:8px!important;font:600 14.5px "Inter",sans-serif!important;border-radius:999px!important;transition:transform .15s,box-shadow .15s,background .15s}
main.home .hbtns .btn svg,main.home .hbtns .btn .ic{width:16px!important;height:16px!important}
main.home .hbtns .btn.pri{box-shadow:0 1px 2px rgba(190,43,51,.25),0 6px 16px -6px rgba(190,43,51,.45)}
main.home .hbtns .btn.pri:hover{transform:translateY(-1px)}
main.home .hbtns .hout{background:#fff!important;border:1px solid rgba(28,27,25,.12)!important;color:var(--ink)!important}
main.home .hbtns .hout:hover{background:#f6f4ef!important}

/* one 5-column grid for everything under the search, so all covers line up */
main.home .below{margin-top:80px!important}
main.home .toprow.tr2{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;column-gap:28px!important;row-gap:0;align-items:start}
main.home .toprow .row.cont{grid-column:1 / 4}
main.home .toprow .row.prog{grid-column:4 / 6}
main.home .row h2,main.home .rh h2{font:600 19px/24px "Inter",sans-serif!important;letter-spacing:-.015em!important;margin:0 0 18px!important;padding:0!important;border:0!important}
main.home .rh{margin:0 0 18px!important;display:flex!important;align-items:center;gap:14px}
main.home .rh h2{margin:0!important}
main.home .rh .alllink{font:600 14px 'Inter',sans-serif!important;color:var(--red)!important;text-decoration:none}
main.home .rh .pager{margin-left:auto;display:flex;gap:8px}
main.home .rh .pager button{width:34px;height:34px;border-radius:50%;border:1px solid rgba(28,27,25,.12)!important;background:#fff!important;box-shadow:none!important}

/* continue reading: no card; cover on the grid, text beside it */
main.home a.resume{display:grid!important;grid-template-columns:calc((100% - 56px) / 3) 1fr!important;gap:28px!important;align-items:center!important;
  padding:0!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;max-width:none!important}
main.home a.resume img{width:100%!important;height:auto!important;aspect-ratio:2/3;object-fit:cover;border-radius:4px!important;
  box-shadow:0 1px 2px rgba(0,0,0,.08),0 12px 28px -10px rgba(0,0,0,.28)!important}
main.home .resume .rt{min-width:0}
main.home .resume .t{font:600 30px/1.15 "Inter",sans-serif!important;letter-spacing:-.025em!important;margin:0}
main.home .resume .c{font:400 15px/1.4 "Inter",sans-serif!important;color:var(--ink2)!important;margin-top:10px}
main.home .resume .cpct{margin-top:20px!important;max-width:340px}
main.home .resume .rt>*{margin-bottom:0!important}
main.home .resume .btn{margin-top:20px!important;height:42px;display:inline-flex!important;align-items:center;padding:0 24px!important;font:600 14.5px "Inter",sans-serif!important;border-radius:999px!important}

/* covers: one size, one shadow, one hover */
main.home .rail{gap:28px!important;margin:0!important}
main.home .row.prog .rail{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important;padding:0!important}
main.home .crow .rail{display:flex!important;overflow-x:auto!important;scrollbar-width:none;padding:0 0 32px!important;margin-bottom:-32px!important}
main.home .crow .rail .bc{flex:0 0 calc((100% - 112px) / 5)!important}
main.home .rail .bc{width:auto!important;flex:none!important;min-width:0}
main.home .rail .bc img{width:100%!important;height:auto!important;aspect-ratio:2/3;object-fit:cover;border:0!important;border-radius:4px!important;
  box-shadow:0 1px 2px rgba(0,0,0,.08),0 12px 28px -10px rgba(0,0,0,.28)!important;transition:transform .2s ease,box-shadow .2s ease}
main.home .bc:hover img,main.home a.resume:hover img{transform:translateY(-3px);box-shadow:0 2px 4px rgba(0,0,0,.08),0 18px 36px -12px rgba(0,0,0,.32)!important}
main.home .crow{margin-top:64px!important}
main.home .below>.crow:first-child{margin-top:0!important}

/* progress: thin, rounded, number in step */
main.home .pline{gap:10px!important;margin-top:12px!important}
main.home .lbar{height:3px!important;border-radius:99px!important;background:rgba(28,27,25,.10)!important;overflow:hidden}
main.home .lbar i{border-radius:99px!important}
main.home .pline b{font:600 12px "Inter",sans-serif!important;font-variant-numeric:tabular-nums;color:var(--ink2)!important;min-width:30px;text-align:right}
main.home{padding-bottom:96px!important}

@media (max-width:1180px){main.home .toprow.tr2{grid-template-columns:1fr!important;row-gap:56px!important}main.home .toprow .row.cont,main.home .toprow .row.prog{grid-column:auto}
 main.home a.resume{grid-template-columns:180px 1fr!important}main.home .row.prog .rail{grid-template-columns:repeat(4,minmax(0,1fr))!important}
 main.home .crow .rail .bc{flex:0 0 calc((100% - 84px) / 4)!important}}
@media (max-width:700px){main.home .mast .rg{font-size:52px!important}main.home .mast .ess{font-size:20px!important}main.home .below{margin-top:48px!important}
 main.home a.resume{grid-template-columns:110px 1fr!important;gap:18px!important}main.home .resume .t{font-size:21px!important}main.home .resume .c{font-size:14px!important}
 main.home .row.prog .rail{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}main.home .crow .rail{gap:18px!important}main.home .crow .rail .bc{flex:0 0 42%!important}
 main.home .crow{margin-top:48px!important}}
main.home .hbtns .hout{display:none!important}
main.home .lbar i{background:var(--red)!important}main.home .lbar{background:rgba(190,43,51,.14)!important}html.night main.home .lbar{background:rgba(226,88,94,.2)!important}main.home .pline b{color:var(--ink)!important}
main.home .hbtns .btn{display:inline-flex!important;align-items:center!important;justify-content:center;line-height:1!important;padding-top:0!important;padding-bottom:0!important}
/* ===== A2 · library ===== */
.libp .libhead{margin:0 0 36px!important;padding-top:28px}
.libp .libhead h1{font:700 36px/1.1 "Inter",sans-serif!important;letter-spacing:-.03em!important;margin:0!important}
.libp .gridb.lib{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;column-gap:28px!important;row-gap:44px!important}
.libp .lib .bc{display:flex!important;flex-direction:column;min-width:0;text-decoration:none}
.libp .lib .bc img{width:100%!important;height:auto!important;aspect-ratio:2/3;object-fit:cover;border:0!important;border-radius:4px!important;
  box-shadow:0 1px 2px rgba(0,0,0,.08),0 12px 28px -10px rgba(0,0,0,.28)!important;transition:transform .2s ease,box-shadow .2s ease}
.libp .lib .bc:hover img{transform:translateY(-3px);box-shadow:0 2px 4px rgba(0,0,0,.08),0 18px 36px -12px rgba(0,0,0,.32)!important}
.libp .lib .pline{gap:10px!important;margin:14px 0 0!important;height:14px}
.libp .lib .lbar{height:3px!important;border-radius:99px!important;background:rgba(28,27,25,.10)!important;overflow:hidden}
.libp .lib .lbar i{border-radius:99px!important}
.libp .lib .pline.zero .lbar{background:rgba(28,27,25,.06)!important}
.libp .lib .pline b{font:600 12px "Inter",sans-serif!important;font-variant-numeric:tabular-nums;color:var(--ink2)!important;min-width:30px;text-align:right}
.libp .lib .ltt{font:600 14.5px/1.35 "Inter",sans-serif!important;letter-spacing:-.01em;color:var(--ink)!important;margin-top:12px!important;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.libp .lib .ly{font:500 13px "Inter",sans-serif!important;font-variant-numeric:tabular-nums;color:var(--ink3)!important;margin-top:4px!important}
.libp .lib .bc:hover .ltt{color:var(--red)!important}
main.libp{padding-bottom:96px!important}
@media (max-width:1180px){.libp .gridb.lib{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media (max-width:700px){.libp .gridb.lib{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:18px!important;row-gap:32px!important}.libp .libhead h1{font-size:30px!important}}
/* ===== library v2: no titles, split, filters, red progress ===== */
.libp .lib .ltt{display:none!important}
.libp .lib .ly{margin-top:6px!important}
.libp .lib .pline.zero{display:flex!important;visibility:hidden}
.libp .lib .lbar{background:rgba(190,43,51,.14)!important}
.libp .lib .lbar i{background:var(--red)!important}
.libp .lib .pline b{color:var(--ink)!important}
.libp .lib .pline.fin b{color:var(--red)!important}
.libp .libhead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.lfilters{display:flex;gap:8px;flex-wrap:wrap}
.lfilters button{height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(28,27,25,.12);background:#fff;font:500 14px "Inter",sans-serif;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;gap:7px}
.lfilters button span{font-size:12.5px;color:var(--ink3);font-variant-numeric:tabular-nums}
.lfilters button.on{background:var(--ink);border-color:var(--ink);color:#fff}.lfilters button.on span{color:rgba(255,255,255,.65)}
.lfilters button:hover:not(.on){background:#f6f4ef}
.lsec{margin-top:8px}.lsec+.lsec{margin-top:64px}
.lsec h2{font:600 19px/24px "Inter",sans-serif;letter-spacing:-.015em;margin:0 0 20px}
@media (max-width:700px){.libp .libhead{align-items:flex-start;flex-direction:column}.lfilters{gap:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;width:calc(100% + 16px);margin-right:-16px}.lfilters button{flex:none}.lfilters button{height:34px;padding:0 12px;font-size:13.5px}}
.lsec .gridb.lib{margin-top:0!important;padding-top:0!important}
.libp .libhead{margin-bottom:44px!important}
.lmeta{margin-top:10px}
.lmeta .lb{height:3px}
.lmeta .lbar{display:block;height:3px!important;border-radius:99px;background:rgba(190,43,51,.14)!important;overflow:hidden;margin:0!important}
.lmeta .lbar i{display:block;height:100%;background:var(--red)!important;border-radius:99px}
.lmeta .lr{display:flex;justify-content:space-between;align-items:baseline;margin-top:7px;font-family:"Inter",-apple-system,system-ui,sans-serif!important;font-size:13px;font-weight:500}
.lmeta .yr{color:var(--ink3)}
.lmeta b{font-weight:600;font-size:12.5px;color:var(--ink)}.lmeta b.fin{color:var(--red)}
.lmeta .lb:empty{height:0}.lmeta .lb:empty + .lr{margin-top:8px}
/* ===== A2 · profile ===== */
.profp .prof{display:flex!important;align-items:center!important;gap:22px!important;padding:28px 0 0!important;margin-bottom:56px!important}
.profp .prof .av,.profp .prof [class*="av"]{width:84px!important;height:84px!important;font:600 32px "Inter",sans-serif!important}
.profp .prof h1{font:700 32px/1.1 "Inter",sans-serif!important;letter-spacing:-.03em!important;margin:0!important}
.profp .prof .dim{font:500 14px "Inter",sans-serif!important;color:var(--ink3)!important;margin-top:6px}
.profp .prof .btn{height:40px;display:inline-flex!important;align-items:center;gap:8px;padding:0 18px!important;border-radius:999px!important;border:1px solid rgba(28,27,25,.12)!important;background:#fff!important;font:600 14px "Inter",sans-serif!important;color:var(--ink)!important;box-shadow:none!important}
.profp .prof .btn:hover{background:#f6f4ef!important}
.profp .prof .btn svg,.profp .prof .btn .ic{width:16px!important;height:16px!important}
.profp .prof .btn .cnt{font:600 12.5px "Inter",sans-serif;color:var(--ink3);background:rgba(28,27,25,.06);border-radius:99px;padding:2px 7px}
.profp .prof{column-gap:10px}.profp .prof>div{margin-left:12px}
.profp .ph2{font:600 19px/24px "Inter",sans-serif!important;letter-spacing:-.015em!important;margin:0 0 20px!important}
.profp .gridb.lib{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;column-gap:28px!important;row-gap:44px!important}
.profp .lib .bc{display:flex!important;flex-direction:column;min-width:0}
.profp .lib .bc img{width:100%!important;height:auto!important;aspect-ratio:2/3;object-fit:cover;border:0!important;border-radius:4px!important;box-shadow:0 1px 2px rgba(0,0,0,.08),0 12px 28px -10px rgba(0,0,0,.28)!important;transition:transform .2s,box-shadow .2s}
.profp .lib .bc:hover img{transform:translateY(-3px)}
.profp .lmeta{margin-top:10px}.profp .lmeta .lb{height:3px}.profp .lmeta .lb:empty{height:0}
.profp .lmeta .lbar{display:block;height:3px!important;border-radius:99px;background:rgba(190,43,51,.14)!important;overflow:hidden;margin:0!important}
.profp .lmeta .lbar i{display:block;height:100%;background:var(--red)!important;border-radius:99px}
.profp .lmeta .lr{display:flex;justify-content:space-between;align-items:baseline;margin-top:7px;font-family:"Inter",sans-serif!important;font-size:13px;font-weight:500}
.profp .lmeta .yr{color:var(--ink3)}.profp .lmeta b{font-weight:600;font-size:12.5px;color:var(--ink)}.profp .lmeta b.fin{color:var(--red)}
@media (max-width:1180px){.profp .gridb.lib{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media (max-width:700px){.profp .prof{flex-wrap:wrap;gap:16px!important}.profp .prof .sp{flex-basis:100%;height:0}.profp .prof h1{font-size:26px!important}
 .profp .prof .av,.profp .prof [class*="av"]{width:64px!important;height:64px!important;font-size:24px!important}.profp .gridb.lib{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:18px!important;row-gap:32px!important}}
.profp .gridb.lib{grid-template-columns:repeat(5,minmax(0,1fr))!important;column-gap:32px!important}
.profp .ph2.fin2{margin-top:64px!important}
@media (max-width:1180px){.profp .gridb.lib{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:700px){.profp .gridb.lib{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:18px!important}}
/* ===== A2 · book page ===== */
.bookp .crumb{font:500 15px "Inter",sans-serif!important;color:var(--ink2)!important}
.bookp .bklay{gap:72px!important;align-items:start!important;padding-top:20px}
.bookp .bk{position:sticky;top:96px}
.bookp .bcv{border:0!important;border-radius:4px!important;box-shadow:0 1px 2px rgba(0,0,0,.08),0 16px 36px -12px rgba(0,0,0,.30)!important;width:220px!important;height:auto!important}
.bookp .bi .kicker{font:500 13px "Inter",sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:var(--ink3)!important;margin-top:28px!important}
.bookp .bi h1{font:700 30px/1.15 "Inter",sans-serif!important;letter-spacing:-.025em!important;margin:6px 0 0!important;max-width:300px}
.bookp .bprog{margin-top:18px!important;width:260px!important}
.bookp .bprog .pline{margin:0!important;gap:10px!important}
.bookp .lbar{height:3px!important;border-radius:99px!important;background:rgba(190,43,51,.14)!important;overflow:hidden}
.bookp .lbar i{background:var(--red)!important;border-radius:99px!important}
.bookp .pline b{font:600 12.5px "Inter",sans-serif!important;font-variant-numeric:tabular-nums;color:var(--ink)!important}
.bookp .pline.fin b{color:var(--red)!important}
.bookp .bprog .dim{font:500 13px "Inter",sans-serif!important}
.bookp .btns{margin-top:20px!important}
.bookp .btns .btn.pri{height:44px;display:inline-flex!important;align-items:center;gap:8px;padding:0 22px!important;border-radius:999px!important;font:600 14.5px "Inter",sans-serif!important;
  box-shadow:0 1px 2px rgba(190,43,51,.25),0 6px 16px -6px rgba(190,43,51,.45)}
.bookp .btns .btn svg,.bookp .btns .btn .ic{width:16px!important;height:16px!important}
.bookp .chh{font:600 19px/24px "Inter",sans-serif!important;letter-spacing:-.015em!important;margin:0 0 14px!important;padding-left:14px}
.bookp .chh .dim{font:500 15px "Inter",sans-serif!important;color:var(--ink3)!important;margin-left:6px}
.bookp .chl li{border:0!important;border-radius:12px;margin-bottom:2px;transition:background .15s}
.bookp .chl li:hover{background:rgba(28,27,25,.04)}
.bookp .chl li a{grid-template-columns:36px 1fr 130px!important;padding:14px 0 14px 14px!important;gap:6px!important}
.bookp .chl .num{font:500 13px "Inter",sans-serif!important;color:var(--ink3)!important;font-variant-numeric:tabular-nums}
.bookp .chl .nm{font:500 16.5px/1.3 "Inter",sans-serif!important;letter-spacing:-.01em;color:var(--ink)!important}
.bookp .chl .nm .mn{font:400 13px "Inter",sans-serif!important;color:var(--ink3)!important;margin-top:3px!important;display:block}
.bookp .chl li.done .nm{color:var(--ink2)!important}
.bookp .chl li.done .lbar{display:none!important}
.bookp .chl li.done .pline{justify-content:flex-end}
.bookp .chl li.cur{background:rgba(190,43,51,.055)}
.bookp .chl li.cur .num{color:var(--red)!important;font-weight:700}
.bookp .chl li.cur .nm{color:var(--ink)!important;font-weight:600}
.bookp .chl .pc .pline{width:120px!important;margin:0 0 0 auto!important}
.bookp .chl .st{opacity:0;transition:opacity .15s;margin-right:10px}
.bookp .chl li:hover .st,.bookp .chl .st.on{opacity:1}
.bookp .chl .st.on{color:var(--red)!important}
main.bookp{padding-bottom:96px!important}
@media (max-width:900px){.bookp .bk{position:static}.bookp .bcv{width:160px!important}.bookp .chl li a{grid-template-columns:28px 1fr 96px!important}.bookp .chl .pc .pline{width:90px!important}.bookp .chl .st{opacity:1}}
.bookp .chl li a,.bookp .chl li:nth-child(odd) a{background:none!important;border-radius:0!important}
.top .crumb{font:500 15px "Inter",sans-serif!important;color:var(--ink2)!important}
/* progress line and Continue button share one width, so their right edges line up */
.bookp .bi{width:280px}
.bookp .bprog{width:100%!important}
.bookp .btns{width:100%}
.bookp .btns .btn.pri{width:100%;justify-content:center}
@media (max-width:900px){.bookp .bi{width:min(320px,100%);margin:0 auto}}
.bookp .bprog .pline{width:100%!important;margin:0!important}
/* ===== A2 · reader (reading text untouched) ===== */
.top.rd{background:color-mix(in srgb,var(--paper) 78%,transparent)!important;backdrop-filter:saturate(1.4) blur(16px);-webkit-backdrop-filter:saturate(1.4) blur(16px);border-bottom:1px solid rgba(28,27,25,.06)!important;box-shadow:none!important}
.top.rd .hbook{font:500 12.5px "Inter",sans-serif!important;color:var(--ink3)!important;letter-spacing:0!important;text-transform:none!important}
.top.rd .hch{font:600 16px "Inter",sans-serif!important;letter-spacing:-.01em!important}
.readp .ahead .kick{font:600 12.5px "Inter",sans-serif!important;letter-spacing:.08em!important;color:var(--red)!important}
.readp .ahead .subt{font:500 15px "Inter",sans-serif!important;color:var(--ink3)!important;margin-top:8px}
.readp .byline img{border:0!important;border-radius:3px!important;box-shadow:0 1px 2px rgba(0,0,0,.08),0 6px 14px -6px rgba(0,0,0,.25)!important;width:44px!important;height:auto!important}
.readp .byline b{font:600 15px "Inter",sans-serif!important;letter-spacing:-.01em!important;text-transform:none!important}
.readp .byline small{font:500 13px "Inter",sans-serif!important;color:var(--ink3)!important;letter-spacing:0!important}
/* floating dock */
.readp ~ .dock,.dock{left:50%!important;right:auto!important;bottom:20px!important;transform:translateX(-50%);height:52px!important;width:auto!important;gap:4px!important;padding:0 8px!important;
  border:1px solid rgba(28,27,25,.07)!important;border-radius:999px!important;background:color-mix(in srgb,#fff 82%,transparent)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  box-shadow:0 2px 6px rgba(0,0,0,.05),0 14px 36px -10px rgba(0,0,0,.22)!important}
.dock .dk{display:flex;gap:2px}
.dock .dk button{width:auto!important;min-width:44px;height:40px;padding:0 12px!important;border-radius:999px!important;display:inline-flex;align-items:center;justify-content:center;gap:6px;font:600 13px "Inter",sans-serif}
.dock .dk button:hover{background:rgba(28,27,25,.06)!important}
.dock .dk button.on,.dock .dk button[title="Saved"]{color:var(--red)!important}
.dock .nx{margin-left:6px;height:40px;padding:0 16px!important;border-radius:999px;background:var(--red);color:#fff!important;display:inline-flex!important;align-items:center;gap:8px;font:600 13.5px "Inter",sans-serif!important}
.dock .nx .nxl{color:#fff!important;font-weight:600}.dock .nx .nxt{color:rgba(255,255,255,.85)!important;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dock .nx svg{width:16px;height:16px}
/* end of chapter */
.readp .nextc{border:0!important;border-radius:16px!important;background:#fff!important;padding:18px 22px!important;box-shadow:0 1px 2px rgba(0,0,0,.05),0 12px 30px -12px rgba(0,0,0,.18)!important;transition:transform .2s}
.readp .nextc:hover{transform:translateY(-2px)}
.readp .nextc .dim{font:500 12.5px "Inter",sans-serif!important;color:var(--ink3)!important}
.readp .nextc b{font:600 17px "Inter",sans-serif!important;letter-spacing:-.01em}
.readp .nextc img{border:0!important;box-shadow:0 4px 10px -4px rgba(0,0,0,.25)}
.readp .cms h2,.readp .cms h3,.readp .cms .cmh{font:600 19px/24px "Inter",sans-serif!important;letter-spacing:-.015em!important}
.readp .cms input,.readp .cms textarea{font-family:"Inter",sans-serif!important}
main.readp{padding-bottom:120px!important}
@media (max-width:900px){.dock{bottom:84px!important}.dock .nx{display:none!important}}
.readp .ahead h1{font:700 54px/1.08 var(--text)!important;letter-spacing:-.01em!important;margin:10px 0 0!important}
.dock{width:max-content!important;max-width:calc(100vw - 32px)!important;justify-content:flex-start!important}
.dock .dk{flex:none}.dock .dk button span:empty{display:none}
.dock .nx{flex:none!important;width:auto!important}
@media (max-width:700px){.readp .ahead h1{font-size:38px!important}}
.dock .nx{position:static!important;max-width:none!important;overflow:visible!important;right:auto!important;left:auto!important;top:auto!important;transform:none!important}
/* ===== A2 · collection ===== */
.youp .khead{align-items:center!important;margin:0 0 36px!important;padding-top:28px}
.youp .khead h1{font:700 36px/1.1 "Inter",sans-serif!important;letter-spacing:-.03em!important;margin:0!important}
.youp .csearch3{height:44px!important;width:300px!important;border-radius:999px!important;border:1px solid rgba(28,27,25,.07)!important;background:#fff!important;padding:0 16px!important;
  box-shadow:0 1px 2px rgba(28,27,25,.04),0 6px 20px -8px rgba(28,27,25,.10)!important}
.youp .csearch3:focus-within{box-shadow:0 0 0 4px color-mix(in srgb,var(--red) 12%,transparent)!important;border-color:color-mix(in srgb,var(--red) 45%,transparent)!important}
.youp .csearch3 input{font:400 15px "Inter",sans-serif!important}
.youp .ccols{gap:28px!important}
.youp .ccol{border:0!important;border-radius:20px!important;background:#fff!important;padding:0 0 18px!important;overflow:hidden;text-align:left!important;
  box-shadow:0 1px 2px rgba(0,0,0,.05),0 14px 34px -14px rgba(0,0,0,.18)!important;transition:transform .2s ease,box-shadow .2s ease;display:flex!important;flex-direction:column;align-items:stretch!important}
.youp .ccol:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(0,0,0,.05),0 20px 44px -14px rgba(0,0,0,.24)!important}
.youp .ccol .cstack{background:color-mix(in srgb,var(--red) 4%,var(--paper));width:100%!important;height:200px!important;padding-top:22px;box-sizing:border-box;margin:0 0 16px!important;display:flex!important;justify-content:center;align-items:flex-end!important}
.youp .ccol .cstack img{border:0!important;border-radius:3px!important;box-shadow:0 1px 2px rgba(0,0,0,.08),0 8px 18px -8px rgba(0,0,0,.30)!important}
.youp .ccol .cname{font:600 17px/1.3 "Inter",sans-serif!important;letter-spacing:-.015em!important;padding:0 20px!important;text-align:left!important;width:auto!important}
.youp .ccol .ccount{font:500 13px "Inter",sans-serif!important;color:var(--ink3)!important;padding:0 20px!important;margin-top:6px!important;justify-content:flex-start!important;gap:12px!important;width:auto!important;min-height:16px}
.youp .ccol .ccount svg{width:14px!important;height:14px!important}
.youp .ccol .cempty{opacity:.35;align-self:center}
.youp .ccol.newc{background:none!important;box-shadow:none!important;border:1.5px dashed rgba(28,27,25,.18)!important;justify-content:center!important;align-items:center!important;padding:0!important;gap:10px;color:var(--ink2)!important}
.youp .ccol.newc:hover{border-color:var(--red)!important;color:var(--red)!important;transform:none;background:color-mix(in srgb,var(--red) 3%,transparent)!important}
.youp .ccol.newc span{font:600 15px "Inter",sans-serif!important}
.youp .ccol.newc svg{width:28px!important;height:28px!important}
main.youp{padding-bottom:96px!important}
@media (max-width:700px){.youp .khead{flex-wrap:wrap;gap:14px}.youp .csearch3{width:100%!important}.youp .khead .sp{display:none}.youp .ccols{gap:18px!important}.youp .ccol .cstack{height:170px!important}}
/* ----- inside a collection ----- */
.colp .kback{font:500 14.5px "Inter",sans-serif!important;color:var(--ink2)!important;margin-top:20px}
.colp .chead{margin:14px 0 26px!important;align-items:center!important}
.colp .chead h1{font:700 36px/1.1 "Inter",sans-serif!important;letter-spacing:-.03em!important}
.colp .chead .ibtn{opacity:.55}.colp .chead .ibtn:hover{opacity:1;color:var(--red)}
.colp .kseg{background:none!important;padding:0!important;gap:8px!important;border:0!important;box-shadow:none!important;margin-bottom:28px!important}
.colp .kseg a{height:36px;padding:0 14px!important;border-radius:999px!important;border:1px solid rgba(28,27,25,.12)!important;background:#fff!important;font:500 14px "Inter",sans-serif!important;color:var(--ink)!important;box-shadow:none!important;display:inline-flex!important;align-items:center;gap:7px}
.colp .kseg a svg{display:none}
.colp .kseg a b{font:500 12.5px "Inter",sans-serif!important;color:var(--ink3)!important}
.colp .kseg a.on{background:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important}.colp .kseg a.on b{color:rgba(255,255,255,.65)!important}
.colp .citems{border:0!important;display:flex;flex-direction:column;gap:14px;max-width:860px}
.colp .row2{border:0!important;background:#fff;border-radius:16px;padding:18px 18px 18px 20px!important;gap:20px!important;align-items:flex-start!important;
  box-shadow:0 1px 2px rgba(0,0,0,.04),0 10px 26px -14px rgba(0,0,0,.16);transition:box-shadow .2s}
.colp .row2:hover{box-shadow:0 2px 4px rgba(0,0,0,.05),0 16px 34px -14px rgba(0,0,0,.22)}
.colp .row2 .rcov{border:0!important;border-radius:3px!important;width:48px!important;height:auto!important;box-shadow:0 1px 2px rgba(0,0,0,.08),0 6px 14px -6px rgba(0,0,0,.28)!important}
.colp .row2 .rtext{font:400 19px/1.5 var(--text)!important;color:var(--ink)!important}
.colp .row2 .rnote{display:inline-flex!important;width:auto!important;align-items:center;gap:6px;margin-top:10px;padding:6px 12px;border-radius:10px;background:rgba(28,27,25,.045);font:500 13.5px "Inter",sans-serif!important;color:var(--ink2)!important}
.colp .row2 .rw{font:500 13px "Inter",sans-serif!important;color:var(--ink3)!important;margin-top:10px!important}
.colp .row2 .rw i{font-style:normal!important;color:var(--ink2)!important}
.colp .row2 .rdel{opacity:0;transition:opacity .15s}.colp .row2:hover .rdel{opacity:.6}.colp .row2 .rdel:hover{opacity:1;color:var(--red)}
@media (hover:none){.colp .row2 .rdel{opacity:.6}}
@media (max-width:700px){.colp .chead{flex-wrap:wrap}.colp .chead h1{font-size:28px!important}.colp .kseg{overflow-x:auto;flex-wrap:nowrap!important;scrollbar-width:none}.colp .kseg a{flex:none}.colp .row2{padding:14px!important;gap:14px!important}.colp .row2 .rtext{font-size:17px!important}}
.colp .kseg a span{display:inline!important}.colp .row2 .rnote{max-width:max-content}
/* v2: whole fan visible, bigger covers inside, calm phone list */
.youp .ccol .cstack{display:block!important;position:relative!important;height:292px!important;padding:0!important;margin:0 0 16px!important;overflow:hidden!important}
.youp .ccol .cstack img{bottom:28px!important}
.youp .ccol .cstack .cempty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.colp .row2 .rcov{width:84px!important}
.colp .row2{gap:24px!important;padding:20px 22px!important}
@media (max-width:700px){
  .youp .ccols{display:flex!important;flex-direction:column;gap:12px!important}
  .youp .ccol{display:grid!important;grid-template-columns:104px 1fr;grid-template-rows:auto auto;column-gap:16px;align-content:center;align-items:center!important;padding:10px 16px 10px 10px!important;border-radius:16px!important;min-height:0!important}
  .youp .ccol .cstack{grid-row:1 / 3;height:96px!important;width:104px!important;margin:0!important;border-radius:10px}
  .youp .ccol .cstack img{--h:64px!important;height:64px!important;bottom:14px!important}
  .youp .ccol .cstack img:nth-child(n+4){display:none}
  .youp .ccol.allsaved .cstack img{display:none}
  .youp .ccol.allsaved .cstack img:nth-child(3),.youp .ccol.allsaved .cstack img:nth-child(4),.youp .ccol.allsaved .cstack img:nth-child(5){display:block}
  .youp .ccol .cname{padding:0!important;font-size:16px!important;align-self:end}
  .youp .ccol .ccount{padding:0!important;margin-top:4px!important;align-self:start;gap:10px!important}
  .youp .ccol.newc{display:flex!important;height:56px;padding:0!important}
  .colp .row2 .rcov{width:64px!important}
}
.colp .row2 .rcov{margin-right:22px!important;flex:none}@media (max-width:700px){.colp .row2 .rcov{margin-right:14px!important}}
@media (max-width:700px){
 .colp .row2{display:block!important;position:relative;padding:16px!important}
 .colp .row2 .rcov{float:left;width:56px!important;margin:4px 14px 6px 0!important}
 .colp .row2 .rb{display:block!important;width:auto!important}
 .colp .row2 .rtext{display:block;padding-right:22px}
 .colp .row2 .rnote{display:flex!important;max-width:none;clear:both;margin-top:12px}
 .colp .row2 .rw{clear:both;display:block;padding-top:8px}
 .colp .row2 .rdel{position:absolute!important;top:8px;right:8px}
}
/* ===== A2 · your comments + settings ===== */
.profp .kback{font:500 14.5px "Inter",sans-serif!important;color:var(--ink2)!important;margin-top:20px}
.profp .chead{margin:14px 0 24px!important}
.profp .chead h1{font:700 36px/1.1 "Inter",sans-serif!important;letter-spacing:-.03em!important}
.profp .bchips{gap:8px!important;margin-bottom:28px!important;flex-wrap:wrap}
.profp .bchips a{height:36px!important;padding:0 14px 0 10px!important;border-radius:999px!important;border:1px solid rgba(28,27,25,.12)!important;background:#fff!important;font:500 14px "Inter",sans-serif!important;color:var(--ink)!important;gap:8px!important;display:inline-flex!important;align-items:center}
.profp .bchips a:first-child{padding-left:14px!important}
.profp .bchips a .mini-cover{width:18px!important;border:0!important;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.profp .bchips a b{font:500 12.5px "Inter",sans-serif!important;color:var(--ink3)!important}
.profp .bchips a.on{background:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important}.profp .bchips a.on b{color:rgba(255,255,255,.65)!important}
.profp .citems{display:flex;flex-direction:column;gap:14px;max-width:860px;border:0!important}
.profp .ci2{border:0!important;background:#fff!important;border-radius:16px!important;padding:20px 22px!important;box-shadow:0 1px 2px rgba(0,0,0,.04),0 10px 26px -14px rgba(0,0,0,.16)!important;transition:box-shadow .2s,transform .2s}
.profp .ci2:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(0,0,0,.05),0 16px 34px -14px rgba(0,0,0,.22)!important}
.profp .ci2 .cq{display:block;font:italic 400 17px/1.45 var(--text)!important;color:var(--ink2)!important;border-left:2px solid var(--red)!important;padding:0 0 0 12px!important;margin-bottom:12px}
.profp .ci2 .ctx{font:400 16.5px/1.5 "Inter",sans-serif!important;color:var(--ink)!important;letter-spacing:-.005em}
.profp .ci2 .from{font:500 13px "Inter",sans-serif!important;color:var(--ink3)!important;margin-top:10px!important}
.profp .ci2 .from i{font-style:normal!important;color:var(--ink2)!important}
/* settings */
.profp .setl{max-width:640px;background:#fff;border-radius:18px;border:0!important;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.04),0 10px 26px -14px rgba(0,0,0,.16)}
.profp .setr{min-height:56px;padding:0 22px!important;border-bottom:1px solid rgba(28,27,25,.07)!important;border-top:0!important;font:500 15px "Inter",sans-serif!important;display:flex!important;align-items:center;justify-content:space-between}
.profp .setr b{font:400 15px "Inter",sans-serif!important;color:var(--ink3)!important}
.profp .setr:last-child{border-bottom:0!important}
.profp .setr.out{width:100%;color:var(--red)!important;justify-content:center!important;gap:8px;background:none;cursor:pointer}
.profp .setr.out:hover{background:color-mix(in srgb,var(--red) 5%,transparent)}
.profp .tog{width:46px!important;height:28px!important;border-radius:99px!important;background:rgba(28,27,25,.14)!important;border:0!important;position:relative}
.profp .tog i{width:24px!important;height:24px!important;top:2px!important;left:2px!important;border-radius:50%;background:#fff!important;box-shadow:0 1px 3px rgba(0,0,0,.25)!important;position:absolute;transition:transform .2s}
.profp .tog.on{background:var(--red)!important}.profp .tog.on i{transform:translateX(18px)}
@media (max-width:700px){.profp .chead h1{font-size:28px!important}.profp .bchips{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none}.profp .bchips a{flex:none}.profp .ci2{padding:16px!important}.profp .setr{padding:0 16px!important}}
.profp .ci2 .from{display:block!important;line-height:1.5}.profp .ci2 .from>*{display:inline!important}.profp .ci2 .from svg{display:inline-block!important;vertical-align:-2px;width:13px;height:13px;margin-right:4px}
/* ===== phone pass: nothing cut, nothing cramped ===== */
@media (max-width:700px){
  /* chips wrap instead of running off the edge */
  .lfilters,.colp .kseg,.profp .bchips{flex-wrap:wrap!important;overflow:visible!important;width:auto!important;margin-right:0!important}
  .lfilters button,.colp .kseg a,.profp .bchips a{flex:none}
  .profp .bchips a{max-width:100%}
  .profp .bchips a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  /* home: suggested as a 2-column grid, no half covers */
  main.home .crow .rh .pager{display:none!important}
  main.home .crow .rail{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important;gap:18px!important;padding:0!important;margin:0!important}
  main.home .crow .rail .bc{flex:none!important;width:auto!important}
  main.home #works .rail .bc:nth-child(n+7){display:none}
  main.home a.resume{grid-template-columns:120px 1fr!important}
  /* collection: 2-column cards, readable fans */
  .youp .ccols{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  .youp .ccol{display:flex!important;flex-direction:column!important;padding:0 0 14px!important;border-radius:16px!important;grid-template-columns:none}
  .youp .ccol .cstack{width:100%!important;height:150px!important;margin:0 0 12px!important;border-radius:0!important;grid-row:auto}
  .youp .ccol .cstack img{--h:96px!important;height:96px!important;bottom:18px!important}
  .youp .ccol .cname{padding:0 14px!important;font-size:15px!important;align-self:stretch}
  .youp .ccol .ccount{padding:0 14px!important;align-self:stretch}
  .youp .ccol.newc{display:flex!important;height:auto!important;min-height:200px;flex-direction:column!important;padding:0!important}
  .youp .ccol.newc span{display:block!important}
}
/* phone search: a full screen of its own, not a panel over the page */
@media (max-width:700px){
  .finder.drop.show{position:fixed!important;inset:0!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:auto!important;max-width:none!important;max-height:none!important;height:100dvh!important;
    z-index:200!important;border-radius:0!important;box-shadow:none!important;background:var(--paper)!important;overflow-y:auto!important;padding:0 0 40px!important;transform:none!important;margin:0!important}
  .finder.drop.show .fx-field{display:flex!important;position:sticky;top:0;z-index:2;align-items:center;gap:10px;height:64px;padding:0 16px!important;background:var(--paper);border-bottom:1px solid rgba(28,27,25,.07)}
  .finder.drop.show .fx-field input{flex:1;height:44px;border-radius:999px;border:0;background:#fff;padding:0 16px 0 40px;font:400 16px "Inter",sans-serif;box-shadow:0 1px 2px rgba(28,27,25,.05),0 4px 14px -6px rgba(28,27,25,.12)}
  .finder.drop.show .fx-field .fx-icon{position:absolute;left:30px;color:var(--ink3)}
  .finder.drop.show .fx-field .fx-x{font:600 15px "Inter",sans-serif;color:var(--red);background:none;border:0;padding:0 2px}
  .finder.drop.show .fx-best,.finder.drop.show .fx-tabs{margin-left:12px;margin-right:12px}
  .finder.drop.show .fx-best{margin-top:14px}
}
@media (max-width:700px){.finder.drop.show .fx-field .fx-x{width:auto!important;min-width:0!important;flex:none!important;padding:0 4px!important;position:static!important}.finder.drop.show .fx-field input{min-width:0}}
/* ===== A2 · search, study, sign in, topics ===== */
/* search dropdown */
.finder.drop .fx-list,.finder.drop>div:not(.fx-field):not(.fx-scope),.finder.drop{font-family:"Inter",sans-serif}
.finder.drop .fx-best,.finder.drop .fx-tabs,.finder.drop .fx-list{}
.finder.drop [class*="fx-"]{}
.finder.show{border:0!important;border-radius:22px!important;box-shadow:0 2px 6px rgba(0,0,0,.05),0 24px 60px -18px rgba(0,0,0,.28)!important;background:#fff!important;overflow:hidden}
.finder .fx-lab{font:600 11.5px "Inter",sans-serif!important;letter-spacing:.08em!important;color:var(--ink3)!important}
.finder .fx-bestc{border:0!important;border-radius:14px!important;background:color-mix(in srgb,var(--red) 4%,var(--paper))!important;padding:14px!important;transition:background .15s}
.finder .fx-bestc:hover{background:color-mix(in srgb,var(--red) 8%,var(--paper))!important}
.finder .fx-bcov,.finder .fx-icov,.finder .fx-ccov{border:0!important;border-radius:3px!important;box-shadow:0 1px 2px rgba(0,0,0,.08),0 6px 14px -6px rgba(0,0,0,.28)!important}
.finder .fx-bt{font:600 18px "Inter",sans-serif!important;letter-spacing:-.015em}
.finder .fx-bs,.finder .fx-meta{font:500 12.5px "Inter",sans-serif!important;color:var(--ink3)!important}
.finder .fx-tabs{border-bottom:1px solid rgba(28,27,25,.08)!important;gap:6px!important}
.finder .fx-tab{font:500 14px "Inter",sans-serif!important;color:var(--ink3)!important;padding:10px 8px!important}
.finder .fx-tab.on{color:var(--ink)!important;font-weight:600!important;box-shadow:inset 0 -2px 0 var(--red)!important;border:0!important}
.finder .fx-item{border:0!important;border-radius:12px;margin:2px 8px!important;padding:14px!important;transition:background .15s}
.finder .fx-item:hover,.finder .fx-item.on,.finder .fx-item[aria-selected="true"]{background:rgba(28,27,25,.045)!important}
.finder .fx-snip{font-family:var(--text)!important;font-size:16.5px!important;line-height:1.5!important}
/* study */
.studyp h1.big{font:700 36px/1.1 "Inter",sans-serif!important;letter-spacing:-.03em!important;margin:28px 0 28px!important}
.studyp .path{border:0!important;background:#fff!important;border-radius:20px!important;padding:8px 8px 10px!important;margin-bottom:22px!important;box-shadow:0 1px 2px rgba(0,0,0,.04),0 12px 30px -14px rgba(0,0,0,.18)!important;max-width:860px}
.studyp .path header{padding:14px 14px 10px!important;border:0!important;align-items:center}
.studyp .path header b{font:600 19px "Inter",sans-serif!important;letter-spacing:-.015em}
.studyp .path header .dim{font:600 12.5px "Inter",sans-serif!important;color:var(--red)!important;background:color-mix(in srgb,var(--red) 8%,transparent);padding:4px 10px;border-radius:99px}
.studyp .path li{border:0!important}
.studyp .path li a{border-radius:12px;padding:10px 14px!important;gap:16px!important;transition:background .15s}
.studyp .path li a:hover{background:rgba(28,27,25,.04)}
.studyp .path .mini-cover{width:34px!important;border:0!important;border-radius:2px;box-shadow:0 1px 2px rgba(0,0,0,.08),0 5px 12px -5px rgba(0,0,0,.3)}
.studyp .path li a>span:not(.dim){font:500 16px/1.3 "Inter",sans-serif!important;letter-spacing:-.01em}
.studyp .path li a>span:not(.dim) *{font-family:"Inter",sans-serif!important}
.studyp .path li a>span:not(.dim) small,.studyp .path li a>span:not(.dim) .dim,.studyp .path li a>span:not(.dim) span{font-size:13px!important;color:var(--ink3)!important;font-weight:400!important}
.studyp .path li a>.dim{font:600 12.5px "Inter",sans-serif!important;color:var(--ink3)!important}
/* sign in */
.signin{background:#fff;border-radius:24px;padding:40px 36px 32px!important;box-shadow:0 2px 6px rgba(0,0,0,.04),0 24px 60px -24px rgba(0,0,0,.25);width:min(420px,calc(100% - 32px))!important;margin:12vh auto 0!important}
.signin .obseal{width:48px!important;height:48px!important}
.signin h1{font:700 28px "Inter",sans-serif!important;letter-spacing:-.025em!important;margin:14px 0 24px!important}
.signin .btn{height:48px!important;border-radius:999px!important;font:600 15px "Inter",sans-serif!important;width:100%}
.signin .btn:not(.pri){background:#fff!important;border:1px solid rgba(28,27,25,.14)!important}
.signin .btn+.btn{margin-top:10px}
/* topics */
.onboard h1{font:700 40px/1.1 "Inter",sans-serif!important;letter-spacing:-.03em!important;margin:18px 0 30px!important}
.onboard .obseal{width:48px!important;height:48px!important}
.onboard h5{font:600 12px "Inter",sans-serif!important;letter-spacing:.08em!important;color:var(--ink3)!important;margin:0 0 12px!important}
.onboard section{margin-bottom:28px!important}
.onboard .chips{gap:10px!important}
.onboard .chip{height:40px;padding:0 18px!important;border-radius:999px!important;border:1px solid rgba(28,27,25,.12)!important;background:#fff!important;font:500 15px "Inter",sans-serif!important;color:var(--ink)!important;transition:background .15s,border-color .15s,transform .1s}
.onboard .chip:hover{border-color:rgba(28,27,25,.3)!important}
.onboard .chip:active{transform:scale(.97)}
.onboard .chip.on{background:var(--red)!important;border-color:var(--red)!important;color:#fff!important}
.onboard footer{gap:10px!important;margin-top:12px}
.onboard footer .btn{height:46px;padding:0 26px!important;border-radius:999px!important;font:600 15px "Inter",sans-serif!important}
.onboard footer .btn:not(.pri){background:none!important;border:0!important;color:var(--ink2)!important}
.onboard footer .btn.pri[disabled]{opacity:.35}
@media (max-width:700px){.studyp h1.big,.onboard h1{font-size:30px!important}.studyp .path{border-radius:16px!important}.onboard .chip{height:38px;padding:0 15px!important;font-size:14.5px!important}.signin{padding:32px 22px 24px!important}}
/* ===== A2 · night ===== */
html.night{--card2:#22201c;--hair:rgba(239,232,220,.09);--hair2:rgba(239,232,220,.16)}
/* surfaces that were pure white become raised dark cards */
html.night .hsearch,html.night .hbtns .hout,html.night .lfilters button:not(.on),html.night .colp .kseg a:not(.on),html.night .profp .bchips a:not(.on),
html.night .prof .btn,html.night .rh .pager button,html.night .youp .csearch3,html.night .ccol:not(.newc),html.night .row2,html.night .ci2,html.night .setl,
html.night .path,html.night .signin,html.night .onboard .chip:not(.on),html.night .readp .nextc,html.night .finder.show,html.night .signin .btn:not(.pri)
  {background:var(--card2)!important;border-color:var(--hair2)!important;color:var(--ink)!important}
html.night .lfilters button.on,html.night .colp .kseg a.on,html.night .profp .bchips a.on{background:var(--ink)!important;color:#16130F!important;border-color:var(--ink)!important}
html.night .lfilters button.on span,html.night .colp .kseg a.on b,html.night .profp .bchips a.on b{color:rgba(22,19,15,.6)!important}
/* shadows: deeper and tighter on dark */
html.night .bc img,html.night a.resume img,html.night .bcv,html.night .lib .bc img,html.night .rail .bc img,html.night .cstack img,html.night .rcov,html.night .byline img,html.night .fx-bcov,html.night .fx-icov,html.night .mini-cover
  {box-shadow:0 1px 2px rgba(0,0,0,.5),0 14px 30px -12px rgba(0,0,0,.75)!important}
html.night .ccol:not(.newc),html.night .row2,html.night .ci2,html.night .setl,html.night .path,html.night .signin,html.night .readp .nextc,html.night .hsearch,html.night .finder.show
  {box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 14px 34px -16px rgba(0,0,0,.7)!important}
/* covers: take the glare off the white paper without changing the art */
html.night img[src*="covers/"]{filter:brightness(.86) contrast(1.02)}
/* bands, tints, tracks */
html.night .ccol .cstack{background:color-mix(in srgb,var(--red) 9%,var(--card2))!important}
html.night .fx-bestc{background:color-mix(in srgb,var(--red) 10%,var(--card2))!important}
html.night .lbar,html.night .lmeta .lbar{background:rgba(226,88,94,.20)!important}
html.night .bookp .chl li.cur{background:rgba(226,88,94,.10)}
html.night .bookp .chl li:hover,html.night .studyp .path li a:hover,html.night .finder .fx-item:hover{background:rgba(239,232,220,.05)!important}
html.night .siderail{background:var(--paper)!important;box-shadow:inset -1px 0 0 var(--hair)}
html.night .siderail a.on{background:rgba(239,232,220,.08)!important}
html.night .setr{border-bottom-color:var(--hair)!important}
html.night .tog{background:rgba(239,232,220,.18)!important}
html.night .rnote{background:rgba(239,232,220,.06)!important}
html.night .ccol.newc{border-color:var(--hair2)!important}
/* reader chrome */
html.night .top.rd{background:color-mix(in srgb,var(--paper) 75%,transparent)!important;border-bottom-color:var(--hair)!important}
html.night .dock{background:color-mix(in srgb,#2a2621 80%,transparent)!important;border-color:var(--hair2)!important;box-shadow:0 14px 36px -10px rgba(0,0,0,.8)!important}
html.night .dock .dk button:hover{background:rgba(239,232,220,.08)!important}
html.night .tabbar{background:color-mix(in srgb,#2a2621 85%,transparent)!important}
/* ===== round 3 fixes ===== */
/* send: greyed out until there is text */
.ibtn.send:disabled{color:var(--ink3,#9a948a)!important;opacity:.45;cursor:default;pointer-events:none}
/* library filters: hidden means hidden */
.lsec[hidden],.lsec a.bc[hidden]{display:none!important}

/* home: bigger hero */
main.home .mast .ess{font-size:32px!important}
main.home .mast h1.rg{font-size:124px!important;line-height:1!important}
main.home .mast .yrs{font-size:15px!important;letter-spacing:.22em!important;margin-top:14px!important}
main.home .hswrap{max-width:700px!important;width:100%!important;margin-top:34px!important}
main.home .hsearch{width:100%!important;max-width:700px!important;height:62px!important;border-radius:31px!important}
main.home .hsearch input{font-size:18.5px!important;height:60px!important}
main.home .hbtns{margin-top:22px!important}
main.home .hbtns .btn{height:54px!important;font-size:17.5px!important;padding:0 32px!important;border-radius:27px!important}
/* home: bigger section headings and thicker bars */
main.home h2{font-size:26px!important;letter-spacing:-.01em}
main.home .lbar{height:5px!important;border-radius:3px!important}
main.home .lbar i{border-radius:3px!important}
main.home .pline b{font-size:15px!important}

/* book page: everything a size up */
.bookp h1{font-size:38px!important;line-height:1.12!important}
.bookp .bprog .lbar{height:7px!important;border-radius:4px!important}
.bookp .bprog .lbar i{border-radius:4px!important}
.bookp .bprog b{font-size:16px!important}
.bookp .btn{height:52px!important;font-size:16.5px!important;border-radius:26px!important}
.bookp .chl li a{min-height:78px!important}
.bookp .chl .num{font-size:16px!important}
.bookp .chl .nm{font-size:20px!important;line-height:1.3!important}
.bookp .chl .mn{font-size:15px!important;margin-top:3px!important}
.bookp .chl .pc .lbar{height:5px!important;border-radius:3px!important}
.bookp .chl .pc b{font-size:15.5px!important}
.bookp h2,.bookp .chh{font-size:24px!important}

/* reader: a much bigger bottom bar */
.dock{padding:8px!important;gap:6px!important;border-radius:40px!important}
.dock .dk button{width:56px!important;height:56px!important;border-radius:28px!important}
.dock .dk button svg{width:26px!important;height:26px!important}
.dock a{height:56px!important;font-size:17px!important;padding:0 26px!important;border-radius:28px!important}
.dock a svg{width:20px!important;height:20px!important}

/* inside a collection: one clean column, search on the title row */
@media (min-width:701px){
  .colp .chead,.colp .kseg,.colp .citems{max-width:880px!important;width:100%!important}
  .colp .chead{display:flex!important;align-items:center!important;gap:12px!important}
  .colp .chead .sp{flex:1!important}
  .colp .chead .csearch3{width:280px!important;margin:0!important}
  .colp .kseg{margin:22px 0 26px!important}
  .colp .row2.withcover{display:flex!important;align-items:flex-start!important;gap:30px!important;padding:26px 30px!important;position:relative}
  .colp .row2 .rcov{width:96px!important;height:auto!important;margin:0!important;flex:none!important;border-radius:3px!important;box-shadow:0 1px 2px rgba(0,0,0,.12),0 12px 26px -12px rgba(0,0,0,.35)!important}
  .colp .row2 .rb{flex:1!important;min-width:0;display:flex!important;flex-direction:column;gap:12px;padding-right:36px}
  .colp .row2 .rtext{font-size:20px!important;line-height:1.55!important}
  .colp .row2 .rw{font-size:14.5px!important}
  .colp .row2 .rdel{position:absolute!important;top:18px;right:18px;opacity:0;transition:opacity .15s}
  .colp .row2:hover .rdel{opacity:1}
}
@media (max-width:700px){ .colp .row2 .rcov{margin-right:16px!important} }

/* night: tone the white covers down */
html.night img[src*="covers/"]{filter:brightness(.8) sepia(.08)!important}
main.home .row h2,main.home .rh h2{font:600 27px/1.2 "Inter",sans-serif!important;margin:0 0 22px!important}
main.home .hswrap{margin-left:auto!important;margin-right:auto!important}
.bookp .bi h1{font:700 38px/1.12 "Inter",sans-serif!important;max-width:340px}
.dock .nx{height:56px!important;font-size:17px!important;padding:0 26px!important;gap:10px!important}
.dock .nx svg{width:20px!important;height:20px!important}
@media (max-width:700px){
  main.home .mast .ess{font-size:24px!important}
  main.home .mast h1.rg{font-size:clamp(52px,16vw,72px)!important;line-height:1.02!important}
  main.home .hsearch{height:54px!important}
  main.home .hsearch input{font-size:17px!important;height:52px!important}
  main.home .hbtns .btn{height:50px!important;font-size:16.5px!important}
  main.home .row h2,main.home .rh h2{font-size:23px!important}
  .bookp .bi h1{font-size:30px!important;max-width:none}
  .bookp .chl .nm{font-size:18px!important}
  .dock .dk button{width:50px!important;height:50px!important}
  .dock .dk button svg{width:24px!important;height:24px!important}
}
/* In progress: always one row that scrolls sideways (with the pager), never a tall wrapped column */
main.home .row.prog .rail,main.home .row.prog #progRail{display:grid!important;grid-auto-flow:column!important;grid-template-columns:none!important;grid-auto-columns:calc((100% - 18px)/2)!important;gap:18px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px!important}
main.home .row.prog .rail::-webkit-scrollbar{display:none}
main.home .row.prog .rail>*{scroll-snap-align:start}
/* Next keeps its red on hover; just a shade darker */
.dock .nx:hover,.dock a.nx:hover{background:#a3232b!important;color:#fff!important}
html.night .dock .nx:hover{background:#c8414a!important}
/* reader header: byline, kicker and chapter label a size up */
.readp .kick{font-size:15px!important;letter-spacing:.1em!important}
.readp .subt{font-size:18px!important;margin-top:6px!important}
.readp .byline{gap:18px!important;align-items:center!important}
.readp .byline img{width:64px!important;height:auto!important;border-radius:3px}
.readp .byline b{font-size:19px!important}
.readp .byline small{font-size:16px!important;margin-top:2px}
/* left rail: real room between icons */
.siderail{gap:8px!important}
.siderail nav,.siderail .nav{display:flex!important;flex-direction:column!important;gap:8px!important}
.siderail a:not(.brand){min-height:46px!important;font-size:16px!important}
.siderail a:not(.brand) svg{width:23px!important;height:23px!important}
/* top-right search: a proper button with a label */
.topsearch{height:44px!important;padding:0 16px 0 14px!important;gap:9px!important;font-size:15.5px!important;display:inline-flex!important;align-items:center!important;border-radius:22px!important}
.topsearch svg{width:19px!important;height:19px!important;order:0}
.topsearch kbd{font-size:14px!important}

/* covers never taller than the band minus 28 px top and bottom (a lone cover is --h:100%) */
@media (min-width:701px){.youp .ccol .cstack img{height:min(var(--h), calc(100% - 56px - (100% - var(--h)) * .28))!important}}

/* reader bottom bar: no Next; four icons, evenly spaced, easy to hit */
.dock .nx,.dock a.nx{display:none!important}
.dock{padding:8px 18px!important;border-radius:44px!important}
.dock .dk{display:flex!important;gap:30px!important;align-items:center!important}
.dock .dk button{width:60px!important;height:60px!important;border-radius:30px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important}
.dock .dk button svg{width:27px!important;height:27px!important}
.dock .dk button span{font-size:16px!important}
.dock .dk button:has(span:not(:empty)){width:auto!important;padding:0 18px!important}
@media (max-width:700px){.dock .dk{gap:14px!important}.dock .dk button{width:54px!important;height:54px!important}.dock .dk button svg{width:25px!important;height:25px!important}.dock{padding:6px 12px!important}}
@media (min-width:701px) and (max-width:1180px){main.home .row.prog .rail,main.home .row.prog #progRail{grid-auto-columns:calc((100% - 54px)/4)!important}}
@media (max-width:900px){.top .topsearch{display:none!important}}
body.in-reader #toast{bottom:calc(env(safe-area-inset-bottom) + 112px)!important}
/* night: hovers that painted pale backgrounds under pale text */
html.night .profp .prof .btn:hover,html.night main.home .hbtns .hout:hover,html.night .lfilters button:hover:not(.on){background:rgba(239,232,220,.10)!important;color:var(--ink)!important}
/* minimum text size pass (rules carry enough weight to beat the older ones) */
html body .lfilters.lfilters button{font-size:15px!important}
html body .lfilters.lfilters button span{font-size:14px!important}
html body a.bc .lmeta .lr .yr.yr,html body a.bc .lmeta .lr b{font-size:15px!important}
html body .bookp .bi .kicker.kicker{font-size:15px!important}
html body .bookp .chl .nm .mn.mn{font-size:15px!important}
html body header.top.rd .hd .hbook.hbook{font-size:14.5px!important}
html body .readp .ahead .kick.kick{font-size:15px!important}
html body .readp .text sup.fn.fn{font-size:14px!important}
html body .readp h2.nh.nh{font-size:17px!important}
html body .readp a.nextc .dim.dim{font-size:14.5px!important}
html body .ccol .ccount.ccount,html body .ccol .ccount.ccount span{font-size:14.5px!important}
html body .colp nav.kseg.kseg a,html body .colp nav.kseg.kseg a span{font-size:15px!important}
html body .row2.withcover .rb .rnote.rnote{font-size:15px!important}
html body .row2.withcover .rb .rw.rw,html body .row2.withcover .rb .rw.rw i{font-size:14.5px!important}
html body .studyp .path header .dim.dim,html body .studyp .path li a span small,html body .studyp .path li a .dim.dim{font-size:15px!important}
html body .profp .prof .dim.dim,html body .profp .prof a.btn.btn{font-size:15px!important}
html body .profp .prof a.btn b.cnt.cnt,html body .profp nav.bchips.bchips a b{font-size:14px!important}
html body .profp nav.bchips.bchips a{font-size:15px!important}
html body a.ci2 .ct2 .from.from,html body a.ci2 .ct2 .from.from i{font-size:14.5px!important}
html body .onboard section h5{font-size:14px!important}
html body main.home .crow .rh a.alllink.alllink{font-size:15px!important}
html body .top .topsearch.topsearch kbd{font-size:15px!important}
html body nav.tabbar.tabbar a{font-size:13px!important}
html body .siderail a span.av.av,html body .cmform span.av.av{font-size:14px!important}
html body main.studyp.studyp section.path.path li a span small{font-size:15px!important}
/* collection tabs: one icon each, same icons as the counts on the collection cards */
html body .colp nav.kseg.kseg a{display:inline-flex!important;align-items:center!important;gap:8px!important}
html body .colp nav.kseg.kseg a svg{display:inline-block!important;width:18px!important;height:18px!important;flex:none}
html body .colp nav.kseg.kseg a.on svg{color:inherit!important}
/* section headers: title left; View all and the arrows together on the right */
main.home .crow .rh{display:flex!important;align-items:center!important;gap:16px!important;flex-wrap:nowrap!important}
main.home .crow .rh h2{margin-right:auto!important;margin-bottom:0!important}
main.home .crow .rh a.alllink{order:1;margin:0!important;white-space:nowrap}
main.home .crow .rh .pager{order:2;margin:0!important}
main.home .crow .rh{margin-bottom:22px!important}
/* Suggested sits centred */
main.home #sugg .rail{justify-content:flex-start!important}
@media (min-width:701px){main.home #sugg .rail>:first-child{margin-left:auto!important}main.home #sugg .rail>:last-child{margin-right:auto!important}}
@media (max-width:700px){main.home #sugg .rail>:nth-child(n+5){display:none!important}}
/* Continue reading + In progress: their own shaded section */
main.home .toprow.tr2{background:color-mix(in srgb,var(--ink) 3.5%,var(--paper))!important;border-radius:28px!important;padding:34px 40px 38px!important;margin-top:20px!important;margin-bottom:28px!important}
html.night main.home .toprow.tr2{background:color-mix(in srgb,#efe8dc 5%,var(--paper))!important}
@media (max-width:700px){main.home .toprow.tr2{padding:22px 16px 24px!important;border-radius:20px!important;margin-left:-6px!important;margin-right:-6px!important}}
html body .readp .ahead .subt.subt{font-size:20px!important;margin-top:10px!important;color:var(--ink2)!important}