:root{color:#15202b;background:#f6f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit}.app-shell{min-height:100vh}.site-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px clamp(20px,5vw,72px);border-bottom:1px solid #dde3ea;background:#f6f7f9f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand,.nav-links{display:flex;align-items:center}.brand{gap:10px;font-weight:800}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;color:#fff;background:#0f766e}.nav-links{gap:18px;color:#4b5b6b;font-weight:700}.nav-links a.router-link-active{color:#0f766e}.hero{display:grid;min-height:360px;align-items:end;padding:72px clamp(20px,5vw,72px) 56px;color:#fff;background:linear-gradient(90deg,#0d202be0,#0d202b70),url(https://images.unsplash.com/photo-1642104704074-907c0698cbd9?auto=format&fit=crop&w=1800&q=80) center/cover}.hero-copy,.content-band,.detail-page,.guide-page{width:min(1120px,100%);margin:0 auto}.hero-copy{max-width:760px}.eyebrow{margin:0 0 12px;color:#0f766e;font-size:.82rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.hero .eyebrow{color:#7dd3c7}.hero h1,.guide-heading h1,.article-detail h1{margin:0;font-size:clamp(2.2rem,6vw,4.8rem);line-height:1.02;letter-spacing:0}.hero p:last-child,.guide-heading p:last-child{max-width:680px;margin:18px 0 0;color:#dbe6ef;font-size:1.08rem}.content-band,.detail-page,.guide-page{padding:34px clamp(20px,5vw,72px) 72px}.toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.toolbar button{min-height:40px;padding:0 14px;border:1px solid #ccd6df;border-radius:8px;color:#344657;background:#fff;cursor:pointer}.toolbar button.active,.toolbar button:hover{border-color:#0f766e;color:#fff;background:#0f766e}.article-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.article-card{display:flex;min-height:280px;flex-direction:column;overflow:hidden;padding:0;border:1px solid #dde3ea;border-radius:8px;background:#fff;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.article-card:hover{border-color:#9bc7c1;box-shadow:0 12px 30px #15202b1a;transform:translateY(-2px)}.article-content{padding:0 22px}.article-content{padding-top:22px;padding-bottom:22px}.article-image{display:block;aspect-ratio:16 / 9;overflow:hidden;background:#d9e2ea}.article-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .18s ease}.article-card:hover .article-image img{transform:scale(1.03)}.article-meta{display:flex;flex-wrap:wrap;gap:8px 14px;color:#607080;font-size:.88rem;font-weight:700}.article-card h2{margin:14px 0 10px;color:#162331;font-size:1.25rem;line-height:1.25;letter-spacing:0}.article-card p{display:-webkit-box;margin:0;overflow:hidden;color:#526273;-webkit-box-orient:vertical;-webkit-line-clamp:4}.load-more-trigger{height:1px}.state-text.loading-more{padding-bottom:0;text-align:center}.back-link,.external-link{color:#0f766e;font-weight:800}.article-detail-page{max-width:900px}.article-detail{color:#162331}.article-detail .back-link{display:inline-flex;margin-bottom:22px}.article-detail-image{overflow:hidden;margin-bottom:26px;border-radius:8px;background:#d9e2ea}.article-detail-image img{display:block;width:100%;max-height:460px;object-fit:cover}.article-detail .article-meta{margin-bottom:14px}.article-detail h1{margin-bottom:16px;font-size:clamp(2rem,5vw,3.8rem)}.article-summary{margin:0 0 28px;color:#526273;font-size:1.18rem;line-height:1.65}.markdown-body{color:#263746;font-size:1.05rem;line-height:1.78}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin:1.4em 0 .45em;color:#162331;line-height:1.18}.markdown-body h1{font-size:2rem}.markdown-body h2{font-size:1.55rem}.markdown-body h3{font-size:1.25rem}.markdown-body p,.markdown-body ul,.markdown-body pre,.markdown-body img{margin:0 0 1.1em}.markdown-body img{display:block;width:min(100%,760px);height:auto;border-radius:8px;background:#d9e2ea}.markdown-body a{color:#0f766e;font-weight:800;text-decoration:underline;text-underline-offset:3px}.markdown-body code{padding:2px 5px;border-radius:4px;background:#e8eef2;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.94em}.markdown-body pre{overflow:auto;padding:16px;border-radius:8px;background:#17212b;color:#eef5f7}.markdown-body pre code{padding:0;background:transparent}.article-detail .external-link{display:inline-flex;margin-top:18px}.state-text{padding:28px 0;color:#526273;font-weight:700}.state-text.error{color:#b42318}.detail-page,.guide-page{max-width:920px}.back-link{display:inline-block}.article-detail,.guide-section{padding:28px;border:1px solid #dde3ea;border-radius:8px;background:#fff}.detail-image{display:block;width:100%;aspect-ratio:16 / 9;margin-bottom:24px;border-radius:8px;object-fit:cover}.article-detail h1{margin-top:16px;color:#162331;font-size:clamp(2rem,4vw,3.6rem)}.lead{color:#526273;font-size:1.16rem}.article-body{margin:26px 0;color:#263747}.article-body img{max-width:100%;height:auto;border-radius:8px}.guide-heading{margin-bottom:28px}.guide-heading h1{color:#162331}.guide-heading p:last-child{color:#526273}.guide-sections{display:grid;gap:16px}.guide-section h2{margin:0 0 10px;font-size:1.35rem;letter-spacing:0}.guide-section p{margin:0;color:#526273;white-space:pre-line}@media(max-width:680px){.site-header{align-items:flex-start;flex-direction:column}.hero{min-height:420px}.article-detail,.guide-section,.article-card{padding:18px}.article-card{padding:0}}