:root{--color-brand: #0E7490;--color-brand-hover: #155E75;--color-brand-tint: #ECFEFF;--color-accent: #F59E0B;--color-accent-hover: #D97706;--color-text: #0F172A;--color-text-muted: #475569;--color-text-on-brand: #FFFFFF;--color-bg: #FFFFFF;--color-bg-subtle: #F1F5F9;--color-bg-soft: #F8FAFC;--color-border: #E2E8F0;--color-border-strong: #CBD5E1;--color-success: #059669;--color-warn: #D97706;--color-danger: #DC2626;--font-display: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Monaco, "Cascadia Mono", Consolas, monospace;--container-max: 1180px;--header-h: 64px;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 3rem;--sp-8: 4rem;--sp-9: 6rem;--r-sm: 4px;--r-md: 8px;--r-lg: 12px;--r-xl: 20px;--ease: cubic-bezier(.2,.8,.2,1);--t-fast: .12s;--t-base: .2s;--z-header: 50}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-brand: #22D3EE;--color-brand-hover: #67E8F9;--color-brand-tint: #164E63;--color-accent: #FBBF24;--color-text: #E2E8F0;--color-text-muted: #94A3B8;--color-text-on-brand: #0F172A;--color-bg: #0F172A;--color-bg-subtle: #1E293B;--color-bg-soft: #182334;--color-border: #334155;--color-border-strong: #475569}}:root[data-theme=dark]{--color-brand: #22D3EE;--color-brand-hover: #67E8F9;--color-brand-tint: #164E63;--color-accent: #FBBF24;--color-text: #E2E8F0;--color-text-muted: #94A3B8;--color-text-on-brand: #0F172A;--color-bg: #0F172A;--color-bg-subtle: #1E293B;--color-bg-soft: #182334;--color-border: #334155;--color-border-strong: #475569}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);font-size:1rem;line-height:1.65;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,video,picture,svg,iframe{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:700;line-height:1.2;margin:0 0 var(--sp-3);color:var(--color-text)}h1{font-size:clamp(1.875rem,4vw,2.75rem);margin-bottom:var(--sp-4)}h2{font-size:clamp(1.5rem,2.6vw,1.875rem);margin-top:var(--sp-6)}h3{font-size:clamp(1.25rem,2vw,1.5rem);margin-top:var(--sp-5)}h4{font-size:1.125rem}p{margin:0 0 var(--sp-4)}ul,ol{margin:0 0 var(--sp-4);padding-left:var(--sp-5)}li+li{margin-top:var(--sp-2)}strong{color:var(--color-text);font-weight:600}a{color:var(--color-brand);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:color var(--t-fast) var(--ease)}a:hover{color:var(--color-brand-hover)}code,pre,kbd{font-family:var(--font-mono);font-size:.92em}code{background:var(--color-bg-subtle);padding:.125em .375em;border-radius:var(--r-sm)}pre{background:var(--color-bg-subtle);padding:var(--sp-4);border-radius:var(--r-md);overflow-x:auto}blockquote{margin:var(--sp-5) 0;padding:var(--sp-3) var(--sp-5);border-left:3px solid var(--color-accent);background:var(--color-bg-soft);color:var(--color-text-muted);font-style:italic}.container{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--sp-4)}.section{padding-block:var(--sp-7)}.skip-to-content{position:absolute;left:-9999px;top:var(--sp-2);background:var(--color-brand);color:var(--color-text-on-brand);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-md);z-index:100;font-weight:600;text-decoration:none}.skip-to-content:focus{left:var(--sp-2)}.site-header{position:sticky;top:0;z-index:var(--z-header);background:var(--color-bg);border-bottom:1px solid var(--color-border);min-height:var(--header-h);backdrop-filter:blur(8px)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-h)}.site-header__brand{font-family:var(--font-display);font-weight:700;font-size:1.125rem;color:var(--color-text);text-decoration:none;letter-spacing:-.01em}.site-header__brand:hover{color:var(--color-brand)}.site-nav{display:flex;gap:var(--sp-5)}.site-nav a{color:var(--color-text-muted);font-weight:500;text-decoration:none;font-size:.94rem;transition:color var(--t-fast) var(--ease)}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--color-brand)}.site-footer{border-top:1px solid var(--color-border);padding:var(--sp-7) 0 var(--sp-5);margin-top:var(--sp-8);color:var(--color-text-muted);font-size:.92rem;background:var(--color-bg-soft)}.site-footer__cols{display:grid;gap:var(--sp-6);grid-template-columns:1.5fr 1fr 1fr 1fr;margin-bottom:var(--sp-6)}.site-footer h4{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text);margin-bottom:var(--sp-3)}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin-top:0}.site-footer li+li{margin-top:var(--sp-2)}.site-footer a{color:var(--color-text-muted);text-decoration:none}.site-footer a:hover{color:var(--color-brand);text-decoration:underline}.site-footer__legal{border-top:1px solid var(--color-border);padding-top:var(--sp-4);font-size:.82rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-3)}.card-grid{display:grid;gap:var(--sp-5);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--r-lg);overflow:hidden;transition:transform var(--t-base) var(--ease),border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.card:hover{transform:translateY(-2px);border-color:var(--color-brand);box-shadow:0 10px 24px -12px #0f172a26}.card__media{aspect-ratio:16 / 9;background:var(--color-bg-subtle);overflow:hidden}.card__media img{width:100%;height:100%;object-fit:cover}.card__body{padding:var(--sp-4) var(--sp-5)}.card__title{font-size:1.1rem;margin:0 0 var(--sp-2);font-weight:600;line-height:1.3}.card__title a{color:var(--color-text);text-decoration:none}.card__title a:hover{color:var(--color-brand)}.card__meta{font-size:.82rem;color:var(--color-text-muted);margin-bottom:var(--sp-2)}.card__desc{font-size:.94rem;color:var(--color-text-muted);margin-bottom:0}.breadcrumbs{display:flex;flex-wrap:wrap;gap:var(--sp-2);font-size:.85rem;color:var(--color-text-muted);padding:var(--sp-4) 0;list-style:none;margin:0}.breadcrumbs li{margin:0;display:flex;align-items:center;gap:var(--sp-2)}.breadcrumbs li+li:before{content:"/";color:var(--color-border-strong)}.breadcrumbs a{color:var(--color-text-muted);text-decoration:none}.breadcrumbs a:hover{color:var(--color-brand);text-decoration:underline}.breadcrumbs li[aria-current=page]{color:var(--color-text)}.faq{margin:var(--sp-6) 0}.faq__item{border-bottom:1px solid var(--color-border);padding:var(--sp-4) 0}.faq__q{font-weight:600;font-size:1.05rem;margin:0 0 var(--sp-2);cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none}.faq__q::-webkit-details-marker{display:none}.faq__q:after{content:"+";font-size:1.5rem;color:var(--color-brand);font-weight:400;transition:transform var(--t-fast) var(--ease)}details[open]>.faq__q:after{transform:rotate(45deg)}.faq__a{margin:var(--sp-2) 0 0;color:var(--color-text-muted)}.prose{max-width:72ch;margin-inline:auto}.prose img{border-radius:var(--r-md);margin-block:var(--sp-5)}.prose figure{margin:var(--sp-5) 0}.prose figcaption{font-size:.85rem;color:var(--color-text-muted);text-align:center;margin-top:var(--sp-2)}.prose .hero-image{max-width:none;width:100%;margin:0 0 var(--sp-5);border-radius:var(--r-lg)}.hero{position:relative;aspect-ratio:16/9;max-height:540px;overflow:hidden;border-radius:var(--r-lg);margin-bottom:var(--sp-5)}.hero img{width:100%;height:100%;object-fit:cover}.byline{display:flex;align-items:center;gap:var(--sp-3);font-size:.88rem;color:var(--color-text-muted);margin-block:var(--sp-3) var(--sp-5)}.byline strong{color:var(--color-text)}.dan-banner{background:var(--color-bg-subtle);border-left:4px solid var(--color-danger);padding:var(--sp-4) var(--sp-5);border-radius:var(--r-md);margin:var(--sp-5) 0;font-size:.92rem}.dan-banner strong{color:var(--color-danger)}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border-radius:var(--r-md);font-weight:600;text-decoration:none;font-size:.95rem;border:1px solid transparent;cursor:pointer;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.btn-primary{background:var(--color-brand);color:var(--color-text-on-brand)}.btn-primary:hover{background:var(--color-brand-hover)}.btn-secondary{background:transparent;color:var(--color-brand);border-color:var(--color-border-strong)}.btn-secondary:hover{border-color:var(--color-brand);color:var(--color-brand-hover)}.tool-island{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--r-lg);padding:var(--sp-5);margin:var(--sp-5) 0}.tool-island label{display:block;font-weight:600;margin-bottom:var(--sp-2);font-size:.9rem}.tool-island input,.tool-island select{width:100%;padding:var(--sp-3) var(--sp-4);border:1px solid var(--color-border-strong);border-radius:var(--r-md);font-size:1rem;background:var(--color-bg);color:var(--color-text);margin-bottom:var(--sp-4)}.tool-island input:focus,.tool-island select:focus{outline:2px solid var(--color-brand);outline-offset:1px;border-color:var(--color-brand)}.tool-result{background:var(--color-brand-tint);border-radius:var(--r-md);padding:var(--sp-4) var(--sp-5);margin-top:var(--sp-4)}.tool-result strong{color:var(--color-brand);font-size:1.4rem}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:.85rem}.mt-4{margin-top:var(--sp-4)}.mt-6{margin-top:var(--sp-6)}@media (max-width: 768px){.site-footer__cols{grid-template-columns:1fr 1fr}.site-nav{gap:var(--sp-4);font-size:.88rem}.hero{aspect-ratio:4/3}}@media (max-width: 480px){.site-footer__cols{grid-template-columns:1fr}.site-nav{display:none}}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}