.study,.study-gallery__phone{--study-paper:#f6f1e8;--study-ink:#222621;--study-soft:#3c4036;--study-muted:#62675b;--study-line:#d8d5cb;--study-accent:#e84b31;--study-serif:"Boks Literary", Georgia, serif;--study-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;color:var(--study-ink);background:var(--study-paper);font-family:var(--study-sans)}:root[data-theme=dark] .study,:root[data-theme=dark] .study-gallery__phone{--study-paper:#202721;--study-ink:#edeade;--study-soft:#ded7c8;--study-muted:#b5b7a7;--study-line:#44493d;--study-accent:#ed9474}.study *,.study :before,.study :after{box-sizing:border-box}:is(html:has(.study),body:has(.study)){background:var(--study-paper,#f6f1e8)}.study{flex-direction:column;min-height:100svh;display:flex}.study__header{min-height:44px;padding:max(14px, env(safe-area-inset-top)) 16px 4px;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;display:grid}.study__header .boks-logo{color:var(--study-ink);justify-self:center;font-size:32px}.study__preview{background:color-mix(in srgb, var(--study-accent) 14%, transparent);text-align:center;border-radius:5px 15px 5px 5px;margin:6px 24px 0;padding:7px 12px;font-size:12px}.study__body{width:100%;max-width:580px;padding:12px 24px max(30px, env(safe-area-inset-bottom));flex-direction:column;flex:1;margin:0 auto;display:flex}.study-screen{align-content:start;gap:22px;display:grid}.study-screen--centered{margin-top:10vh}.study-eyebrow{font:500 10px/1.4 var(--study-sans);letter-spacing:1.6px;text-transform:uppercase;color:var(--study-muted);overflow-wrap:anywhere;margin:0}.study-display{font:400 40px/1.04 var(--study-serif);letter-spacing:-1.6px;text-wrap:balance;overflow-wrap:anywhere;margin:-10px 0 0}.study-screen--centered .study-display{font-size:36px}.study-lead{gap:12px;margin-top:-6px;display:grid}.study-lead p{color:var(--study-soft);margin:0;font-size:15px;line-height:1.6}.study-facts{border-top:1px solid var(--study-line);margin:0;padding:0;list-style:none}.study-facts li{border-bottom:1px solid var(--study-line);color:var(--study-soft);padding:14px 0;font-size:14px;line-height:1.55}.study-actions{gap:10px;display:grid}.study-loading{color:var(--study-muted);margin:22vh auto;font-size:14px}.study-error{color:#b42318;margin:12px 0 0;font-size:13px;line-height:1.5}.study-problems{margin:0;padding-left:18px;font-size:14px;line-height:1.6}.study-button{background:var(--study-ink);width:100%;min-height:50px;color:var(--study-paper);font:500 14px/1.35 var(--study-sans);cursor:pointer;border:0;border-radius:5px 15px 5px 5px;justify-content:center;align-items:center;gap:8px;padding:13px 20px;display:inline-flex}.study-button:disabled{opacity:.32;cursor:default}.study-button--outline{color:var(--study-ink);border:1px solid var(--study-line);background:0 0}:is(.study-button:focus-visible,.study-choice:focus-visible,.study-row:focus-visible,.study-bok:focus-visible,.study-cover__read:focus-visible){outline:2px solid var(--study-accent);outline-offset:3px}.study-question{border:0;gap:12px;min-width:0;margin:0;padding:0;display:grid}.study-question legend{font:400 21px/1.25 var(--study-serif);letter-spacing:-.3px;margin-bottom:12px;padding:0}.study-choice{border:1px solid color-mix(in srgb, var(--study-ink) 14%, transparent);background:color-mix(in srgb, var(--study-paper) 94%, var(--study-ink));min-height:48px;color:var(--study-ink);font:500 15px/1 var(--study-sans);cursor:pointer;border-radius:14px;padding:0 8px;transition:background .16s,border-color .16s,color .16s}.study-choice[aria-pressed=true]{background:var(--study-ink);border-color:var(--study-ink);color:var(--study-paper)}.study-scale{gap:6px;display:grid}.study-scale__anchors{color:var(--study-muted);justify-content:space-between;gap:16px;font-size:11px;line-height:1.35;display:flex}.study-scale__anchors span:last-child{text-align:right}.study-options{gap:8px;display:flex}.study-options .study-choice{flex:1;font-size:14px}.study-check{cursor:pointer;align-items:center;gap:12px;min-height:44px;font-size:14px;line-height:1.45;display:flex}.study-check input{width:20px;height:20px;accent-color:var(--study-ink);flex:none;margin:0}.study-rows{border-top:1px solid var(--study-line)}.study-row{border:0;border-bottom:1px solid var(--study-line);width:100%;min-height:66px;color:inherit;text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.study-row>span:first-child{gap:4px;min-width:0;display:grid}.study-row strong{font-size:14px;font-weight:500;line-height:1.4}.study-row small{color:var(--study-muted);font-size:12px;line-height:1.35}.study-row__tick{border:1px solid var(--study-line);border-radius:50%;flex:none;place-items:center;width:26px;height:26px;display:grid}.study-row[aria-pressed=true] .study-row__tick{background:var(--study-ink);border-color:var(--study-ink);color:var(--study-paper)}.study-row__tick svg{width:15px;height:15px}.study-boks{border-top:1px solid var(--study-line);display:grid}.study-bok{border:0;border-bottom:1px solid var(--study-line);width:100%;color:inherit;text-align:left;font:inherit;background:0 0;align-items:center;gap:14px;padding:16px 0;display:flex}button.study-bok{cursor:pointer}.study-tile{object-fit:cover;flex:none;width:64px;height:64px}.study-tile--type{background:var(--bok-cover);color:var(--bok-ink);font:italic 36px var(--study-serif);place-items:center;display:grid}.study-bok__copy{flex:1;gap:3px;min-width:0;display:grid}.study-bok__copy strong{font:400 19px/1.15 var(--study-serif);overflow-wrap:anywhere}.study-bok__copy>span{color:var(--study-muted);overflow-wrap:anywhere;font-size:12px}.study-bok__copy>.study-bok__format{text-transform:uppercase;letter-spacing:.7px;color:var(--study-soft);margin-bottom:5px;font-size:10px}.study-bok__copy small{font:400 14px/1.42 var(--study-serif);color:var(--study-soft);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin-top:3px;display:-webkit-box;overflow:hidden}.study-bok__arrow{background:var(--study-ink);width:44px;height:44px;color:var(--study-paper);flex:none;place-items:center;display:grid}.study-bok__arrow svg{width:20px;height:20px}.study-survey__bok{border-bottom:1px solid var(--study-line);gap:18px;padding-bottom:22px;display:grid}.study-survey__bok .study-bok{border-top:1px solid var(--study-line)}.study-reader{-webkit-overflow-scrolling:touch;flex:1;max-height:calc(100svh - 80px);padding:4px 0 32px;overflow-y:auto}.study-reader__note{border-left:2px solid var(--study-accent);background:color-mix(in srgb, var(--study-ink) 4%, transparent);color:var(--study-soft);margin:0 0 26px;padding:12px 14px;font-size:13px;line-height:1.55}.study-reader__done{margin-top:30px}.study-reader__back{min-height:44px;color:var(--study-muted);font:13px var(--study-sans);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-bottom:6px;padding:0;display:inline-flex}.study-reader__back svg{width:18px;height:18px}.study-text{font:400 20px/1.65 var(--study-serif);letter-spacing:-.15px}.study-text .study-eyebrow{letter-spacing:2px;font-size:12px}.study-text h1{font:400 39px/1.06 var(--study-serif);letter-spacing:-1.4px;text-wrap:balance;overflow-wrap:anywhere;margin:14px 0 26px}.study-text p{margin:0 0 1em}.study-text__art{object-fit:cover;width:100%;height:190px;margin-bottom:22px;display:block}.study-text .study-text__duration{font:12px/1.4 var(--study-sans);color:var(--study-muted);margin:-12px 0 22px}.study-reader__progress{margin-bottom:22px}.study-rating{border-top:1px solid var(--study-line);gap:24px;margin-top:14px;padding-top:24px;display:grid}.study-session{flex-direction:column;flex:1;min-height:0;display:flex}.study-session__bar{z-index:2;background:var(--study-paper);justify-content:space-between;align-items:center;gap:12px;padding:0 0 10px;display:flex;position:sticky;top:0}.study-session__bar [role=timer]{border:1px solid var(--study-line);font:500 12px/1 var(--study-sans);font-variant-numeric:tabular-nums;color:var(--study-soft);border-radius:999px;padding:6px 12px}.study-session__bar .study-button{width:auto;min-height:36px;padding:8px 14px;font-size:13px}.study-reader--session{max-height:calc(100svh - 190px)}.study-feed-card{flex:1;display:flex}.study-cover{isolation:isolate;background:var(--bok-cover);min-height:60svh;color:var(--bok-ink);flex-direction:column;flex:1;justify-content:space-between;padding:34px 24px 24px;display:flex;position:relative;overflow:hidden}.study-cover--art{color:#fff8eb;background:#000}.study-cover__art{z-index:-2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.study-cover--art:after{content:"";z-index:-1;background:linear-gradient(#091a22b8,#091a2244 52%,#091a2299);position:absolute;inset:0}.study-cover__letter{z-index:-1;color:var(--bok-letter);font:italic 400 340px/1 "Boks Cover Initial", Georgia, var(--study-serif);pointer-events:none;position:absolute;top:90px;right:.05em}.study-cover__heading h2{font:400 46px/.98 var(--study-serif);letter-spacing:-1.6px;text-wrap:balance;overflow-wrap:break-word;margin:0 0 16px}.study-cover__byline{font:400 12px/1.4 var(--study-sans);margin:0}.study-cover__summary{font:400 16px/1.42 var(--study-serif);opacity:.86;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:14px 0 0;display:-webkit-box;overflow:hidden}.study-feed__art{object-fit:cover;border-radius:12px;width:100%;max-height:180px;margin-bottom:16px;display:block}.study-cover__read{color:#222621;min-height:50px;font:500 13px/1.35 var(--study-sans);cursor:pointer;background:#f6f1e8;border:0;border-radius:4px 14px 4px 4px;justify-content:space-between;align-items:center;gap:8px;margin-top:28px;padding:13px 20px;display:flex}.study-cover__read svg{width:18px;height:18px}.study-catalogue{align-content:start;gap:14px;max-height:calc(100svh - 130px);padding-bottom:24px;display:grid;overflow-y:auto}.study-search{border:1px solid var(--study-line);border-radius:12px;align-items:center;gap:10px;height:52px;padding:0 14px;display:flex}.study-search svg{width:18px;height:18px;color:var(--study-muted);flex:none}.study-search input{min-width:0;height:100%;color:var(--study-ink);background:0 0;border:0;outline:none;flex:1;font-size:16px}.study-filters{flex-wrap:wrap;gap:8px;display:flex}.study-filters button,.study-filters select{border:1px solid var(--study-line);min-height:36px;color:var(--study-ink);font:500 13px var(--study-sans);cursor:pointer;background:0 0;border-radius:999px;padding:0 14px}.study-filters button[aria-pressed=true]{background:var(--study-ink);border-color:var(--study-ink);color:var(--study-paper)}.study-muted{color:var(--study-muted);margin:0;font-size:13px}.study-series{z-index:30;position:fixed;inset:0}.study-series__status{text-align:center;color:var(--study-muted);margin:20vh auto}.study-series__end{z-index:40;left:50%;bottom:max(28px, env(safe-area-inset-bottom));width:min(420px,100% - 48px);position:fixed;transform:translate(-50%)}.study-series__end .study-button{color:#222621;background:#f6f1e8}.study-gallery{gap:28px;display:grid}.study-gallery__intro{max-width:760px;color:var(--muted-foreground);font-size:14px;line-height:1.5}.study-gallery__study{gap:12px;display:grid}.study-gallery__study>h2{margin:0;font-size:18px;font-weight:600}.study-gallery__method{max-width:950px;margin:0;font-size:14px;line-height:1.65}.study-gallery__row{gap:20px;padding:4px 2px 16px;display:flex;overflow-x:auto}.study-gallery__item{flex:none;gap:8px;margin:0;display:grid}.study-gallery__item figcaption{color:var(--muted-foreground);max-width:390px;font-size:12px}.study-gallery__phone{width:390px;height:844px;box-shadow:none;border:0;border-radius:0;overflow:hidden}.study-gallery__phone[data-study-screen^=a1-]{width:375px;height:667px}.study-button--quiet{color:var(--study-muted);border:1px solid var(--study-line);background:0 0;margin-top:12px}.study-gallery__phone .study{height:100%;min-height:100%;overflow:hidden}.study-gallery__phone .study__body{min-height:0;padding-bottom:22px;overflow-y:auto}.study-gallery__phone .study-reader{min-height:0;max-height:none}.study-gallery__phone .study-catalogue{max-height:none}.study-gallery__phone .study-cover{min-height:0}.study-gallery__phone .study-reader--session{flex:1}.study:has(.study-feed){height:100svh;min-height:0;overflow:hidden}.study:has(.study-feed)>.study__header{display:none}.study__body:has(.study-feed){max-width:none;min-height:0;padding:0;overflow:hidden}.study-gallery__phone .study:has(.study-feed){height:100%}.study-feed{touch-action:pan-y;flex:1;width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.study-feed__header{z-index:5;height:74px;color:var(--foreground);background:var(--reader);grid-template-columns:65px minmax(0,1fr) 65px;align-items:center;padding:14px 18px;display:grid;position:absolute;inset:0 0 auto}.study-feed.reader-phase--cover .study-feed__header{color:#fff8eb;text-shadow:0 1px 3px #0008;background:0 0}.study-feed__header .boks-logo{justify-self:center;font-size:36px}.study-feed__header>button{width:40px;height:40px;color:inherit;cursor:pointer;background:0 0;border:0;justify-self:end;place-items:center;display:grid}.study-feed__progress{font-variant-numeric:tabular-nums;font-size:11px}.study-feed.reader-v44 .reader-cover{float:none;width:100%;height:100%;min-height:100%;padding:100px 26px max(30px, env(safe-area-inset-bottom));position:relative}.study-feed.reader-v44 .reader-cover__heading{margin-bottom:32px}.study-feed.reader-v44 .reader-cover__heading h1{font-size:48px}.study-feed .reader-cover__summary{-webkit-line-clamp:3;line-clamp:3}.study-feed .reader-read-button{display:flex}.study-feed__text{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-width:720px;margin:0 auto;padding:94px 24px 60px;position:absolute;inset:0;overflow-y:auto}.study-feed__text .study-reader__back{margin-top:-16px}.study:has(.study-feed) .study__preview{z-index:8;white-space:nowrap;margin:0;position:absolute;top:67px;left:50%;transform:translate(-50%)}.study-a3-demo{border:1px solid var(--studio-line,#d7d2c3);color:#222621;background:#f6f1e8;border-radius:14px;gap:28px;max-width:1100px;padding:32px;display:grid}.study-a3-demo h3{letter-spacing:-1px;margin:5px 0 12px;font:400 38px/1.1 Boks Literary,Georgia,serif}.study-a3-demo h4{margin:0 0 14px;font-size:16px;font-weight:600}.study-a3-demo p{color:#555b4f;max-width:900px;margin:0;font-size:13px;line-height:1.65}.study-a3-demo .study-a3-demo__eyebrow{text-transform:uppercase;letter-spacing:1.8px;font-size:10px}.study-a3-demo__ratings{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.study-a3-demo__ratings>div{align-content:start;gap:10px;display:grid}.study-a3-demo__ratings img{object-fit:cover;width:100%;height:130px}.study-a3-demo__ratings strong{min-height:46px;font:400 19px/1.2 Boks Literary,Georgia,serif}.study-a3-demo__ratings [role=group]{gap:4px;display:flex}.study-a3-demo__ratings button{color:#222621;cursor:pointer;background:0 0;border:1px solid #c9cbbf;border-radius:6px;flex:1;min-height:34px;font-size:12px}.study-a3-demo__ratings button[aria-pressed=true]{color:#f6f1e8;background:#222621}.study-a3-demo__pool{flex-wrap:wrap;gap:7px;display:flex}.study-a3-demo__pool span{border:1px solid #d8d5cb;border-radius:5px;padding:5px 9px;font-size:11px}.study-a3-demo__columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.study-a3-demo__columns>section{border-top:3px solid #9da397;padding-top:16px}.study-a3-demo__columns>section:last-child{border-color:#c64c34}.study-a3-demo__columns p{min-height:48px}.study-a3-demo__columns>section>small{text-transform:uppercase;letter-spacing:.8px;color:#62675b;font-size:10px}.study-a3-demo__ranking{margin:14px 0 0;padding-left:22px;list-style:decimal}.study-a3-demo__ranking li{border-bottom:1px solid #d8d5cb;min-height:72px;padding:9px 0 9px 4px;font-size:12px}.study-a3-demo__ranking img{float:left;object-fit:cover;width:45px;height:54px;margin-right:12px}.study-a3-demo__ranking span{gap:4px;display:grid}.study-a3-demo__ranking strong{font:400 19px/1.2 Boks Literary,Georgia,serif}.study-a3-demo__ranking small{color:#62675b;font-size:11px}.study-a3-demo footer{border-top:1px solid #d8d5cb;gap:8px;padding-top:20px;display:grid}@media (max-width:700px){.study-a3-demo{padding:20px}.study-a3-demo__ratings{grid-template-columns:repeat(2,minmax(0,1fr))}.study-a3-demo__columns{grid-template-columns:1fr}}@media (max-width:480px){.study-gallery__phone{width:calc(100vw - 48px)}}
