.public-reader-container{--public-reader-meta-width:240px;--public-reader-outline-width:288px;--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__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}}@media (prefers-reduced-motion:reduce){.public-reader__disclosure-icon{transition:none}}