.claude-guide{--text-color: #0a0a0a;--bg-color: #ffffff;--accent-orange: #ea580c;--accent-orange-light: #f97316;--accent-orange-pale: #fff7ed;--border-color: #e5e5e5;font-family:Noto Sans JP,sans-serif;color:var(--text-color);background-color:var(--bg-color);line-height:1.8;-webkit-font-smoothing:antialiased;padding-bottom:100px}.claude-guide .back-link{display:inline-block;padding:16px 24px;font-size:.9rem;color:#666;transition:color .2s}.claude-guide .back-link:hover{color:var(--accent-orange)}.claude-guide .container{max-width:960px;margin:0 auto;padding:60px 24px 120px}.claude-guide h1,.claude-guide h2,.claude-guide h3{font-weight:900;line-height:1.4;margin-top:0}.claude-guide h1{font-size:48px;letter-spacing:-.02em;margin-bottom:24px;text-align:center}.claude-guide h2{font-size:32px;margin-bottom:32px;text-align:center;border-bottom:3px solid var(--accent-orange);padding-bottom:12px;display:inline-block}.claude-guide h3{font-size:20px;margin-bottom:16px}.claude-guide .section-title-wrapper{text-align:center;margin-bottom:60px;margin-top:80px}.claude-guide .hero+.section-title-wrapper{margin-top:48px}.claude-guide .hero{text-align:center;padding:80px 0;background-color:var(--bg-color)}.claude-guide .hero-desc{font-size:20px;font-weight:700;color:var(--accent-orange);margin-bottom:16px}.claude-guide .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:40px}.claude-guide .feature-list{list-style:none;padding:0;margin:0}.claude-guide .feature-list li{margin-bottom:12px;padding-left:24px;position:relative;font-weight:700}.claude-guide .feature-list.good li:before{content:"✓";color:var(--accent-orange);position:absolute;left:0;font-weight:900}.claude-guide .feature-list.bad li:before{content:"×";color:var(--text-color);position:absolute;left:0;font-weight:900}.claude-guide .card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.claude-guide .card{background-color:var(--bg-color);border:1px solid var(--border-color);padding:24px;border-radius:4px;transition:transform .2s}.claude-guide .card:hover{border-color:var(--accent-orange)}.claude-guide .card-title{font-weight:900;font-size:18px;margin-bottom:8px;color:var(--accent-orange)}.claude-guide table{width:100%;border-collapse:collapse;margin-bottom:40px;font-size:16px}.claude-guide th,.claude-guide td{border:1px solid var(--border-color);padding:16px;text-align:left}.claude-guide th{background-color:var(--accent-orange-pale);font-weight:900;width:25%}.claude-guide .step-list{counter-reset:step;list-style:none;padding:0}.claude-guide .step-list li{position:relative;padding-left:50px;margin-bottom:24px}.claude-guide .step-list li:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:32px;height:32px;background-color:var(--accent-orange);color:#fff;border-radius:50%;text-align:center;line-height:32px;font-weight:900;font-size:16px}.claude-guide .steps-wrapper{text-align:center;max-width:600px;margin:0 auto}.claude-guide .steps-wrapper .step-list{text-align:left}.claude-guide .btn-link{display:inline-block;background-color:var(--text-color);color:#fff;padding:16px 48px;text-decoration:none;font-weight:900;border-radius:4px;margin-top:24px;transition:background-color .2s}.claude-guide .btn-link:hover{background-color:var(--accent-orange)}.claude-guide .function-map{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.claude-guide .function-item{border:1px solid var(--border-color);padding:20px}.claude-guide .function-name{font-weight:900;display:block;margin-bottom:8px;color:var(--accent-orange)}.claude-guide .code-block{background-color:#f5f5f5;padding:24px;border-radius:4px;font-family:monospace;white-space:pre-wrap;margin-bottom:24px;font-size:14px;border-left:4px solid var(--accent-orange);overflow-x:auto}.claude-guide .comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px;border-bottom:1px solid var(--border-color);padding-bottom:32px}.claude-guide .comparison:last-of-type{border-bottom:none}.claude-guide .good-example{color:var(--accent-orange);font-weight:900;margin-bottom:8px;display:block}.claude-guide .bad-example{color:#666;font-weight:900;margin-bottom:8px;display:block}.claude-guide .risk-list{display:grid;gap:16px}.claude-guide .risk-item{background-color:var(--accent-orange-pale);padding:16px 24px;border-left:4px solid var(--accent-orange)}.claude-guide .risk-title{font-weight:900}.claude-guide .ba-container{margin-bottom:32px}.claude-guide .ba-label{font-weight:900;display:inline-block;width:80px}.claude-guide .ba-before .ba-label{color:#666}.claude-guide .ba-after .ba-label{color:var(--accent-orange)}.claude-guide .guide-footer{text-align:center;padding-top:2rem;margin-top:4rem;border-top:1px solid var(--border-color)}.claude-guide .footer-disclaimer{font-size:.85rem;color:#666;margin-bottom:1.5rem}@media (max-width: 768px){.claude-guide .grid-2,.claude-guide .function-map,.claude-guide .comparison{grid-template-columns:1fr}.claude-guide h1{font-size:32px}.claude-guide h2{font-size:24px}.claude-guide .container{padding:40px 16px 100px}}