.blog-body .shell{width:100vw;max-width:100vw;margin:0;padding:0}.blog-body .content{padding:0;display:block;height:calc(100vh - var(--site-footer-height));overflow:hidden}.posts-page{--cv-usable-midpoint: calc((100vh - var(--site-footer-height)) / 2);min-height:100vh;height:100vh;display:flex;flex-direction:column;overflow:hidden}.blog-body{overflow:hidden}.blog-slug-body{--site-footer-height: 48px}@supports (height: 100dvh){.posts-page{--cv-usable-midpoint: calc((100dvh - var(--site-footer-height)) / 2)}.blog-body .content{height:calc(100dvh - var(--site-footer-height))}.posts-page{min-height:100dvh;height:100dvh}}@supports (height: 100svh){.posts-page{--cv-usable-midpoint: calc((100svh - var(--site-footer-height)) / 2)}.blog-body .content{height:calc(100svh - var(--site-footer-height))}.posts-page{min-height:100svh;height:100svh}}.posts-main{flex:1;padding:2.5rem 0 4.5rem;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.posts-main::-webkit-scrollbar{display:none}.posts-shell{width:min(820px,78vw);margin:0 auto}@media(min-width:1200px){.posts-shell{width:min(1200px,84vw)}}.single-post-main{display:flex;flex-direction:column;overflow:hidden;padding:2.5rem 0 3.75rem;min-height:0}.single-post-page{min-height:100%;height:100%}.single-post-shell{flex:1;min-height:0;display:flex;position:relative}.single-post-shell>article{flex:1;min-height:0;max-height:100%;overflow-y:auto;scrollbar-width:none;margin:0;padding-top:0;position:relative}.single-post-shell>article::-webkit-scrollbar{display:none}.single-post-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;position:sticky;top:0;z-index:6;padding:1.25rem 0 .8rem;margin:0 0 .65rem;background:var(--surface);border-bottom:1px solid rgba(255,255,255,.2)}.single-post-head .post-meta{margin:0}.single-post-actions{display:flex;align-items:center;gap:.55rem}.single-post-back{min-width:102px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.35);background:transparent;color:var(--text);display:inline-flex;align-items:center;justify-content:center;padding:0 .8rem;font-size:.62rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;transition:border-color .2s ease,color .2s ease,box-shadow .2s ease,background .2s ease}@media(hover:hover)and (pointer:fine){.single-post-back:hover,.single-post-back:focus-visible{border-color:#4ade80;color:#86efac;background:#4ade8033;box-shadow:0 0 12px #4ade8059}}.single-post-share-panel{top:calc(100% - .1rem);right:0}.posts-title{margin:0 0 2.5rem;color:#f5f5f58c;font-size:clamp(2rem,3.85vw,2.85rem);font-weight:800;letter-spacing:clamp(.18rem,.45vw,.5rem);text-transform:uppercase}.posts-list{display:flex;flex-direction:column;gap:2.5rem}.posts-year-group{display:grid;grid-template-columns:minmax(3.5rem,5.2rem) minmax(0,1fr);gap:2rem;align-items:start}.posts-year{font-size:clamp(1.3rem,2.6vw,1.9rem);color:#ffffff73;font-weight:600;letter-spacing:.08em}.posts-entries{display:flex;flex-direction:column;gap:.65rem}.post-entry{display:block}.post-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.6rem;align-items:center;padding:.35rem .2rem;border-radius:8px;color:var(--text);font-size:.96rem;transition:background .2s ease,transform .2s ease}.post-row:hover,.post-row:focus-visible{background:#ffffff0f;transform:translate(4px)}.post-row-title{font-weight:600;letter-spacing:.02em}.post-row-date{font-size:.9rem;color:var(--muted);min-width:4.5rem;text-align:right}.post-modal-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;background:#00000080;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:20}.post-modal-backdrop.active{opacity:1;pointer-events:auto}.post-modal{width:min(820px,92vw);max-height:80vh;overflow:hidden;background:#232528fa;border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:1.5rem 1.8rem 2rem;box-shadow:0 30px 80px #0000008c;transform:scale(.94);opacity:0;transition:transform .25s ease,opacity .25s ease;scrollbar-width:none;position:relative;display:flex;flex-direction:column}.post-modal::-webkit-scrollbar{display:none}.post-modal.active{transform:scale(1);opacity:1}@media(min-width:1200px){.post-modal{width:min(1200px,84vw)}}.post-modal-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.6rem}.post-modal-actions{display:flex;align-items:center;gap:.55rem}.post-modal-meta{font-size:.9rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.post-modal-share,.post-modal-close{width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.35);background:transparent;color:var(--text);cursor:pointer;font-weight:600;transition:border-color .2s ease,color .2s ease,box-shadow .2s ease}.post-modal-share{width:78px;font-size:.62rem;letter-spacing:.05em;text-align:center;text-transform:uppercase}.post-modal-share:hover,.post-modal-share:focus-visible,.post-modal-share[aria-expanded=true],.post-modal-share:active{border-color:#facc15f2;color:#facc15;background:#facc1524;box-shadow:0 0 12px #facc1559}.post-modal-close:hover,.post-modal-close:focus-visible,.post-modal-close:focus,.post-modal-close:active{border-color:#f87171e6;color:#f87171;background:#f8717126;box-shadow:0 0 12px #f8717159}@media(hover:none)and (pointer:coarse){.single-post-back{background:transparent;color:#4ade80;border-color:#4ade80;box-shadow:0 0 12px #4ade8059}.post-modal-share{background:transparent;color:#facc15;border-color:#facc15;box-shadow:0 0 12px #facc1559}.post-modal-close{background:transparent;color:#f87171;border-color:#f87171;box-shadow:0 0 12px #f8717159}}.post-modal-share-panel{position:absolute;top:4.2rem;right:1.8rem;width:min(340px,calc(100% - 3.6rem));padding:.45rem;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#232528fa;box-shadow:0 14px 30px #00000073;z-index:40;opacity:0;pointer-events:none;display:flex;flex-direction:column;gap:.45rem;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease}.post-modal-share-panel.active{opacity:1;pointer-events:auto;transform:translateY(0)}.post-modal-share-panel.single-post-share-panel{top:calc(100% - .1rem);right:0}.post-modal-share-option{width:100%;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:#ffffff08;color:var(--text);font-size:.9rem;padding:.55rem .8rem;cursor:pointer;text-align:left;display:flex;align-items:center;gap:.55rem;transition:background .2s ease,border-color .2s ease}.post-modal-share-option:hover,.post-modal-share-option:focus-visible{border-color:#ffffff59;background:#ffffff14}.linkedin-icon{width:1rem;height:1rem;border-radius:2px;background:#0a66c2;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;font-family:Arial,sans-serif;line-height:1}.post-modal-title{margin:0 0 1rem;font-size:clamp(1.3rem,2.6vw,1.7rem)}.post-modal-body{flex:1;overflow-y:auto;font-size:.95rem;line-height:1.7;color:var(--text);padding-bottom:2.5rem}.post-modal-body{scrollbar-width:none}.post-modal-body::-webkit-scrollbar{display:none}.post-modal-body p{margin:0 0 1rem}.post-modal-tldr{margin:0 0 1.2rem;color:var(--muted);font-size:.95rem}.post-modal-tldr span{color:var(--text);font-weight:700;margin-right:.4rem}.post-modal-body ul{margin:0 0 1rem 1.1rem;padding:0}.post-modal-body li{margin-bottom:.4rem}.post-modal-scroll{position:absolute;left:50%;bottom:.8rem;transform:translate(-50%);width:56px;height:56px;border-radius:0;border:none;background:transparent;color:var(--text);font-weight:700;font-size:1.75rem;letter-spacing:.08em;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 6px rgba(0,0,0,.75)}.post-modal-scroll.visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(-4px);animation:scrollHintPulse 1.4s ease-in-out infinite}.post-copy-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:.72rem 1.1rem;border:1px solid rgba(255,255,255,.25);border-radius:10px;background:#232528f5;color:var(--text);font-size:.9rem;letter-spacing:.04em;box-shadow:0 12px 34px #00000080;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:35}.post-copy-toast.visible{opacity:1}@keyframes scrollHintPulse{0%{transform:translate(-50%) translateY(-4px) scale(1)}50%{transform:translate(-50%) translateY(-6px) scale(1.15)}to{transform:translate(-50%) translateY(-4px) scale(1)}}.blog-body .page{min-height:100vh;height:100vh}.blog-body .site-footer{position:fixed;inset:auto 0 0;min-height:var(--site-footer-height);display:flex;align-items:center;background:var(--surface);box-shadow:0 -4px 16px #00000059;z-index:12}@media(max-width:720px){.posts-main{padding:2rem 0 4rem}.single-post-main{padding:1.6rem 0 calc(3rem + env(safe-area-inset-bottom))}.single-post-shell{margin-bottom:.7rem}.posts-shell{width:min(560px,90vw)}.posts-year-group{grid-template-columns:1fr;gap:.9rem}.posts-year{font-size:1.1rem}.post-row{gap:.8rem}.post-row-date{min-width:auto}}
