/* data-calculator.css — 海外データ使用量計算機。クラスは bloomy-calc- に隔離。既存トークン(bloomy-tokens.css)を使う。 */
.bloomy-calc{color:var(--bloomy-text,#1c2b3a);background:var(--bloomy-bg,#f6f9fc)}
.bloomy-calc__inner{max-width:1040px;margin:0 auto;padding:0 20px}
.bloomy-calc-hero{padding:48px 0 28px;text-align:center}
.bloomy-calc-hero h1{font-size:clamp(1.5rem,4.5vw,2.1rem);line-height:1.35;margin:0 0 12px;color:var(--bloomy-navy,#12263a)}
.bloomy-calc-hero__lead{margin:0 auto 8px;max-width:38em;line-height:1.8}
.bloomy-calc-hero__sub{margin:0 0 20px;color:var(--bloomy-muted,#6b7a89);font-size:.92rem}
.bloomy-calc-btn{display:inline-block;padding:14px 26px;border-radius:999px;background:var(--bloomy-blue,#2f6fed);color:#fff;text-decoration:none;font-weight:600;transition:background .15s}
.bloomy-calc-btn:hover{background:var(--bloomy-blue-dark,#245cc9)}
.bloomy-calc-btn.is-disabled{background:var(--bloomy-line-strong,#cfd8e3);color:#fff;cursor:not-allowed}
.bloomy-calc-grid{display:grid;grid-template-columns:1fr;gap:20px;padding-bottom:40px}
@media(min-width:960px){.bloomy-calc-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start}.bloomy-calc-grid>.bloomy-calc-step{grid-column:1}.bloomy-calc-grid>.bloomy-calc-result{grid-column:2;grid-row:1/span 4;position:sticky;top:88px;align-self:start}}
.bloomy-calc-card{background:var(--bloomy-white,#fff);border:1px solid var(--bloomy-line,#e3e9f0);border-radius:18px;padding:22px 20px;box-shadow:var(--bloomy-shadow-card,0 2px 10px rgba(18,38,58,.05))}

.bloomy-calc-step__label{font-size:.78rem;letter-spacing:.06em;color:var(--bloomy-blue,#2f6fed);font-weight:700;margin:0 0 4px}
.bloomy-calc-step h2{font-size:1.15rem;margin:0 0 6px;color:var(--bloomy-navy,#12263a)}
.bloomy-calc-step__hint{margin:0 0 14px;color:var(--bloomy-muted,#6b7a89);font-size:.92rem}
/* STEP1 */
.bloomy-calc-days{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}
.bloomy-calc-days__step{width:44px;height:44px;border-radius:50%;border:1px solid var(--bloomy-line-strong,#cfd8e3);background:#fff;font-size:1.3rem;cursor:pointer}
.bloomy-calc-days__input{width:88px;height:48px;text-align:center;font-size:1.35rem;font-weight:700;border:1px solid var(--bloomy-line-strong,#cfd8e3);border-radius:12px}
.bloomy-calc-days__unit{color:var(--bloomy-muted,#6b7a89)}
.bloomy-calc-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}@media(min-width:520px){.bloomy-calc-chips{display:flex;flex-wrap:wrap;justify-content:center}}
.bloomy-calc-chip{padding:9px 10px;text-align:center;border-radius:999px;border:1px solid var(--bloomy-line-strong,#cfd8e3);background:#fff;cursor:pointer;font-size:.92rem;transition:all .15s}
.bloomy-calc-chip.is-active{background:var(--bloomy-blue-soft,#e8f0fe);border-color:var(--bloomy-blue,#2f6fed);color:var(--bloomy-blue-dark,#245cc9);font-weight:600}
/* STEP2 */
.bloomy-calc-acts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(min-width:640px){.bloomy-calc-acts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:960px){.bloomy-calc-acts{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:340px){.bloomy-calc-acts{grid-template-columns:1fr}}
.bloomy-calc-act{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:118px;padding:14px 12px;border:1.5px solid var(--bloomy-line,#e3e9f0);border-radius:14px;background:#fff;text-align:left;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}
.bloomy-calc-act svg{width:24px;height:24px;color:var(--bloomy-blue,#2f6fed)}
.bloomy-calc-act__t{font-weight:700;font-size:.95rem;color:var(--bloomy-navy,#12263a)}
.bloomy-calc-act__d{font-size:.78rem;color:var(--bloomy-muted,#6b7a89);line-height:1.5}
.bloomy-calc-act__mb{margin-top:auto;font-size:.76rem;color:var(--bloomy-muted,#6b7a89)}
.bloomy-calc-act::after{content:"";position:absolute;top:10px;right:10px;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--bloomy-line-strong,#cfd8e3);background:#fff;transition:all .15s}
.bloomy-calc-act.is-selected{border-color:var(--bloomy-blue,#2f6fed);background:var(--bloomy-blue-softer,#f3f7ff);box-shadow:0 0 0 2px rgba(47,111,237,.12)}
.bloomy-calc-act.is-selected::after{border-color:var(--bloomy-blue,#2f6fed);background:var(--bloomy-blue,#2f6fed) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") center/12px no-repeat}
.bloomy-calc-act:focus-visible,.bloomy-calc-chip:focus-visible,.bloomy-calc-wifi__opt:focus-visible,.bloomy-calc-dest__chip:focus-visible{outline:3px solid rgba(47,111,237,.45);outline-offset:2px}
/* STEP3 */
.bloomy-calc-wifi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
@media(max-width:400px){.bloomy-calc-wifi{grid-template-columns:1fr}}
.bloomy-calc-wifi__opt{padding:12px 8px;border:1.5px solid var(--bloomy-line,#e3e9f0);border-radius:12px;background:#fff;cursor:pointer;font-size:.92rem}
.bloomy-calc-wifi__opt.is-active{border-color:var(--bloomy-blue,#2f6fed);background:var(--bloomy-blue-softer,#f3f7ff);font-weight:600}
/* RESULT */
.bloomy-calc-result__empty{color:var(--bloomy-muted,#6b7a89);text-align:center;padding:24px 8px;line-height:1.8}
.bloomy-calc-result__lead{text-align:center;color:var(--bloomy-muted,#6b7a89);margin:0}
.bloomy-calc-result__gb{text-align:center;font-size:2.6rem;font-weight:700;color:var(--bloomy-navy,#12263a);margin:4px 0 0;line-height:1.1}
.bloomy-calc-result__gb small{font-size:1.1rem;font-weight:600;margin-left:4px}
.bloomy-calc-result__rec{text-align:center;margin:8px 0 14px;font-weight:600;color:var(--bloomy-blue-dark,#245cc9)}
.bloomy-calc-result__meta{list-style:none;margin:0;padding:12px 0;border-top:1px solid var(--bloomy-line,#e3e9f0);border-bottom:1px solid var(--bloomy-line,#e3e9f0)}
.bloomy-calc-result__meta li{display:flex;justify-content:space-between;padding:4px 0;font-size:.92rem}
.bloomy-calc-result__meta li span{color:var(--bloomy-muted,#6b7a89)}
.bloomy-calc-note{font-size:.84rem;line-height:1.7;color:var(--bloomy-soft,#4b5a6a);margin:10px 0 0}
.bloomy-calc-bd__toggle{display:block;width:100%;margin-top:12px;padding:10px;border:0;background:none;color:var(--bloomy-blue,#2f6fed);font-weight:600;cursor:pointer}
.bloomy-calc-bd{list-style:none;margin:0;padding:8px 0 0}
.bloomy-calc-bd li{display:flex;justify-content:space-between;padding:5px 0;font-size:.9rem}
.bloomy-calc-bd li.is-sum{border-top:1px solid var(--bloomy-line,#e3e9f0);margin-top:6px;padding-top:10px}
.bloomy-calc-bd li.is-total{border-top:1px solid var(--bloomy-line,#e3e9f0);margin-top:6px;padding-top:10px;font-weight:700}
/* sticky compact */
.bloomy-calc-sticky{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:30;padding:10px 16px;border-radius:999px;background:var(--bloomy-navy,#12263a);color:#fff;font-size:.9rem;box-shadow:0 6px 20px rgba(18,38,58,.2);max-width:calc(100% - 32px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(min-width:960px){.bloomy-calc-sticky{display:none}}
/* STEP4 */
.bloomy-calc-dest__search{position:relative;margin-bottom:12px}
.bloomy-calc-dest__search input{width:100%;height:48px;padding:0 14px;border:1px solid var(--bloomy-line-strong,#cfd8e3);border-radius:12px;font-size:1rem}
.bloomy-calc-dest__list{position:absolute;left:0;right:0;top:52px;max-height:260px;overflow:auto;margin:0;padding:6px 0;list-style:none;background:#fff;border:1px solid var(--bloomy-line,#e3e9f0);border-radius:12px;box-shadow:0 8px 24px rgba(18,38,58,.12);z-index:20}
.bloomy-calc-dest__list button{display:block;width:100%;text-align:left;padding:10px 14px;border:0;background:none;cursor:pointer;font-size:.95rem}
.bloomy-calc-dest__list button:hover,.bloomy-calc-dest__list button.is-active{background:var(--bloomy-blue-softer,#f3f7ff)}
.bloomy-calc-dest__chips{display:flex;flex-wrap:wrap;gap:8px}
.bloomy-calc-dest__chip{padding:9px 14px;border-radius:999px;border:1px solid var(--bloomy-line-strong,#cfd8e3);background:#fff;cursor:pointer;font-size:.92rem}
.bloomy-calc-dest__chip.is-active{background:var(--bloomy-blue-soft,#e8f0fe);border-color:var(--bloomy-blue,#2f6fed);font-weight:600}
.bloomy-calc-cta{text-align:center;padding:8px 0 4px}
.bloomy-calc-cta__sub{margin:10px 0 0;color:var(--bloomy-muted,#6b7a89);font-size:.9rem}
/* 下部の説明・FAQ */
.bloomy-calc-sec{padding:36px 0}
.bloomy-calc-sec h2{font-size:1.3rem;margin:0 0 14px;color:var(--bloomy-navy,#12263a)}
.bloomy-calc-table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden;border:1px solid var(--bloomy-line,#e3e9f0)}
.bloomy-calc-table th,.bloomy-calc-table td{padding:11px 14px;border-bottom:1px solid var(--bloomy-line,#e3e9f0);text-align:left;font-size:.95rem}
.bloomy-calc-table td:last-child,.bloomy-calc-table th:last-child{text-align:right;white-space:nowrap}
.bloomy-calc-table tr:last-child td{border-bottom:0}
.bloomy-calc-table__note{font-size:.84rem;color:var(--bloomy-muted,#6b7a89);margin:10px 0 0;line-height:1.7}
.bloomy-calc-faq details{background:#fff;border:1px solid var(--bloomy-line,#e3e9f0);border-radius:12px;padding:0 16px;margin-bottom:8px}
.bloomy-calc-faq summary{padding:14px 0;cursor:pointer;font-weight:600;list-style:none}
.bloomy-calc-faq summary::-webkit-details-marker{display:none}
.bloomy-calc-faq details p{margin:0 0 14px;line-height:1.8;color:var(--bloomy-soft,#4b5a6a)}
.bloomy-calc-table-wrap{overflow-x:auto}
/* 他ページからの入口（比較・トップ・国別ガイド） */
.bloomy-calc-entry{margin:10px 0 0;font-size:.9rem;line-height:1.7}
.bloomy-calc-entry a{color:var(--bloomy-blue,#2f6fed);text-decoration:none;border-bottom:1px solid transparent}
.bloomy-calc-entry a:hover{border-bottom-color:currentColor}