/* 無料ツール・取り込み・乗り換えページ (growth_pages.py)。色は media.css の --m-* (ダーク / ライトは data-theme で切り替わる) */
.gr{--g-ok:#2f9e6a;--g-warn:#c27c0e;--g-bad:#d0453b}
html[data-theme="light"] .gr{--g-ok:#1f7a50;--g-warn:#9a5f00;--g-bad:#b4322a}
.gr h2{font-size:1.18rem;margin:30px 0 10px}
.gr h3{font-size:1rem;margin:18px 0 8px}
.gr p,.gr li,.gr dd{line-height:1.8}
.gr a{text-underline-offset:2px}
.gr .gr-lede{color:var(--m-ink-2);max-width:46em;margin-top:.5rem;line-height:1.85}
.gr .gr-plain{background:var(--m-surface);border:1px solid var(--m-line);border-left:4px solid var(--m-accent);border-radius:var(--m-radius);padding:14px 16px;margin:14px 0;line-height:1.8;font-size:.95rem}
.gr .gr-card{background:var(--m-surface);border:1px solid var(--m-line);border-radius:var(--m-radius);padding:16px;margin:14px 0}
.gr label{display:block;font-weight:700;font-size:.9rem;margin:12px 0 6px;color:var(--m-ink)}
.gr .gr-hint{font-size:.8rem;color:var(--m-ink-3);font-weight:400;margin-left:.3em}
.gr input[type=text],.gr input[type=number],.gr select,.gr textarea{width:100%;max-width:100%;box-sizing:border-box;background:var(--m-bg);color:var(--m-ink);border:1px solid var(--m-line-strong,var(--m-line));border-radius:10px;padding:10px 12px;font-size:16px;font-family:inherit;line-height:1.6}
.gr textarea{min-height:200px;resize:vertical}
.gr textarea.gr-tall{min-height:340px}
.gr input:focus,.gr select:focus,.gr textarea:focus{outline:2px solid var(--m-accent);outline-offset:1px}
.gr .gr-grid{display:grid;gap:0 14px}
@media (min-width:640px){.gr .gr-grid{grid-template-columns:1fr 1fr}.gr .gr-grid3{grid-template-columns:1fr 1fr 1fr}}
.gr .gr-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 4px;align-items:center}
.gr .gr-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;font-weight:800;font-size:.95rem;border:1px solid var(--m-line-strong,var(--m-line));background:var(--m-surface);color:var(--m-ink);cursor:pointer;text-decoration:none;font-family:inherit}
.gr .gr-btn:hover{border-color:var(--m-accent)}
.gr .gr-btn--primary{background:var(--m-accent);border-color:var(--m-accent);color:var(--m-accent-ink,#031418)}
html[data-theme="light"] .gr .gr-btn--primary{color:#fff;background:var(--m-accent-deep);border-color:var(--m-accent-deep)}
.gr .gr-btn[disabled]{opacity:.5;cursor:not-allowed}
.gr .gr-out{margin-top:16px}
.gr .gr-out:empty{display:none}
.gr pre.gr-pre{white-space:pre-wrap;word-break:break-word;background:var(--m-surface-2,var(--m-surface));border:1px solid var(--m-line);border-radius:10px;padding:14px;font-size:.92rem;line-height:1.8;max-height:560px;overflow:auto;margin:0}
.gr .gr-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--m-line);border-radius:var(--m-radius)}
.gr table{border-collapse:collapse;width:100%;font-size:.88rem;line-height:1.65}
.gr .gr-scroll table{min-width:620px}
.gr th,.gr td{border-bottom:1px solid var(--m-line);padding:9px 11px;text-align:left;vertical-align:top}
.gr thead th{background:var(--m-surface-2,var(--m-surface));color:var(--m-ink-2);font-weight:800}
.gr tbody th{font-weight:700}
.gr .gr-tag{display:inline-block;font-size:.72rem;font-weight:800;border-radius:999px;padding:.05rem .55rem;border:1px solid currentColor;white-space:nowrap}
.gr .gr-ok{color:var(--g-ok)}.gr .gr-warn{color:var(--g-warn)}.gr .gr-bad{color:var(--g-bad)}
.gr .gr-muted{color:var(--m-ink-3);font-size:.84rem}
.gr .gr-note{font-size:.8rem;color:var(--m-ink-3);line-height:1.7;margin-top:18px}
.gr details{border-bottom:1px solid var(--m-line);padding:10px 0}
.gr summary{cursor:pointer;font-weight:700}
.gr details p{margin-top:8px}
.gr ol.gr-steps{padding-left:1.3em;display:grid;gap:8px}
.gr .gr-upsell{display:grid;gap:10px;margin-top:18px}
@media (min-width:640px){.gr .gr-upsell{grid-template-columns:repeat(3,1fr)}}
.gr .gr-upsell .gr-card{margin:0;display:flex;flex-direction:column;gap:8px}
.gr .gr-upsell p{font-size:.86rem;color:var(--m-ink-2);margin:0}
.gr .gr-cards{list-style:none;padding:0;margin:0;display:grid;gap:10px}
@media (min-width:640px){.gr .gr-cards{grid-template-columns:1fr 1fr}}
@media (min-width:960px){.gr .gr-cards{grid-template-columns:1fr 1fr 1fr}}
.gr .gr-cards a{display:block;height:100%;box-sizing:border-box;background:var(--m-surface);border:1px solid var(--m-line);border-radius:var(--m-radius);padding:14px 16px;color:var(--m-ink);text-decoration:none}
.gr .gr-cards a:hover{border-color:var(--m-accent)}
.gr .gr-cards b{display:block;font-size:1rem}
.gr .gr-cards span{display:block;font-size:.84rem;color:var(--m-ink-2);margin-top:4px;line-height:1.6}
.gr .gr-drop{border:2px dashed var(--m-line-strong,var(--m-line));border-radius:var(--m-radius);padding:26px 16px;text-align:center;background:var(--m-surface)}
.gr .gr-drop.is-over{border-color:var(--m-accent);background:var(--m-accent-soft)}
.gr .gr-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0 0}
.gr .gr-tabs button{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--m-line);background:var(--m-surface);color:var(--m-ink-2);font-weight:700;cursor:pointer;font-family:inherit}
.gr .gr-tabs button[aria-selected=true]{background:var(--m-accent-soft);color:var(--m-ink);border-color:var(--m-accent)}
.gr .gr-svg{background:var(--m-surface);border:1px solid var(--m-line);border-radius:var(--m-radius);overflow:hidden}
.gr .gr-svg svg{display:block;width:100%;height:auto}
.gr .gr-pages{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.gr .gr-pages figure{margin:0}
.gr .gr-pages figcaption{font-size:.78rem;color:var(--m-ink-3);text-align:center;margin-top:4px}
.gr .gr-split{display:grid;gap:12px}
@media (min-width:900px){.gr .gr-split{grid-template-columns:1fr 1fr}}
.gr .fx{background:#fff;color:#111;font-family:"Courier Prime","Courier New",ui-monospace,"Hiragino Mincho ProN","Yu Mincho",serif;padding:28px 22px;border-radius:10px;min-height:340px;max-height:640px;overflow:auto;font-size:.92rem;line-height:1.6}
.gr .fx p{margin:0 0 .9em}
.gr .fx .fx-scene{font-weight:700;text-transform:uppercase;margin-top:1.4em}
.gr .fx .fx-character{margin:1em 0 0 38%;text-transform:uppercase}
.gr .fx .fx-dialogue{margin:0 18% 0 22%}
.gr .fx .fx-parenthetical{margin:0 26% 0 30%}
.gr .fx .fx-transition{text-align:right;text-transform:uppercase}
.gr .fx .fx-center{text-align:center}
.gr .fx .fx-note,.gr .fx .fx-synopsis,.gr .fx .fx-section{color:#777;font-style:italic}
.gr .fx .fx-title{text-align:center;margin-bottom:2em}
.gr .fx .fx-tp-title{font-size:1.2rem;font-weight:700;text-transform:uppercase}
@media (max-width:520px){.gr .fx .fx-character{margin-left:30%}.gr .fx .fx-dialogue{margin:0 6% 0 12%}.gr .fx .fx-parenthetical{margin:0 14% 0 20%}}
.gr .gr-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.gr .gr-status{font-size:.88rem;color:var(--m-ink-2);margin-top:8px}
.gr .gr-err{color:var(--g-bad);font-weight:700}
.gr .gr-pill-list{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 0;padding:0;list-style:none}
.gr .gr-pill-list li{font-size:.8rem;border:1px solid var(--m-line);border-radius:999px;padding:.1rem .6rem;color:var(--m-ink-2)}
@media print{body *{visibility:hidden}.gr .fx,.gr .fx *{visibility:visible}.gr .fx{position:absolute;left:0;top:0;max-height:none;overflow:visible}}