:root{color:#f4fbf8;background:#071310;font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,Yu Gothic Medium,Segoe UI,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #071310;--surface: #0d1c18;--surface-soft: #10241e;--surface-hover: #153029;--border: rgba(191, 235, 217, .14);--border-strong: rgba(52, 211, 153, .42);--text: #f4fbf8;--text-soft: #afc5bc;--text-muted: #789087;--accent: #20dc91;--accent-dark: #0e8b5c;--accent-ink: #032619;--max-width: 1120px}*,*:before,*:after{box-sizing:border-box}html{min-width:320px;min-height:100%;scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-shell{min-height:100vh;display:flex;flex-direction:column}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--border);background:#071310e6;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.header-inner,.footer-inner,.content-wrap,.hero-inner{width:min(calc(100% - 40px),var(--max-width));margin-inline:auto}.header-inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:9px;color:var(--text);text-decoration:none}.brand-mark{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;color:var(--accent-ink);background:var(--accent);font-size:21px;font-weight:900;line-height:1}.brand-name{font-size:18px;font-weight:850;letter-spacing:-.02em}.brand-section{padding-left:9px;border-left:1px solid var(--border);color:var(--text-soft);font-size:13px;font-weight:700}.back-link{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border:1px solid var(--border);border-radius:999px;color:var(--text-soft);text-decoration:none;font-size:13px;font-weight:700;transition:border-color .15s ease,color .15s ease,background .15s ease}.back-link:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface)}.site-main{flex:1}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--border);background:radial-gradient(circle at 85% 20%,rgba(32,220,145,.12),transparent 34%),var(--bg)}.hero:after{content:"?";position:absolute;right:max(16px,calc((100% - var(--max-width)) / 2));top:12px;color:#20dc910e;font-size:clamp(220px,32vw,440px);font-weight:900;line-height:.8;pointer-events:none}.hero-inner{position:relative;z-index:1;padding-block:86px 74px}.eyebrow,.section-kicker{margin:0 0 12px;color:var(--accent);font-size:11px;font-weight:850;letter-spacing:.16em}.hero h1{max-width:760px;margin:0;font-size:clamp(34px,6vw,64px);font-weight:900;line-height:1.12;letter-spacing:-.045em}.hero-no-break{white-space:nowrap}.hero-copy{max-width:620px;margin:22px 0 0;color:var(--text-soft);font-size:16px;line-height:1.8}.search-form{width:min(100%,720px);min-height:60px;display:flex;align-items:center;gap:12px;margin-top:34px;padding:7px 8px 7px 20px;border:1px solid var(--border-strong);border-radius:17px;background:#f6fbf9;box-shadow:0 24px 70px #00000038}.search-icon{position:relative;width:18px;height:18px;flex:0 0 auto;border:2px solid #49645a;border-radius:50%}.search-icon:after{content:"";position:absolute;right:-5px;bottom:-3px;width:7px;height:2px;border-radius:999px;background:#49645a;transform:rotate(45deg)}.search-form input{min-width:0;flex:1;border:0;outline:0;color:#0c251c;background:transparent;font-size:16px}.search-form input::placeholder{color:#6f857c}.search-form button{min-height:44px;padding:0 22px;border:0;border-radius:11px;color:var(--accent-ink);background:var(--accent);font-weight:850;cursor:pointer;transition:filter .15s ease,transform .15s ease}.search-form button:hover{filter:brightness(.93)}.search-form button:active{transform:translateY(1px)}.quick-links{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:18px;color:var(--text-muted);font-size:12px}.quick-links a{color:var(--text-soft);text-underline-offset:4px}.home-content{padding-block:70px 90px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}.section-heading h2,.contact-panel h2{margin:0;font-size:clamp(24px,4vw,34px);letter-spacing:-.035em}.featured-grid,.category-card ul,.search-results ul,.article-sidebar ul,.related ul{margin:0;padding:0;list-style:none}.featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.featured-card{min-height:244px;display:flex;flex-direction:column;padding:22px;border:1px solid var(--border);border-radius:20px;color:var(--text);background:var(--surface);text-decoration:none;transition:transform .17s ease,border-color .17s ease,background .17s ease}.featured-card:hover{transform:translateY(-3px);border-color:var(--border-strong);background:var(--surface-soft)}.featured-number{margin-bottom:28px;color:var(--accent);font-size:12px;font-weight:850;letter-spacing:.12em}.featured-card strong{font-size:18px;line-height:1.5}.featured-card>span:not(.featured-number):not(.read-more){margin-top:10px;color:var(--text-soft);font-size:13px;line-height:1.75}.read-more{margin-top:auto;padding-top:18px;color:var(--accent);font-size:12px;font-weight:800}.category-section{margin-top:82px}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.category-card{position:relative;min-height:276px;padding:24px;overflow:hidden;border:1px solid var(--border);border-radius:20px;background:#0d1c18b8}.category-mark{display:block;margin-bottom:26px;color:var(--accent);font-size:12px;font-weight:850;letter-spacing:.12em}.category-card h3{margin:0;font-size:19px}.category-card>p{min-height:44px;margin:8px 0 20px;color:var(--text-muted);font-size:12px;line-height:1.7}.category-card li+li{margin-top:10px}.category-card a{color:var(--text-soft);font-size:13px;line-height:1.5;text-decoration-line:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:5px;text-decoration-skip-ink:auto}.category-card a:hover{color:var(--accent)}.contact-panel{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:82px;padding:36px 40px;border:1px solid var(--border-strong);border-radius:24px;background:var(--surface-soft)}.contact-panel p:not(.section-kicker){margin:10px 0 0;color:var(--text-soft);line-height:1.7}.contact-button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:0 20px;border-radius:13px;color:var(--accent-ink);background:var(--accent);text-decoration:none;font-size:14px;font-weight:850}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:34px;color:var(--text-muted);font-size:12px}.breadcrumb a{color:var(--text-soft);text-decoration:none}.breadcrumb a:hover{color:var(--accent)}.search-page,.article-page,.not-found{padding-block:54px 90px}.search-page>h1{margin:0;font-size:clamp(30px,5vw,46px)}.search-page .search-form{margin-top:24px}.search-results{margin-top:34px}.search-results>p{color:var(--text-muted);font-size:13px}.search-results li+li{margin-top:10px}.article-list-link{display:grid;grid-template-columns:150px minmax(180px,280px) 1fr;gap:20px;padding:20px 22px;border:1px solid var(--border);border-radius:16px;color:var(--text);background:var(--surface);text-decoration:none}.article-list-link:hover{border-color:var(--border-strong);background:var(--surface-soft)}.article-list-category{color:var(--accent);font-size:12px;font-weight:800}.article-list-link>span:last-child{color:var(--text-soft);font-size:13px}.empty-state{margin-top:34px;padding:38px;border:1px solid var(--border);border-radius:20px;background:var(--surface);text-align:center}.empty-state strong{font-size:18px}.empty-state p{margin:10px 0;color:var(--text-soft)}.empty-state a{color:var(--accent)}.article-layout{display:grid;grid-template-columns:240px minmax(0,760px);justify-content:space-between;gap:70px}.article-sidebar{align-self:start;position:sticky;top:100px;padding:20px;border:1px solid var(--border);border-radius:17px;background:var(--surface)}.article-sidebar>p{margin:0 0 14px;color:var(--accent);font-size:12px;font-weight:850}.article-sidebar li+li{margin-top:4px}.article-sidebar a{display:block;padding:9px 10px;border-radius:9px;color:var(--text-soft);text-decoration:none;font-size:13px;line-height:1.45}.article-sidebar a:hover,.article-sidebar a[aria-current=page]{color:var(--text);background:var(--surface-hover)}.article-header{padding-bottom:34px;border-bottom:1px solid var(--border)}.article-category{color:var(--accent);font-size:12px;font-weight:850}.article-header h1{margin:14px 0 0;font-size:clamp(32px,5vw,50px);line-height:1.25;letter-spacing:-.045em}.article-header p{margin:18px 0 0;color:var(--text-soft);font-size:16px;line-height:1.8}.article-header time{display:block;margin-top:16px;color:var(--text-muted);font-size:11px}.markdown-body{padding-block:14px 40px;color:#d5e3de;font-size:15px;line-height:1.95}.markdown-body h2{margin:44px 0 16px;padding-bottom:10px;border-bottom:1px solid var(--border);color:var(--text);font-size:23px;line-height:1.45}.markdown-body h3{margin:34px 0 12px;color:var(--text);font-size:18px}.markdown-body p{margin:14px 0}.markdown-body ul,.markdown-body ol{margin:14px 0;padding-left:1.4em}.markdown-body li+li{margin-top:8px}.markdown-body strong{color:var(--text)}.markdown-body a{color:var(--accent);text-decoration-line:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:5px;text-decoration-skip-ink:auto}.markdown-body blockquote{margin:24px 0;padding:16px 20px;border-left:3px solid var(--accent);border-radius:0 12px 12px 0;color:var(--text-soft);background:var(--surface-soft)}.markdown-body code{padding:2px 6px;border-radius:6px;color:#a7f3d0;background:#10251f;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9em}.markdown-body table{width:100%;margin:24px 0;border-collapse:collapse;font-size:13px}.markdown-body th,.markdown-body td{padding:12px;border:1px solid var(--border);text-align:left;vertical-align:top}.markdown-body th{color:var(--text);background:var(--surface-soft)}.related{padding:26px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.related h2{margin:0 0 15px;font-size:18px}.related li+li{margin-top:10px}.related a{color:var(--text-soft);text-decoration:none}.related a:hover{color:var(--accent)}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:62vh;text-align:center}.not-found>span{width:68px;height:68px;display:grid;place-items:center;border:1px solid var(--border-strong);border-radius:50%;color:var(--accent);font-size:34px;font-weight:900}.not-found h1{margin:22px 0 0}.not-found p{color:var(--text-soft)}.not-found a{color:var(--accent)}.site-footer{border-top:1px solid var(--border);color:var(--text-muted);background:#050e0c}.footer-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px}.footer-links{display:flex;gap:20px}.footer-links a{color:var(--text-soft);text-decoration:none}.footer-links a:hover{color:var(--accent)}.quick-links a,.breadcrumb a,.empty-state a,.related a,.not-found a,.footer-links a{text-decoration-line:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:5px;text-decoration-skip-ink:auto}@media(max-width:900px){.featured-grid,.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{display:block}.article-sidebar{position:static;margin-bottom:30px}.article-sidebar ul{display:flex;flex-wrap:wrap;gap:4px}.article-sidebar li+li{margin-top:0}}@media(max-width:640px){.header-inner,.footer-inner,.content-wrap,.hero-inner{width:min(calc(100% - 28px),var(--max-width))}.header-inner{min-height:60px}.brand-mark{width:31px;height:31px;border-radius:10px;font-size:19px}.brand-name{font-size:16px}.brand-section{font-size:11px}.back-link{min-height:38px;padding:0 12px;font-size:11px}.hero-inner{padding-block:60px 54px}.hero h1{font-size:38px}.hero-copy{font-size:14px}.search-form{min-height:56px;padding-left:16px}.search-form button{padding-inline:16px}.home-content{padding-block:54px 68px}.featured-grid,.category-grid{grid-template-columns:1fr}.featured-card{min-height:210px}.category-card{min-height:0}.category-card>p{min-height:0}.category-section,.contact-panel{margin-top:62px}.contact-panel{align-items:stretch;flex-direction:column;padding:28px 24px}.article-list-link{grid-template-columns:1fr;gap:8px}.article-header h1{font-size:34px}.markdown-body{font-size:14px}.markdown-body table{display:block;overflow-x:auto}.footer-inner{align-items:flex-start;flex-direction:column;justify-content:center;padding-block:22px}.footer-inner p{margin:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}