#blog-root *{box-sizing:border-box}body,#main-content{background:var(--color-background);color:var(--color-text)}#read-progress{position:fixed;top:64px;left:0;height:3px;width:0;background:var(--color-primary);z-index:100;transition:width .1s linear;display:none}@keyframes bhFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes kenBurns{0%{transform:scale(1) translate(0)}to{transform:scale(1.12) translate(-2%)}}.blog-hero{position:relative;width:100%;min-height:65vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--color-blog-hero)}.blog-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center}.blog-hero-overlay{position:absolute;inset:0;background:linear-gradient(175deg,#000000a6,#00000073,#000000bf)}.blog-hero-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--color-on-primary);padding:80px 24px 72px;max-width:800px}.blog-hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--badge-text-color, var(--color-primary));background:var(--badge-bg-color, color-mix(in srgb, var(--color-primary) 18%, transparent));border:1px solid var(--badge-border-color, color-mix(in srgb, var(--color-primary) 35%, transparent));padding:.35rem 1rem;border-radius:999px;margin-bottom:1.5rem;animation:bhFadeUp .6s ease both}.blog-hero-title{font-size:clamp(2.8rem,5.5vw,4.2rem);font-weight:800;line-height:1.08;letter-spacing:-.035em;margin:0 0 1.1rem;color:var(--color-on-primary);text-shadow:0 2px 32px rgba(0,0,0,.35);animation:bhFadeUp .6s .1s ease both}.blog-hero-sub{font-size:1.15rem;color:var(--color-hero-muted);margin:0;line-height:1.65;animation:bhFadeUp .6s .2s ease both}.blog-container{max-width:1240px;margin:0 auto;padding:0 24px}.section-label{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-primary);margin-bottom:2rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:.75rem}.section-label:after{content:"";flex:1;height:1px;background:var(--color-border);display:none}.featured-post{display:grid;grid-template-columns:55% 45%;gap:0;border-radius:20px;overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);margin:40px 0 56px;cursor:pointer;transition:transform .3s,box-shadow .3s;text-decoration:none;color:inherit}.featured-post:hover{transform:translateY(-4px);box-shadow:0 20px 60px #0009}@media(max-width:860px){.featured-post{grid-template-columns:1fr}}.featured-img-wrap{position:relative;overflow:hidden;min-height:380px}.featured-img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;display:block}.featured-post:hover .featured-img{transform:scale(1.05)}.featured-img-placeholder{width:100%;height:100%;min-height:380px;background:linear-gradient(135deg,#0d2d24,#1a6b5a);display:flex;align-items:center;justify-content:center;font-size:5rem}.featured-badge{position:absolute;top:20px;left:20px;background:var(--color-primary);color:var(--color-on-primary);font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:.35rem .875rem;border-radius:999px}.featured-body{padding:52px 48px;display:flex;flex-direction:column;justify-content:center;gap:0;background:var(--color-surface)}@media(max-width:860px){.featured-body{padding:32px 28px}}.featured-eyebrow{font-size:.62rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--color-primary);margin-bottom:1rem}.featured-title{font-size:clamp(1.55rem,2.8vw,2.4rem);font-weight:800;line-height:1.18;letter-spacing:-.025em;margin:0 0 1.1rem;color:var(--color-card-title, var(--color-text))}.featured-excerpt{font-size:.95rem;line-height:1.75;color:var(--color-card-text, var(--color-text));margin:0 0 1.75rem;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.featured-meta{display:flex;align-items:center;gap:.75rem;font-size:.78rem;color:var(--color-card-text, var(--color-text));flex-wrap:wrap}.featured-meta-dot{color:var(--color-card-text, var(--color-text))}.featured-read-more{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.75rem;font-size:.85rem;font-weight:700;color:var(--color-primary);transition:gap .2s;width:fit-content}.featured-post:hover .featured-read-more{gap:1rem}.featured-read-more svg{transition:transform .2s}.featured-post:hover .featured-read-more svg{transform:translate(4px)}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:72px}@media(max-width:1024px){.posts-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.posts-grid{grid-template-columns:1fr}}.post-card{background:var(--color-surface);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:transform .25s,box-shadow .25s,border-color .25s;text-decoration:none;color:inherit;border:1px solid var(--color-border)}.post-card:hover{transform:translateY(-5px);box-shadow:0 16px 48px #0000008c;border-color:var(--color-border-hover)}.post-card-img-wrap{position:relative;overflow:hidden;height:210px}.post-card-img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease;display:block}.post-card:hover .post-card-img{transform:scale(1.07)}.post-card-img-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#0d2d24,#1a4a3a);display:flex;align-items:center;justify-content:center;font-size:3rem}.post-card-category-tag{position:absolute;bottom:12px;left:12px;background:var(--card-tag-bg-color);backdrop-filter:blur(8px);color:var(--card-tag-text-color, var(--color-primary));font-size:.58rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:.25rem .625rem;border-radius:999px}.post-card-body{padding:20px 22px 18px;flex:1;display:flex;flex-direction:column}.post-card-title{font-size:1.05rem;font-weight:700;line-height:1.38;letter-spacing:-.01em;color:var(--color-card-title, var(--color-text));margin:0 0 .625rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card-excerpt{font-size:.83rem;line-height:1.65;color:var(--color-card-text, var(--color-text));flex:1;margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card-footer{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;color:var(--color-card-text, var(--color-text));padding-top:.75rem;border-top:1px solid var(--color-border);margin-top:auto}.post-card-author{display:flex;align-items:center;gap:.45rem}.post-card-avatar{width:22px;height:22px;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:.58rem;font-weight:700;color:var(--color-on-primary);flex-shrink:0}.post-card-readtime{color:var(--color-card-text, var(--color-text))}#view-list.layout-grid #featured-wrap{display:none}#view-list.layout-grid #grid-label{display:none!important}#view-list.layout-grid .posts-grid{grid-template-columns:repeat(3,1fr);margin-top:40px}@media(max-width:860px){#view-list.layout-grid .posts-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){#view-list.layout-grid .posts-grid{grid-template-columns:1fr}}#view-list.layout-list #featured-wrap{display:none}#view-list.layout-list #grid-label{display:none!important}#view-list.layout-list .posts-grid{grid-template-columns:1fr!important;gap:16px;margin-top:40px}#view-list.layout-list .post-card{flex-direction:row;min-height:150px;border-radius:12px}#view-list.layout-list .post-card-img-wrap{width:220px;min-width:220px;height:auto;min-height:150px;border-radius:0}#view-list.layout-list .post-card-body{padding:20px 24px}#view-list.layout-list .post-card-excerpt{-webkit-line-clamp:2}@media(max-width:600px){#view-list.layout-list .post-card{flex-direction:column}#view-list.layout-list .post-card-img-wrap{width:100%;min-width:unset;height:180px}}#view-list.layout-spotlight .featured-post{grid-template-columns:1fr;max-height:500px;overflow:hidden;position:relative}#view-list.layout-spotlight .featured-img-wrap{min-height:500px}#view-list.layout-spotlight .featured-body{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.7) 60%,transparent 100%);padding:40px 40px 36px;color:var(--color-on-primary)}#view-list.layout-spotlight .featured-title{color:var(--color-on-primary);font-size:clamp(1.75rem,3.5vw,3rem)}#view-list.layout-spotlight .featured-excerpt{color:var(--color-hero-muted)}#view-list.layout-spotlight .featured-meta{color:#ffffff73}#view-list.layout-spotlight .posts-grid{grid-template-columns:repeat(2,1fr)}@media(max-width:640px){#view-list.layout-spotlight .featured-body{padding:24px}#view-list.layout-spotlight .posts-grid{grid-template-columns:1fr}}#view-list.layout-editorial #featured-wrap{display:grid;grid-template-columns:1fr 1fr;gap:20px}#view-list.layout-editorial .featured-post{grid-template-columns:1fr;margin:0;border-radius:16px}#view-list.layout-editorial .featured-img-wrap{min-height:240px}#view-list.layout-editorial .featured-body{padding:28px 28px 24px}#view-list.layout-editorial .featured-title{font-size:clamp(1.2rem,2vw,1.65rem)}#view-list.layout-editorial #featured-wrap{margin:40px 0 28px}@media(max-width:640px){#view-list.layout-editorial #featured-wrap{grid-template-columns:1fr}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,#1a1a1a 25%,#242424,#1a1a1a 75%);background-size:800px 100%;animation:shimmer 1.4s infinite;border-radius:6px}.blog-empty{text-align:center;padding:80px 24px;color:var(--color-text);opacity:.6}.blog-empty h3{font-size:1.4rem;color:var(--color-text);opacity:.7;margin:0 0 .75rem}.blog-empty p{font-size:.9rem;line-height:1.6}.post-back-bar{position:fixed;top:64px;left:0;right:0;padding:12px 20px;z-index:45;pointer-events:none}.post-back-btn{display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;color:#ffffffbf;text-decoration:none;transition:color .2s;background:#00000059;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:999px;cursor:pointer;padding:.4rem 1rem;pointer-events:auto}.post-back-btn:hover{color:var(--color-on-primary);background:#0000008c}@keyframes phFadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.post-hero{position:relative;width:100%;min-height:70vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--color-blog-hero)}.post-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center}.post-hero-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at center,#0000008c,#000000bf)}.post-hero-content{position:relative;z-index:2;width:100%;max-width:860px;margin:0 auto;padding:80px 24px;color:var(--color-on-primary)}.post-hero-category{display:inline-flex;align-items:center;font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--badge-text-color, var(--color-primary));background:var(--badge-bg-color, color-mix(in srgb, var(--color-primary) 20%, transparent));border:1px solid var(--badge-border-color, color-mix(in srgb, var(--color-primary) 40%, transparent));padding:.3rem .9rem;border-radius:999px;margin-bottom:1.2rem;animation:phFadeUp .55s ease both}.post-hero-title{font-size:clamp(2.1rem,4.8vw,3.6rem);font-weight:800;line-height:1.1;letter-spacing:-.035em;margin:0 0 1.4rem;color:var(--color-on-primary);text-shadow:0 2px 40px rgba(0,0,0,.5);animation:phFadeUp .55s .1s ease both}.post-hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.1rem;font-size:.82rem;color:var(--color-hero-muted);animation:phFadeUp .55s .2s ease both}.post-hero-avatar{width:33px;height:33px;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:var(--color-on-primary);flex-shrink:0}.post-hero-sep{color:var(--color-hero-sep)}.post-hero-no-img{position:absolute;inset:0;background:linear-gradient(160deg,#071510,#0d2d24 55%,#1a6b5a2e)}.post-article{max-width:860px;margin:0 auto;padding:clamp(2.5rem,6vw,4rem) clamp(1rem,4vw,2rem) clamp(4rem,8vw,6rem)}.post-article-divider{height:1px;background:var(--color-border);margin-bottom:clamp(1.5rem,3vw,2.5rem)}.post-article-excerpt{font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.8;color:var(--color-prose-text, var(--color-text));opacity:.75;margin:clamp(1.25rem,3vw,2.25rem) 0;font-style:italic;padding-left:1.25rem;border-left:3px solid var(--color-primary)}.post-prose{color:var(--color-prose-text, var(--color-text));font-size:clamp(1rem,1.4vw,1.125rem);line-height:1.9}.post-prose h1,.post-prose h2,.post-prose h3,.post-prose h4{color:var(--color-prose-text, var(--color-text));font-weight:700;line-height:1.2;letter-spacing:-.025em;margin:clamp(2rem,4vw,3.5rem) 0 clamp(.75rem,1.5vw,1.25rem)}.post-prose h1{font-size:clamp(1.75rem,3.5vw,2.5rem)}.post-prose h2{font-size:clamp(1.4rem,2.8vw,2rem)}.post-prose h3{font-size:clamp(1.15rem,2vw,1.5rem)}.post-prose h4{font-size:clamp(1rem,1.5vw,1.2rem)}.post-prose p{margin:0 0 clamp(1.25rem,2.5vw,2rem)}.post-prose a{color:var(--color-primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.post-prose a:hover{color:var(--color-link-hover)}.post-prose strong{color:var(--color-prose-text, var(--color-text));font-weight:700}.post-prose em{font-style:italic}.post-prose blockquote{margin:clamp(1.5rem,3vw,2.75rem) 0;padding:clamp(1rem,2vw,1.5rem) clamp(1rem,2vw,1.75rem);border-left:4px solid var(--color-primary);background:var(--color-blockquote-bg);border-radius:0 10px 10px 0;font-style:italic;color:var(--color-prose-text, var(--color-text));opacity:.75}.post-prose blockquote p{margin:0}.post-prose ul,.post-prose ol{padding-left:1.75rem;margin:0 0 clamp(1.25rem,2.5vw,2rem)}.post-prose li{margin-bottom:.5rem;line-height:1.75}.post-prose ul li{list-style:disc}.post-prose ol li{list-style:decimal}.post-prose img{max-width:100%;height:auto;border-radius:12px;margin:clamp(2rem,4vw,3.5rem) auto;display:block}.post-prose img.img-size-full{width:100%}.post-prose img.img-size-wide{width:85%}.post-prose img.img-size-regular{width:65%}.post-prose img.img-size-small{width:40%}.post-prose img.img-float-left{float:left;margin:.25rem 2rem 1.25rem 0;max-width:50%;display:block}.post-prose img.img-float-right{float:right;margin:.25rem 0 1.25rem 2rem;max-width:50%;display:block}.post-prose:after{content:"";display:table;clear:both}.post-prose .drop-cap{float:left;font-size:clamp(3rem,6vw,4.5rem);line-height:.78;font-weight:800;padding-right:.12em;padding-top:.05em;color:var(--color-primary);font-family:Georgia,serif}@media(max-width:640px){.post-prose img.img-size-wide,.post-prose img.img-size-regular,.post-prose img.img-size-small{width:100%}.post-prose img.img-float-left,.post-prose img.img-float-right{float:none;max-width:100%;margin:1.5rem auto;display:block}}.post-prose code{font-family:Courier New,monospace;font-size:.875em;background:var(--color-code-bg);color:var(--color-code-text);padding:.15em .45em;border-radius:4px}.post-prose pre{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:clamp(1rem,2vw,1.5rem) clamp(1rem,2vw,1.75rem);overflow-x:auto;margin:clamp(1.5rem,3vw,2.5rem) 0}.post-prose pre code{background:none;padding:0;font-size:.875rem;color:var(--color-code-text)}.post-prose hr{border:none;border-top:1px solid var(--color-border);margin:clamp(2rem,4vw,3.5rem) 0}.post-prose table{width:100%;border-collapse:collapse;margin:clamp(1.25rem,2.5vw,2rem) 0;font-size:clamp(.825rem,1.2vw,.95rem)}.post-prose th,.post-prose td{padding:.625rem 1rem;border:1px solid var(--color-border);text-align:left}.post-prose th{background:var(--color-surface);color:var(--color-prose-text, var(--color-text));font-weight:600}.template-magazine .post-prose>p:first-of-type:first-letter{float:left;font-size:4.2em;line-height:.78;font-weight:800;margin:.06em .12em 0 0;color:var(--color-primary);font-family:Georgia,serif}.template-magazine .post-prose blockquote{border-left:none;border-top:2px solid var(--color-primary);border-bottom:2px solid var(--color-primary);padding:1.5rem .5rem;margin:2.5rem 0;position:relative;color:var(--color-prose-text, var(--color-text));font-size:1.25rem;font-style:italic;text-align:center}.template-magazine .post-prose blockquote:before{content:"“";position:absolute;top:-.45em;left:50%;transform:translate(-50%);font-size:4rem;line-height:1;color:var(--color-primary);background:var(--color-background);padding:0 .25em;font-family:Georgia,serif}.template-magazine .post-prose h2{font-size:1.7rem;border-bottom:2px solid var(--color-primary);padding-bottom:.3rem;margin-top:2.5rem}.template-modern .post-prose h2{font-size:1.65rem;font-weight:900;letter-spacing:-.02em;color:var(--color-text);margin-top:2.5rem}.template-modern .post-prose h3{font-size:1.2rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--color-primary);margin-top:2rem}.template-modern .post-prose blockquote{border-left:none;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:1.25rem 2rem;margin:2rem 0;color:var(--color-text);opacity:.75;font-size:1.1rem;font-style:normal;font-weight:500;text-align:center}.template-modern .post-prose blockquote:before{display:none}.post-share{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--color-border);display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.post-share-label{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text);opacity:.6}.share-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;border:1px solid rgba(128,128,128,.25);background:var(--color-background);color:var(--color-text);text-decoration:none;transition:all .2s}.share-btn:hover,.share-btn.copied{border-color:var(--color-primary);color:var(--color-primary)}.blog-search-wrap{background:var(--color-search-bg, var(--color-surface));border-bottom:1px solid var(--color-search-border, var(--color-border));padding:24px}.blog-search-bar{width:100%;max-width:760px;margin:0 auto;display:flex;align-items:center;background:var(--color-search-bg, var(--color-surface));border:1px solid var(--color-search-border, var(--color-border));border-radius:12px;padding:0 20px;transition:border-color .2s;box-sizing:border-box}.blog-search-bar:focus-within{border-color:var(--color-search-border, var(--color-primary))}.blog-search-icon{color:var(--search-icon-color, var(--color-search-text, var(--color-text)));opacity:.5;flex-shrink:0;width:var(--search-icon-size, 20px);height:var(--search-icon-size, 20px)}#blog-search-input{flex:1;background:none;border:none;outline:none;color:var(--color-search-text, var(--color-text));font-size:var(--search-font-size, clamp(1rem, 1.5vw, 1.25rem));font-weight:var(--search-font-weight, 600);font-family:var(--search-font, inherit);text-transform:var(--search-text-transform, none);padding:16px 14px;min-width:0}#blog-search-input::placeholder{color:var(--color-search-text);opacity:.35;font-weight:400}#blog-search-clear{background:none;border:none;cursor:pointer;color:var(--color-search-text, var(--color-text));opacity:.5;padding:6px;border-radius:4px;display:flex;align-items:center;flex-shrink:0;transition:opacity .15s}#blog-search-clear:hover{opacity:.9}.blog-search-meta{text-align:center;max-width:760px;margin:12px auto 0;font-size:.82rem;color:var(--color-search-text, var(--color-text));opacity:.6}.blog-search-meta strong{color:var(--color-search-text, var(--color-text));opacity:.8}.more-posts-section{background:var(--color-background);border-top:1px solid var(--color-border);padding:64px 0}.more-posts-section .section-label{margin-bottom:2rem}.more-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:768px){.more-posts-grid{grid-template-columns:1fr}.post-hero{min-height:55vh}.post-hero-content{padding:0 16px 40px}.post-hero-title{font-size:clamp(1.7rem,7vw,2.4rem)}}
