.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 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-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(#091a2233,#0000 44%,#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:6;line-clamp:6;-webkit-box-orient:vertical;margin:14px 0 0;display:-webkit-box;overflow:hidden}.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-feed__nav{color:var(--study-muted);font:12px var(--study-sans);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:24px;padding:14px 0 0;display:flex}.study-feed__nav button{border:1px solid var(--study-line);width:44px;height:44px;color:var(--study-ink);cursor:pointer;background:0 0;border-radius:50%;place-items:center;display:grid}.study-feed__nav button:disabled{opacity:.3;cursor:default}.study-feed__nav svg{width:20px;height:20px}.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__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{border:1px solid var(--studio-line,#d7d2c3);border-radius:28px;width:390px;height:844px;overflow:hidden;box-shadow:0 10px 30px #00000014}.study-gallery__phone .study{height:100%;min-height:100%;overflow-y:auto}.study-gallery__phone .study-reader,.study-gallery__phone .study-catalogue{max-height:none}@media (max-width:480px){.study-gallery__phone{width:calc(100vw - 48px)}}