/* CaleLink製品紹介：短い導入と3つの利用ニーズに絞る。 */
[data-page="CaleLink"] .cale-hero {
  padding:40px 0 44px;
  background:linear-gradient(145deg,#f5f4ee,#e7f1e9);
}
/* 製品アイコンの比率を保ち、製品名と並べてスマホでも幅内に収める。 */
[data-page="CaleLink"] .cale-brand { display:flex;align-items:center;gap:20px; }
[data-page="CaleLink"] .cale-icon { display:block;width:80px;height:80px;object-fit:contain;flex-shrink:0; }
[data-page="CaleLink"] .cale-brand-name { color:var(--ink);font-size:clamp(2rem,4vw,2.7rem);font-weight:800;line-height:1.2; }
[data-page="CaleLink"] .cale-provider { margin:14px 0 24px;color:var(--accent);font-size:14px;font-weight:700; }
[data-page="CaleLink"] h1 { font-size:clamp(1.75rem,3.7vw,3.1rem);max-width:1000px; }
[data-page="CaleLink"] .cale-product-name { display:block;margin-bottom:8px;font-size:16px;color:var(--muted);font-weight:500; }
[data-page="CaleLink"] .hero-lead { max-width:860px; }
[data-page="CaleLink"] .hero .subnote { margin:16px 0 0; }
[data-page="CaleLink"] .cale-needs { padding:44px 0; }
[data-page="CaleLink"] .card { padding:24px; }
[data-page="CaleLink"] .card p:last-child { margin-bottom:0; }
[data-page="CaleLink"] .cale-next { margin:28px 0 0;font-weight:700; }
/* hover/focusでも白文字を維持し、背景だけを明るくする。 */
[data-page="CaleLink"] .cale-official,
[data-page="CaleLink"] .cale-official:visited { color:#fff;background:#102f2b; }
[data-page="CaleLink"] .cale-official:hover,
[data-page="CaleLink"] .cale-official:focus-visible { color:#fff;background:#285d4e; }
[data-page="CaleLink"] .sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0; }
@media(max-width:600px) {
  [data-page="CaleLink"] .cale-hero { padding:30px 0 34px; }
  [data-page="CaleLink"] .cale-brand { gap:16px; }
  [data-page="CaleLink"] .cale-icon { width:64px;height:64px; }
  [data-page="CaleLink"] h1 br { display:none; }
  [data-page="CaleLink"] .cale-needs { padding:32px 0; }
  [data-page="CaleLink"] .actions .button { width:100%;gap:12px; }
}