:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#202a30;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;--accent:#1769aa;--ink:#202a30;--muted:#65727b;--line:#e4e9eb;--surface:#f6f8f8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;line-height:1.65}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{display:block;max-width:100%;height:auto}.container{width:min(1100px,calc(100% - 40px));margin-inline:auto}.site-header{border-bottom:1px solid var(--line);background:#fff}.header-inner{width:min(1160px,calc(100% - 40px));min-height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo,.footer-brand{font-size:1.25rem;font-weight:750;letter-spacing:-.025em;color:var(--ink)}.site-header nav,.site-footer nav{display:flex;gap:clamp(14px,3vw,32px);align-items:center}.site-header nav a,.site-footer nav a{color:#39464d;font-weight:550}.hero{padding-block:clamp(56px,10vw,110px) 64px}.hero h1{font-size:clamp(2.5rem,7vw,4.6rem);line-height:1.08;letter-spacing:-.055em;margin:.3rem 0 1rem;overflow-wrap:anywhere}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;font-weight:700;color:var(--accent);margin:0 0 .45rem}.hero-description{font-size:clamp(1.2rem,2.3vw,1.65rem);line-height:1.4;max-width:760px;margin:0 0 .8rem}.hero-intro,.page-intro{max-width:760px;color:var(--muted);font-size:1.05rem;margin:0 0 1.6rem}.button{background:var(--accent);color:#fff;border-radius:5px;padding:.72rem 1.05rem;font-weight:650;display:inline-flex;align-items:center;gap:.6rem}.button:hover{background:color-mix(in srgb,var(--accent),#111 12%);color:#fff;text-decoration:none}.category-section{padding:26px 0 40px;border-top:1px solid var(--line)}h2{line-height:1.25;letter-spacing:-.025em}.category-section h2,.section-heading h2{font-size:1.45rem;margin:0 0 16px}.category-list{display:flex;flex-wrap:wrap;gap:9px}.category-chip{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 13px;color:#405058;font-size:.9rem}.latest-section{padding:36px 0 80px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.section-heading h2{margin:0}.section-heading .eyebrow{margin-bottom:5px}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.post-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;min-width:0;box-shadow:0 3px 14px #17252b08}.post-image{display:block;aspect-ratio:16/9;background:var(--surface);overflow:hidden}.post-image img{width:100%;height:100%;object-fit:cover}.post-card-content{padding:18px}.post-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:.78rem}.post-meta span{color:var(--accent);font-weight:650}.post-meta time{white-space:nowrap}.post-card h3{font-size:1.18rem;line-height:1.35;margin:10px 0 7px;overflow-wrap:anywhere}.post-card h3 a{color:var(--ink)}.post-card p{margin:0 0 13px;color:var(--muted)}.text-link{font-weight:650}.listing-page{padding-block:56px 80px}.listing-page h1,.basic-page h1{font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.15;letter-spacing:-.04em;margin:.2rem 0 .6rem;overflow-wrap:anywhere}.listing-page .post-grid{margin-top:32px}.basic-page{max-width:800px;padding-block:60px 90px}.article{max-width:820px;padding-block:48px 72px}.article-header{margin-bottom:34px}.article-category{font-size:.84rem;font-weight:700;color:var(--accent)}.article h1{font-size:clamp(2.1rem,5vw,3.6rem);line-height:1.15;letter-spacing:-.045em;margin:.55rem 0 .8rem;overflow-wrap:anywhere}.article-description{font-size:1.15rem;color:var(--muted);line-height:1.5;margin:.4rem 0 1rem}.article-date{font-size:.85rem;color:var(--muted);margin:0}.article-hero{width:100%;max-height:520px;object-fit:cover;border-radius:8px;margin-top:24px}.prose{font-size:1.08rem;line-height:1.8;overflow-wrap:anywhere}.prose h2{font-size:1.7rem;line-height:1.3;margin:2.3rem 0 .7rem}.prose h3{font-size:1.3rem;line-height:1.35;margin:1.8rem 0 .6rem}.prose p,.prose ul,.prose ol{margin:0 0 1.2rem}.prose ul,.prose ol{padding-left:1.5rem}.prose li{padding-left:.25rem;margin:.35rem 0}.prose blockquote{margin:1.5rem 0;padding:.7rem 1.2rem;border-left:3px solid var(--accent);background:var(--surface);color:#4d5a60}.prose table{display:block;width:100%;overflow-x:auto;border-collapse:collapse}.prose th,.prose td{padding:9px 12px;border:1px solid var(--line);text-align:left}.prose th{background:var(--surface)}.prose img{border-radius:7px;margin:1.5rem auto}.product-card{margin:40px 0;padding:20px;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:7px;background:#f8faf9;display:flex;align-items:center;gap:20px}.product-image{width:110px;height:110px;object-fit:contain;flex:none}.product-copy{flex:1;min-width:0}.product-label{color:var(--accent);font-size:.78rem;font-weight:700}.product-copy h2{font-size:1.2rem;margin:3px 0}.product-copy p{margin:0;color:var(--muted);font-size:.9rem}.related-section{border-top:1px solid var(--line);padding-top:28px;margin-top:44px}.related-section h2{font-size:1.5rem}.related-section .post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.back-link{margin-top:34px}.site-footer{background:var(--surface);border-top:1px solid var(--line)}.footer-inner{width:min(1160px,calc(100% - 40px));margin:auto;min-height:145px;padding:28px 0;display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}.footer-inner small{color:var(--muted)}.not-found{text-align:center;padding:100px 20px}.not-found h1{font-size:clamp(2rem,6vw,3.5rem);margin:0 0 10px}.not-found p{color:var(--muted);margin-bottom:25px}@media (max-width:800px){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-inner{justify-content:center;text-align:center}.site-footer nav{order:3;width:100%;justify-content:center;flex-wrap:wrap}}@media (max-width:560px){.container,.header-inner,.footer-inner{width:calc(100% - 32px)}.header-inner{min-height:auto;padding:16px 0;display:block}.site-header nav{margin-top:12px;gap:0;justify-content:space-between}.site-header nav a{font-size:.88rem}.hero{padding-block:52px 42px}.hero h1{font-size:2.7rem}.section-heading{align-items:start;flex-direction:column}.post-grid,.related-section .post-grid{grid-template-columns:1fr}.post-card-content{padding:16px}.listing-page,.basic-page{padding-block:42px 60px}.article{padding-block:36px 56px}.article h1{font-size:2.3rem}.prose{font-size:1.02rem}.product-card{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}.product-image{width:84px;height:84px}.footer-inner{flex-direction:column;gap:14px}}
