.public-reader-container{--public-reader-meta-width:240px;--public-reader-outline-width:288px;--public-reader-blog-toc-width:220px;--public-reader-blog-latest-width:260px;--public-reader-rail-gap:var(--space-6);container:public-reader/inline-size}.public-reader--blog{--public-reader-center-max:1080px}.public-reader--published{--public-reader-center-max:1120px}.public-reader__center{min-width:0;max-width:var(--public-reader-center-max);margin-inline:auto}.public-reader__desktop-rail{display:none}.public-reader__mobile-tools{display:grid;max-width:var(--public-reader-center-max);margin:var(--space-3) auto 0;padding-inline:var(--space-4);gap:var(--space-2)}.public-reader--blog .tpl-main>.public-reader__mobile-tools{margin-block:var(--space-5) var(--space-6);padding-inline:0}.public-reader__mobile-tools details{padding:var(--space-3);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary)}.public-reader__mobile-tools summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:32px;list-style:none;color:var(--text-primary);cursor:pointer;font-weight:650}.public-reader__mobile-tools summary::-webkit-details-marker{display:none}.public-reader__disclosure-affordance{display:grid;flex:0 0 28px;width:28px;height:28px;place-items:center;border-radius:var(--radius-full);background:var(--accent-subtle);color:var(--accent)}.public-reader__disclosure-icon{width:16px;height:16px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--motion-fast)}.public-reader__mobile-tools details[open] .public-reader__disclosure-icon{transform:rotate(90deg)}.public-reader__meta-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2);padding-block:var(--space-2);border-bottom:1px solid var(--border)}.public-reader__meta-row:last-child{border-bottom:0}.public-reader__meta-row dt{color:var(--text-muted)}.public-reader__meta-row dd{margin:0;color:var(--text-primary);text-align:end}.public-reader__outline-item{margin-block:var(--space-2)}.public-reader__outline-item a{display:block;color:var(--text-secondary);text-decoration:none}.public-reader__outline-item a:hover{color:var(--accent)}.public-reader__rail-title{margin:0 0 var(--space-3);color:var(--text-secondary);font-size:var(--type-helper);font-weight:650;line-height:1.4}.public-reader__outline-item--h3{padding-inline-start:var(--space-3)}.public-reader__outline-item--h4,.public-reader__outline-item--h5,.public-reader__outline-item--h6{padding-inline-start:var(--space-4)}@container public-reader (min-width: 1480px){.public-reader{display:grid;grid-template-columns:var(--public-reader-meta-width) minmax(0,var(--public-reader-center-max)) var(--public-reader-outline-width);gap:var(--public-reader-rail-gap);width:100%;max-width:calc(var(--public-reader-meta-width) + var(--public-reader-center-max) + var(--public-reader-outline-width) + var(--public-reader-rail-gap) + var(--public-reader-rail-gap) + var(--space-3) + var(--space-3));margin-inline:auto;padding-inline:var(--space-3)}.public-reader__desktop-rail{display:block;position:sticky;top:calc(48px + var(--space-4));align-self:start;max-height:calc(100dvh - 48px - var(--space-4) - var(--space-4));overflow:auto;overscroll-behavior:contain}.public-reader__desktop-rail>dl,.public-reader__desktop-rail>ol{margin:0;padding:var(--space-3);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md)}.public-reader__desktop-rail>ol{padding-inline-start:calc(var(--space-3) + 2.5ch)}.public-reader__mobile-tools{display:none}}@container public-reader (min-width: 1280px){.public-reader--blog{display:grid;grid-template-columns:minmax(180px,var(--public-reader-blog-toc-width)) minmax(0,1fr) minmax(220px,var(--public-reader-blog-latest-width));gap:var(--space-5);width:min(100%,calc(var(--public-reader-blog-toc-width) + var(--public-reader-center-max) + var(--public-reader-blog-latest-width) + var(--space-5) + var(--space-5) + var(--space-3) + var(--space-3)));max-width:calc(var(--public-reader-blog-toc-width) + var(--public-reader-center-max) + var(--public-reader-blog-latest-width) + var(--space-5) + var(--space-5) + var(--space-3) + var(--space-3));margin-inline:auto;padding-inline:var(--space-3)}.public-reader--blog>.public-reader__center{grid-column:2}.public-reader--blog .public-reader__desktop-rail{display:block;position:sticky;top:calc(48px + var(--space-4) + 32px);align-self:start;max-height:calc(100dvh - 48px - var(--space-4) - 32px - var(--space-4));overflow:auto;overscroll-behavior:contain;margin-top:clamp(28px,5vw,56px)}.public-reader--blog .public-reader__mobile-tools{display:none}.public-reader--blog .tpl-main{max-width:none;padding-inline:0}.public-reader--blog .public-reader__latest-rail>ul,.public-reader--blog .public-reader__left-rail nav>ol{margin:0;padding:0;list-style:none;background:transparent;border:0}.public-reader--blog .public-reader__left-rail nav>ol{padding-inline-start:0}.public-reader--blog .public-reader__latest-rail>ul>li+li{margin-top:var(--space-4)}.public-reader--blog .public-reader__latest-rail>ul a{display:grid;grid-template-columns:minmax(0,1fr);gap:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);text-decoration:none;transition:border-color var(--motion-fast),background-color var(--motion-fast)}.public-reader--blog .public-reader__latest-rail>ul a:hover{border-color:var(--accent);background:var(--bg-raised)}.public-reader--blog .public-reader__latest-rail>ul a:hover .public-reader__latest-title{color:var(--accent)}.public-reader__latest-thumb{display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--bg-raised)}.public-reader__latest-thumb .bcov{width:100%;height:100%;min-height:0;aspect-ratio:auto;border-radius:0}.public-reader__latest-copy{display:grid;gap:var(--space-2);min-width:0;padding:var(--space-3)}.public-reader__latest-title{font-size:var(--type-helper);font-weight:650;line-height:1.35}.public-reader__latest-description{display:-webkit-box;overflow:hidden;color:var(--text-secondary);font-size:var(--type-metadata);line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:3}.public-reader__latest-meta{display:flex;flex-wrap:wrap;gap:var(--space-1);color:var(--text-muted);font-size:var(--type-metadata)}}@media (prefers-reduced-motion:reduce){.public-reader__disclosure-icon{transition:none}}