@font-face{ font-family:"Inter";src:url(https://codeclove.com/wp-content/themes/clovetheme/assets/fonts/inter/Inter-Variable.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap }@font-face{ font-display:swap;font-family:"Inter-Fallback";src:local("Arial");ascent-override:90%;descent-override:22.5%;size-adjust:107% }@font-face{ font-family:"Plus Jakarta Sans";src:url(https://codeclove.com/wp-content/themes/clovetheme/assets/fonts/plus-jakarta-sans/PlusJakartaSans-Variable.woff2)format("woff2");font-weight:400 800;font-style:normal;font-display:swap }@font-face{ font-family:"Phosphor";src:url(https://codeclove.com/wp-content/themes/clovetheme/assets/fonts/phosphor/Phosphor.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap }img:is([sizes^="auto,"i]){contain-intrinsic-size:3000px 1500px}:root{--color-brand-primary:#2563eb;--color-brand-primary-rgb:37, 99, 235;--color-brand-primary-hover:#1d4ed8;--color-brand-primary-active:#1e40af;--color-brand-secondary:#0f172a;--color-brand-secondary-rgb:15, 23, 42;--color-brand-accent:#059669;--color-brand-accent-rgb:5, 150, 105;--color-brand-dark:var(--color-surface-inverse-secondary);--color-brand-primary-light:var(--color-info-light);--color-accent-sky:#38bdf8;--color-accent-sky-rgb:56, 189, 248;--color-accent-violet:#7c3aed;--color-accent-violet-rgb:124, 58, 237;--color-accent-violet-light:rgba(124, 58, 237, 0.1);--color-accent-purple:#8b5cf6;--color-accent-amber:#d97706;--color-accent-amber-rgb:217, 119, 6;--color-accent-amber-light:rgba(217, 119, 6, 0.1);--color-accent-cyan:#0891b2;--color-accent-cyan-rgb:8, 145, 178;--color-accent-cyan-light:rgba(8, 145, 178, 0.1);--color-surface-primary:#ffffff;--color-surface-secondary:#f8fafc;--color-surface-tertiary:#f1f5f9;--color-surface-elevated:#ffffff;--color-surface-inverse:#0f172a;--color-surface-inverse-secondary:#1e293b;--color-bg-surface:var(--color-surface-secondary);--color-bg-card:var(--color-surface-primary);--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-tertiary:#64748b;--color-text-inverse:#ffffff;--color-text-inverse-muted:#94a3b8;--color-text-inverse-subtle:#cbd5e1;--color-text-link:var(--color-brand-primary);--color-text-link-hover:var(--color-brand-primary-hover);--color-border-default:#e2e8f0;--color-border-subtle:#f1f5f9;--color-border-strong:#cbd5e1;--color-border-hover:var(--color-border-strong);--color-border-card:rgba(15, 23, 42, 0.08);--color-border-card-hover:rgba(37, 99, 235, 0.25);--color-border-hairline:rgba(15, 23, 42, 0.05);--color-border-dark-subtle:rgba(255, 255, 255, 0.08);--color-border-dark-strong:rgba(255, 255, 255, 0.16);--color-success:#047857;--color-success-rgb:4, 120, 87;--color-success-light:#d1fae5;--color-warning:#d97706;--color-warning-rgb:217, 119, 6;--color-warning-light:#fef3c7;--color-warning-dark:#92400e;--color-error:#dc2626;--color-error-rgb:220, 38, 38;--color-error-light:#fee2e2;--color-error-dark:#b91c1c;--color-danger:var(--color-error);--color-danger-rgb:var(--color-error-rgb);--color-danger-light:var(--color-error-light);--color-danger-dark:var(--color-error-dark);--color-info:#2563eb;--color-info-rgb:37, 99, 235;--color-info-light:#dbeafe;--gradient-brand:linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--gradient-brand-reverse:linear-gradient(135deg, #1d4ed8 0%, #2563eb 100%);--gradient-surface:linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);--gradient-dark:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--gradient-glow:radial-gradient(ellipse at center, rgba(37, 99, 235, 0.08) 0%, transparent 70%);--font-sans:'Inter', 'Inter-Fallback', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--font-body:var(--font-sans);--font-display:'Plus Jakarta Sans', var(--font-sans);--font-mono:ui-monospace, 'SF Mono', Monaco, 'Andale Mono', monospace;--text-xs:clamp(0.75rem, 0.7rem + 0.25vw, 0.8125rem);--text-sm:clamp(0.8125rem, 0.775rem + 0.1875vw, 0.875rem);--text-base:clamp(0.9375rem, 0.9rem + 0.1875vw, 1rem);--text-lg:clamp(1.0625rem, 1rem + 0.3125vw, 1.125rem);--text-xl:clamp(1.1875rem, 1.1rem + 0.4375vw, 1.25rem);--text-2xl:clamp(1.4375rem, 1.3rem + 0.6875vw, 1.5rem);--text-3xl:clamp(1.75rem, 1.5rem + 1.25vw, 1.875rem);--text-4xl:clamp(2.125rem, 1.75rem + 1.875vw, 2.25rem);--text-5xl:clamp(2.75rem, 2rem + 3.75vw, 3rem);--text-6xl:clamp(3.5rem, 2.5rem + 5vw, 3.75rem);--weight-regular:400;--weight-normal:var(--weight-regular);--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--leading-none:1;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.5;--leading-relaxed:1.65;--leading-loose:2;--tracking-tight:-0.025em;--tracking-normal:0;--tracking-wide:0.025em;--tracking-wider:0.05em;--space-0:0;--space-px:1px;--space-0-5:0.125rem;--space-1:0.25rem;--space-1-5:0.375rem;--space-2:0.5rem;--space-2-5:0.625rem;--space-3:0.75rem;--space-3-5:0.875rem;--space-4:1rem;--space-4-5:1.125rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-11:2.75rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-28:7rem;--space-32:8rem;--space-36:9rem;--space-40:10rem;--section-py:clamp(4rem, 3rem + 5vw, 7rem);--section-py-lg:clamp(5rem, 4rem + 6vw, 9rem);--container-sm:40rem;--container-md:48rem;--container-lg:64rem;--container-xl:80rem;--container-2xl:96rem;--container-max:90rem;--gutter:clamp(1rem, 0.5rem + 2.5vw, 2rem);--sidebar-width:21.25rem;--radius-none:0;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-sm:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--shadow-2xl:0 25px 50px -12px rgb(0 0 0 / 0.25);--shadow-inner:inset 0 2px 4px 0 rgb(0 0 0 / 0.05);--shadow-glow:0 0 40px -10px var(--color-brand-primary);--shadow-glow-lg:0 0 60px -5px var(--color-brand-primary);--shadow-glass:0 4px 30px rgba(0, 0, 0, 0.1);--shadow-brand:0 4px 16px -4px rgba(15, 23, 42, 0.08), 0 2px 4px -2px rgba(15, 23, 42, 0.04);--shadow-brand-hover:0 10px 25px -5px rgba(15, 23, 42, 0.12), 0 4px 6px -2px rgba(15, 23, 42, 0.05);--shadow-brand-lg:0 20px 30px -8px rgba(15, 23, 42, 0.14), 0 8px 10px -4px rgba(15, 23, 42, 0.06);--shadow-brand-subtle:0 2px 6px -2px rgba(15, 23, 42, 0.06);--ease-linear:linear;--ease-in:cubic-bezier(0.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, 0.2, 1);--ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);--ease-bounce:cubic-bezier(0.34, 1.56, 0.64, 1);--ease-spring:cubic-bezier(0.16, 1, 0.3, 1);--ease-apple:cubic-bezier(0.16, 1, 0.3, 1);--ease-fluid:cubic-bezier(0.25, 1, 0.5, 1);--duration-75:75ms;--duration-100:100ms;--duration-150:150ms;--duration-200:200ms;--duration-300:300ms;--duration-500:500ms;--duration-700:700ms;--duration-1000:1000ms;--lift-micro:none;--lift-interactive:none;--lift-card:none;--lift-deep:none;--z-below:-1;--z-base:0;--z-sticky-element:10;--z-filter-bar:50;--z-dropdown:100;--z-sticky:500;--z-header:500;--z-fixed:600;--z-overlay:700;--z-modal:800;--z-popover:900;--z-toast:1000;--z-tooltip:1100;--z-max:9999;--header-height:4.5rem;--header-height-scrolled:var(--header-height);--btn-padding-x:var(--space-5);--btn-padding-y:var(--space-3);--btn-font-size:var(--text-sm);--btn-font-weight:var(--weight-semibold);--btn-radius:var(--radius-xl);--card-padding:var(--space-6);--card-radius:var(--radius-2xl);--card-border:1px solid var(--color-border-card);--card-border-hover:1px solid var(--color-border-card-hover);--card-shadow:0 1px 3px 0 rgba(15, 23, 42, 0.05);--card-shadow-hover:0 10px 25px -5px rgba(15, 23, 42, 0.08), 0 4px 6px -2px rgba(15, 23, 42, 0.03);--input-padding-x:var(--space-4);--input-padding-y:var(--space-3);--input-radius:var(--radius-lg);--input-border:1px solid var(--color-border-default);--input-bg:var(--color-surface-primary);--icon-tile-sm:2.625rem;--icon-tile-md:3rem;--icon-tile-lg:4rem;--icon-radius:var(--radius-xl);--opacity-glass:0.6;--opacity-glass-strong:0.75}*,::after,::before{box-sizing:border-box}*{margin:0;padding:0}body,html{overflow-x:clip}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;scroll-padding-top:calc(var(--header-height, 80px) + var(--space-6, 24px));-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion:no-preference){html:focus-within,html:has(:target){scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,::after,::before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{min-height:100vh;min-height:100dvh;width:100%;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-surface-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-display);line-height:var(--leading-tight);text-wrap:balance}h2,h3,h4{overflow-wrap:break-word}figcaption,li,p{text-wrap:pretty;overflow-wrap:break-word}ol,ul{list-style:none}a{color:inherit;text-decoration:none}a:not([class]){color:var(--color-text-link);text-decoration-skip-ink:auto}a:not([class]):hover{color:var(--color-text-link-hover)}img{display:block;max-width:100%;height:auto;border-style:none}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}[type=button]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}table{border-collapse:collapse;border-spacing:0}:target{scroll-margin-block-start:calc(var(--header-height) + var(--space-4))}:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus-visible{outline:0}:focus:not(:focus-visible){outline:0}::selection{background-color:var(--color-brand-primary);color:var(--color-text-inverse)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:var(--space-4);left:var(--space-4);z-index:var(--z-max);padding:var(--space-3) var(--space-4);background:var(--color-surface-inverse);color:var(--color-text-inverse);font-weight:var(--weight-medium);border-radius:var(--radius-md);transform:translateY(-200%);transition:transform var(--duration-150) var(--ease-out)}.skip-link:focus{transform:translateY(0)}main[tabindex="-1"]:focus{outline:0}h1,h2{font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight)}h1{font-size:var(--text-5xl);overflow-wrap:break-word;word-break:break-word}h2{font-size:var(--text-4xl)}h3,h4{font-size:var(--text-3xl);font-weight:var(--weight-semibold)}h4{font-size:var(--text-2xl)}.prose,.prose h2,.prose h3{color:var(--color-text-primary)}.prose{line-height:var(--leading-relaxed)}.prose>*+*{margin-block-start:var(--space-6)}.prose h2,.prose h3{overflow-wrap:break-word;word-break:break-word;margin-block-start:var(--space-12);margin-block-end:var(--space-4)}.prose h3{margin-block-start:var(--space-8);margin-block-end:var(--space-3)}.prose p{margin-block:var(--space-4)}.prose a:not(.btn){color:var(--color-brand-primary);text-decoration:underline;text-underline-offset:.2em;transition:color var(--duration-150) var(--ease-out)}.prose a:not(.btn):hover{color:var(--color-brand-primary-hover)}.prose strong{font-weight:var(--weight-semibold);color:var(--color-text-primary)}.prose ol,.prose ul{padding-inline-start:var(--space-6)}.prose ul{list-style-type:disc}.prose ol{list-style-type:decimal}.prose li{margin-block:var(--space-2)}.prose li::marker{color:var(--color-brand-primary)}.prose code{padding:var(--space-0-5) var(--space-1-5);font-family:var(--font-mono);font-size:.875em;color:var(--color-text-primary);background-color:var(--color-surface-tertiary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.prose img,.table-responsive{max-width:100%;margin-block:var(--space-6)}.prose img{height:auto;border-radius:var(--radius-xl)}.prose figure{margin-block:var(--space-8)}.prose figure img{margin-block:0}.prose figcaption{margin-block-start:var(--space-2);font-size:var(--text-sm);color:var(--color-text-tertiary);text-align:center}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--color-border-default)!important;border-radius:var(--radius-xl)!important;background:var(--color-surface-primary)!important;box-shadow:0 1px 3px 0 rgba(var(--color-brand-secondary-rgb),.04);scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}.table-responsive::-webkit-scrollbar{height:4px}.table-responsive::-webkit-scrollbar-track{background:0 0}.table-responsive::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}.prose .table-responsive table,.prose table,.table-responsive table{margin:0!important;margin-block:0!important;width:100%!important;min-width:100%!important;table-layout:auto!important;border-collapse:separate!important;border-spacing:0!important;border:0!important;font-size:var(--text-sm, 13px)!important}.prose thead{border:0!important;border-bottom:1px solid var(--color-border-default)!important}.prose td,.prose th{padding:var(--space-2-5) var(--space-3-5)!important;text-align:left!important;vertical-align:middle!important;border:0!important;line-height:var(--leading-normal, 1.5)!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;white-space:nowrap!important}.prose td{border-bottom:1px solid var(--color-border-subtle)!important}.prose tbody tr:last-child td{border-bottom:none!important}.prose th{font-size:var(--text-xs)!important;font-weight:var(--weight-semibold, 600)!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:var(--color-text-secondary)!important;border-bottom:1px solid var(--color-border-default)!important}.prose tbody tr:hover td,.prose th{background-color:var(--color-surface-secondary)!important}.table-responsive th:first-child{border-top-left-radius:calc(var(--radius-xl) - 1px)}.table-responsive th:last-child{border-top-right-radius:calc(var(--radius-xl) - 1px)}.table-responsive tbody tr:last-child td:first-child{border-bottom-left-radius:calc(var(--radius-xl) - 1px)}.table-responsive tbody tr:last-child td:last-child{border-bottom-right-radius:calc(var(--radius-xl) - 1px)}.faq-accordion{display:flex;flex-direction:column;gap:var(--space-3);margin-block:var(--space-6)}.faq-item{background:var(--color-surface-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);overflow:hidden;transition:border-color var(--duration-200) var(--ease-out),box-shadow var(--duration-200) var(--ease-out)}.faq-item summary{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);font-weight:var(--weight-semibold);color:var(--color-text-primary);cursor:pointer;user-select:none;list-style:none;font-size:var(--text-base);transition:color var(--duration-150) var(--ease-out)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::-moz-list-bullet{list-style-type:none}.faq-item summary:hover{color:var(--color-brand-primary)}.faq-item summary:not(:has(i))::after{content:"";display:inline-block;width:8px;height:8px;border-right:2px solid var(--color-text-tertiary);border-bottom:2px solid var(--color-text-tertiary);transform:rotate(45deg);transition:transform var(--duration-200) var(--ease-out),border-color var(--duration-200) var(--ease-out);margin-inline-start:var(--space-3);flex-shrink:0}.faq-item .faq-answer,.faq-item p{padding:0 var(--space-5) var(--space-4);color:var(--color-text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--gutter)}.section__header{max-width:40rem;margin-inline:auto;margin-block-end:var(--space-12);text-align:center}.section__title{margin:0 0 var(--space-3);font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--color-text-primary)}.flex-1{flex:1 1 0%}@media (max-width:767px){.mobile-hidden{display:none}}.site-header{position:sticky;top:0;z-index:var(--z-header, 500);height:var(--header-height);background-color:rgba(255,255,255,var(--opacity-glass));backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.3);box-shadow:0 1px 0 rgba(0,0,0,.03);transition:background-color var(--duration-200) var(--ease-out),box-shadow var(--duration-200) var(--ease-out),transform var(--duration-300) var(--ease-out)}.header__inner,.header__logo{display:flex;align-items:center}.header__inner{justify-content:space-between;height:100%;gap:var(--space-6);max-width:var(--container-max, 1440px);margin-inline:auto}.header__logo{flex-shrink:0}.custom-logo-link{display:inline-flex;align-items:center;line-height:1;text-decoration:none;transition:opacity var(--duration-200) var(--ease-apple)}.custom-logo-link:hover{opacity:.92;transform:none}.custom-logo{height:32px;width:auto;max-width:190px;object-fit:contain;display:block;transition:height var(--duration-200) var(--ease-out)}@media (max-width:1023px){.custom-logo{height:28px;max-width:170px}}.site-brand-lockup{display:inline-flex;align-items:center;gap:.625rem;text-decoration:none;transition:opacity var(--duration-200) var(--ease-apple)}.site-brand-lockup:hover{opacity:.95;transform:none}.site-brand-logo{height:32px;width:32px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 2px 8px rgba(37,99,235,.2));transition:filter var(--duration-200) var(--ease-apple)}.site-brand-lockup:hover .site-brand-logo{filter:drop-shadow(0 4px 14px rgba(37,99,235,.45))}.site-brand-name{font-family:var(--font-display);font-size:1.375rem;font-weight:800;color:var(--color-text-primary);letter-spacing:-.035em;line-height:1;display:inline-flex;align-items:center}.site-brand-accent{color:var(--color-brand-primary);font-weight:800}@media (max-width:767px){.site-brand-logo{height:26px;width:26px}.site-brand-name{font-size:1.125rem}.custom-logo{height:26px;max-width:155px}}@media (max-width:374px){.site-brand-logo{height:24px;width:24px}.site-brand-name{font-size:1rem}.custom-logo{height:24px;max-width:135px}.header__inner{gap:var(--space-2)}}@media (max-width:339px){.site-brand-logo{height:22px;width:22px}.site-brand-name{font-size:.9375rem}.custom-logo{height:22px;max-width:120px}}.header__nav{display:none;flex:1;justify-content:center}@media (min-width:1024px){.header__nav{display:flex}}.header__actions{display:flex;align-items:center;gap:var(--space-1)}@media (min-width:768px){.header__actions{gap:var(--space-2)}}.header__action{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;min-width:44px;min-height:44px;color:var(--color-text-primary);background:0 0;border-radius:var(--radius-lg);transition:color var(--duration-150) var(--ease-out),background-color var(--duration-150) var(--ease-out)}.header__action:hover{color:var(--color-brand-primary);background-color:var(--color-surface-tertiary)}.header__action:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.header__action i,.mobile-nav__close i{font-size:1.25rem}.cart-trigger{position:relative}.cart-count{position:absolute;top:-2px;right:-2px;display:flex;align-items:center;justify-content:center;min-width:1.125rem;height:1.125rem;padding-inline:.25rem;font-size:.625rem;font-weight:var(--weight-bold);color:var(--color-text-inverse);background-color:var(--color-brand-primary);border-radius:var(--radius-full)}.nav-toggle{position:relative;flex-direction:column;gap:5px}@media (min-width:1024px){.nav-toggle{display:none}}.nav-toggle__bar{display:block;width:20px;height:2px;background-color:currentColor;border-radius:var(--radius-full);transition:transform var(--duration-300) var(--ease-out),opacity var(--duration-300) var(--ease-out)}.mobile-nav{position:fixed;inset:0;z-index:var(--z-modal, 500);visibility:hidden;overflow:hidden;pointer-events:none;transition:visibility var(--duration-300) var(--ease-out)}.mobile-nav__backdrop{position:absolute;inset:0;background-color:rgba(15,23,42,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity var(--duration-300) var(--ease-out)}.mobile-nav__panel{position:absolute;top:0;right:0;bottom:0;width:min(100vw - 32px,380px);height:100dvh;background-color:var(--color-surface-primary);box-shadow:-12px 0 35px -5px rgba(15,23,42,.2);transform:translateX(100%);transition:transform var(--duration-300) cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.mobile-nav__inner{display:flex;flex-direction:column;height:100%;padding:var(--space-5);overflow:hidden}.mobile-nav__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-subtle);margin-bottom:var(--space-4);flex-shrink:0}.mobile-nav__close{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;min-width:44px;min-height:44px;color:var(--color-text-secondary);background-color:var(--color-surface-tertiary);border-radius:var(--radius-lg);border:0;cursor:pointer;transition:color var(--duration-150) var(--ease-out),background-color var(--duration-150) var(--ease-out)}.mobile-nav__close:hover{color:var(--color-text-primary);background-color:var(--color-border-default)}.mobile-nav__close:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.mobile-nav__search{margin-bottom:var(--space-4);flex-shrink:0}.mobile-search-input-wrapper{position:relative;display:flex;align-items:center}.mobile-search-icon{position:absolute;left:var(--space-3);color:var(--color-text-tertiary);font-size:1.125rem;pointer-events:none}.mobile-search-input{width:100%;padding:.625rem .875rem .625rem 2.5rem;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-primary);background-color:var(--color-surface-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);outline:0;transition:border-color var(--duration-150) var(--ease-out),background-color var(--duration-150) var(--ease-out),box-shadow var(--duration-150) var(--ease-out)}.mobile-search-input:focus{background-color:var(--color-surface-primary);border-color:var(--color-brand-primary);box-shadow:0 0 0 3px rgba(var(--color-brand-primary-rgb),.15)}.mobile-search-input:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.mobile-nav__menu{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;margin-bottom:var(--space-4)}.mobile-nav__list{gap:var(--space-1);list-style:none;padding:0;margin:0}.mobile-nav__item,.mobile-nav__list{display:flex;flex-direction:column}.mobile-nav__item-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--space-2)}.mobile-nav__link,.mobile-nav__sub-toggle{display:flex;align-items:center;min-height:44px;border-radius:var(--radius-lg)}.mobile-nav__link{flex:1 1 auto;padding:var(--space-2) var(--space-3);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text-primary);text-decoration:none;transition:color var(--duration-150) var(--ease-out),background-color var(--duration-150) var(--ease-out)}.mobile-nav__link:hover,.mobile-nav__sub-toggle:hover{color:var(--color-brand-primary);background-color:var(--color-surface-tertiary)}.mobile-nav__sub-toggle{justify-content:center;width:2.75rem;height:2.75rem;min-width:44px;color:var(--color-text-tertiary);background-color:transparent;border:0;transition:color var(--duration-150) var(--ease-out),background-color var(--duration-150) var(--ease-out),border-color var(--duration-150) var(--ease-out)}.mobile-nav__sub-toggle:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.mobile-nav__sub-toggle i{font-size:1rem;transition:transform var(--duration-200) var(--ease-out)}.mobile-nav__sub-list{display:flex;flex-direction:column;gap:var(--space-1);list-style:none;padding:0 0 0 var(--space-4);margin:0;max-height:0;opacity:0;visibility:hidden;overflow:hidden;transition:max-height var(--duration-300) cubic-bezier(.4,0,.2,1),opacity var(--duration-200) var(--ease-out),visibility var(--duration-200) var(--ease-out),margin var(--duration-200) var(--ease-out)}.mobile-nav__card-link{display:flex;align-items:center;gap:var(--space-2-5);padding:var(--space-2) var(--space-2-5);min-height:48px;border-radius:var(--radius-lg);background:var(--color-surface-secondary);border:1px solid var(--color-border-subtle);text-decoration:none;margin-block:2px;transition:background-color var(--duration-150) var(--ease-apple),border-color var(--duration-150) var(--ease-apple)}.mobile-nav__card-link:focus-visible,.mobile-nav__card-link:hover{background-color:var(--color-surface-tertiary);border-color:rgba(37,99,235,.16)}.mobile-nav__card-icon-tile{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);font-size:1.125rem;flex-shrink:0}.mobile-nav__card-icon-tile--blue{background:var(--color-brand-primary);color:#fff}.mobile-nav__card-icon-tile--purple{background:var(--color-accent-violet);color:#fff}.mobile-nav__card-icon-tile--green{background:var(--color-brand-accent);color:#fff}.mobile-nav__card-icon-tile--amber{background:var(--color-accent-amber);color:#fff}.mobile-nav__card-content{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.mobile-nav__card-title-row{display:flex;align-items:center;gap:var(--space-1-5);line-height:1.3}.mobile-nav__card-title{font-size:.8125rem;font-weight:var(--weight-medium);color:var(--color-text-primary)}.mobile-nav__card-badge{display:inline-flex;align-items:center;padding:1px 5px;font-size:.625rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-full);line-height:1.2;background:rgba(37,99,235,.1);color:var(--color-brand-primary);border:1px solid rgba(37,99,235,.2)}.mobile-nav__card-desc{margin:2px 0 0;font-size:.75rem;color:var(--color-text-secondary);line-height:1.35;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mobile-nav__dropdown-shelf{display:block;margin-top:var(--space-1-5);padding-top:var(--space-1)}.mobile-nav__dropdown-shelf-link{display:flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-3);min-height:44px;border-radius:var(--radius-md);background:var(--color-surface-secondary);border:1px solid var(--color-border-subtle);font-size:.75rem;font-weight:var(--weight-semibold);color:var(--color-text-secondary);text-decoration:none;transition:all 150ms var(--ease-apple)}.mobile-nav__dropdown-shelf-link:focus-visible,.mobile-nav__dropdown-shelf-link:hover{background:var(--color-surface-tertiary);color:var(--color-brand-primary);border-color:rgba(37,99,235,.16)}.mobile-nav__footer{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle);margin-top:auto;flex-shrink:0;padding-bottom:max(var(--space-2),env(safe-area-inset-bottom))}.mobile-nav__footer-row{display:flex;align-items:center;gap:var(--space-2)}dialog.search-overlay{position:fixed;inset:0;width:100vw;height:100vh;max-width:100vw;max-height:100vh;margin:0;padding:0;border:0;background:0 0;z-index:var(--z-modal);overflow:hidden}dialog.search-overlay:not([open]){display:none}dialog.search-overlay::backdrop{background:rgba(15,23,42,.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.search-overlay__inner{width:100%;max-width:40rem;padding-inline:var(--gutter);transform:translateY(-20px);opacity:0;transition:transform var(--duration-300) var(--ease-out),opacity var(--duration-300) var(--ease-out);transition-delay:100ms}.search-overlay__close{position:fixed;top:var(--space-6);right:var(--space-6);display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;min-width:44px;min-height:44px;color:var(--color-text-inverse);background-color:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);cursor:pointer;z-index:calc(var(--z-modal) + 10);transition:all var(--duration-150) var(--ease-out)}.search-overlay__close:hover{background-color:rgba(255,255,255,.3);transform:scale(1.08)}.search-overlay__close:focus-visible{outline:2px solid var(--color-surface-primary);outline-offset:2px}.search-overlay__close i,.search-overlay__submit i{font-size:1.25rem}@media (max-width:768px){.search-overlay__close{top:var(--space-4);right:var(--space-4)}}.search-overlay__form{margin-block-end:var(--space-6)}.search-overlay__field{position:relative;display:flex;align-items:center}.search-overlay__icon{position:absolute;left:var(--space-5);font-size:1.5rem;color:var(--color-text-tertiary);pointer-events:none}.search-overlay__input{width:100%;padding:var(--space-5) var(--space-16);font-size:var(--text-xl);color:var(--color-text-primary);background-color:var(--color-surface-primary);border:2px solid transparent;border-radius:var(--radius-2xl);outline:0;transition:border-color var(--duration-150) var(--ease-out),box-shadow var(--duration-150) var(--ease-out)}.search-overlay__input:focus{border-color:var(--color-brand-primary);box-shadow:var(--shadow-glow)}.search-overlay__input:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.search-overlay__input::placeholder{color:var(--color-text-tertiary)}.search-overlay__submit{position:absolute;right:var(--space-2);display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;color:var(--color-text-inverse);background:var(--gradient-brand);border-radius:var(--radius-xl);transition:transform var(--duration-150) var(--ease-out)}.search-overlay__submit:hover{transform:scale(1.05)}.search-overlay__submit:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.search-overlay__quick{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.search-overlay__quick-label{font-size:var(--text-sm);color:var(--color-text-inverse);opacity:.7}.search-overlay__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.header__action--btn i,.search-tag{display:inline-flex;align-items:center}.search-tag{min-height:44px;padding:var(--space-1-5) var(--space-3);font-size:var(--text-sm);color:var(--color-text-inverse);background-color:rgba(255,255,255,.1);border-radius:var(--radius-full);transition:background-color var(--duration-150) var(--ease-out),transform var(--duration-150) var(--ease-out)}.search-tag:hover{background-color:rgba(255,255,255,.2);transform:none}.mobile-hidden{display:none}@media (min-width:768px){.mobile-hidden{display:inline-flex}}.header__action--btn{display:none;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);height:2.375rem;min-height:38px;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-inverse);background-color:var(--color-brand-primary);border:1px solid var(--color-brand-primary);border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 rgba(15,23,42,.08);text-decoration:none;white-space:nowrap;transition:background-color var(--duration-150) var(--ease-out),border-color var(--duration-150) var(--ease-out),box-shadow var(--duration-150) var(--ease-out)}.header__action--btn i{font-size:1.125rem;line-height:1;justify-content:center;flex-shrink:0}@media (min-width:768px){.header__action--btn{display:inline-flex}}.header__action--btn:hover{color:var(--color-text-inverse);background-color:var(--color-brand-primary-hover);border-color:var(--color-brand-primary-hover);box-shadow:0 2px 6px -1px rgba(37,99,235,.35);transform:none}.header__action--btn:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.header__action--btn:active{color:var(--color-text-inverse);background-color:var(--color-brand-primary-active);border-color:var(--color-brand-primary-active);box-shadow:inset 0 1px 2px 0 rgba(15,23,42,.15);transform:none}.footer__column ul,.site-wrapper{display:flex;flex-direction:column}.site-wrapper{min-height:100vh}#main,.site-main,main{flex:1 0 auto}.site-footer{background:var(--color-surface-inverse);border-block-start:1px solid rgba(255,255,255,.08);color:var(--color-text-inverse-muted);position:relative;z-index:10}.footer__main{padding-block:var(--space-16) var(--space-14)}.footer__grid{display:grid;grid-template-columns:280px 1fr;gap:var(--space-12);align-items:start}.footer__brand{display:flex;flex-direction:column;align-items:flex-start}.site-brand-lockup--footer{display:inline-flex;align-items:center;gap:var(--space-3);text-decoration:none;margin-block-end:var(--space-4)}.site-brand-logo--footer{width:32px;height:32px}.site-brand-name--footer{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text-inverse);letter-spacing:-.02em}.footer__column ul a:hover,.footer__copyright a:hover,.site-brand-accent--footer,.social-link:hover{color:var(--color-accent-sky)}.footer__tagline{margin:0 0 var(--space-6);font-size:13px;line-height:1.6;color:var(--color-text-inverse-muted)}.footer__social{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.footer__column ul a,.social-link{display:inline-flex;align-items:center;color:var(--color-text-inverse-muted);text-decoration:none}.social-link{justify-content:center;width:44px;height:44px;border-radius:var(--radius-lg);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);transition:all var(--duration-150) var(--ease-out)}.social-link:hover{background:rgba(var(--color-accent-sky-rgb),.15);border-color:var(--color-accent-sky);transform:none;box-shadow:0 4px 10px -2px rgba(var(--color-accent-sky-rgb),.2)}.social-link i{font-size:1.15rem}.footer__columns{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8)}.footer__column .widget__title{margin:0 0 var(--space-5);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:none;letter-spacing:normal;color:var(--color-text-inverse)}.footer__column ul{list-style:none;padding:0;margin:0;gap:10px}.footer__column ul li{line-height:1.35}.footer__column ul a{padding-block:var(--space-2);font-size:13.5px;transition:color var(--duration-150) var(--ease-out)}.footer__column ul a:hover{transform:none}.footer__status-link{display:inline-flex;align-items:center;gap:8px}.footer__status-indicator{width:6px;height:6px;background:var(--color-success);border-radius:50%;box-shadow:0 0 6px var(--color-success);display:inline-block}.footer__bottom{background:var(--color-surface-inverse);border-block-start:1px solid rgba(255,255,255,.06);padding-block:var(--space-6)}.footer__bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.footer__bottom-left{display:flex;flex-direction:column;gap:3px}.footer__copyright,.footer__legal-disclaimer{margin:0;color:var(--color-text-inverse-muted)}.footer__copyright{font-size:var(--text-xs)}.footer__copyright a,.footer__copyright strong{color:var(--color-text-inverse);text-decoration:none}.footer__legal-disclaimer{font-size:11px;line-height:1.4}.footer__bottom-right{flex-shrink:0}.footer__payment-security{display:flex;align-items:center;gap:var(--space-4)}.footer__payment-label{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:var(--weight-semibold);color:var(--color-text-inverse-muted);text-transform:none;letter-spacing:normal}.footer__payment-label i{color:var(--color-success);font-size:13px}.footer__payment-badges{display:flex;align-items:center;gap:6px}.payment-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);font-size:10px;font-weight:var(--weight-bold);letter-spacing:.04em;color:var(--color-text-inverse)}.payment-badge:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25)}.payment-badge i{font-size:11px;color:var(--color-accent-sky)}@media (max-width:1023px){.footer__grid{grid-template-columns:1fr;gap:var(--space-10)}.footer__brand{max-width:100%}.footer__columns{grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.footer__bottom-inner{flex-direction:column;align-items:flex-start;gap:var(--space-4)}}@media (max-width:767px){.footer__main{padding-block:var(--space-12) var(--space-10)}.footer__columns{grid-template-columns:repeat(2,1fr);gap:var(--space-8) var(--space-5)}.footer__payment-security{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}@media (max-width:479px){.footer__columns{grid-template-columns:1fr;gap:var(--space-6)}.footer__payment-badges{flex-wrap:wrap}}.site-footer :focus-visible{outline:2px solid var(--color-accent-sky);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--btn-padding-y) var(--btn-padding-x);font-family:var(--font-sans);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);line-height:1.25;text-align:center;text-decoration:none;white-space:nowrap;max-width:100%;cursor:pointer;border:1px solid transparent;border-radius:var(--btn-radius);outline:0;user-select:none;-webkit-user-select:none;transition:color var(--duration-150) var(--ease-out),background-color var(--duration-150) var(--ease-out),border-color var(--duration-150) var(--ease-out),box-shadow var(--duration-150) var(--ease-out),transform 80ms var(--ease-out)}.btn:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn i{font-size:1.125em;line-height:1;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.btn--primary,.btn--primary:hover{color:var(--color-text-inverse);background-color:var(--color-brand-primary);border-color:var(--color-brand-primary);box-shadow:0 1px 2px 0 rgba(15,23,42,.08),inset 0 1px 0 0 rgba(255,255,255,.16)}.btn--primary:hover{background-color:var(--color-brand-primary-hover);border-color:var(--color-brand-primary-hover);box-shadow:0 2px 5px 0 rgba(15,23,42,.12),inset 0 1px 0 0 rgba(255,255,255,.16)}.btn--primary:active{background-color:var(--color-brand-primary-active);border-color:var(--color-brand-primary-active);transform:translateY(1px);box-shadow:0 1px 2px 0 rgba(15,23,42,.12) inset}.btn--secondary{color:var(--color-text-primary);background-color:var(--color-surface-primary);border:1px solid var(--color-border-strong);box-shadow:0 1px 2px 0 rgba(15,23,42,.05)}.btn--secondary:hover{background-color:var(--color-surface-secondary);border-color:var(--color-text-secondary);color:var(--color-text-primary);box-shadow:0 1px 3px 0 rgba(15,23,42,.08)}.btn--secondary:active{background-color:var(--color-surface-tertiary);border-color:var(--color-border-strong);transform:translateY(1px);box-shadow:inset 0 1px 2px 0 rgba(15,23,42,.05)}.btn--sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-lg);min-height:38px}@media (max-width:768px){.btn--sm{min-height:44px}}@media (max-width:768px),(pointer:coarse){.btn--sm{min-height:44px;padding-inline:var(--space-3-5)}}.btn--full{width:100%}@media (max-width:480px){.btn{white-space:normal;overflow-wrap:break-word;word-break:break-word}}.card,.card__media{position:relative;overflow:hidden}.card{display:flex;flex-direction:column;background-color:var(--color-surface-primary);border-radius:var(--card-radius);transition:transform var(--duration-300) var(--ease-fluid),box-shadow var(--duration-300) var(--ease-fluid);will-change:transform}.card--post:hover,.card:hover{transform:none;box-shadow:var(--card-shadow-hover)}.card__media{aspect-ratio:16/10;background-color:var(--color-surface-secondary)}.card--post .card__media img,.card__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-500) var(--ease-apple);will-change:transform}.card--post:hover .card__media img,.card:hover .card__media img{transform:scale(1.025)}.card__content{display:flex;flex-direction:column;flex:1;padding:var(--card-padding)}.card__category{margin-block-end:var(--space-2)}.card__title{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-snug);color:var(--color-text-primary)}.card__title a{color:inherit}.card__excerpt{margin-block-end:var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card--post{display:flex;flex-direction:column;height:100%;background-color:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);padding:0;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--duration-300) var(--ease-fluid),box-shadow var(--duration-300) var(--ease-fluid),border-color var(--duration-300) var(--ease-fluid);will-change:transform}.card--post:hover{border-color:var(--color-border-card-hover)}.card--post .card__media{position:relative;aspect-ratio:16/9;width:100%;overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(var(--color-brand-primary-rgb),.08) 0%,var(--color-surface-secondary) 100%);display:block;border-radius:0;border-bottom:1px solid var(--color-border-subtle)}.card--post .card__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(var(--color-brand-secondary-rgb),.2) 100%);opacity:0;transition:opacity var(--duration-300) var(--ease-out);pointer-events:none;z-index:1}.card--post .card__media img{display:block;transition:transform var(--duration-500) var(--ease-apple),filter var(--duration-500) var(--ease-apple)}.card--post:hover .card__media::after{opacity:1}.card--post .card__content{display:flex;flex-direction:column;flex:1;padding:var(--space-6);gap:0}.card__header-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-block-end:var(--space-3)}.card__category,.card__reading-time{display:inline-flex;align-items:center;font-size:var(--text-xs);font-weight:var(--weight-medium)}.card__category{padding:3px 10px;text-transform:none;letter-spacing:normal;color:var(--color-brand-primary);background:rgba(var(--color-brand-primary-rgb),.08);border-radius:var(--radius-full);text-decoration:none;line-height:1.4;transition:background-color var(--duration-150) var(--ease-out),color var(--duration-150) var(--ease-out)}.card__category::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:44px;min-height:44px}.card__category:hover{background:rgba(var(--color-brand-primary-rgb),.16);color:var(--color-brand-primary-hover)}.card__reading-time{gap:5px;color:var(--color-text-secondary);line-height:1;white-space:nowrap}.card__reading-time i{font-size:var(--text-sm);color:var(--color-text-secondary)}.card--post .card__title{margin:0 0 var(--space-2-5);font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);line-height:1.4;letter-spacing:-.015em}.card--post .card__title a,.card__title a{position:relative;z-index:2;color:var(--color-text-primary);text-decoration:none;transition:color var(--duration-200) var(--ease-out)}.card--post .card__title a:hover,.card__title a:hover{color:var(--color-brand-primary)}.card--post .card__excerpt{margin:0 0 var(--space-5);font-size:var(--text-sm);line-height:1.6;color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__author,.card__footer{display:flex;align-items:center;gap:var(--space-3)}.card__footer{justify-content:space-between;margin-block-start:auto;padding-block-start:var(--space-4);border-block-start:1px solid var(--color-border-subtle)}.card__author{position:relative;z-index:2;min-width:0}.card__author-img-wrap{flex-shrink:0;width:36px;height:36px;border-radius:var(--radius-full);overflow:hidden;border:1.5px solid var(--color-border-subtle);background:var(--color-surface-secondary);display:flex;align-items:center;justify-content:center}.card__overlay-link{position:absolute;inset:0;z-index:1;cursor:pointer}.card__author-img{width:100%;height:100%;border-radius:var(--radius-full);object-fit:cover;display:block}.avatar-monogram{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--gradient-brand);color:var(--color-text-inverse);font-weight:var(--weight-bold);line-height:1;letter-spacing:-.02em;user-select:none;flex-shrink:0}.card__author-details{display:flex;flex-direction:column;gap:1px;min-width:0}.card__author-details,.card__category{position:relative;z-index:2}.card__author-name,.card__date{font-size:var(--text-xs);white-space:nowrap}.card__author-name{font-weight:var(--weight-semibold);color:var(--color-text-primary);line-height:1.25;overflow:hidden;text-overflow:ellipsis}.card__date{color:var(--color-text-secondary);line-height:1.2}@media (max-width:767px){.posts-grid--3{grid-template-columns:repeat(2,1fr);gap:var(--space-5)}}@media (max-width:479px){.posts-grid--3{grid-template-columns:1fr;gap:var(--space-4)}}.blog-sidebar__widget.blog-sidebar__widget--promo,.post-bottom-promo,.post-sidebar__widget.post-sidebar__widget--promo{padding:0;background:var(--color-surface-inverse);border:1px solid var(--color-border-dark-subtle);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden;transition:transform var(--duration-200) var(--ease-apple),border-color var(--duration-200) var(--ease-apple),box-shadow var(--duration-200) var(--ease-apple)}.blog-sidebar__widget.blog-sidebar__widget--promo:hover,.post-bottom-promo:hover,.post-sidebar__widget.post-sidebar__widget--promo:hover{transform:none;border-color:var(--color-border-dark-strong);box-shadow:var(--shadow-2xl)}.post-bottom-promo{display:none;margin-block:var(--space-8)}@media (max-width:1023px){.post-bottom-promo{display:block}}.promo-card--obsidian{position:relative;padding:var(--space-6);color:var(--color-text-inverse)}.obsidian-glow-top,.obsidian-hairline{display:none}.obsidian-promo__inner{position:relative;z-index:2;display:flex;flex-direction:column}.obsidian-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-block-end:var(--space-4)}.obsidian-brand{display:flex;align-items:center;gap:var(--space-3);min-width:0}.obsidian-icon{width:42px;height:42px;border-radius:var(--radius-xl);background:var(--color-brand-primary);display:flex;align-items:center;justify-content:center;font-size:1.375rem;color:var(--color-text-inverse);box-shadow:0 4px 12px rgba(var(--color-brand-primary-rgb),.35);flex-shrink:0}.obsidian-brand-text{min-width:0}.obsidian-title{margin:0;font-family:var(--font-display);font-size:1.125rem;font-weight:var(--weight-bold);line-height:1.25;letter-spacing:-.02em}.obsidian-title a{color:var(--color-text-inverse);text-decoration:none;transition:color var(--duration-150) var(--ease-out)}.obsidian-feat-chip i,.obsidian-pro-tag,.obsidian-title a:hover{color:var(--color-accent-sky)}.obsidian-pro-tag{display:inline-block;padding:1px 6px;font-size:.625rem;font-weight:var(--weight-bold);background:rgba(var(--color-accent-sky-rgb),.12);border:1px solid rgba(var(--color-accent-sky-rgb),.25);border-radius:var(--radius-sm);vertical-align:middle;margin-inline-start:4px}.obsidian-hook,.obsidian-subtitle{color:var(--color-text-inverse-muted)}.obsidian-subtitle{display:block;font-size:.6875rem;font-weight:var(--weight-medium);margin-block-start:2px;line-height:1.25}.obsidian-hook{margin:0 0 var(--space-4);font-size:.8125rem;line-height:var(--leading-relaxed)}.obsidian-features{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin-block-end:var(--space-4)}.obsidian-feat-chip{display:flex;align-items:center;gap:var(--space-2);padding:7px 9px;background:rgba(255,255,255,.04);border:1px solid var(--color-border-dark-subtle);border-radius:var(--radius-md);font-size:.6875rem;color:var(--color-text-inverse-subtle);font-weight:var(--weight-medium);line-height:1.25}.obsidian-feat-chip i{font-size:.875rem;flex-shrink:0}.obsidian-pricing{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-block-start:var(--space-3-5);border-block-start:1px solid var(--color-border-dark-subtle);margin-block-end:var(--space-3);flex-wrap:wrap}.obsidian-price-lockup{display:flex;align-items:center;gap:var(--space-2);min-width:0}.obsidian-price-val{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-extrabold);color:var(--color-text-inverse);line-height:1;letter-spacing:-.03em}.obsidian-price-details{display:flex;flex-direction:column;gap:2px}.obsidian-savings-tag{display:inline-block;width:fit-content;padding:2px 6px;background:rgba(var(--color-success-rgb),.15);border:1px solid rgba(var(--color-success-rgb),.3);border-radius:var(--radius-sm);color:var(--color-success-light);font-size:.625rem;font-weight:var(--weight-bold);letter-spacing:.04em;line-height:1;white-space:nowrap}.obsidian-price-sub{font-size:.625rem;color:var(--color-text-inverse-muted);font-weight:var(--weight-medium);white-space:nowrap}.obsidian-cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;background:var(--color-brand-primary);color:var(--color-text-inverse)!important;text-decoration:none!important;border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:var(--weight-bold);box-shadow:0 2px 8px rgba(var(--color-brand-primary-rgb),.35);transition:background-color var(--duration-150) var(--ease-out),transform var(--duration-150) var(--ease-out);min-height:44px;white-space:nowrap}.obsidian-cta-btn:hover{background:var(--color-brand-primary-hover);transform:none}.obsidian-footer-actions{text-align:center;margin-block-end:var(--space-3)}.obsidian-demo-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:44px;padding:var(--space-2) var(--space-3);background:rgba(255,255,255,.04);border:1px solid var(--color-border-dark-subtle);border-radius:var(--radius-lg);color:var(--color-text-inverse-muted)!important;text-decoration:none!important;font-size:var(--text-xs);font-weight:var(--weight-semibold);transition:all var(--duration-150) var(--ease-out)}.obsidian-demo-link:hover{color:var(--color-text-inverse)!important;background:rgba(255,255,255,.08);border-color:var(--color-border-dark-strong)}.obsidian-demo-link i{font-size:.9375rem;color:var(--color-accent-sky)}.obsidian-trust{justify-content:center;font-size:.65rem;color:var(--color-text-inverse-muted);font-weight:var(--weight-medium);text-align:center;line-height:1.3}.obsidian-trust i{color:var(--color-success);font-size:.75rem}@media (min-width:640px){.promo-card--horizontal .obsidian-promo__inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:center}.promo-card--horizontal .obsidian-features{margin-block-end:var(--space-3)}.promo-card--horizontal .obsidian-trust{justify-content:flex-start}}.nav--primary,.obsidian-trust{display:flex;align-items:center;gap:6px}.nav__item,.nav__link{position:relative}.nav__link{display:flex;align-items:center;gap:5px;padding:7px 13px;font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:-.01em;color:var(--color-text-secondary);border-radius:var(--radius-lg);border:1px solid transparent;transition:color var(--duration-150) var(--ease-apple),background-color var(--duration-150) var(--ease-apple)}.nav--primary>.nav__item>.nav__link:hover{color:var(--color-text-primary);background-color:var(--color-surface-tertiary)}.nav__link:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.nav__icon{display:inline-block;font-size:.6875rem;color:var(--color-text-tertiary);opacity:.65;transform-origin:50% 50%;transition:transform 200ms cubic-bezier(.16,1,.3,1),color 150ms ease,opacity 150ms ease}.nav__item--has-children:hover>.nav__link .nav__icon{transform:rotate(180deg);color:var(--color-brand-primary);opacity:.9}.nav__submenu{position:absolute;top:calc(100% + 10px);left:50%;z-index:var(--z-dropdown, 100);width:396px;max-width:92vw;padding:8px;background:rgba(255,255,255,.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(15,23,42,.08);border-radius:18px;box-shadow:0 0 0 1px rgba(255,255,255,.9) inset,0 4px 6px -1px rgba(15,23,42,.04),0 12px 24px -4px rgba(15,23,42,.08),0 24px 48px -12px rgba(15,23,42,.12);list-style:none;margin:0;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(-50%,0,0);transform-origin:top center;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:opacity 160ms cubic-bezier(.16,1,.3,1),visibility 160ms cubic-bezier(.16,1,.3,1)}.nav__submenu::before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px;background:0 0;display:block}.nav__item--has-children:hover>.nav__submenu{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(-50%,0,0);transition:opacity 180ms cubic-bezier(.16,1,.3,1),visibility 180ms cubic-bezier(.16,1,.3,1)}.nav__submenu .nav__item{display:block;margin:0 0 3px;padding:0}.nav__card-link{position:relative;display:flex;align-items:flex-start;gap:13px;padding:10px 12px;border-radius:12px;border:1px solid transparent;text-decoration:none;background:0 0;transition:background-color 140ms cubic-bezier(.16,1,.3,1),border-color 140ms cubic-bezier(.16,1,.3,1),box-shadow 140ms cubic-bezier(.16,1,.3,1),transform 100ms ease;outline:0;contain:content}.nav__card-link:focus-visible,.nav__card-link:hover{background-color:var(--color-surface-secondary);border-color:rgba(15,23,42,.05);box-shadow:0 1px 3px rgba(15,23,42,.03)}.nav__card-link:active{transform:scale(.995);background-color:var(--color-surface-tertiary)}.nav__card-link:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.nav__card-icon-tile{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-tile-sm);height:var(--icon-tile-sm);border-radius:var(--icon-radius);font-size:1.3rem;flex-shrink:0;margin-top:1px;box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 1px 2px rgba(15,23,42,.03);transition:background-color 160ms cubic-bezier(.16,1,.3,1),border-color 160ms cubic-bezier(.16,1,.3,1),color 160ms cubic-bezier(.16,1,.3,1),box-shadow 160ms cubic-bezier(.16,1,.3,1);transform:none!important;contain:strict}.nav__card-icon-tile--blue{background:var(--color-brand-primary);border:1px solid rgba(255,255,255,.2);color:#fff;box-shadow:0 3px 8px -1px rgba(37,99,235,.32)}.nav__card-icon-tile--purple{background:var(--color-accent-violet);border:1px solid rgba(255,255,255,.2);color:#fff;box-shadow:0 3px 8px -1px rgba(124,58,237,.32)}.nav__card-icon-tile--green{background:var(--color-brand-accent);border:1px solid rgba(255,255,255,.2);color:#fff;box-shadow:0 3px 8px -1px rgba(5,150,105,.32)}.nav__card-icon-tile--amber{background:var(--color-accent-amber);border:1px solid rgba(255,255,255,.2);color:#fff;box-shadow:0 3px 8px -1px rgba(217,119,6,.32)}.nav__card-link:focus-visible .nav__card-icon-tile,.nav__card-link:hover .nav__card-icon-tile{transform:none!important}.nav__card-link:focus-visible .nav__card-icon-tile--blue,.nav__card-link:hover .nav__card-icon-tile--blue{background:var(--color-brand-primary-hover);box-shadow:0 6px 14px -2px rgba(37,99,235,.45)}.nav__card-link:focus-visible .nav__card-icon-tile--purple,.nav__card-link:hover .nav__card-icon-tile--purple{background:#6d28d9;box-shadow:0 6px 14px -2px rgba(124,58,237,.45)}.nav__card-link:focus-visible .nav__card-icon-tile--green,.nav__card-link:hover .nav__card-icon-tile--green{background:#047857;box-shadow:0 6px 14px -2px rgba(5,150,105,.45)}.nav__card-link:focus-visible .nav__card-icon-tile--amber,.nav__card-link:hover .nav__card-icon-tile--amber{background:#b45309;box-shadow:0 6px 14px -2px rgba(217,119,6,.45)}.nav__card-content{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.nav__card-title-row{display:flex;align-items:center;gap:8px;line-height:1.3;margin-bottom:2px}.nav__card-title{font-family:var(--font-display, var(--font-sans));font-size:14.5px;font-weight:600;letter-spacing:-.015em;color:#0f172a;transition:color 140ms cubic-bezier(.16,1,.3,1)}.nav__card-link:focus-visible .nav__card-title,.nav__card-link:hover .nav__card-title{color:var(--color-brand-primary)}.nav__card-badge{display:inline-flex;align-items:center;padding:1px 6px;font-size:10px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;border-radius:6px;line-height:1.3;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;transition:background-color 140ms ease,border-color 140ms ease,color 140ms ease}.nav__card-badge--erp{background:#eff6ff;color:#2563eb;border-color:rgba(37,99,235,.18)}.nav__card-badge--hr{background:#faf5ff;color:#7c3aed;border-color:rgba(124,58,237,.18)}.nav__card-badge--agency,.nav__card-badge--blog{background:#fffbeb;color:#d97706;border-color:rgba(217,119,6,.18)}.nav__card-link:hover .nav__card-badge--erp{background:#dbeafe;border-color:rgba(37,99,235,.3);color:#1d4ed8}.nav__card-link:hover .nav__card-badge--hr{background:#f3e8ff;border-color:rgba(124,58,237,.3);color:#6d28d9}.nav__card-desc{margin:0;font-size:13px;color:#64748b;line-height:1.45;font-weight:400;white-space:normal}.nav__dropdown-shelf{display:block;margin:5px -8px -8px;padding:0;border-top:1px solid rgba(15,23,42,.06);border-bottom-left-radius:17px;border-bottom-right-radius:17px;overflow:hidden;background:linear-gradient(180deg,#f8fafc 0,#f1f5f9 100%)}.nav__dropdown-shelf-link{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;text-decoration:none;transition:background-color 140ms cubic-bezier(.16,1,.3,1);outline:0}.nav__dropdown-shelf-title{font-size:13px;font-weight:600;letter-spacing:-.01em;color:#0f172a;transition:color 140ms ease}.nav__dropdown-shelf-badge{display:inline-flex;align-items:center;padding:2px 7px;font-size:11px;font-weight:600;letter-spacing:.02em;border-radius:var(--radius-full);background:rgba(37,99,235,.08);color:var(--color-brand-primary);border:1px solid rgba(37,99,235,.14);transition:background-color 140ms cubic-bezier(.16,1,.3,1),color 140ms cubic-bezier(.16,1,.3,1),border-color 140ms cubic-bezier(.16,1,.3,1),box-shadow 140ms cubic-bezier(.16,1,.3,1),transform 100ms ease}.nav__dropdown-shelf-link:focus-visible,.nav__dropdown-shelf-link:hover{background:var(--color-surface-secondary)}.nav__dropdown-shelf-link:focus-visible .nav__dropdown-shelf-title,.nav__dropdown-shelf-link:hover .nav__dropdown-shelf-title{color:var(--color-brand-primary)}.nav__dropdown-shelf-link:focus-visible .nav__dropdown-shelf-badge,.nav__dropdown-shelf-link:hover .nav__dropdown-shelf-badge{background:var(--color-brand-primary);color:#fff;border-color:var(--color-brand-primary);box-shadow:0 2px 6px rgba(37,99,235,.25)}.nav__dropdown-shelf-link:active .nav__dropdown-shelf-badge{transform:scale(.96)}@media (prefers-reduced-motion:reduce){.nav__card-badge,.nav__card-icon-tile,.nav__card-link,.nav__card-title,.nav__dropdown-shelf-badge,.nav__dropdown-shelf-link,.nav__dropdown-shelf-title,.nav__icon{transition-duration:.01ms!important;animation-duration:.01ms!important;transform:none!important}.nav__submenu{transition-duration:.01ms!important;animation-duration:.01ms!important;transform:translate3d(-50%,0,0)!important}}@font-face{ font-family:"Phosphor";src:url(https://codeclove.com/wp-content/themes/clovetheme/assets/fonts/phosphor/Phosphor.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap }.ph{font-family:"Phosphor"!important;speak:never;font-style:normal!important;font-weight:400;font-variant:normal;text-transform:none;line-height:1;letter-spacing:0;-webkit-font-feature-settings:"liga";-moz-font-feature-settings:"liga";-ms-font-feature-settings:"liga"1;font-feature-settings:"liga";-webkit-font-variant-ligatures:discretionary-ligatures;font-variant-ligatures:discretionary-ligatures;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ph.ph-arrow-clockwise:before{content:""}.ph.ph-arrow-left:before{content:""}.ph.ph-arrow-right:before{content:""}.ph.ph-arrow-up:before{content:""}.ph.ph-article:before{content:""}.ph.ph-browsers:before{content:""}.ph.ph-calendar-check:before{content:""}.ph.ph-caret-down:before{content:""}.ph.ph-clock:before{content:""}.ph.ph-credit-card:before{content:""}.ph.ph-facebook-logo:before{content:""}.ph.ph-graduation-cap:before{content:""}.ph.ph-instagram-logo:before{content:""}.ph.ph-lightning:before{content:""}.ph.ph-link:before{content:""}.ph.ph-linkedin-logo:before{content:""}.ph.ph-list-dashes:before{content:""}.ph.ph-lock-key:before{content:""}.ph.ph-magnifying-glass:before{content:""}.ph.ph-pinterest-logo:before{content:""}.ph.ph-play-circle:before{content:""}.ph.ph-seal-check:before{content:""}.ph.ph-shield-check:before{content:""}.ph.ph-shopping-cart:before{content:""}.ph.ph-sign-in:before{content:""}.ph.ph-sparkle:before{content:""}.ph.ph-user:before{content:""}.ph.ph-users-three:before{content:""}.ph.ph-wallet:before{content:""}.ph.ph-whatsapp-logo:before{content:""}.ph.ph-x:before{content:""}.ph.ph-x-logo:before{content:""}.ph.ph-youtube-logo:before{content:""}.breadcrumb{padding-block:var(--space-4);background:0 0;border-block-end:1px solid var(--color-border-subtle)}.breadcrumb .container{width:100%}.breadcrumb__item,.breadcrumb__list{display:flex;align-items:center;gap:var(--space-2)}.breadcrumb__list{flex-wrap:wrap;margin:0;padding:0;list-style:none;font-size:var(--text-sm);width:100%}.breadcrumb__item{color:var(--color-text-tertiary)}.breadcrumb__separator{font-size:var(--text-xs);color:var(--color-border-strong);user-select:none}.breadcrumb__link{color:var(--color-brand-primary);text-decoration:none;font-weight:var(--weight-medium);transition:color var(--duration-200) var(--ease-out)}.breadcrumb__link:hover{color:var(--color-brand-primary-hover);text-decoration:underline}.breadcrumb__item--current{color:var(--color-text-primary);font-weight:var(--weight-semibold)}.post-layout{position:relative;padding-block:var(--space-12)}.post-layout__wrapper{display:block;width:100%}.post-layout__grid{min-width:0;display:grid;grid-template-columns:1fr var(--sidebar-width);gap:var(--space-12);align-items:start;width:100%}@media (max-width:1023px){.post-layout__grid{grid-template-columns:1fr}}.post-layout__main{min-width:0}.post-share-inline{display:block;margin-block:var(--space-8);padding:var(--space-5);background:var(--color-surface-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-xl)}.post-share-inline__label{display:block;font-size:var(--text-xs);font-weight:var(--weight-medium);text-transform:none;letter-spacing:normal;color:var(--color-text-secondary);margin-block-end:var(--space-3)}.post-share-inline .post-share-float{display:block;width:100%;position:static}.post-share-inline .post-share-float__inner{position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space-2)}.post-share-float__inner{position:sticky;top:calc(var(--header-height, 80px) + var(--space-6));display:flex;flex-direction:column;gap:var(--space-3)}.post-share-float__link{display:flex;flex-direction:column;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;color:var(--color-text-secondary);background:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);cursor:pointer;text-decoration:none;transition:all var(--duration-200) var(--ease-out)}.post-share-float__link:hover{color:var(--color-brand-primary);border-color:var(--color-brand-primary);box-shadow:var(--shadow-md)}.post-share-float__link:focus-visible,.post-toc-mobile summary:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.post-share-float__link i,.scroll-to-top i{font-size:1.25rem}.post-share-float__link--facebook:hover{color:#1877f2;border-color:#1877f2;background:rgba(24,119,242,.08)}.post-share-float__link--twitter:hover{color:#000;border-color:#000;background:rgba(0,0,0,.05)}.post-share-float__link--linkedin:hover{color:#0a66c2;border-color:#0a66c2;background:rgba(10,102,194,.08)}.post-share-float__link--whatsapp:hover{color:#25d366;border-color:#25d366;background:rgba(37,211,102,.08)}.post-share-float__link--copy:hover{color:var(--color-brand-primary);border-color:var(--color-brand-primary);background:rgba(var(--color-brand-primary-rgb),.08)}.post-header{margin-block-end:var(--space-8);max-width:68rem}.post-header__meta-row{display:flex;align-items:center;gap:var(--space-3);margin-block-end:var(--space-4)}.post-header__category,.post-header__reading-time{font-size:var(--text-xs);text-transform:none;letter-spacing:normal}.post-header__category{display:inline-block;padding:var(--space-1) var(--space-3);font-weight:var(--weight-semibold);color:var(--color-brand-primary-hover);background:rgba(var(--color-brand-primary-rgb),.1);border-radius:var(--radius-full);text-decoration:none}.post-header__category:hover{background:rgba(var(--color-brand-primary-rgb),.2)}.post-header__reading-time{font-weight:var(--weight-medium);color:var(--color-text-tertiary)}.post-header__title{margin:0 0 var(--space-6);font-family:var(--font-display);font-size:clamp(1.625rem,1.25rem + 1.6vw,2.75rem);font-weight:var(--weight-bold);color:var(--color-text-primary);line-height:var(--leading-tight);letter-spacing:-.025em;text-wrap:pretty;overflow-wrap:break-word;word-break:break-word}.post-header__author{display:flex;align-items:center;gap:var(--space-4)}.post-header__avatar{width:3rem;height:3rem;border-radius:var(--radius-full);object-fit:cover}.post-header__author-info{display:flex;flex-direction:column;gap:var(--space-1)}.post-header__author-name-row,.post-toc-mobile summary .post-toc-mobile__title{display:flex;align-items:center;gap:var(--space-2)}.post-header__author-name{font-weight:var(--weight-bold);color:var(--color-text-primary);font-size:var(--text-base)}.post-header__author-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-tertiary)}.post-header__author-role{color:var(--color-text-secondary);font-weight:var(--weight-medium)}.post-header__author-meta .post-header__reading-time,.post-header__date,.post-header__date--updated{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-text-secondary)}.post-header__date--updated{color:var(--color-brand-primary);font-weight:var(--weight-medium)}.post-header__author-meta .post-header__reading-time{font-size:var(--text-sm);color:var(--color-text-tertiary);text-transform:none;letter-spacing:normal}.post-featured-image{margin:0 0 var(--space-10)}.post-featured-image img{width:100%;height:auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.post-content{margin-block-end:var(--space-10);width:100%}.post-layout__sidebar{position:sticky;top:calc(var(--header-height, 80px) + var(--space-6));max-height:calc(100vh - var(--header-height, 80px) - var(--space-8));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.post-layout__sidebar::-webkit-scrollbar{display:none}@media (max-width:1023px){.post-layout__sidebar{display:none}}.post-sidebar{display:flex;flex-direction:column;gap:var(--space-6)}.post-sidebar__widget{padding:var(--space-5);background:var(--color-surface-secondary);border-radius:var(--radius-xl)}.post-sidebar__widget--promo{padding:0;background:var(--color-surface-primary);border-radius:var(--radius-2xl)}.post-sidebar__widget--toc{background:var(--color-surface-primary);border:1px solid var(--color-border-subtle)}.post-sidebar__title,.post-toc-mobile summary{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.post-sidebar__title{margin:0 0 var(--space-4);text-transform:none;letter-spacing:normal}.post-toc{display:flex;flex-direction:column;gap:var(--space-1)}.post-toc-mobile{display:none;margin-block-end:var(--space-8);background:var(--color-surface-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);overflow:hidden;transition:border-color var(--duration-200) var(--ease-out)}@media (max-width:1023px){.post-toc-mobile{display:block}}.post-toc-mobile summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:var(--space-3-5) var(--space-4);cursor:pointer;user-select:none;list-style:none;border-radius:var(--radius-xl)}.post-toc-mobile summary::-webkit-details-marker{display:none}.post-toc-mobile summary .post-toc-mobile__icon{transition:transform var(--duration-200) var(--ease-out)}.post-nav,.post-toc-mobile__content{border-block-start:1px solid var(--color-border-subtle)}.post-toc-mobile__content{padding:0 var(--space-4) var(--space-4);padding-block-start:var(--space-3)}.post-nav{margin-block:var(--space-10);padding-block-start:var(--space-8)}.post-nav__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media (max-width:639px){.post-nav__grid{grid-template-columns:1fr}}.post-nav__card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);background:var(--color-surface-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);text-decoration:none;transition:all var(--duration-200) var(--ease-out)}.post-nav__card:hover{border-color:var(--color-border-strong);background:var(--color-surface-secondary);transform:none;box-shadow:var(--shadow-sm)}.post-nav__card--next{text-align:right;align-items:flex-end}.post-nav__label{display:inline-flex;align-items:center;gap:var(--space-1-5);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:none;letter-spacing:normal;color:var(--color-brand-primary)}.post-nav__title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text-primary);line-height:var(--leading-snug);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.author-box__name a:hover,.post-nav__card:hover .post-nav__title{color:var(--color-brand-primary)}.author-box{display:flex;gap:var(--space-6);margin-block-start:var(--space-8);padding:var(--space-6);background:var(--color-surface-secondary);border:1px solid var(--color-border-default);border-radius:var(--radius-2xl);box-shadow:0 1px 3px 0 rgba(15,23,42,.04),0 1px 2px -1px rgba(15,23,42,.03)}@media (max-width:639px){.author-box{flex-direction:column;text-align:center;align-items:center}}.author-box__avatar{flex-shrink:0}.author-box__avatar .avatar-monogram{width:5rem;height:5rem;border-radius:var(--radius-full);object-fit:cover;border:3px solid var(--color-surface-primary);box-shadow:0 0 0 2px rgba(var(--color-brand-primary-rgb),.2)}.author-box__info{flex:1}.author-box__badge-row{display:flex;align-items:center;gap:var(--space-2);margin-block-end:var(--space-2)}.author-box__label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-tertiary);text-transform:none;letter-spacing:normal}.author-box__verified-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.125rem .5rem;background:rgba(var(--color-brand-primary-rgb),.12);color:var(--color-brand-primary-hover);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.author-box__name,.related-posts .section__title{font-family:var(--font-display);font-weight:var(--weight-bold)}.author-box__name{margin:0 0 var(--space-1);font-size:var(--text-xl)}.author-box__role{display:block;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);margin-block-end:var(--space-3)}.author-box__name a{color:var(--color-text-primary);text-decoration:none;transition:color var(--duration-200) var(--ease-out)}.author-box__bio{margin:0 0 var(--space-4);font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.related-posts{padding-block:var(--space-20);background:var(--color-surface-primary);border-block-start:1px solid var(--color-border-subtle)}.section__header--between{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:none;margin-inline:0;margin-block-end:var(--space-12)}.related-posts .section__title{margin:0;font-size:var(--text-3xl);letter-spacing:-.02em;color:var(--color-text-primary)}.section__link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);text-decoration:none;background:var(--color-surface-secondary);border-radius:var(--radius-full);transition:all var(--duration-200) var(--ease-out)}.section__link:hover{color:var(--color-text-inverse);background:var(--color-brand-primary)}.posts-grid{display:grid;gap:var(--space-8)}.posts-grid--3{grid-template-columns:repeat(3,1fr)}@media (max-width:991px){.posts-grid--3{grid-template-columns:repeat(2,1fr)}}@media (max-width:639px){.posts-grid--3{grid-template-columns:1fr}}.prose{font-size:var(--text-lg);line-height:1.75;color:#1e293b;width:100%}.prose h2,.prose h3{position:relative;margin-block-start:2em;font-family:var(--font-display);line-height:var(--leading-snug);text-wrap:pretty}.prose h2{font-size:var(--text-2xl);letter-spacing:-.015em}.prose h3{font-size:var(--text-xl);letter-spacing:-.01em}.scroll-to-top{position:fixed;bottom:calc(var(--space-8) + env(safe-area-inset-bottom,0));right:var(--space-8);z-index:var(--z-sticky);display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;color:var(--color-text-inverse);background:var(--gradient-brand);border:0;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity var(--duration-300) var(--ease-out),visibility var(--duration-300) var(--ease-out),transform var(--duration-300) var(--ease-out),background-color var(--duration-150) var(--ease-out)}.scroll-to-top:hover{background-color:var(--color-brand-primary-hover);box-shadow:0 4px 12px -2px rgba(15,23,42,.16)}.scroll-to-top:active{background-color:var(--color-brand-primary-active);transform:translateY(1px)}.scroll-to-top:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:4px}@media (max-width:767px){.scroll-to-top{bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0));right:var(--space-4);width:2.75rem;height:2.75rem}}@media (prefers-reduced-motion:reduce){.scroll-to-top{transition:opacity var(--duration-300) var(--ease-out),visibility var(--duration-300) var(--ease-out);transform:none}.scroll-to-top:hover{transform:none}}