:root{--color-treme-terra: 207 90% 54%;--color-treme-terra-text: 211 79% 38%;--color-bg: 220 35% 97%;--color-surface: 0 0% 100%;--color-surface-tint: 220 30% 95%;--color-ink: 222 35% 12%;--color-mist: 220 12% 42%;--color-mist-on-dark: 220 15% 78%;--color-black: 222 47% 6%;--color-white: 220 30% 97%;--color-error: 356 72% 52%;--font-display: "Bricolage Grotesque", "Montserrat", ui-sans-serif, system-ui, sans-serif;--font-body: "Montserrat", ui-sans-serif, system-ui, sans-serif;--container-max: 860px;--container-pad: clamp(1.25rem, 4vw, 2rem);--radius-sm: 10px;--radius-md: 18px;--radius-lg: 28px;--radius-full: 999px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:hsl(var(--color-bg));color:hsl(var(--color-ink));font-family:var(--font-body);line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}.container{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad)}.blog-header{background:hsl(var(--color-black));padding-block:1rem}.blog-header .container{max-width:1320px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.blog-header .logo img{height:1.75rem;width:auto}.blog-header nav a{color:hsl(var(--color-mist-on-dark));font-family:var(--font-display);font-weight:600;font-size:.9rem}.blog-header nav a:hover{color:hsl(var(--color-white))}.blog-footer{background:hsl(var(--color-black));color:hsl(var(--color-mist-on-dark));padding-block:2.5rem;margin-top:2rem;text-align:center;font-size:.9rem}.blog-footer a{color:hsl(var(--color-treme-terra))}.blog-hero{background:hsl(var(--color-black));color:hsl(var(--color-white));padding-block:3.5rem 2.5rem}.blog-hero .eyebrow{font-family:var(--font-display);font-weight:700;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:hsl(var(--color-treme-terra));margin:0 0 .75rem}.blog-hero h1{font-family:var(--font-display);font-weight:800;font-size:clamp(2rem,5vw,3rem);line-height:1.1;margin:0 0 .75rem}.blog-hero p{color:hsl(var(--color-mist-on-dark));font-size:1.05rem;max-width:60ch;margin:0}.blog-hero .blog-intro{margin-top:1rem;font-size:1rem;max-width:72ch;opacity:.92}.blog-cta{margin:3.5rem 0 1rem;padding:2.25rem 2rem;border-radius:var(--radius-lg, 20px);background:hsl(var(--color-treme-terra) / .08);border:1px solid hsl(var(--color-treme-terra) / .2);text-align:center}.blog-cta h2{font-family:var(--font-display);font-weight:800;font-size:clamp(1.4rem,3.5vw,2rem);margin:0 0 .75rem}.blog-cta p{color:hsl(var(--color-mist-on-dark));max-width:60ch;margin:0 auto 1.5rem}.blog-cta-btn{display:inline-block;font-family:var(--font-display);font-weight:700;padding:.85rem 1.75rem;border-radius:999px;background:hsl(var(--color-treme-terra));color:hsl(var(--color-white));transition:transform .2s ease,background-color .2s ease}.blog-cta-btn:hover{transform:translateY(-2px)}.post-list-filters{display:flex;flex-wrap:wrap;gap:.6rem;padding-top:2rem}.filter-chip{font-family:var(--font-display);font-weight:700;font-size:.85rem;padding:.55rem 1.15rem;border-radius:var(--radius-full);border:1px solid hsl(var(--color-ink) / .15);background:hsl(var(--color-surface));color:hsl(var(--color-mist));cursor:pointer;transition:border-color .2s ease,color .2s ease,background-color .2s ease,transform .2s ease}.filter-chip:hover{border-color:hsl(var(--color-treme-terra) / .5);color:hsl(var(--color-ink));transform:translateY(-1px)}.filter-chip.is-active{background:hsl(var(--color-treme-terra));border-color:hsl(var(--color-treme-terra));color:hsl(var(--color-black))}.post-list{padding-block:2rem 3rem;display:grid;gap:1.5rem}.post-card[hidden]{display:none}.post-card{display:block;position:relative;background:hsl(var(--color-surface));border-radius:var(--radius-md);padding:1.75rem 3.25rem 1.75rem 1.75rem;border:1px solid hsl(var(--color-ink) / .08);opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1),border-color .25s ease,box-shadow .3s ease}.post-card.is-revealed{opacity:1;transform:translateY(0)}.post-card.is-revealed:hover{border-color:hsl(var(--color-treme-terra) / .55);box-shadow:0 24px 48px -24px hsl(var(--color-black) / .3);transform:translateY(-4px)}.post-card .category{font-family:var(--font-display);font-weight:700;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:hsl(var(--color-treme-terra-text))}.post-card h2{font-family:var(--font-display);font-size:1.4rem;font-weight:800;margin:.4rem 0 .5rem}.post-card p{color:hsl(var(--color-mist));margin:0}.post-card-arrow{position:absolute;top:1.75rem;right:1.5rem;display:inline-flex;color:hsl(var(--color-treme-terra-text));opacity:0;transform:translate(-6px);transition:opacity .25s ease,transform .25s ease}.post-card-arrow svg{width:20px;height:20px}.post-card.is-revealed:hover .post-card-arrow{opacity:1;transform:translate(0)}@media (prefers-reduced-motion: reduce){.post-card{transition:border-color .2s ease,box-shadow .2s ease}}.empty-state{padding:3rem;text-align:center;border:1px dashed hsl(var(--color-ink) / .2);border-radius:var(--radius-md);color:hsl(var(--color-mist))}.empty-state strong{display:block;font-family:var(--font-display);color:hsl(var(--color-ink));margin-bottom:.5rem}article.post{padding-block:3rem 5rem}article.post .eyebrow{font-family:var(--font-display);font-weight:700;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:hsl(var(--color-treme-terra-text))}article.post h1{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.15;margin:.5rem 0 1rem}article.post .direct-answer{font-size:1.1rem;font-weight:600;padding:1rem 1.25rem;background:hsl(var(--color-treme-terra) / .08);border-left:3px solid hsl(var(--color-treme-terra));border-radius:var(--radius-md);margin-bottom:2rem}article.post .cover{border-radius:var(--radius-lg);overflow:hidden;margin-bottom:2rem}article.post .prose{font-size:1.05rem}article.post .prose p{margin:0 0 1.25rem}article.post .prose h2{font-family:var(--font-display);font-size:1.5rem;margin:2rem 0 1rem}article.post .prose h3{font-family:var(--font-display);font-size:1.15rem;margin:1.5rem 0 .75rem}article.post .prose ul{margin:0 0 1.25rem;padding-left:1.25rem}article.post .prose li{margin-bottom:.4rem}.faq{margin-top:3rem;padding-top:2rem;border-top:1px solid hsl(var(--color-ink) / .1)}.faq h2{font-family:var(--font-display);font-size:1.5rem;margin-bottom:1rem}.faq-item{border-radius:var(--radius-md);background:hsl(var(--color-surface-tint));padding:1rem 1.25rem;margin-bottom:.75rem}.faq-item summary{font-family:var(--font-display);font-weight:700;cursor:pointer}.faq-item p{margin:.75rem 0 0;color:hsl(var(--color-mist))}.breadcrumb{font-size:.85rem;color:hsl(var(--color-mist-on-dark));margin-bottom:1rem}.breadcrumb a{color:hsl(var(--color-mist-on-dark))}.breadcrumb a:hover{color:hsl(var(--color-white))}.admin-body{background:hsl(var(--color-bg))}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.admin-login-card{background:hsl(var(--color-surface));border-radius:var(--radius-lg);padding:2.5rem;width:100%;max-width:360px;display:flex;flex-direction:column;gap:1rem;box-shadow:0 20px 60px -20px hsl(var(--color-black) / .25)}.admin-login-card h1{font-family:var(--font-display);font-size:1.4rem;margin:0 0 .5rem}.admin-error{background:hsl(var(--color-error) / .1);color:hsl(var(--color-error));padding:.65rem .85rem;border-radius:var(--radius-sm);font-size:.9rem;margin:0}.admin-header{background:hsl(var(--color-black));color:hsl(var(--color-white));padding-block:1rem}.admin-header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}.admin-header nav{display:flex;gap:1.25rem}.admin-header nav a{color:hsl(var(--color-mist-on-dark));font-size:.9rem}.admin-header nav a:hover{color:hsl(var(--color-white))}.admin-main{padding-block:2.5rem 4rem;max-width:900px}.admin-main-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.admin-main h1{font-family:var(--font-display);font-size:1.75rem;margin:0}.admin-empty{color:hsl(var(--color-mist))}.admin-table{width:100%;border-collapse:collapse;background:hsl(var(--color-surface));border-radius:var(--radius-md);overflow:hidden}.admin-table th,.admin-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid hsl(var(--color-ink) / .08);font-size:.9rem}.admin-table thead th{font-family:var(--font-display);font-weight:700;background:hsl(var(--color-surface-tint))}.admin-table-actions{display:flex;gap:.75rem;align-items:center}.admin-table-actions form{display:inline;margin:0}.admin-status{font-size:.75rem;font-weight:700;padding:.15rem .6rem;border-radius:var(--radius-full)}.admin-status-draft{background:#5e67781f;color:hsl(var(--color-mist))}.admin-status-published{background:hsl(var(--color-treme-terra) / .14);color:hsl(var(--color-treme-terra-text))}.admin-form{display:flex;flex-direction:column;gap:1.1rem;background:hsl(var(--color-surface));padding:1.75rem;border-radius:var(--radius-md)}.admin-form label,.admin-login-card label{display:flex;flex-direction:column;gap:.4rem;font-family:var(--font-display);font-weight:700;font-size:.85rem}.admin-form input[type=text],.admin-form input[type=url],.admin-form select,.admin-form textarea,.admin-login-card input[type=text],.admin-login-card input[type=password]{font-family:var(--font-body);font-weight:400;font-size:.95rem;padding:.6rem .8rem;border-radius:var(--radius-sm);border:1px solid hsl(var(--color-ink) / .15);background:hsl(var(--color-bg))}#quill-editor{background:hsl(var(--color-surface));min-height:260px}.admin-cover-preview{margin:.25rem 0 .5rem;font-size:.85rem;color:hsl(var(--color-mist))}.admin-cover-preview img{max-width:240px;height:auto;border-radius:var(--radius-sm);margin-top:.35rem;display:block}.editor-tools{margin:.5rem 0}.post-table-wrap{overflow-x:auto;margin:1.5rem 0}.post-table{border-collapse:collapse;width:100%;font-size:.95rem}.post-table th,.post-table td{border:1px solid hsl(var(--color-ink) / .15);padding:.6rem .8rem;text-align:left;vertical-align:top}.post-table thead th{background:hsl(var(--color-ink) / .06);font-family:var(--font-display);font-weight:700}.post-table tbody tr:nth-child(2n) td{background:hsl(var(--color-ink) / .03)}.table-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;background:hsl(var(--color-ink) / .55)}.table-modal[hidden]{display:none}.table-modal-card{background:hsl(var(--color-surface));border-radius:var(--radius-md);padding:1.25rem;width:min(760px,100%);max-height:90vh;overflow:auto;box-shadow:0 24px 60px hsl(var(--color-ink) / .35)}.table-modal-card h2{font-family:var(--font-display);margin:0 0 .75rem}.table-modal-controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end;margin-bottom:.5rem}.table-modal-controls label{display:flex;flex-direction:column;font-size:.85rem;gap:.2rem}.table-modal-controls input{width:6rem;padding:.4rem}.table-modal-hint{font-size:.82rem;color:hsl(var(--color-mist));margin:.25rem 0 .75rem}.table-grid{display:grid;gap:.4rem;margin-bottom:1rem}.table-grid .tbl-cell{padding:.45rem;border:1px solid hsl(var(--color-ink) / .15);border-radius:var(--radius-sm);width:100%}.table-grid .tbl-head{font-weight:700;background:hsl(var(--color-ink) / .05)}.table-modal-actions{display:flex;justify-content:flex-end;gap:.5rem}.admin-faq-fieldset{border:1px solid hsl(var(--color-ink) / .12);border-radius:var(--radius-md);padding:1rem}.admin-faq-fieldset legend{font-family:var(--font-display);font-weight:700;padding-inline:.4rem}.admin-faq-row{display:grid;grid-template-columns:1fr 1.5fr auto;gap:.5rem;margin-bottom:.75rem;align-items:start}.btn-admin,.btn-admin-ghost{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:.9rem;padding:.65rem 1.25rem;border-radius:var(--radius-full);border:none;cursor:pointer;width:fit-content}.btn-admin{background:hsl(var(--color-treme-terra));color:hsl(var(--color-black))}.btn-admin-ghost{background:transparent;border:1px solid hsl(var(--color-ink) / .2);color:hsl(var(--color-ink))}.admin-link-danger{background:none;border:none;color:hsl(var(--color-error));font-size:.85rem;cursor:pointer;padding:0;font-family:var(--font-body)}@media (max-width: 620px){.admin-faq-row{grid-template-columns:1fr}}