@charset "UTF-8";
/* チャイルドシート適合ナビ — mockup/index.html v3 のデザイン言語を実サイトへ移植したもの。
   トークン・数値はモックの実測値。独自判断で変更しないこと（SITE_SPEC §2）。 */

:root{
  --bg:#F6F1E9; --ink:#26313D; --sub:#7A8694; --line:#ECE4D8;
  --teal:#0E7268; --teal-deep:#0A5A52; --teal-soft:#E3F1EE;
  --amber:#F49D1D; --amber-deep:#E08900;
  --ok:#149E6E; --ok-bg:#E4F6EE; --warn:#C77E00; --warn-bg:#FCF1DC; --ng:#D95454; --ng-bg:#FBEAEA;
  --pend:#7A8694; --pend-bg:#F0EDE6;
  --paper:#FDFBF7;
  --r-lg:22px; --r-md:16px; --r-sm:12px;
  --pad:20px;
}

*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;}
/* UAの [hidden]{display:none} は個別クラスのdisplay指定（.chip等）に負けることがあるため、
   !important で必ず勝たせる。app.js は絞り込み系の表示切替を全て hidden 属性で行っている前提。 */
[hidden]{display:none!important;}
html{-webkit-text-size-adjust:100%;}
body{
  font-family:'Noto Sans JP',-apple-system,BlinkMacSystemFont,'Hiragino Sans','Yu Gothic',sans-serif;
  background:
    radial-gradient(1200px 600px at 15% -10%, #EFE7DA 0%, transparent 60%),
    radial-gradient(1000px 500px at 100% 0%, #E4EBEA 0%, transparent 55%),
    var(--bg);
  background-attachment:fixed;
  color:var(--ink);
  line-height:1.75;
  font-size:14px;
}
.disp{font-family:'Zen Maru Gothic','Noto Sans JP',sans-serif;}
svg.icn{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:block;flex:none;}
img,svg{max-width:100%;}
a{color:var(--teal-deep);}
:focus-visible{outline:3px solid var(--teal);outline-offset:2px;border-radius:6px;}
.skip{position:absolute;left:-9999px;top:0;background:#fff;padding:10px 16px;z-index:99;border-radius:0 0 12px 0;}
.skip:focus{left:0;}

/* ───── 全体の器（デスクトップは max-width 720px センタリング＋余白） ───── */
.wrap{
  background:var(--paper);
  max-width:720px;
  margin:0 auto;
  min-height:100vh;
  border:1px solid #EFE9DE;
  border-left:none;border-right:none;
  overflow-wrap:anywhere;
}
@media (min-width:760px){
  .wrap{
    margin:26px auto 44px;
    min-height:0;
    border:1px solid #EFE9DE;
    border-radius:28px;
    box-shadow:0 24px 50px -18px rgba(38,49,61,.28),0 4px 14px rgba(38,49,61,.06);
  }
  .pr{border-radius:27px 27px 0 0;}
  .foot{border-radius:0 0 27px 27px;}
}

/* ───── 共通ヘッダ ───── */
/* PR帯とAI明示の数値は LEGAL_CHECK §d-3 の確定値（ステマ規制 管理措置指針 別添8⑴ウ/エ）。
   font-size は本文中央値12pxを下回らない 12.5px、色は #6B5324（背景#F2ECE2に対し 6.19:1）。
   デザイン都合で小さく・薄くしないこと（薄くした瞬間に開示の明瞭性要件を割る）。 */
.pr{background:#F2ECE2;color:#6B5324;font-size:12.5px;padding:10px 18px 9px;text-align:center;letter-spacing:.01em;line-height:1.6;font-weight:500;}
.pr b{font-weight:700;}
.ainote{background:var(--paper);color:#6B5324;font-size:11.5px;padding:7px 18px 6px;text-align:center;line-height:1.6;font-weight:500;border-bottom:1px solid var(--line);}
.head{display:flex;align-items:center;gap:10px;padding:12px 18px;background:var(--paper);position:sticky;top:0;z-index:20;box-shadow:0 1px 0 var(--line);}
.head .brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;}
.mark{width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,var(--teal),var(--teal-deep));display:flex;align-items:center;justify-content:center;color:#fff;flex:none;box-shadow:0 3px 8px rgba(14,114,104,.35);}
.head .nm{font-family:'Zen Maru Gothic','Noto Sans JP',sans-serif;font-weight:900;font-size:16.5px;letter-spacing:.01em;line-height:1.3;}
.head .nm small{display:block;font-family:'Noto Sans JP',sans-serif;font-weight:500;font-size:9.5px;color:var(--sub);letter-spacing:.06em;margin-top:1px;}

/* ───── トップ: ヒーロー ───── */
.hero{background:linear-gradient(160deg,#0E7268 0%,#0A5A52 70%);padding:26px 22px 58px;position:relative;overflow:hidden;}
.hero::after{content:"";position:absolute;right:-40px;top:-40px;width:190px;height:190px;border-radius:50%;background:rgba(255,255,255,.07);}
.hero::before{content:"";position:absolute;right:26px;top:64px;width:70px;height:70px;border-radius:50%;background:rgba(255,255,255,.08);}
.hero .em{margin-bottom:12px;line-height:0;margin-left:-11px;color:#fff;}
.hero h1{font-family:'Zen Maru Gothic','Noto Sans JP',sans-serif;font-weight:900;color:#fff;font-size:23px;line-height:1.5;letter-spacing:.02em;}
.hero h1 .y{color:#FFD37A;}
.hero p{color:#CDE6E1;font-size:12.5px;line-height:1.8;margin-top:10px;font-weight:500;max-width:34em;}
.heroCar{display:block;}

/* ───── トップ: 検索カード ───── */
.search{background:#fff;margin:-38px 18px 0;border-radius:var(--r-lg);box-shadow:0 14px 34px -12px rgba(10,90,82,.3);padding:20px;position:relative;z-index:5;}
.search .t{font-family:'Zen Maru Gothic','Noto Sans JP',sans-serif;font-weight:700;font-size:14.5px;display:flex;align-items:center;gap:7px;margin-bottom:4px;}
.search .t svg{color:var(--teal);}
.fld{margin-top:12px;}
.fld label,.fld .lbl{font-size:11px;font-weight:700;color:var(--sub);display:block;margin-bottom:6px;letter-spacing:.04em;}
.sel{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1.6px solid #E3DCCF;border-radius:14px;padding:0 15px;background:var(--paper);position:relative;}
.sel:focus-within{border-color:var(--teal);}
.sel select,.sel input{
  appearance:none;-webkit-appearance:none;background:transparent;border:none;
  font-family:inherit;font-size:15px;font-weight:700;color:var(--ink);
  padding:13px 0;width:100%;min-width:0;line-height:1.4;
  text-overflow:ellipsis;
}
.sel select:focus,.sel input:focus{outline:none;}
/* 未入力・未選択の案内文は .gentext[data-empty] と同じ濃度に揃える（4.89:1）。 */
.sel select:disabled{color:#667079;}
.sel input::placeholder{color:#667079;font-weight:500;}
.sel svg{flex:none;}
/* 年式・型式フィールド: GO-1では選択肢が常に1個しかなく select は選ぶ意味を持たないため、
   選んだ車種の世代を表示するだけの静的テキストにしている（SITE_SPEC§5 データ担当のQA指摘）。 */
.gentext{display:block;font-family:inherit;font-size:15px;font-weight:700;color:var(--ink);padding:13px 0;width:100%;line-height:1.4;}
/* 未選択時の案内文。旧 #B9C1CA は 1.82:1 で読めないため 4.89:1 まで濃くする。 */
.gentext[data-empty="1"]{color:#667079;font-weight:500;}
.go{
  display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:none;border-radius:16px;
  padding:16px;margin-top:16px;background:linear-gradient(160deg,#F6A83A,#E08900);color:#fff;
  font-family:'Zen Maru Gothic','Noto Sans JP',sans-serif;font-weight:900;font-size:16.5px;letter-spacing:.05em;
  box-shadow:0 8px 18px -6px rgba(224,137,0,.5);cursor:pointer;
}
.go:hover{filter:brightness(1.03);}
.hint{font-size:11px;color:#A0700F;font-weight:700;margin-top:8px;line-height:1.7;}

/* ───── 整備中バンド ───── */
.band{
  display:flex;align-items:flex-start;gap:8px;
  margin:16px 18px 0;background:#FFF9E8;border:1.4px solid #F2DFA7;border-radius:var(--r-md);
  padding:11px 14px;font-size:11.5px;line-height:1.75;color:#6E5A1E;font-weight:600;
}
.band svg{color:var(--warn);margin-top:3px;}

/* ───── トップ: セクション共通 ───── */
.pop,.cars,.why,.rel{padding:22px var(--pad) 4px;}
.why{padding-bottom:26px;}
.pop h2,.why h2,.cars h2,.rel h2,.secTitle{
  font-family:'Zen Maru Gothic','Noto Sans JP',sans-serif;font-weight:900;font-size:14px;
  display:flex;align-items:center;gap:7px;margin-bottom:11px;line-height:1.5;
}
.pop h2 svg{color:var(--amber-deep);margin-top:1px;}
.cars h2 .cnt{font-family:'Noto Sans JP',sans-serif;font-size:11px;font-weight:700;color:var(--sub);margin-left:auto;}
.chips{display:flex;flex-wrap:wrap;gap:8px;}
.chip{
  background:#fff;border:1.4px solid #E3DCCF;border-radius:999px;padding:8px 14px;
  font-size:12.5px;font-weight:700;color:var(--teal-deep);box-shadow:0 1px 3px rgba(38,49,61,.05);
  text-decoration:none;display:inline-flex;align-items:baseline;gap:6px;
}
.chip:hover{border-color:#BFDED8;background:#FBFDFC;}
.chip small{font-size:10px;font-weight:700;color:var(--sub);letter-spacing:.02em;}
.chip.hot{background:var(--teal-soft);border-color:#BFDED8;}
.chip.muted{color:var(--sub);}
.cgroup{margin-bottom:14px;}
.cgroup h4{font-size:12px;font-weight:800;color:var(--sub);letter-spacing:.06em;margin-bottom:8px;display:flex;align-items:center;gap:8px;}
/* 件数バッジ。旧 #B4AC9E は紙面(#FDFBF7)に対し 2.18:1 しか無かったので濃度を上げる（5.16:1）。 */
.cgroup h4 span,.gcnt{font-size:10px;font-weight:700;color:#736A59;}
.empty{font-size:12px;color:var(--sub);padding:6px 0 10px;font-weight:600;}

.wcard{
  display:flex;gap:13px;align-items:center;background:#fff;border:1px solid var(--line);
  border-radius:var(--r-md);padding:14px 15px;margin-bottom:9px;box-shadow:0 2px 6px rgba(38,49,61,.04);
  text-decoration:none;color:inherit;
}
a.wcard:hover{border-color:#BFDED8;}
.wcard .ic{width:42px;height:42px;border-radius:13px;background:var(--teal-soft);display:flex;align-items:center;justify-content:center;color:var(--teal);flex:none;}
.wcard b{font-size:13.5px;display:block;line-height:1.5;}
.wcard span{font-size:11.5px;color:var(--sub);line-height:1.65;display:block;margin-top:2px;}
.more{font-size:12px;font-weight:700;margin-top:10px;}

/* ───── 車種ページ ───── */
.crumb{font-size:10.5px;color:#A7B0BA;padding:12px var(--pad) 0;font-weight:500;line-height:1.7;}
.crumb a{color:#8A939D;text-decoration:none;}
.crumb a:hover{text-decoration:underline;}
.carHero{padding:8px var(--pad) 16px;}
.tag{display:inline-block;background:var(--teal-soft);color:var(--teal-deep);font-size:11px;font-weight:900;border-radius:8px;padding:4px 10px;letter-spacing:.03em;line-height:1.6;}
.carHero h1{font-family:'Zen Maru Gothic','Noto Sans JP',sans-serif;font-weight:900;font-size:21px;line-height:1.45;margin-top:9px;}
.carHero .meta{font-size:12px;color:var(--sub);margin-top:5px;font-weight:500;line-height:1.7;}
/* ───── 車種ページ: 実車写真 / シルエット（SITE_SPEC §7-1） ───── */
.carPhoto{margin:14px var(--pad) 0;}
.carPhoto img{width:100%;height:auto;display:block;border-radius:16px;border:1px solid var(--line);background:#fff;}
.carPhoto-silhouette img{background:var(--teal-soft);padding:10px;box-sizing:border-box;}
.photoCredit{margin-top:6px;text-align:left;font-size:12px;color:#5B6672;line-height:1.6;}  /* 5.66:1 on --paper */
.photoCredit a{font-size:12px;color:#5B6672;font-weight:600;text-decoration:underline;text-decoration-style:dotted;line-height:1.6;}  /* 5.66:1 on --paper */
.photoCredit a:hover{text-decoration-style:solid;color:var(--teal-deep);}

.sumStrip{display:flex;gap:8px;margin:14px var(--pad) 0;}
.sum{flex:1;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);text-align:center;padding:11px 4px 9px;box-shadow:0 2px 6px rgba(38,49,61,.04);}
.sum .v{font-family:'Zen Maru Gothic','Noto Sans JP',sans-serif;font-weight:900;font-size:21px;line-height:1;}
.sum .k{font-size:10px;font-weight:700;color:var(--sub);margin-top:4px;letter-spacing:.04em;}
.sum.ok .v{color:var(--ok);} .sum.warn .v{color:var(--warn);} .sum.ng .v{color:var(--ng);}
.checked{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--sub);font-weight:600;padding:10px 22px 0;line-height:1.7;}
.checked .dot{width:7px;height:7px;border-radius:50%;background:var(--warn);flex:none;}

.ftabs{display:flex;gap:7px;padding:13px var(--pad) 4px;overflow-x:auto;scrollbar-width:none;}
.ftabs::-webkit-scrollbar{display:none;}
.ft{
  flex:none;border-radius:999px;padding:8px 15px;font-size:12px;font-weight:800;
  background:#fff;border:1.4px solid #E3DCCF;color:#5B6672;font-family:inherit;cursor:pointer;
}
.ft.on{background:var(--teal);border-color:var(--teal);color:#fff;box-shadow:0 4px 10px -3px rgba(14,114,104,.5);}

.plist{padding:12px 16px 6px;}
.pcard{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);margin-bottom:13px;box-shadow:0 3px 10px rgba(38,49,61,.05);overflow:hidden;}
.pcard .body{padding:15px 16px 12px;display:flex;gap:13px;}
.thumb{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex:none;}
.t1{background:linear-gradient(145deg,#FDEFD8,#F8D9A8);color:#A66A12;}
.t2{background:linear-gradient(145deg,#DCEFF7,#BBD9EA);color:#3E7391;}
.t3{background:linear-gradient(145deg,#E7E3F6,#CCC4EC);color:#6B5AA8;}
.t4{background:linear-gradient(145deg,#EAEDEF,#D4DADF);color:#5B6672;}
.pcard .inf{flex:1;min-width:0;}
.pcard .mk{font-size:10.5px;font-weight:800;color:var(--sub);letter-spacing:.05em;}
.pcard .pn{font-family:'Zen Maru Gothic','Noto Sans JP',sans-serif;font-weight:900;font-size:15.5px;line-height:1.35;margin-top:2px;}
.pcard .cmeta{font-size:10.5px;color:var(--sub);font-weight:600;margin-top:6px;letter-spacing:.02em;}
.pcard .cmeta b{font-weight:800;color:#5B6672;}
.st{flex:none;align-self:flex-start;display:flex;flex-direction:column;align-items:center;gap:2px;border-radius:14px;padding:9px 13px 7px;min-width:56px;}
.st .m{font-family:'Zen Maru Gothic','Noto Sans JP',sans-serif;font-weight:900;font-size:19px;line-height:1;}
.st .w{font-size:9.5px;font-weight:900;letter-spacing:.06em;white-space:nowrap;}
/* チップの文字は9.5-19pxの小さめ表示なので、色トークンそのままだと背景とのコントラストが
   3:1前後しか出ない。ブランドの色相は保ったまま濃度だけ落として全て4.5:1以上にする
   （--ok/--warn/--ng/--pend トークン自体は .sum の大きな数字などで使うため変更しない）。 */
.st.ok{background:var(--ok-bg);color:#0B7A54;}       /* 4.77:1 */
.st.warn{background:var(--warn-bg);color:#8A5A00;}   /* 5.29:1 */
.st.ng{background:var(--ng-bg);color:#A83232;}       /* 5.70:1 */
.st.pend{background:var(--pend-bg);color:#5B6672;}   /* 5.01:1 */
/* カード内の説明文は「要約を掲載していない理由」など掲載方針を伝える文なので 4.5:1 以上にする。 */
.pnote{font-size:11px;color:#5B6672;line-height:1.7;padding:0 16px 12px;font-weight:500;}  /* 5.85:1 */
.pnote b{color:#8A6A1F;font-weight:800;}
.acts{display:flex;gap:9px;padding:0 14px 14px;}
.a1{
  flex:1;display:flex;align-items:center;justify-content:center;gap:5px;text-align:center;
  font-size:11.5px;letter-spacing:-.02em;font-weight:800;color:var(--teal-deep);
  border:1.6px solid #CBE0DC;border-radius:12px;padding:11px 2px;text-decoration:none;background:#FBFDFC;white-space:nowrap;
}
.a1:hover{background:#F2F9F7;}
.a1.dis{color:#6E6555;border-color:#E7E1D6;background:#F7F5F0;cursor:default;}   /* 5.27:1 */
.a2{
  flex:1;display:flex;align-items:center;justify-content:center;gap:5px;font-size:12.5px;font-weight:900;
  color:#fff;border-radius:12px;padding:11px 4px;text-decoration:none;
  background:linear-gradient(160deg,#F6A83A,#E08900);box-shadow:0 6px 14px -5px rgba(224,137,0,.55);white-space:nowrap;
}
.a2:hover{filter:brightness(1.03);}
.a2.dis{background:#EDEAE3;color:#6E6555;box-shadow:none;}                        /* 4.78:1 */
.a1 svg{margin-right:-1px;}
/* 適合表の提供元の注記（LEGAL_CHECK C-18 で掲載必須）。読めない濃度にしない。 */
.opnote{font-size:10.5px;color:#5B6672;line-height:1.6;padding:0 16px 12px;font-weight:500;margin-top:-6px;}  /* 5.85:1 */
/* 「確認中」の意味の説明。誤解防止の文なので薄くしない。 */
.legend{font-size:11px;color:#5B6672;padding:2px 22px 10px;line-height:1.7;}  /* 5.66:1 */
.warnBox{margin:6px 16px 24px;background:#FFF9E8;border:1.4px solid #F2DFA7;border-radius:var(--r-md);padding:13px 15px;display:flex;gap:10px;}
.warnBox .i{color:var(--warn);flex:none;margin-top:2px;}
.warnBox p{font-size:11px;line-height:1.75;color:#6E5A1E;font-weight:500;}
.warnBox b{font-weight:900;}

/* ───── 解説・記事 ───── */
.carDesc{padding:4px var(--pad) 0;}
.seatnote{background:var(--teal-soft);border:1px solid #CFE6E1;border-radius:var(--r-md);padding:14px 15px;margin-bottom:14px;}
.seatnote h3{font-family:'Zen Maru Gothic','Noto Sans JP',sans-serif;font-weight:900;font-size:13px;color:var(--teal-deep);margin-bottom:5px;}
.seatnote p{font-size:12px;line-height:1.85;color:#31434A;}

/* ───── 取付イメージ図（SITE_SPEC §7-3） ───── */
.installImg{padding:4px var(--pad) 0;margin-top:18px;}
.diagWrap{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:10px;box-shadow:0 2px 6px rgba(38,49,61,.04);}
.diagWrap svg{width:100%;height:auto;display:block;}
.diagCaption{font-size:12px;color:#5B6672;line-height:1.7;margin-top:6px;font-weight:500;}  /* 5.66:1 */

.pageHead{padding:8px var(--pad) 0;}
.pageHead h1{font-family:'Zen Maru Gothic','Noto Sans JP',sans-serif;font-weight:900;font-size:21px;line-height:1.5;}
.pageHead p{font-size:12px;color:var(--sub);margin-top:6px;line-height:1.8;}
.pageHead .meta{font-size:11px;color:var(--sub);margin-top:6px;font-weight:600;}
.art{padding-bottom:6px;}
.art .prose{padding:0 var(--pad);}
.prose{font-size:13.5px;line-height:1.95;color:#31434A;}
.prose h2{
  font-family:'Zen Maru Gothic','Noto Sans JP',sans-serif;font-weight:900;font-size:16px;color:var(--ink);
  margin:26px 0 10px;padding-left:11px;border-left:5px solid var(--teal);line-height:1.5;
}
.prose h3{font-family:'Zen Maru Gothic','Noto Sans JP',sans-serif;font-weight:900;font-size:14px;color:var(--teal-deep);margin:20px 0 8px;}
.prose h4,.prose h5{font-family:'Zen Maru Gothic','Noto Sans JP',sans-serif;font-weight:700;font-size:13px;margin:16px 0 6px;}
.prose p{margin:0 0 12px;}
.prose ul,.prose ol{margin:0 0 14px;padding-left:1.35em;}
.prose li{margin-bottom:5px;}
.prose ul li::marker{color:var(--teal);}
.prose strong{font-weight:800;color:#1F2A34;}
.prose blockquote{border-left:3px solid #E3DCCF;padding:2px 0 2px 12px;color:var(--sub);margin:0 0 12px;}
.prose hr{border:none;border-top:1px solid var(--line);margin:22px 0;}
.prose a{font-weight:700;}

/* ───── 関連リンク ───── */
.glinks{display:flex;flex-direction:column;gap:8px;}
.glink{
  display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);
  padding:11px 13px;font-size:12.5px;font-weight:700;color:var(--teal-deep);text-decoration:none;
  box-shadow:0 2px 6px rgba(38,49,61,.04);line-height:1.5;
}
.glink:hover{border-color:#BFDED8;}
.glink svg{flex:none;color:var(--teal);}

/* ───── /credits/: 写真の出典一覧 ───── */
.creditsList{padding:6px var(--pad) 22px;display:flex;flex-direction:column;gap:10px;}
.creditCard{
  display:flex;gap:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);
  padding:12px;box-shadow:0 2px 6px rgba(38,49,61,.04);
}
.ccThumb{flex:none;width:96px;height:72px;border-radius:10px;overflow:hidden;display:block;background:var(--teal-soft);}
.ccThumb img{width:100%;height:100%;object-fit:cover;display:block;}
.ccInfo{flex:1;min-width:0;}
.ccName{font-family:'Zen Maru Gothic','Noto Sans JP',sans-serif;font-weight:900;font-size:14px;color:var(--ink);text-decoration:none;display:block;}
.ccName:hover{color:var(--teal-deep);}
.ccMeta{font-size:11px;color:#5B6672;line-height:1.7;margin-top:4px;font-weight:500;}  /* 5.66:1 */
.ccMeta a{color:#5B6672;font-weight:700;}
.ccSrc{display:inline-block;margin-top:5px;font-size:11px;font-weight:700;color:var(--teal-deep);text-decoration:none;}
.ccSrc:hover{text-decoration:underline;}

/* ───── フッタ ───── */
.foot{margin-top:26px;background:#F2ECE2;padding:20px var(--pad) 26px;}
.fdis{display:flex;gap:9px;align-items:flex-start;background:#fff;border:1px solid #E7DFD2;border-radius:var(--r-md);padding:12px 14px;}
.fdis p{font-size:11px;line-height:1.8;color:#6E5A1E;font-weight:500;}
.fdis b{font-weight:900;}
/* 開示・AI明示・商標表記の再掲。LEGAL_CHECK §d-3 により .pr と同水準（12.5px / 6.19:1）。 */
.fai{font-size:12.5px;color:#6B5324;line-height:1.8;margin-top:10px;font-weight:600;}
.flinks{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:14px;}
.flinks a{font-size:11.5px;font-weight:700;color:var(--teal-deep);text-decoration:none;}
.flinks a:hover{text-decoration:underline;}
.fcopy{font-size:10px;color:#A99B84;margin-top:12px;letter-spacing:.02em;}

/* ───── 画面が広いときだけ少しだけ余裕を持たせる（2カラム化はしない） ───── */
@media (min-width:560px){
  :root{--pad:28px;}
  body{font-size:14.5px;}
  .hero{padding:32px 28px 62px;}
  .hero h1{font-size:27px;}
  .hero p{font-size:13.5px;}
  .search{margin:-38px 26px 0;padding:24px;}
  .band{margin-left:26px;margin-right:26px;}
  .carHero h1,.pageHead h1{font-size:24px;}
  .plist{padding:12px 24px 6px;}
  .warnBox{margin-left:24px;margin-right:24px;}
  .prose{font-size:14px;}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;}
}