/* A0004631-A0004670 Referral public final polish layer.
   Scoped to referral/share and referred Quick Help pages. Additive only: keeps existing colour/layout tokens. */
.yitm-referral-public-page .wrap{padding-left:clamp(14px,3vw,24px);padding-right:clamp(14px,3vw,24px)}
.yitm-referral-public-page .hero,.yitm-referral-public-page .card,.yitm-referral-public-page .yitm-rfsr-panel{overflow:hidden}
.yitm-referral-public-page .top a{display:inline-flex;align-items:center;min-height:44px;border-radius:999px;padding:4px 2px}
.yitm-referral-public-page .actions,.yitm-referral-public-page .yitm-rfsr-actions{align-items:center;gap:10px}
.yitm-referral-public-page .btn,.yitm-referral-public-page button.btn,.yitm-referral-public-page .yitm-rfsr-actions a,.yitm-referral-public-page .yitm-rfsr-button{min-height:48px;text-align:center;line-height:1.15;white-space:normal}
.yitm-referral-public-page .yitm-referral-primary-action{box-shadow:0 12px 26px rgba(6,78,53,.14)}
.yitm-referral-public-page details.card>summary,.yitm-referral-public-page details.yitm-rfsr-panel>summary{cursor:pointer;list-style:none}
.yitm-referral-public-page details.card>summary::-webkit-details-marker,.yitm-referral-public-page details.yitm-rfsr-panel>summary::-webkit-details-marker{display:none}
.yitm-referral-public-page details.card>summary:after,.yitm-referral-public-page details.yitm-rfsr-panel>summary:after{content:'Open guide';display:inline-flex;margin-top:8px;border-radius:999px;border:1px solid #cfe2d7;background:#eef8f3;color:#064e35;font-weight:900;padding:8px 12px}
.yitm-referral-public-page details.card[open]>summary:after,.yitm-referral-public-page details.yitm-rfsr-panel[open]>summary:after{content:'Hide guide'}
.yitm-referral-public-page .yitm-rfsr-copy-input,.yitm-referral-public-page .yitm-rfsr-copy-message,.yitm-referral-public-page .copy,.yitm-referral-public-page .share{font-size:16px;line-height:1.35}
.yitm-referral-public-page .yitm-rfsr-copy-message{min-height:112px}
.yitm-referral-public-page .share-list,.yitm-referral-public-page .yitm-rfsr-grid{gap:12px}
.yitm-referral-public-page .fine,.yitm-referral-public-page .muted,.yitm-referral-public-page .small{line-height:1.55}
@media(max-width:760px){
  .yitm-referral-public-page .wrap{padding-top:16px}
  .yitm-referral-public-page .hero,.yitm-referral-public-page .card,.yitm-referral-public-page .yitm-rfsr-panel{border-radius:20px;padding:17px;margin-left:0;margin-right:0}
  .yitm-referral-public-page h1{font-size:clamp(2rem,10vw,2.55rem);letter-spacing:-.025em}
  .yitm-referral-public-page h2{font-size:clamp(1.35rem,7vw,1.85rem);line-height:1.12}
  .yitm-referral-public-page .actions,.yitm-referral-public-page .yitm-rfsr-actions{display:grid;grid-template-columns:1fr;gap:9px}
  .yitm-referral-public-page .btn,.yitm-referral-public-page button.btn,.yitm-referral-public-page .yitm-rfsr-actions a,.yitm-referral-public-page .yitm-rfsr-button{width:100%;min-height:50px;padding:12px 14px;box-sizing:border-box}
  .yitm-referral-public-page .yitm-referral-primary-action{order:-3}
  .yitm-referral-public-page .yitm-referral-secondary-action{order:-2}
  .yitm-referral-public-page .yitm-referral-share-action{order:-1}
  .yitm-referral-public-page .reward-row,.yitm-referral-public-page .yitm-rfsr-example-row{grid-template-columns:1fr 92px;gap:8px;padding:11px 12px}
  .yitm-referral-public-page .reward-row strong,.yitm-referral-public-page .yitm-rfsr-example-row strong{font-size:17px}
  .yitm-referral-public-page .yitm-rfsr-guardrail .yitm-rfsr-grid{grid-template-columns:1fr}
  .yitm-referral-public-page .top{padding:12px 14px}.yitm-referral-public-page .top a{width:100%;justify-content:center}
}
@media(max-width:420px){
  .yitm-referral-public-page .reward-row,.yitm-referral-public-page .yitm-rfsr-example-row{grid-template-columns:1fr;gap:4px}.yitm-referral-public-page .reward-row strong,.yitm-referral-public-page .yitm-rfsr-example-row strong{text-align:left}
}


/* A0004671-A0004710 Referral first-screen decision clarity layer.
   Additive only: improves brand-home consistency, mobile action hierarchy and trust cues. */
.yitm-referral-public-page .top{background:#050505;color:#fff;padding:14px 18px}
.yitm-referral-public-page .top a{color:#fff!important;text-decoration:none!important;font-weight:900;display:inline-flex;align-items:center;min-height:44px;border-radius:999px}
.yitm-referral-public-page .yitm-referral-action-hint{margin:8px 0 0;color:#59665f;font-weight:800;font-size:.96rem;line-height:1.45}
.yitm-referral-public-page .yitm-referral-choice-note{display:grid;gap:8px;margin:14px 0}
.yitm-referral-public-page .yitm-referral-choice-note span{display:block;border:1px solid #cfe2d7;background:#f5fbf8;border-radius:16px;padding:10px 12px;color:#254238;font-weight:850;line-height:1.35}
.yitm-referral-public-page .yitm-referral-choice-note strong{color:#064e35}
.yitm-referral-public-page .yitm-referral-step-label{display:inline-flex;border-radius:999px;background:#fff2c6;color:#7a4a00;font-weight:900;padding:6px 10px;margin-bottom:7px}
@media(max-width:760px){
  .yitm-referral-public-page .top{padding:10px 12px}
  .yitm-referral-public-page .top a{width:100%;justify-content:center;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);padding:8px 10px}
  .yitm-referral-public-page .yitm-referral-choice-note{margin-top:12px}
  .yitm-referral-public-page .yitm-referral-choice-note span{padding:11px 12px}
}


/* A0004711-A0004750 Referral form comfort and trust microcopy layer.
   Scoped and additive: clarifies privacy, touch targets and form confidence without replacing base CSS. */
.yitm-referral-public-page .yitm-referral-trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}
.yitm-referral-public-page .yitm-referral-trust-strip span{border:1px solid #cfe2d7;background:#f5fbf8;border-radius:16px;padding:11px 12px;color:#254238;font-weight:850;line-height:1.35}
.yitm-referral-public-page .yitm-referral-trust-strip strong{display:block;color:#064e35;margin-bottom:2px}
.yitm-referral-public-page .yitm-referral-form-note{border:1px solid #cfe2d7;background:#f5fbf8;border-radius:16px;padding:12px 14px;color:#254238;font-weight:850;line-height:1.45;margin:12px 0}
.yitm-referral-public-page form input:focus,.yitm-referral-public-page form textarea:focus{outline:3px solid rgba(6,78,53,.18);border-color:#064e35}
.yitm-referral-public-page form label{line-height:1.35}
.yitm-referral-public-page .check{line-height:1.4}
.yitm-referral-public-page .yitm-referral-safe-note{font-size:.95rem;color:#59665f;font-weight:800;margin-top:8px}
@media(max-width:760px){
  .yitm-referral-public-page .yitm-referral-trust-strip{grid-template-columns:1fr;gap:8px}
  .yitm-referral-public-page .yitm-referral-form-note{padding:12px}
  .yitm-referral-public-page form input,.yitm-referral-public-page form textarea{min-height:48px;font-size:16px}
}


/* A0004751-A0004830 Referral visual rhythm and accessible touch feedback layer.
   Scoped and additive: no layout replacement, no new systems. */
.yitm-referral-public-page .hero{position:relative}
.yitm-referral-public-page .hero:before{content:'Clear next step';display:inline-flex;border-radius:999px;background:#eef8f3;color:#064e35;border:1px solid #cfe2d7;font-weight:900;padding:6px 10px;margin-bottom:8px}
.yitm-referral-public-page .hero .pill + h1,.yitm-referral-public-page .hero .eyebrow + h1{margin-top:6px}
.yitm-referral-public-page .card,.yitm-referral-public-page .hero,.yitm-referral-public-page .yitm-rfsr-panel{scroll-margin-top:18px}
.yitm-referral-public-page .btn:focus-visible,.yitm-referral-public-page button.btn:focus-visible,.yitm-referral-public-page .yitm-rfsr-button:focus-visible,.yitm-referral-public-page .yitm-rfsr-actions a:focus-visible,.yitm-referral-public-page .top a:focus-visible{outline:3px solid rgba(6,78,53,.32);outline-offset:3px}
.yitm-referral-public-page .btn:active,.yitm-referral-public-page button.btn:active,.yitm-referral-public-page .yitm-rfsr-button:active{transform:translateY(1px)}
.yitm-referral-public-page .actions .yitm-referral-primary-action:first-child{border:2px solid rgba(255,255,255,.52)}
.yitm-referral-public-page .yitm-referral-primary-action:after{content:' ›';font-weight:900}
.yitm-referral-public-page .yitm-rfsr-panel + .yitm-rfsr-panel{margin-top:12px}
@media(max-width:760px){
  .yitm-referral-public-page .wrap{margin-top:0}
  .yitm-referral-public-page .hero:before{width:100%;justify-content:center;box-sizing:border-box}
  .yitm-referral-public-page .hero,.yitm-referral-public-page .card{margin-bottom:12px}
  .yitm-referral-public-page .btn,.yitm-referral-public-page button.btn,.yitm-referral-public-page .yitm-rfsr-button,.yitm-referral-public-page .yitm-rfsr-actions a{min-height:52px}
}
@media (prefers-reduced-motion: reduce){
  .yitm-referral-public-page .btn:active,.yitm-referral-public-page button.btn:active,.yitm-referral-public-page .yitm-rfsr-button:active{transform:none}
}

/* A0004791-A0004830 Referral real-device smoke QA and copy tightening layer */
.yitm-referral-smoke-note{
  margin:14px 0 0;
  padding:12px 14px;
  border:1px solid #d7e7dd;
  border-radius:16px;
  background:#fbfffd;
  color:#3d4b44;
  font-weight:800;
}
.yitm-referral-smoke-note strong{color:#064e35}
.yitm-referral-route-safe-list{
  display:grid;
  gap:8px;
  margin:12px 0;
}
.yitm-referral-route-safe-list a{
  overflow-wrap:anywhere;
}
@media(max-width:700px){
  .yitm-referral-smoke-note{font-size:.96rem;margin-top:10px}
  .yitm-referral-public-page .actions + .yitm-referral-smoke-note{margin-top:4px}
}

/* A0004831-A0004910 Referral helpful sharing message choice layer is rendered by helper with scoped .yitm-rhs-* selectors. */