.copilot-guide{--color-bg: #ffffff;--color-text: #0a0a0a;--color-border: #e5e5e5;--color-bg-button: #000000;--color-text-button: #ffffff;--rainbow: linear-gradient(90deg, #ff0000, #ff7700, #ffdd00, #00cc44, #0088ff, #7700ff);font-family:Noto Sans JP,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.8;padding-bottom:100px}.copilot-guide .back-link{display:inline-block;padding:16px 24px;font-size:.9rem;color:#666;transition:color .2s}.copilot-guide .back-link:hover{opacity:.8}.copilot-guide .container{width:100%;max-width:1200px;margin:0 auto;padding:60px 20px 120px;box-sizing:border-box}.copilot-guide .text-rainbow{background:var(--rainbow);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.copilot-guide .border-rainbow-bottom{position:relative}.copilot-guide .border-rainbow-bottom:after{content:"";display:block;width:100%;height:3px;background:var(--rainbow);margin-top:15px;margin-bottom:30px}.copilot-guide .border-rainbow-left{border-left:4px solid;border-image:linear-gradient(to bottom,red,#f70,#fd0,#0c4,#08f,#70f) 1}.copilot-guide .border-black-left{border-left:4px solid #000}.copilot-guide h1,.copilot-guide h2,.copilot-guide h3{font-weight:900;margin:0}.copilot-guide h1{font-size:3.5rem;line-height:1.2;margin-bottom:20px;text-align:center;letter-spacing:-.02em}.copilot-guide h2{font-size:2rem;margin-bottom:10px;display:flex;align-items:center;gap:15px}.copilot-guide .section-number{font-size:3rem;font-weight:900;line-height:1;min-width:80px}.copilot-guide p{margin:0 0 1.5em;font-size:1rem}.copilot-guide .header-section{text-align:center;margin-bottom:80px}.copilot-guide .subtitle{font-size:1.25rem;font-weight:700;margin-bottom:0;color:#444}.copilot-guide section{margin-bottom:100px;width:100%}.copilot-guide .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:40px}.copilot-guide .grid-2-wide{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.copilot-guide .card-full{grid-column:1 / -1}.copilot-guide .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.copilot-guide .grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.copilot-guide .card{background:#fff;border:1px solid var(--color-border);padding:30px;box-sizing:border-box}.copilot-guide .card-desc{margin-top:10px;font-size:.9rem;margin-bottom:0}.copilot-guide .card-block{margin-bottom:20px}.copilot-guide .card-block:last-child{margin-bottom:0}.copilot-guide .feature-list{list-style:none;padding:0;margin:0}.copilot-guide .feature-list li{margin-bottom:15px;padding-left:20px;position:relative}.copilot-guide .feature-list li:before{content:"・";position:absolute;left:0;color:#000;font-weight:700}.copilot-guide .pricing-table{width:100%;border-collapse:collapse;margin-top:20px}.copilot-guide .pricing-table th,.copilot-guide .pricing-table td{border:1px solid var(--color-border);padding:15px;text-align:left}.copilot-guide .pricing-table th{background-color:#f9f9f9;font-weight:700;width:25%}.copilot-guide .pricing-note{margin-top:15px;font-size:.9rem;color:#666}.copilot-guide .step-list{display:flex;flex-direction:column;gap:20px}.copilot-guide .step-item{display:flex;align-items:flex-start;gap:20px;padding:20px;border:1px solid var(--color-border)}.copilot-guide .step-num{font-size:2.5rem;font-weight:900;line-height:1}.copilot-guide .step-content{flex:1}.copilot-guide .code-block{background:#f5f5f5;padding:20px;border-radius:4px;font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.5;overflow-x:auto;border:1px solid #ddd;margin-bottom:20px}.copilot-guide .code-example-label{font-size:.9rem;margin-bottom:5px}.copilot-guide .h3-spaced{margin-top:40px;margin-bottom:15px}.copilot-guide .comparison-box{border:1px solid var(--color-border);margin-bottom:30px;display:flex;flex-direction:column}.copilot-guide .comparison-row{display:flex;padding:20px;border-bottom:1px solid var(--color-border)}.copilot-guide .comparison-row:last-child{border-bottom:none}.copilot-guide .comparison-label{font-weight:700;min-width:80px;margin-right:15px;display:inline-block;padding:2px 8px;border-radius:2px;font-size:.8rem;text-align:center}.copilot-guide .label-good{background:var(--rainbow);color:#fff}.copilot-guide .label-bad{background:#333;color:#fff}.copilot-guide .btn{display:inline-block;background-color:var(--color-bg-button);color:var(--color-text-button);padding:15px 40px;text-decoration:none;font-weight:700;border-radius:4px;transition:all .3s ease;font-size:1rem;text-align:center}.copilot-guide .btn:hover{background:var(--rainbow);color:#fff}.copilot-guide .btn-center-wrapper{text-align:center;margin-top:30px}.copilot-guide .guide-footer{text-align:center;padding-top:2rem;margin-top:4rem;border-top:1px solid var(--color-border)}.copilot-guide .footer-disclaimer{font-size:.85rem;color:#666;margin-bottom:1.5rem}.copilot-guide .mb-0{margin-bottom:0}.copilot-guide code{background:#f0f0f0;padding:2px 6px;font-family:monospace;font-size:.9em}@media (max-width: 768px){.copilot-guide h1{font-size:2.2rem}.copilot-guide .grid-2,.copilot-guide .grid-3,.copilot-guide .grid-2-wide{grid-template-columns:1fr}.copilot-guide .card-full{grid-column:1}.copilot-guide .pricing-table th,.copilot-guide .pricing-table td{display:block;width:100%;box-sizing:border-box}.copilot-guide .pricing-table th{margin-top:10px;background:#eee}.copilot-guide .container{padding:40px 16px 100px}}
