.make-guide{--primary-color: #7c3aed;--primary-light: #8b5cf6;--bg-color: #ffffff;--text-color: #0a0a0a;--accent-bg: #f5f3ff;--border-color: #ddd6fe;--grey-border: #e5e5e5;font-family:Noto Sans JP,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;padding-bottom:80px;max-width:880px;margin:0 auto;box-sizing:border-box}.make-guide .back-link{display:inline-block;padding:16px 24px;font-size:.9rem;color:#666;transition:color .2s}.make-guide .back-link:hover{color:var(--primary-color)}.make-guide .container{padding:40px 20px}.make-guide .hero{text-align:center;margin-bottom:3rem}.make-guide h1{font-size:2.5rem;font-weight:900;margin-bottom:1rem;color:var(--text-color)}.make-guide .hero-lead{font-size:1.2rem;font-weight:700}.make-guide h2{font-size:1.5rem;font-weight:900;border-bottom:3px solid var(--primary-color);padding-bottom:.5rem;margin-top:3rem;margin-bottom:1.5rem;color:var(--text-color)}.make-guide h3{font-size:1.2rem;font-weight:700;margin-top:1.5rem;margin-bottom:.5rem;color:var(--text-color)}.make-guide .section-number{color:var(--primary-color);margin-right:.5rem}.make-guide p{margin-bottom:1rem}.make-guide section:first-of-type h2{margin-top:0}.make-guide .card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.make-guide .card{background-color:var(--bg-color);border:1px solid var(--grey-border);padding:1.5rem;border-radius:4px;margin-bottom:1rem}.make-guide .card-highlight{background-color:var(--accent-bg);border:1px solid var(--border-color)}.make-guide .list-check,.make-guide .list-cross{list-style:none;padding-left:0;margin:0}.make-guide .list-check li,.make-guide .list-cross li{margin-bottom:.5rem;padding-left:1.5em;position:relative}.make-guide .list-check li:before{content:"✓";position:absolute;left:0;color:var(--primary-color);font-weight:700}.make-guide .list-cross li:before{content:"×";position:absolute;left:0;color:#555;font-weight:700}.make-guide .step-list{list-style:none;padding:0;counter-reset:step-counter;margin:0}.make-guide .step-list li{position:relative;padding-left:3rem;margin-bottom:1.5rem}.make-guide .step-list li:before{counter-increment:step-counter;content:counter(step-counter);position:absolute;left:0;top:0;width:2rem;height:2rem;background-color:var(--primary-color);color:#fff;text-align:center;line-height:2rem;border-radius:50%;font-weight:700}.make-guide .code-block{background-color:var(--accent-bg);border:1px solid var(--border-color);padding:1.5rem;border-radius:4px;font-family:monospace;white-space:pre-wrap;margin-bottom:1.5rem;overflow-x:auto}.make-guide .table-container{overflow-x:auto;margin-bottom:2rem}.make-guide table{width:100%;border-collapse:collapse;margin-bottom:1rem}.make-guide th,.make-guide td{border:1px solid var(--grey-border);padding:.75rem;text-align:left}.make-guide th{background-color:var(--accent-bg);font-weight:700;color:var(--primary-color)}.make-guide .table-note{font-size:.9rem;color:#666;margin-bottom:2rem}.make-guide .btn-link{display:inline-block;background-color:var(--text-color);color:#fff;padding:.75rem 2rem;text-decoration:none;font-weight:700;border-radius:4px;margin-top:1rem;transition:background-color .2s}.make-guide .btn-link:hover{background-color:var(--primary-color)}.make-guide .btn-wrap{text-align:center;margin-top:2rem}.make-guide .good-example{border-left:4px solid var(--primary-color);padding-left:1rem;margin-bottom:1rem}.make-guide .bad-example{border-left:4px solid #555;padding-left:1rem;margin-bottom:1rem;color:#555}.make-guide .label-good{display:inline-block;background-color:var(--primary-color);color:#fff;padding:.2rem .5rem;border-radius:2px;font-size:.8rem;font-weight:700;margin-bottom:.5rem}.make-guide .label-bad{display:inline-block;background-color:#333;color:#fff;padding:.2rem .5rem;border-radius:2px;font-size:.8rem;font-weight:700;margin-bottom:.5rem}.make-guide .comparison-container{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}.make-guide .card-full{margin-bottom:0}.make-guide .risk-list{list-style:none;padding:0;margin:0}.make-guide .risk-list li{margin-bottom:.75rem;padding-left:1.5em;position:relative}.make-guide .risk-list li:before{content:"・";position:absolute;left:0;color:var(--primary-color);font-weight:700}.make-guide .guide-footer{text-align:center;padding-top:2rem;margin-top:4rem;border-top:1px solid var(--grey-border)}.make-guide .footer-disclaimer{font-size:.85rem;color:#666;margin-bottom:1.5rem}@media (min-width: 768px){.make-guide .comparison-container{grid-template-columns:1fr 1fr}.make-guide .card-full{grid-column:1 / -1}}@media (max-width: 600px){.make-guide h1{font-size:2rem}.make-guide h2{font-size:1.3rem;margin-top:2rem}.make-guide .container{padding:1rem}}