:root{--color-primary: #0d9488;--color-accent: #d97706;--color-bg: #faf8f5;--color-text: #1c1917;--color-muted: #78716c;--color-surface: #f5f0eb;--color-border: #e7e5e4;--font-heading: system-ui, -apple-system, sans-serif;--font-body: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-sm: .8rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.563rem;--font-size-2xl: 1.953rem;--font-size-3xl: 2.441rem;--font-size-4xl: 3.052rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 4rem;--max-width: 56rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07)}*,*:before,*:after{box-sizing:border-box;margin:0}html{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);line-height:1.6}body{max-width:var(--max-width);margin:0 auto;padding:var(--space-md)}h1,h2,h3,h4{font-family:var(--font-heading);line-height:1.2;margin-top:var(--space-lg);margin-bottom:var(--space-sm)}h1{font-size:var(--font-size-4xl);line-height:1.1}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}a{color:var(--color-primary)}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}img{max-width:100%;height:auto;display:block}.btn{display:inline-block;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-weight:600;text-decoration:none;cursor:pointer;transition:opacity .15s}.btn:hover{opacity:.85}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-primary{background:var(--color-primary);color:#fff}.btn-accent{background:var(--color-accent);color:#fff}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md)}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary);color:#fff;padding:var(--space-xs) var(--space-sm);z-index:100}.skip-link:focus{top:0}header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) 0;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-lg)}header .site-name{display:inline-flex;align-items:center;gap:var(--space-sm);text-decoration:none;font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--color-text)}header .logo{flex-shrink:0}nav ul{display:flex;gap:var(--space-md);list-style:none;padding:0;margin:0}nav a{text-decoration:none;color:var(--color-muted);font-weight:500;transition:color .15s}nav a:hover,nav a[aria-current=page]{color:var(--color-primary)}.hero{text-align:center;padding:var(--space-xl) 0}.hero h1{margin-top:0;font-size:var(--font-size-4xl);letter-spacing:-.02em}.hero p{font-size:var(--font-size-lg);color:var(--color-muted);max-width:36rem;margin:var(--space-md) auto}.hero .btn{margin-top:var(--space-md);padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-lg)}.section{padding:var(--space-xl) 0}.section h2{text-align:center;margin-top:0}.section>p{text-align:center;color:var(--color-muted);max-width:36rem;margin:var(--space-sm) auto var(--space-lg)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:var(--space-lg)}.feature-grid .card h3{margin-top:0;font-size:var(--font-size-xl)}.steps{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:var(--space-lg);counter-reset:step}.steps .step{counter-increment:step;padding:var(--space-md)}.steps .step:before{content:counter(step);display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--color-primary);color:#fff;font-weight:700;font-size:var(--font-size-lg);margin-bottom:var(--space-sm)}.steps h3{margin-top:var(--space-sm);font-size:var(--font-size-xl)}footer{margin-top:var(--space-xl);padding:var(--space-lg) 0 var(--space-md);border-top:1px solid var(--color-border);color:var(--color-muted);font-size:var(--font-size-sm);text-align:center}footer a{color:var(--color-muted)}footer a:hover{color:var(--color-primary)}.post-list{list-style:none;padding:0}.post-list li{margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border)}.post-list h2{margin-top:0}.tags{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-sm)}.tags li{background:var(--color-surface);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.syndication{list-style:none;padding:0;display:flex;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-muted)}@media print{.skip-link,header,footer,nav{display:none!important}body{max-width:none;padding:0;color:#000;background:#fff}a[href]:after{content:" (" attr(href) ")";font-size:.8em;color:#666}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}@page{margin:2cm}}