/* Technology Glass skin over the shared Markam reading layout and runtime. */
.reading-library,.reading-detail,.reading-reader{--bg:var(--ak-bg);--ink:var(--ak-ink);--muted:var(--ak-muted);--faint:var(--ak-faint);--green:var(--ak-copper);--yellow:var(--ak-copper);--edge:var(--ak-edge);font-family:var(--ak-font)}
.reading-library{padding-block:76px 90px}.reading-intro h1,.reading-card h2,.reading-note .reading-title,.reading-prose :is(h2,h3,h4),.reading-list-heading h2{font-family:var(--ak-display);font-weight:500}.reading-intro .eyebrow{font-size:10px;letter-spacing:2px;color:var(--ak-copper);margin-bottom:24px}.reading-intro h1{font-size:clamp(38px,3.7vw,56px);letter-spacing:-2px;line-height:1.16}.reading-intro .soft{color:var(--ak-muted)}.reading-intro-copy{max-width:460px}.reading-intro-copy>span{color:var(--ak-copper)}
.reading-card{border:1px solid var(--ak-edge);background:var(--ak-surface);backdrop-filter:blur(18px);padding:28px;min-height:330px;border-radius:24px}.reading-card:hover,.reading-card:focus-within{border-color:color-mix(in srgb,var(--ak-copper) 65%,transparent)}.reading-card h2{font-size:22px;line-height:1.4;letter-spacing:-.65px}.reading-card-art{width:190px;height:138px;opacity:.76;object-position:65% 50%;border-top-right-radius:24px}.reading-card-top{margin-bottom:34px}.reading-card-top .tiny-label{font-size:10px;letter-spacing:.9px;font-weight:600}.reading-number{background:var(--ak-solid)}.reading-card-meta{font-size:11px}.reading-card-link{font-weight:600}.reading-category{font-weight:500;background:color-mix(in srgb,var(--ak-solid) 75%,transparent)}
.reading-category.is-active,.reading-pagination [aria-current],html[data-theme=light] :is(.reading-category.is-active,.reading-pagination [aria-current]){background:var(--ak-copper);border-color:var(--ak-copper);color:var(--ak-bg);font-weight:600}
.reading-detail,.reading-reader{background:var(--ak-bg);color:var(--ak-ink)}.reading-reader::backdrop{background:var(--ak-bg)}.reading-reader{isolation:isolate}.reading-detail{margin-top:30px}.reading-note-copy{max-width:840px;padding-top:184px}.reading-note .reading-title{font-size:clamp(32px,3.5vw,50px);letter-spacing:-1.5px;line-height:1.22}.reading-note .reading-lead{font-size:18px}.reading-prose{font-size:17px;line-height:1.95}.reading-prose p{max-width:74ch}.reading-byline{display:block;line-height:1.8;font-size:11px;border:0;margin-bottom:34px;padding-bottom:0}.reading-prose blockquote{background:color-mix(in srgb,var(--ak-copper) 6%,transparent);border-radius:0 14px 14px 0}.reading-visual{height:clamp(400px,42vw,580px);background:var(--ak-bg)}.reading-visual img{object-position:center 47%;opacity:.84}.reading-visual>span{background:linear-gradient(to bottom,color-mix(in srgb,var(--ak-bg) 25%,transparent),transparent 30%,color-mix(in srgb,var(--ak-bg) 20%,transparent) 55%,var(--ak-bg) 100%),linear-gradient(to right,var(--ak-bg),transparent 24%,transparent 76%,var(--ak-bg))}.reading-note.has-visual .reading-note-copy{margin-top:-80px}
.reading-reader-bar,.reading-detail-bar{padding-inline:max(24px,calc((100vw - 1200px)/2));background:linear-gradient(to bottom,color-mix(in srgb,var(--ak-bg) 70%,transparent),transparent)}.reading-symbol{width:118px}.reading-symbol .ak-brand-logo{display:block;width:118px;height:40px;color:var(--ak-ink)}.reading-symbol img{width:112px;height:44px;object-fit:contain}html[data-theme=light] .reading-symbol img{filter:brightness(0) saturate(100%) invert(12%) sepia(30%) saturate(1330%) hue-rotate(175deg)}
.reading-reader-categories,.reading-detail-categories{padding-inline:max(24px,calc((100vw - 1200px)/2))}.reading-reader-categories .reading-category,.reading-detail-categories .reading-category,.reading-detail-actions .reading-category{background:color-mix(in srgb,var(--ak-solid) 88%,transparent);color:var(--ak-muted)}.reading-reader-categories .reading-category.is-active,.reading-detail-categories .reading-category.is-active{background:var(--ak-copper);color:var(--ak-bg)}
.reading-reader .icon-button,.reading-detail-bar .icon-button{display:grid;place-items:center;width:44px;height:44px;background:var(--ak-surface);border:1px solid color-mix(in srgb,var(--ak-blue) 55%,var(--ak-edge));backdrop-filter:blur(14px);border-radius:50%;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--ak-bg) 65%,transparent),inset 0 1px 4px #fff3,0 0 0 1px var(--ak-edge);color:var(--ak-ink)}.reading-reader .icon-button svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.reading-reader-navigation{background:color-mix(in srgb,var(--ak-solid) 95%,transparent);backdrop-filter:blur(20px)}.reading-reader-scroll{scrollbar-color:var(--ak-edge) transparent}.reading-takeaway{border-top:1px solid var(--ak-edge)}.reading-takeaway a{font-weight:600;color:var(--ak-copper)}
html[data-theme=light] .reading-card-art{opacity:.48}.reading-preview{grid-template-columns:repeat(3,minmax(0,1fr))}.reading-preview .reading-card{min-height:320px}
@media(min-width:1700px){.reading-intro h1{font-size:60px}.reading-card{min-height:350px;padding:32px}.reading-card h2{font-size:24px}.reading-card>p{font-size:14px}.reading-note-copy{max-width:900px}.reading-prose{font-size:18px}.reading-note .reading-title{font-size:54px}}
@media(max-width:1050px){.reading-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-preview .reading-card:last-child{display:none}.reading-intro h1{font-size:40px}}
@media(max-width:680px){.reading-library{padding-block:40px 56px}.reading-intro h1{font-size:36px;letter-spacing:-1.4px}.reading-intro .eyebrow{font-size:9px;margin-bottom:18px}.reading-card{min-height:308px;padding:25px}.reading-card h2{font-size:22px}.reading-card-art{width:174px;height:125px}.reading-preview{grid-template-columns:1fr}.reading-preview .reading-card:last-child{display:flex}.reading-reader-bar,.reading-detail-bar{padding-inline:20px}.reading-symbol{width:104px}.reading-symbol .ak-brand-logo{width:104px;height:36px}.reading-symbol img{width:100px;height:40px}.reading-reader-categories,.reading-detail-categories{padding-inline:20px}.reading-note-copy{padding:164px 24px 0}.reading-visual{height:370px}.reading-note.has-visual .reading-note-copy{margin-top:-55px}.reading-note .reading-title{font-size:32px}.reading-note .reading-lead{font-size:16px}.reading-prose{font-size:16px}.reading-detail-actions .reading-category{font-size:10px;padding-inline:12px}.reading-list-heading h2{max-width:220px}}

.reading-note .reading-title:focus,.reading-library .reading-list-heading h2:focus{outline:none}