/* MoreRefund content pages (blogs, refund status) Scoped by adding class `mr-content` to . Designed to improve readability and make actions obvious (buttons vs. plain text). */ .mr-content .mr-grid{display:grid; gap:14px;} .mr-content .mr-grid.two{grid-template-columns:1fr;} .mr-content .mr-grid.three{grid-template-columns:1fr;} @media (min-width: 900px){ .mr-content .mr-grid.two{grid-template-columns:1fr 1fr;} .mr-content .mr-grid.three{grid-template-columns:1fr 1fr 1fr;} } .mr-content .mr-card{ background:#f7f8fb; border:1px solid #e6ebf2; border-radius:16px; padding:16px; } .mr-content .mr-card h2, .mr-content .mr-card h3{margin-top:0;} .mr-content .mr-cta-row{display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin-top:10px;} .mr-content .mr-muted{color:#526274;} .mr-content .mr-list{margin:0; padding-left:18px;} .mr-content .mr-list li{margin:6px 0;} .mr-content .mr-meta{display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin-bottom:10px;} .mr-content .mr-pill{ display:inline-flex; align-items:center; padding:4px 10px; border-radius:999px; font-size:12px; font-weight:700; background:#eef6ff; border:1px solid #d9e9ff; color:#0b355e; } /* Article cards */ .mr-content .mr-article-card h3{font-size:18px; line-height:1.25; margin-bottom:8px;} .mr-content .mr-article-card p{margin:0 0 12px 0; color:#3c4a5d; line-height:1.6;} /* Accordion (details/summary) */ .mr-content .mr-accordion details{ background:#f7f8fb; border:1px solid #e6ebf2; border-radius:16px; padding:12px 14px; margin-top:10px; } .mr-content .mr-accordion summary{ cursor:pointer; font-weight:800; list-style:none; } .mr-content .mr-accordion summary::-webkit-details-marker{display:none;} .mr-content .mr-accordion summary::after{ content:"+"; float:right; font-weight:900; } .mr-content .mr-accordion details[open] summary::after{content:"–";} .mr-content .mr-accordion .mr-accordion-body{margin-top:10px; color:#3c4a5d; line-height:1.6;} .mr-content .mr-accordion .mr-accordion-body p{margin:8px 0;} /* Make plain links inside cards look calm (buttons keep their own styling) */ .mr-content .mr-card a:not(.btn){color:inherit; text-decoration:underline; text-underline-offset:2px;} .mr-content .mr-card a:not(.btn):hover{text-decoration-thickness:2px;} /* Slightly reduce the "everything screams" feeling by tightening headings */ .mr-content .primary-section h1{letter-spacing:-0.02em;} .mr-content .primary-section h2{letter-spacing:-0.01em;} /* CTA button tweaks for content pages (does not affect global header/footer) */ .mr-content .btn.btn-primary{color:#fff !important;} .mr-content .btn.btn-outline{ border:2px solid var(--navy); color:var(--navy); background:rgba(11,61,145,0.08); } .mr-content .btn.btn-outline:hover{ background:var(--navy); color:#fff; }