:root{--color-primary: #00b894;--color-primary-dark: #00a382;--color-text: #2d3436;--color-text-light: #636e72;--color-bg: #ffffff;--color-bg-light: #f8f9fa;--color-border: #e9ecef;--max-width: 780px;--header-height: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,Yu Gothic,Meiryo,sans-serif;color:var(--color-text);background:var(--color-bg);line-height:1.8;-webkit-font-smoothing:antialiased}.site-header{position:sticky;top:0;z-index:100;background:var(--color-bg);border-bottom:1px solid var(--color-border);height:var(--header-height);display:flex;align-items:center;padding:0 16px}.site-header a{text-decoration:none;color:var(--color-text);font-weight:700;font-size:1.125rem}.site-header span{color:var(--color-primary)}.main-content{max-width:var(--max-width);margin:0 auto;padding:24px 16px 64px}article h1{font-size:1.5rem;line-height:1.4;margin-bottom:16px;font-weight:700}article h2{font-size:1.25rem;line-height:1.4;margin:40px 0 16px;padding-bottom:8px;border-bottom:2px solid var(--color-primary);font-weight:700}article h3{font-size:1.125rem;line-height:1.4;margin:32px 0 12px;font-weight:700}article p{margin-bottom:16px}article ul,article ol{margin:0 0 16px 24px}article li{margin-bottom:8px}article a{color:var(--color-primary-dark);text-decoration:underline;text-underline-offset:2px}article a:hover{color:var(--color-primary)}article img{max-width:100%;height:auto;border-radius:8px;margin:16px 0}article figure{margin:24px 0}article figcaption{font-size:.875rem;color:var(--color-text-light);text-align:center;margin-top:8px}article blockquote{border-left:4px solid var(--color-primary);padding:12px 16px;margin:16px 0;background:var(--color-bg-light);font-style:italic}article table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.9375rem}article th,article td{border:1px solid var(--color-border);padding:10px 12px;text-align:left}article th{background:var(--color-bg-light);font-weight:700}.article-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:.875rem;color:var(--color-text-light);margin-bottom:24px}.article-meta .category-badge{background:var(--color-primary);color:#fff;padding:2px 10px;border-radius:12px;font-size:.8125rem;text-decoration:none}.eyecatch{width:100%;border-radius:8px;margin-bottom:24px;aspect-ratio:16 / 9;object-fit:cover}.comparison-table{overflow-x:auto;margin:24px 0}.comparison-table table{min-width:500px}.pros-cons{display:grid;gap:16px;margin:24px 0}.pros-cons .pros,.pros-cons .cons{padding:16px;border-radius:8px}.pros-cons .pros{background:#e8f5e9;border:1px solid #a5d6a7}.pros-cons .cons{background:#fce4ec;border:1px solid #ef9a9a}.pros-cons h3{margin-top:0;margin-bottom:8px}.summary-box{background:var(--color-bg-light);border:2px solid var(--color-primary);border-radius:8px;padding:20px;margin:24px 0}.summary-box h3{margin-top:0;color:var(--color-primary-dark)}.steps-list{margin:24px 0;counter-reset:step}.steps-list .step{display:flex;gap:16px;margin-bottom:20px;padding:16px;background:var(--color-bg-light);border-radius:8px}.steps-list .step-number{flex-shrink:0;width:36px;height:36px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.faq-section details{border:1px solid var(--color-border);border-radius:8px;margin-bottom:8px;overflow:hidden}.faq-section summary{padding:14px 16px;font-weight:700;cursor:pointer;background:var(--color-bg-light);list-style:none}.faq-section summary:before{content:"Q. ";color:var(--color-primary)}.faq-section details[open] summary{border-bottom:1px solid var(--color-border)}.faq-section .faq-answer{padding:14px 16px}.breadcrumb{font-size:.8125rem;color:var(--color-text-light);margin-bottom:16px}.breadcrumb a{color:var(--color-text-light);text-decoration:none}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb span{margin:0 6px}.toc{background:var(--color-bg-light);border:1px solid var(--color-border);border-radius:8px;padding:16px 20px;margin:24px 0}.toc h2{font-size:1rem;margin:0 0 8px;border:none;padding:0}.toc ol{margin:0;padding-left:20px}.toc li{margin-bottom:4px;font-size:.9375rem}.toc a{color:var(--color-text);text-decoration:none}.toc a:hover{color:var(--color-primary)}.article-list{display:grid;gap:24px}.article-card{display:flex;gap:16px;text-decoration:none;color:inherit;padding:16px;border:1px solid var(--color-border);border-radius:8px;transition:box-shadow .2s}.article-card:hover{box-shadow:0 2px 12px #00000014}.article-card img{width:120px;height:80px;object-fit:cover;border-radius:6px;flex-shrink:0}.article-card-body h2{font-size:1rem;margin:0 0 8px;border:none;padding:0;line-height:1.4}.article-card-body p{font-size:.875rem;color:var(--color-text-light);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.affiliate-disclosure{background:#fff3cd;border:1px solid #ffc107;border-radius:4px;padding:8px 12px;margin-bottom:16px;font-size:.8125rem;color:#856404}.site-footer{text-align:center;padding:32px 16px;border-top:1px solid var(--color-border);font-size:.8125rem;color:var(--color-text-light)}@media(min-width:768px){article h1{font-size:1.75rem}article h2{font-size:1.375rem}.main-content{padding:32px 24px 80px}.pros-cons{grid-template-columns:1fr 1fr}.article-card img{width:160px;height:107px}}