:root{--accent:#2337ff;--accent-dark:#000d8a;--black:15, 18, 25;--gray:96, 115, 159;--gray-light:229, 233, 240;--gray-dark:34, 41, 57;--gray-gradient:rgba(var(--gray-light), 50%), #fff;--box-shadow:0 2px 6px rgba(var(--gray), 25%), 0 8px 24px rgba(var(--gray), 33%), 0 16px 32px rgba(var(--gray), 33%)}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-atkinson), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;text-align:left;background:linear-gradient(var(--gray-gradient)) no-repeat;word-wrap:break-word;overflow-wrap:break-word;color:rgb(var(--gray-dark));background-size:100% 600px;margin:0;padding:0;font-size:17px;line-height:1.75}main{width:760px;max-width:100%;margin:auto;padding:2.5em 1em}h1,h2,h3,h4,h5,h6{color:rgb(var(--black));margin:0 0 .5rem;font-weight:700;line-height:1.35}h1{font-size:2rem}h2{border-bottom:1px solid rgb(var(--gray-light));margin-top:2.2rem;margin-bottom:.75rem;padding-bottom:.3rem;font-size:1.5rem}h3{margin-top:1.8rem;margin-bottom:.5rem;font-size:1.25rem}h4{margin-top:1.4rem;font-size:1.1rem}h5,h6{font-size:1rem}strong,b{font-weight:700}a,a:hover{color:var(--accent)}p{margin-bottom:1em}.prose p{margin-bottom:2em}textarea{width:100%;font-size:16px}input{font-size:16px}table{border-collapse:collapse;white-space:nowrap;width:100%;display:block;overflow-x:auto}th,td{text-align:left;padding:.75em 1em}tr{border-bottom:1px solid #ddd}img,video{border-radius:8px;max-width:100%;height:auto}figure{margin:1.5em 0}figcaption{color:rgb(var(--gray));text-align:center;margin-top:.4rem;font-size:.88rem}code{background-color:rgb(var(--gray-light));border-radius:2px;padding:2px 5px}pre{border-radius:8px;padding:1.5em;overflow-x:auto}pre>code{all:unset}blockquote{border-left:4px solid var(--accent);margin:0;padding:0 0 0 20px;font-size:1.333em}hr{border:none;border-top:1px solid rgb(var(--gray-light))}@media (width<=720px){body{font-size:16px;line-height:1.7}main{padding:1.25em .75em}h1{font-size:1.45rem;line-height:1.4}h2{margin-top:1.6rem;margin-bottom:.5rem;font-size:1.25rem}h3{margin-top:1.3rem;margin-bottom:.4rem;font-size:1.1rem}}.sr-only{clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0;padding:0;overflow:hidden;position:absolute!important}.abr{display:inline-block}.feature-summary-card{border:1px solid #2337ff33;border-left:5px solid var(--accent);background:linear-gradient(135deg,#2337ff0d 0%,#2337ff05 100%);border-radius:12px;margin:2rem 0;padding:1.5rem}.summary-card-header{margin-bottom:1.25rem}.summary-badge{color:var(--accent);letter-spacing:.05em;background:#2337ff1f;border-radius:9999px;margin-bottom:.4rem;padding:.2em .7em;font-size:.75rem;font-weight:700;display:inline-block}.summary-title{color:rgb(var(--black));margin:0;font-size:1.2rem;font-weight:800}.summary-card-items{flex-direction:column;gap:.85rem;display:flex}.summary-item{border:1px solid rgba(var(--gray-light), 80%);background:#fff;border-radius:10px;align-items:flex-start;gap:.9rem;padding:.9rem 1.1rem;display:flex;box-shadow:0 2px 6px #00000005}.summary-icon{flex-shrink:0;margin-top:.1rem;font-size:1.5rem;line-height:1}.summary-text strong{color:rgb(var(--black));margin-bottom:.2rem;font-size:.98rem;display:block}.summary-text p{color:rgb(var(--gray-dark));margin:0;font-size:.88rem;line-height:1.5}.size-comparison-card{border:1px solid rgb(var(--gray-light));background:#fff;border-radius:12px;margin:2rem 0;padding:1.5rem;box-shadow:0 4px 12px #00000008}.comparison-title{color:rgb(var(--gray-dark));text-align:center;margin-bottom:1.25rem;font-size:.95rem;font-weight:700}.comparison-grid{justify-content:center;align-items:center;gap:1.25rem;display:flex}.comparison-box{border:1px solid rgb(var(--gray-light));text-align:center;background:#f8f9fa;border-radius:10px;flex-direction:column;flex:1;gap:.35rem;padding:1.1rem 1rem;display:flex}.comparison-box.after{background:#2337ff0d;border-color:#2337ff40}.comparison-tag{color:rgb(var(--gray));font-size:.78rem;font-weight:700}.comparison-box.after .comparison-tag{color:var(--accent)}.comparison-size{color:rgb(var(--black));font-size:1.5rem;font-weight:800}.comparison-size.highlight{color:#e53e3e}.comparison-sub{color:rgb(var(--gray));font-size:.75rem}.comparison-arrow{flex-direction:column;flex-shrink:0;align-items:center;gap:.3rem;display:flex}.arrow-symbol{color:var(--accent);font-size:1.5rem;font-weight:800;line-height:1}.arrow-badge{color:#fff;white-space:nowrap;background:#e53e3e;border-radius:9999px;padding:.2em .6em;font-size:.75rem;font-weight:700}.deploy-pipeline{justify-content:space-between;align-items:stretch;gap:.4rem;margin:2rem 0;display:flex}.pipeline-step{border:1px solid rgb(var(--gray-light));text-align:center;background:#fff;border-radius:10px;flex-direction:column;flex:1;align-items:center;padding:1rem .5rem;display:flex;box-shadow:0 2px 8px #00000008}.pipeline-step.goal{background:linear-gradient(135deg,#2337ff14 0%,#2337ff05 100%);border-color:#2337ff4d}.step-badge{color:var(--accent);white-space:nowrap;background:#2337ff1a;border-radius:4px;margin-bottom:.5rem;padding:.15em .5em;font-size:.68rem;font-weight:800}.step-badge.goal-badge{color:#fff;background:#e53e3e}.step-icon{margin-bottom:.35rem;font-size:1.5rem;line-height:1}.step-title{color:rgb(var(--black));margin-bottom:.2rem;font-size:.82rem;font-weight:700;line-height:1.3}.step-desc{color:rgb(var(--gray));font-size:.7rem;line-height:1.35}.pipeline-arrow{color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:800;display:flex}.hosting-comparison{grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0;display:grid}.hosting-card{border:1px solid rgb(var(--gray-light));background:#fff;border-radius:12px;flex-direction:column;padding:1.25rem 1rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 2px 8px #00000008}.hosting-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px #00000012}.hosting-card.recommended{border-color:var(--accent);background:linear-gradient(#2337ff08 0%,#fff 100%)}.hosting-header{margin-bottom:.75rem}.hosting-badge{color:var(--accent);background:#2337ff1a;border-radius:4px;margin-bottom:.4rem;padding:.2em .6em;font-size:.7rem;font-weight:800;display:inline-block}.hosting-badge.popular{color:#e53e3e;background:#e53e3e1a}.hosting-badge.practical{color:#059669;background:#0596691a}.hosting-title{color:rgb(var(--black));margin:0;font-size:1.05rem;font-weight:800;line-height:1.3}.hosting-desc{color:rgb(var(--gray-dark));flex-grow:1;margin-bottom:.85rem;font-size:.85rem;line-height:1.5}.hosting-features{color:rgb(var(--gray-dark));margin:0 0 1rem;padding:0;font-size:.8rem;list-style:none}.hosting-features li{align-items:center;gap:.4rem;margin-bottom:.35rem;display:flex}.hosting-features li:before{content:"✓";color:var(--accent);font-weight:800}.hosting-target{color:rgb(var(--gray));background:#f8fafc;border-radius:6px;margin-top:auto;padding:.6rem .75rem;font-size:.75rem;line-height:1.4}.hosting-target strong{color:rgb(var(--gray-dark));margin-bottom:.15rem;display:block}@media (width<=720px){.comparison-grid{flex-direction:column;gap:.6rem}.comparison-arrow{margin:.2rem 0}.arrow-symbol{display:inline-block;transform:rotate(90deg)}.deploy-pipeline{flex-direction:column;gap:.5rem}.pipeline-arrow{margin:-.2rem 0;transform:rotate(90deg)}.pipeline-step{text-align:left;flex-direction:row;align-items:center;gap:.8rem;padding:.85rem 1rem}.pipeline-step .step-badge,.pipeline-step .step-icon{flex-shrink:0;margin-bottom:0}.pipeline-step-content{flex-direction:column;display:flex}.hosting-comparison{grid-template-columns:1fr;gap:.85rem}}footer[data-astro-cid-jo6i4kqk]{background:linear-gradient(var(--gray-gradient)) no-repeat;color:rgb(var(--gray));text-align:center;padding:2.5em 1em}a[data-astro-cid-evkijfd6]{text-decoration:none;display:inline-block}a[data-astro-cid-evkijfd6].active{font-weight:bolder;text-decoration:underline}header[data-astro-cid-nen7h5rs]{box-shadow:0 2px 8px rgba(var(--black), 5%);background:#fff;margin:0;padding:0 1em}h2[data-astro-cid-nen7h5rs]{margin:0;font-size:1.1em}h2[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs],h2[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs].active{text-decoration:none}nav[data-astro-cid-nen7h5rs]{justify-content:space-between;align-items:center;display:flex}nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]{color:var(--black);border-bottom:4px solid #0000;padding:1em .75em;text-decoration:none}nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs].active{border-bottom-color:var(--accent);text-decoration:none}@media (width<=720px){header[data-astro-cid-nen7h5rs]{padding:.5em 1em}nav[data-astro-cid-nen7h5rs]{flex-direction:column;align-items:center;gap:.25em}h2[data-astro-cid-nen7h5rs]{text-align:center;width:100%;margin:.25em 0;font-size:1.3em}.internal-links[data-astro-cid-nen7h5rs]{flex-wrap:wrap;justify-content:center;gap:.25em;width:100%;display:flex}nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]{padding:.4em .5em;font-size:.9em}}