html{scroll-padding-top:calc(var(--masthead-h, 4.5rem) + 1.5rem)}.read-shell{max-width:1248px;margin:0 auto;padding:clamp(32px,6vh,72px) clamp(20px,4vw,48px);color:var(--text, #0e0f10)}.read-shell:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(64% 52% at 84% -8%,color-mix(in srgb,var(--accent, #f59e0b) 9%,transparent),transparent 60%)}.read-stage{display:block}.read-article{max-width:760px;margin:0 auto;min-width:0}.read-rail{display:none}@media(min-width:1100px){.read-stage{display:grid;grid-template-columns:220px minmax(0,760px) 220px;gap:1.5rem;align-items:start;justify-content:center}.read-article{grid-column:2;grid-row:1}.read-rail{grid-column:3;grid-row:1;display:block;position:sticky;top:calc(var(--masthead-h, 4.5rem) + 2rem);max-height:calc(100vh - var(--masthead-h, 4.5rem) - 4rem);overflow-y:auto;min-width:0}.read-crumbs{max-width:760px;margin-left:auto;margin-right:calc(220px + 1.5rem)}}.read-crumbs{margin:0 0 1.75rem;font-size:.85rem;color:var(--text-muted, #5a6168)}.read-crumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}.read-crumbs li:not(:last-child):after{content:"/";margin-left:.5rem;color:var(--border, #d8dde2)}.read-crumbs a{color:var(--text-muted, #5a6168);text-decoration:none}.read-crumbs a:hover{color:var(--accent-ink, #8a5200);text-decoration:underline}.read-head{margin-bottom:2rem}.read-topic{display:inline-block;font-family:var(--font-display, inherit);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-ink, #8a5200);margin:0 0 .75rem;padding:.35rem .9rem;border-radius:999px;background:color-mix(in srgb,var(--accent, #f59e0b) 14%,transparent)}.read-title{font-family:var(--font-display, inherit);font-size:clamp(34px,4.6vw,58px);line-height:1.08;letter-spacing:-.015em;margin:0 0 1rem}.read-lede{font-size:1.125rem;line-height:1.5;color:var(--text-muted, #5a6168);margin:0 0 1.25rem}.read-meta{display:flex;flex-wrap:wrap;gap:1.25rem;font-size:.875rem;color:var(--text-muted, #5a6168);padding-top:1rem;border-top:1px solid var(--border, #d8dde2)}.read-meta-item{display:inline-flex;align-items:center;gap:.25rem}.read-cover{margin:0 0 2rem}.read-cover img{display:block;width:100%;height:auto;border-radius:12px}.read-summary{margin:0 0 2rem;padding:.25rem 0 .25rem 1.25rem;border-left:4px solid var(--accent, #f59e0b)}.read-summary h2{font-family:var(--font-display, inherit);font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-ink, #8a5200);margin:0 0 .75rem}.read-summary ul{margin:0;padding-left:1.25rem}.read-summary li{margin:.4em 0;line-height:1.5}.read-toc{font-size:.875rem;background:var(--bg-card, #fff);border:1px solid var(--border, #d8dde2);border-radius:10px;padding:1rem 1.25rem}.read-toc h2{font-family:var(--font-display, inherit);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted, #5a6168);margin:0 0 .75rem}.read-toc ol{list-style:none;padding:0;margin:0}.read-toc li{margin:.4em 0;line-height:1.4;position:relative}.read-toc-sub{padding-left:1rem;font-size:.825rem}.read-toc a{color:var(--text-muted, #5a6168);text-decoration:none}.read-toc a:hover{color:var(--accent-ink, #8a5200)}.read-toc li.reading>a{color:var(--accent-ink, #8a5200);font-weight:600}.read-toc li.reading:before{content:"";position:absolute;left:-1.25rem;top:.3em;width:3px;height:1.2em;border-radius:2px;background:var(--accent, #f59e0b)}.read-body{font-size:1.0625rem;line-height:1.75;color:var(--text, #0e0f10)}.read-body h2,.read-body h3{font-family:var(--font-display, inherit);position:relative;scroll-margin-top:calc(var(--masthead-h, 4.5rem) + 1.5rem)}.read-body h2{font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.25;margin:2.5rem 0 1rem}.read-body h3{font-size:clamp(1.25rem,1.8vw,1.5rem);line-height:1.3;margin:2rem 0 .75rem}.read-body p{margin:0 0 1.25em}.read-body ul,.read-body ol{margin:0 0 1.25em;padding-left:1.5rem}.read-body li{margin:.5em 0}.read-body strong{font-weight:600}.read-body a{color:var(--accent-ink, #8a5200);text-decoration:underline;text-underline-offset:3px}.read-body a:hover{text-decoration-thickness:2px}.read-body blockquote{margin:1.5em 0;padding-left:1rem;border-left:3px solid var(--accent, #f59e0b);color:var(--text-muted, #5a6168);font-style:italic}.read-body code{background:var(--bg-card, #fff);border:1px solid var(--border, #d8dde2);padding:.12em .4em;border-radius:4px;font-size:.92em}.read-body pre{background:var(--bg-card, #fff);border:1px solid var(--border, #d8dde2);padding:1rem;border-radius:8px;overflow-x:auto;margin:1.5em 0}.read-body pre code{background:none;border:0;padding:0}.read-body hr{border:none;border-top:1px solid var(--border, #d8dde2);margin:2.5rem 0}.read-body figure{margin:1.75em 0}.read-body img,.read-body figure img{max-width:100%;height:auto;border-radius:8px}.read-body figcaption{margin-top:.5em;font-size:.9em;font-style:italic;text-align:center;color:var(--text-muted, #5a6168)}.read-body table{width:100%;border-collapse:collapse;margin:1.75em 0;font-size:.95em}.read-body thead{background:var(--bg-card, #fff)}.read-body th{font-family:var(--font-display, inherit);font-weight:600;text-align:left;padding:.75rem 1rem;border-bottom:2px solid var(--border, #d8dde2)}.read-body td{padding:.75rem 1rem;border-bottom:1px solid var(--border, #d8dde2);vertical-align:top}.read-body tr:last-child td{border-bottom:0}@media(min-width:1024px){.read-body h2[id]:before,.read-body h3[id]:before{content:"#";position:absolute;left:-1.25em;font-weight:400;color:var(--accent-ink, #8a5200);opacity:0;transition:opacity .15s ease}.read-body h2[id]:hover:before,.read-body h3[id]:hover:before{opacity:.6}}.read-steps{margin:3rem 0 2rem;padding:1.5rem 1.75rem;border-left:3px solid var(--accent, #f59e0b);border-radius:0 8px 8px 0;background:var(--bg-card, #fff)}.read-steps h2{font-family:var(--font-display, inherit);font-size:1.5rem;margin:0 0 1rem}.read-steps ol{list-style:none;margin:0;padding:0}.read-steps li{display:flex;align-items:flex-start;gap:1rem;margin:1.25rem 0;line-height:1.6}.read-step-index{flex:0 0 auto;width:2rem;height:2rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display, inherit);font-weight:600;font-size:.85rem;background:var(--accent, #f59e0b);color:var(--accent-fg, #0e0f10)}.read-step-text{flex:1 1 auto;min-width:0}.read-step-text strong{display:block;font-family:var(--font-display, inherit);margin-bottom:.25rem}.read-step-text p{margin:0;color:var(--text-muted, #5a6168)}.read-questions{margin:3rem 0 2rem}.read-questions h2{font-family:var(--font-display, inherit);font-size:clamp(1.5rem,2.4vw,2rem);margin:0 0 1.25rem}.read-questions dl{margin:0}.read-questions dl>div{padding:1rem 0;border-bottom:1px solid var(--border, #d8dde2)}.read-questions dt{font-family:var(--font-display, inherit);font-weight:600;font-size:1.0625rem;margin:0 0 .5rem}.read-questions dd{margin:0;line-height:1.6;color:var(--text-muted, #5a6168)}.read-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:2rem 0 1.5rem}.read-tags span{font-size:.825rem;font-weight:500;padding:.3rem .85rem;border-radius:999px;color:var(--accent-ink, #8a5200);background:color-mix(in srgb,var(--accent, #f59e0b) 12%,transparent)}.read-share{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;margin:2rem 0;padding:1.5rem 0;border-top:1px solid var(--border, #d8dde2);border-bottom:1px solid var(--border, #d8dde2)}.read-share-lead{font-family:var(--font-display, inherit);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted, #5a6168);margin-right:.25rem}.read-share-link{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;border:1px solid var(--border, #d8dde2);border-radius:999px;background:var(--bg-card, #fff);color:var(--text, #0e0f10);font:inherit;font-size:.825rem;font-weight:500;text-decoration:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,color .15s ease,border-color .15s ease}.read-share-link:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0e0f101a}.read-share-link:focus-visible{outline:2px solid var(--accent, #f59e0b);outline-offset:2px}.read-share-link.on-x:hover{background:#000;border-color:#000;color:#fff}.read-share-link.on-facebook:hover{background:#1877f2;border-color:#1877f2;color:#fff}.read-share-link.on-linkedin:hover{background:#0a66c2;border-color:#0a66c2;color:#fff}.read-share-link.on-whatsapp:hover{background:#128c4a;border-color:#128c4a;color:#fff}.read-share-link.on-telegram:hover{background:#1c7fae;border-color:#1c7fae;color:#fff}.read-share-link.read-copy:hover{background:var(--accent, #f59e0b);border-color:var(--accent, #f59e0b);color:var(--accent-fg, #0e0f10)}.read-share-link.read-copy.copied{background:#146c43;border-color:#146c43;color:#fff}.read-share-compact{gap:.45rem;margin:1rem 0 0;padding:.75rem 0 0;border:0}.read-share-compact .read-share-link{padding:.4rem .75rem;font-size:.78rem}.read-more{margin:4rem 0 0;padding-top:2.5rem;border-top:1px solid var(--border, #d8dde2)}.read-more>h2{font-family:var(--font-display, inherit);font-size:clamp(1.5rem,2.4vw,2rem);margin:0 0 1.5rem;text-align:center}.read-more-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.read-more-card{display:block;overflow:hidden;border:1px solid var(--border, #d8dde2);border-radius:12px;background:var(--bg-card, #fff);color:inherit;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.read-more-card:hover{transform:translateY(-3px);border-color:var(--accent, #f59e0b);box-shadow:0 12px 28px #0e0f101a}.read-more-card img{display:block;width:100%;height:160px;object-fit:cover}.read-more-card h3{font-family:var(--font-display, inherit);font-size:1.0625rem;line-height:1.3;margin:1rem 1rem .5rem}.read-more-card p{font-size:.875rem;line-height:1.5;color:var(--text-muted, #5a6168);margin:0 1rem 1rem}.read-progress{position:fixed;top:0;left:0;height:3px;width:var(--reading-progress, 0%);background:var(--accent, #f59e0b);z-index:9999;pointer-events:none;transition:width .1s linear}.post-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.post-card:hover{transform:translateY(-4px);border-color:var(--accent, #f59e0b);box-shadow:0 14px 32px #0e0f101a}.pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;margin:3rem 0 1rem}.pager a,.pager span{min-width:2.5rem;padding:.5rem .75rem;text-align:center;line-height:1;font-size:.95rem;border:1px solid var(--border, #d8dde2);border-radius:var(--radius, 8px);color:var(--text-muted, #5a6168);text-decoration:none;transition:border-color .15s ease,color .15s ease,background .15s ease}.pager a:hover{border-color:var(--accent, #f59e0b);color:var(--accent-ink, #8a5200)}.pager .pager-num.here{background:var(--accent, #f59e0b);border-color:var(--accent, #f59e0b);color:var(--accent-fg, #0e0f10);font-weight:600}.pager .pager-step{font-weight:500}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){@keyframes read-rise{0%{transform:translateY(1.25rem)}to{transform:none}}.read-cover,.read-summary,.read-steps,.read-questions,.read-more-card,.read-body>h2{animation:read-rise linear both;animation-timeline:view();animation-range:entry 0% cover 35%}}}