/* POC: Recommend。アプリ本体と同じ、ガラスのカードと、紺から金のボタンの見た目 */
body{align-items:flex-start;padding-top:28px}
.rc .brand{margin-bottom:8px}
.rc-label{display:flex;align-items:center;gap:8px;margin:20px 0 10px;font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--ink-2)}
.rc-label::before{content:"";width:5px;height:14px;border-radius:1px;background:#f5b800}
.rc-link{position:relative;display:flex;align-items:center;gap:14px;margin:0 0 10px;padding:13px 14px;border-radius:18px;background:rgba(255,255,255,.85);border:1px solid rgba(15,27,61,.08);color:var(--ink);text-decoration:none;box-shadow:0 1px 2px rgba(15,27,61,.05);transition:transform .15s ease,box-shadow .2s ease,background-position .3s ease}
.rc-link[hidden]{display:none}
.rc-link:active{transform:scale(.975)}
.rc-ic{flex:none;width:44px;height:44px;border-radius:14px;background:#eef1f8;display:grid;place-items:center}
.rc-ic svg{width:26px;height:26px}
.rc-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;line-height:1.4}
.rc-tx b{display:flex;align-items:center;gap:8px;font-size:15px}
.rc-tx span{font-size:11.5px;color:var(--ink-2)}
.rc-pr{font-style:normal;font-size:9.5px;font-weight:600;line-height:1;letter-spacing:.14em;padding:3px 4px 3px 6px;border:1px solid rgba(255,255,255,.55);border-radius:2px;color:rgba(255,255,255,.85)}
.rc-go{flex:none;font-size:26px;line-height:1;color:#f5b800;font-weight:700;transition:transform .2s ease}
.rc-amz{flex:none;font-size:11.5px;font-weight:700;line-height:1;padding:8px 11px;border-radius:99px;background:#ffd814;color:#0f1111}
.rc-link[aria-disabled="true"]{pointer-events:none}
/* 一番上のリンクは、開始ボタンと同じ、紺から金へ */
.rc-link.feat{padding:18px 16px;color:#fff;border:0;background:linear-gradient(135deg,#0f1b3d 0%,#1b3a82 55%,#e9b200 130%);background-size:140% 140%;background-position:0 0;box-shadow:0 8px 22px rgba(15,27,61,.28)}
.rc-link.feat .rc-ic{background:rgba(255,255,255,.14)}
.rc-link.feat .rc-tx b{font-size:17px;color:#fff}
.rc-link.feat .rc-tx span{color:rgba(255,255,255,.78)}
@media (hover:hover){
  .rc-link:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,27,61,.18)}
  .rc-link.feat:hover{background-position:100% 100%}
  .rc-link:hover .rc-go{transform:translateX(3px)}
}
.rc-foot{margin:18px 0 0;font-size:10.5px;line-height:1.7;color:var(--ink-2)}
html.dark .rc-link{background:rgba(20,28,56,.75);border-color:rgba(120,140,200,.22)}
html.dark .rc-ic{background:rgba(26,35,64,.85)}
@media (prefers-reduced-motion:reduce){.rc-link,.rc-go{transition:none}}
.rc{position:relative}
.rc-prtag{position:absolute;top:16px;right:18px;font-size:9.5px;line-height:1;letter-spacing:.14em;padding:3px 4px 3px 6px;border:1px solid #c3cadb;border-radius:2px;color:var(--ink-2)}
.rc-ic img{width:100%;height:100%;object-fit:cover;border-radius:14px;display:block}
.rc-soon{flex:none;font-size:10.5px;font-weight:700;line-height:1;padding:7px 10px;border-radius:99px;border:1px dashed #b8c2d9;color:#6b7a9e}
.rc-link.soon{background:rgba(255,255,255,.6)}
.rc-banner{display:block;border-radius:18px;overflow:hidden;box-shadow:0 6px 16px rgba(15,27,61,.16);transition:transform .15s ease,box-shadow .2s ease}
.rc-banner img{display:block;width:100%;height:auto}
.rc-banner:active{transform:scale(.975)}
.rc-px{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
@media (hover:hover){.rc-banner:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,27,61,.22)}}
@media (prefers-reduced-motion:reduce){.rc-banner{transition:none}}