.domain-choice-grid .domain-registration-price { margin: 16px 0; }
.domain-registration-price strong { display: block; color: #086337; font-size: 27px; line-height: 1.4; }
.domain-registration-price strong span { margin-left: 5px; font-size: 16px; font-weight: 600; }
.domain-registration-price small { display: block; font-size: 15px; line-height: 1.6; }
.domain-pricing-scroll { overflow-x: auto; border: 1px solid #cbd8e7; border-radius: 12px; background: white; }
.domain-price-table { width: 100%; border-collapse: collapse; font-size: 18px; text-align: left; }
.domain-price-table caption { padding: 20px; text-align: left; font-size: 16px; line-height: 1.6; color: #294569; }
.domain-price-table th,.domain-price-table td { padding: 16px 22px; border-top: 1px solid #dce5ef; white-space: nowrap; }
.domain-price-table thead { background: #edf5f1; color: #075a32; }
.domain-price-table tbody tr:nth-child(even) { background: #f7faff; }
.domain-price-table tbody tr:first-child { background: #eef8f0; font-weight: 700; }

/* Annual hosting promotion, shared across all eligible card groups. */
.annual-badge { display:inline-block; padding:8px 12px; border-radius:7px; background:linear-gradient(120deg,#ef1234,#c40019); color:white; font-size:12px; font-weight:800; line-height:1.35; text-align:center; letter-spacing:0; }
.annual-plan-offer { margin:12px 0 20px; }
.plan { container-type:inline-size; }
.plan .plan-top.annual-plan-top { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:8px 12px; align-items:center; }
.annual-plan-top>.plan-kicker { grid-column:1; font-size:12px; overflow-wrap:anywhere; }
.annual-plan-top>.annual-badge { grid-column:2; }
.annual-plan-top>.price { grid-column:3; }
.plan .annual-plan-top>h3 { grid-column:1/-1; width:100%; max-width:none; text-align:center; margin:15px 0 0; }
@container(max-width:350px) {
 .plan .plan-top.annual-plan-top { grid-template-columns:minmax(0,1fr) auto; }
 .annual-plan-top>.price { grid-column:2; grid-row:1; }
 .annual-plan-top>.annual-badge { grid-column:1; grid-row:2; justify-self:start; }
}
.domain-pricing-scroll:focus-visible { outline:3px solid #123ed5; outline-offset:4px; }
.mini-plans article>div { min-width:0; }
.builder-choice>div { display:flex; flex-direction:column; align-items:flex-start; }
.builder-choice .btn { margin-top:auto; }
@media(max-width:600px) {
 .domain-price-table { font-size:15px; }
 .domain-price-table th,.domain-price-table td { padding:13px 10px; }
}
