:root{--color-bg: #f7f3ea;--color-surface: #fffaf0;--color-text: #21323a;--color-muted: #61727a;--color-primary: #0f6f78;--color-primary-dark: #0b5259;--color-accent: #e58a2a;--color-border: rgba(33, 50, 58, .14);--shadow-soft: 0 18px 45px rgba(33, 50, 58, .12);--radius-lg: 26px;--radius-md: 18px;--container: 1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit}.container{width:min(100% - 32px,var(--container));margin-inline:auto}.site-header{position:sticky;top:0;z-index:10;background:#f7f3eaeb;backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border)}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:inline-flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.03em}.logo-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:var(--color-primary);color:#fff;font-size:.88rem}.logo-text{font-size:1.15rem}.main-nav{display:flex;align-items:center;gap:22px;color:var(--color-muted);font-weight:650;font-size:.95rem}.main-nav a:hover{color:var(--color-primary-dark)}.hero{padding:86px 0 64px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:36px;align-items:center}.eyebrow{margin:0 0 14px;color:var(--color-accent);font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}h1,h2,h3,p{margin-top:0}h1{max-width:760px;margin-bottom:22px;font-size:clamp(2.7rem,7vw,5.7rem);line-height:.95;letter-spacing:-.075em}.hero-text{max-width:690px;margin-bottom:30px;color:var(--color-muted);font-size:clamp(1.06rem,2vw,1.25rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0 24px;font-weight:800;line-height:1}.button-primary{background:var(--color-primary);color:#fff;box-shadow:0 14px 30px #0f6f783d}.button-secondary{background:#fff;color:var(--color-primary-dark);border:1px solid var(--color-border)}.hero-card{padding:34px;border-radius:var(--radius-lg);background:linear-gradient(145deg,rgba(15,111,120,.08),transparent 45%),var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-soft)}.hero-card h2{margin-bottom:12px;font-size:1.65rem;letter-spacing:-.04em}.hero-card p{margin-bottom:0;color:var(--color-muted)}.topics{padding:54px 0 86px}.section-heading{max-width:720px;margin-bottom:26px}.section-heading h2{margin-bottom:0;font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;letter-spacing:-.06em}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.topic-card{padding:26px;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border)}.topic-card h3{margin-bottom:10px;color:var(--color-primary-dark);font-size:1.35rem;letter-spacing:-.035em}.topic-card p{margin-bottom:0;color:var(--color-muted)}.site-footer{padding:28px 0;border-top:1px solid var(--color-border);color:var(--color-muted);font-size:.95rem}.site-footer p{margin-bottom:0}.page-section{padding:70px 0 86px}.page-header{max-width:760px;margin-bottom:28px}.page-header h1{margin-bottom:18px;font-size:clamp(2.2rem,5vw,4rem);line-height:1.05;letter-spacing:-.06em}.page-intro{margin-bottom:0;color:var(--color-muted);font-size:1.05rem}.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.content-card{display:grid;gap:10px;padding:26px;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border)}.content-card h2,.content-card h3{margin-bottom:0;color:var(--color-primary-dark);letter-spacing:-.03em}.notice-card{padding:28px;border-radius:var(--radius-lg);background:linear-gradient(145deg,rgba(15,111,120,.08),transparent 45%),var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);color:var(--color-muted)}.article-page{padding:70px 0 86px}.article-container{width:min(100% - 32px,860px);margin-inline:auto;padding:clamp(28px,4vw,44px);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-soft)}.article-header{margin-bottom:28px}.article-header h1{margin-bottom:14px;font-size:clamp(2.2rem,4.8vw,3.4rem);line-height:1.05;letter-spacing:-.04em}.article-header p{margin-bottom:18px;color:var(--color-muted);font-size:1.05rem}.article-meta{display:flex;flex-wrap:wrap;gap:12px;color:var(--color-muted);font-size:.95rem;font-weight:600}.article-date{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;color:var(--color-muted);font-size:.95rem;font-weight:600}.article-tags{display:flex;flex-wrap:wrap;gap:10px}.article-tags span{padding:6px 12px;border-radius:999px;background:#0f6f781a;color:var(--color-primary-dark);font-size:.85rem;font-weight:600}.article-type{padding:4px 12px;border-radius:999px;background:#0f6f781f;color:var(--color-primary-dark);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.article-content{color:var(--color-text)}.article-content h2{margin-bottom:12px;font-size:clamp(1.4rem,2.2vw,2rem);letter-spacing:-.02em}.article-content p{margin-bottom:18px;color:var(--color-muted);font-size:1.05rem}.article-content ul{margin:0 0 18px;padding-left:22px;color:var(--color-muted)}.article-content li{margin-bottom:10px}.article-content a{color:var(--color-primary-dark);text-decoration:underline}.article-footer{margin-top:32px;display:grid;gap:18px}.responsible-notice{padding:22px;border-radius:var(--radius-md);background:#0f6f7814;border:1px solid var(--color-border);color:var(--color-muted)}.responsible-notice h2{margin-bottom:8px;font-size:1.2rem;color:var(--color-primary-dark);letter-spacing:-.02em}.responsible-notice p{margin-bottom:0;font-size:.98rem}.article-back-link{width:fit-content}.post-card{display:grid;gap:12px;padding:24px;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border)}.post-card-meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--color-muted);font-size:.9rem;font-weight:600}.post-card-link{color:var(--color-primary-dark);font-weight:700}@media(max-width:760px){.header-inner{min-height:auto;padding:16px 0;align-items:flex-start;flex-direction:column}.main-nav{width:100%;overflow-x:auto;gap:18px;padding-bottom:4px}.hero{padding:54px 0 42px}.hero-grid{grid-template-columns:1fr}.hero-card{padding:26px}.topic-grid{grid-template-columns:1fr}.page-section{padding:52px 0 64px}.content-grid{grid-template-columns:1fr}.button{width:100%}}