:root{--bg:#001d26;--panel:rgba(3,30,42,.92);--text:#f4fbff;--muted:#aac5ce;--cyan:#38e2e8;--purple:#c9b6ff;--gold:#f6c542;--border:rgba(56,226,232,.3)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--bg) url('../assets/i2-background.jpg') center top/cover fixed;font:17px/1.7 Arial,sans-serif}a{color:var(--cyan)}img{max-width:100%;height:auto}.site-header{height:84px;padding:8px max(20px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(0,20,29,.94);border-bottom:1px solid var(--border);backdrop-filter:blur(10px)}.site-header img{width:84px;display:block}.site-header nav{display:flex;gap:24px}.site-header nav a{color:#fff;text-decoration:none;font-weight:700}.site-header nav a:hover{color:var(--cyan)}main{width:min(100% - 32px,1180px);margin:auto}.breadcrumbs{padding:24px 0;display:flex;gap:10px;color:var(--muted);font-size:14px}.breadcrumbs a{color:var(--muted)}article{max-width:900px;margin:0 auto 60px;padding:34px;background:var(--panel);border:1px solid var(--border);border-radius:18px;box-shadow:0 16px 44px rgba(0,0,0,.3)}.article-header h1,.index-intro h1{margin:10px 0 14px;font-size:clamp(34px,5vw,54px);line-height:1.12}.category{display:inline-block;padding:5px 11px;border-radius:999px;color:#201500;background:linear-gradient(135deg,#fff09a,var(--gold));font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.dek{color:var(--muted);font-size:20px}.byline{margin:20px 0;color:var(--muted);font-size:14px}.hero{width:100%;margin-top:20px;border:2px solid var(--border);border-radius:14px}section{scroll-margin-top:20px}section h2,.toc h2{margin:42px 0 12px;color:var(--cyan);font-size:30px;line-height:1.3}section h3{color:var(--purple)}ul,ol{padding-left:26px}.checks li::marker{color:var(--cyan)}.steps li{margin:10px 0}.toc{margin:30px 0;padding:22px 26px;background:rgba(4,47,61,.78);border:1px solid var(--border);border-radius:14px}.toc h2{margin:0 0 8px;font-size:23px}.toc a{text-decoration:none}.notice{margin:28px 0;padding:18px 20px;border-left:4px solid var(--cyan);border-radius:8px;background:rgba(4,47,61,.85)}.responsible{border-color:var(--gold)}.faq-list details{margin:10px 0;border:1px solid var(--border);border-radius:10px;background:rgba(1,24,34,.82)}.faq-list summary{padding:15px 18px;cursor:pointer;font-weight:700}.faq-list details p{margin:0;padding:0 18px 18px;color:var(--muted)}.author{display:grid;grid-template-columns:90px 1fr;gap:20px;align-items:center;margin-top:40px;padding-top:25px;border-top:1px solid var(--border)}.author h2{margin:0}.post-nav{margin-top:36px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--border)}.post-nav a{text-decoration:none;font-weight:700}.index-intro{padding:54px 0 30px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:60px}.guide-card{padding:0;overflow:hidden}.guide-card a{height:100%;display:block;color:inherit;text-decoration:none}.guide-card img{width:100%;aspect-ratio:1;display:block;object-fit:cover}.guide-card span{display:inline-block;margin:18px 20px 0;color:var(--gold);font-size:13px;font-weight:800;text-transform:uppercase}.guide-card h2{margin:8px 20px 10px;color:#fff;font-size:21px}.guide-card p{margin:0 20px 22px;color:var(--muted);font-size:15px}.button{display:inline-block;padding:12px 22px;border-radius:999px;color:#241500;background:linear-gradient(135deg,#fff09a,var(--gold));font-weight:800;text-decoration:none}footer{padding:28px;text-align:center;color:var(--muted);background:rgba(0,20,29,.94);border-top:1px solid var(--border)}
@media(max-width:850px){body{background-attachment:scroll}.guide-grid{grid-template-columns:repeat(2,1fr)}article{padding:24px}.post-nav{flex-direction:column}}
@media(max-width:560px){body{font-size:16px}.site-header{height:70px}.site-header img{width:64px}.guide-grid{grid-template-columns:1fr}.article-header h1,.index-intro h1{font-size:34px}.dek{font-size:17px}article{padding:18px}.author{grid-template-columns:1fr}.author img{width:72px}section h2{font-size:25px}}
.guide-grid .guide-card img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:center}
.guide-grid .guide-card span,.guide-grid .guide-card p{display:none}.guide-grid .guide-card h2{margin:14px 18px 20px;font-weight:400}
.ai-disclosure strong{display:block;margin-bottom:8px;color:var(--cyan)}.ai-disclosure p{margin:0;color:var(--muted)}