/* YRA Graded & Sealed Market public layout */
.yra-gsm-card-page,
.yra-gsm-card-page * {
    box-sizing: border-box;
}

.yra-gsm-card-page {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0 0 18px;
    color: #111;
    font-family: Arial, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
    line-height: 1.6;
}

/* Generated onboarding source blocks are retained as the auditable source of truth,
   but the renderer owns the visible page on GSM-managed posts. */
body.yra-gsm-managed-post .entry-content .wp-block-image,
body.yra-gsm-managed-post .entry-content .card-page-container {
    display: none !important;
}
body.yra-gsm-managed-post .entry-content .yra-gsm-card-page .card-page-container {
    display: block !important;
}
body.yra-gsm-managed-post .entry-content .yra-gsm-card-page .card-page-container .wp-block-image {
    display: initial !important;
}

/* Legacy old-relief appenders are not allowed to become part of the GSM-managed view. */
body.yra-gsm-managed-post .yr-related-posts-area,
body.yra-gsm-managed-post #psa-pop-table-area,
body.yra-gsm-managed-post #yr-inline-gemix-ad,
body.yra-gsm-managed-post #yr-card-link-cta-wrap,
body.yra-gsm-managed-post #yra-free-to-pro-cta-v113:not(.yra-gsm-pro-cta-v113) {
    display: none !important;
}

/* Do not expose the default Uncategorized footer on GSM-generated posts. */
body.yra-gsm-managed-post .cat-links,
body.yra-gsm-managed-post .ast-taxonomy-container,
body.yra-gsm-managed-post footer.entry-meta .posted-in {
    display: none !important;
}

.yra-gsm-latest-panel {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 12px;
    margin: 8px 0 24px;
}
.yra-gsm-latest-panel.is-free {
    grid-template-columns: minmax(0, 1fr);
}
.yra-gsm-latest-card {
    min-height: 112px;
    padding: 14px 18px;
    border: 1px solid #d8dde3;
    border-left: 7px solid #1a252f;
    background: #fff;
    box-shadow: 0 3px 13px rgba(0,0,0,.08);
}
.yra-gsm-latest-card.is-ars { border-left-color: #2f855a; }
.yra-gsm-latest-label {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 4px;
}
.yra-gsm-latest-label span {
    display: inline-block;
    padding: 4px 9px;
    border-radius: 3px;
    background: #1a252f;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
}
.yra-gsm-latest-card.is-ars .yra-gsm-latest-label span { background: #2f855a; }
.yra-gsm-latest-label small { color: #444; font-weight: 700; }
.yra-gsm-latest-price {
    font-size: clamp(28px, 4vw, 42px);
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: -.02em;
}
.yra-gsm-latest-change { margin-top: 6px; font-weight: 800; }
.yra-gsm-latest-change.is-up, .yra-gsm-change.is-up { color: #0b4fb3; }
.yra-gsm-latest-change.is-down, .yra-gsm-change.is-down { color: #c00000; }
.yra-gsm-latest-change.is-flat, .yra-gsm-change.is-flat { color: #555; }
.yra-gsm-latest-date { margin-top: 6px; color: #666; font-size: 12px; }
.yra-gsm-latest-no-data, .yra-gsm-latest-empty {
    padding: 14px;
    border: 1px solid #d9e0e7;
    background: #f8fafc;
    color: #56616d;
}

.yra-gsm-card-image-area {
    text-align: center;
    margin: 18px 0 28px;
}
.yra-gsm-card-image {
    display: inline-block;
    width: auto;
    max-width: min(220px, 72vw);
    max-height: 340px;
    height: auto;
    object-fit: contain;
    border-radius: 4px;
    box-shadow: 0 5px 18px rgba(0,0,0,.18);
}

.yra-gsm-section { margin: 28px 0 0; }
.yra-gsm-section-title,
.yra-gsm-card-page .sec-title {
    margin: 30px 0 15px;
    padding: 0 0 5px 10px;
    border-left: 6px solid #1a252f;
    border-bottom: 2px solid #ddd;
    color: #111;
    font-size: clamp(18px, 2vw, 21px);
    font-weight: 800;
    line-height: 1.45;
}

.yra-gsm-card-page .card-page-container {
    margin: 0;
    padding: 0;
    background: transparent;
    color: #111;
    font-family: inherit;
}
.yra-gsm-card-page .spec-table,
.yra-gsm-data-table,
.yra-gsm-history-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
    background: #fff;
    color: #111;
    font-size: 14px;
}
.yra-gsm-card-page .spec-table th,
.yra-gsm-card-page .spec-table td,
.yra-gsm-data-table th,
.yra-gsm-data-table td,
.yra-gsm-history-table th,
.yra-gsm-history-table td {
    border: 1px solid #d8dce0;
    padding: 9px 10px;
    vertical-align: middle;
}
.yra-gsm-card-page .spec-table th {
    width: 30%;
    background: #f1f3f5;
    text-align: left;
    font-weight: 800;
}
.yra-gsm-card-page .spec-table td { background: #fff; }

.yra-gsm-table-scroll,
.yra-gsm-history-scroll {
    width: 100%;
    overflow-x: auto;
    border: 1px solid #d8dce0;
    background: #fff;
    -webkit-overflow-scrolling: touch;
}
.yra-gsm-history-scroll { max-height: 360px; overflow-y: auto; }
.yra-gsm-data-table,
.yra-gsm-history-table { min-width: 620px; border: 0; }
.yra-gsm-data-table thead th,
.yra-gsm-history-table thead th {
    background: #1a252f;
    color: #fff;
    text-align: center;
    font-weight: 800;
}
.yra-gsm-history-table thead th { position: sticky; top: 0; z-index: 2; }
.yra-gsm-data-table tbody th { background: #f4f6f8; font-weight: 800; white-space: nowrap; }
.yra-gsm-data-table td,
.yra-gsm-history-table td { text-align: center; }
.yra-gsm-history-table tbody tr:nth-child(even) { background: #f8fafb; }
.yra-gsm-price { color: #c00000; font-weight: 800; }
.yra-gsm-extremes .is-high { background: #edf5ff; font-weight: 800; }
.yra-gsm-extremes .is-low { background: #fff0f0; font-weight: 800; }

.yra-gsm-history-controls {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin: 0 0 10px;
}
.yra-gsm-company-toggle {
    display: inline-flex;
    border: 1px solid #8a949e;
    border-radius: 5px;
    overflow: hidden;
}
.yra-gsm-company-toggle button {
    appearance: none;
    border: 0;
    border-right: 1px solid #8a949e;
    background: #fff;
    color: #222;
    padding: 7px 12px;
    font-weight: 800;
    cursor: pointer;
}
.yra-gsm-company-toggle button:last-child { border-right: 0; }
.yra-gsm-company-toggle button.is-active { background: #1a252f; color: #fff; }
.yra-gsm-filter-label { font-weight: 800; color: #333; }
.yra-gsm-filter-label select {
    margin-left: 5px;
    padding: 6px 8px;
    border: 2px solid #555;
    background: #fff;
    color: #111;
    font-weight: 800;
}

.yra-gsm-chart {
    width: 100%;
    min-height: 285px;
    margin: 8px 0 0;
    border: 1px solid #e0e4e8;
    background: #fff;
    overflow: hidden;
}
.yra-gsm-chart svg { display: block; width: 100%; height: auto; min-height: 285px; }
.yra-gsm-chart-grid { stroke: #e8edf2; stroke-width: 1; }
.yra-gsm-chart-axis { stroke: #6d7782; stroke-width: 1.2; }
.yra-gsm-chart-line { fill: none; stroke-width: 2.5; stroke-linejoin: round; stroke-linecap: round; }
.yra-gsm-chart-point { stroke-width: 0; }
.yra-gsm-chart-label, .yra-gsm-chart-date { fill: #64707c; font-size: 11px; }
.yra-gsm-chart-empty,
.yra-gsm-empty {
    padding: 14px;
    border: 1px solid #dce3e9;
    border-radius: 5px;
    background: #f7f9fb;
    color: #596775;
}
.yra-gsm-chart-empty {
    min-height: 285px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
}
.yra-gsm-chart-hint,
.yra-gsm-data-note {
    margin: 6px 0 10px;
    color: #7b858f;
    font-size: 12px;
    text-align: right;
}

.yra-gsm-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    margin: 12px 0 0;
}
.yra-gsm-pagination a {
    padding: 6px 12px;
    border: 1px solid #cbd2d9;
    border-radius: 4px;
    background: #fff;
    text-decoration: none;
}

.yra-gsm-distribution-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 14px;
}
.yra-gsm-distribution-card {
    padding: 14px;
    border: 1px solid #dde2e7;
    border-radius: 6px;
    background: #fff;
}
.yra-gsm-distribution-card h3 { margin: 0 0 10px; font-size: 16px; }
.yra-gsm-dist-row {
    display: grid;
    grid-template-columns: 76px minmax(80px, 1fr) 52px 58px;
    gap: 7px;
    align-items: center;
    padding: 5px 0;
    font-size: 12px;
}
.yra-gsm-dist-row span { font-weight: 800; }
.yra-gsm-dist-meter { width:100%; height:10px; border:0; background:#edf0f3; border-radius:999px; overflow:hidden; }
.yra-gsm-dist-meter::-webkit-meter-bar { background:#edf0f3; border:0; border-radius:999px; }
.yra-gsm-dist-meter::-webkit-meter-optimum-value { background:#ff5b77; border-radius:999px; }
.yra-gsm-dist-meter::-moz-meter-bar { background:#ff5b77; border-radius:999px; }
.yra-gsm-dist-row strong, .yra-gsm-dist-row em { font-style: normal; text-align: right; }
.yra-gsm-dist-total { margin-top: 8px; padding-top: 8px; border-top: 2px solid #ddd; text-align: right; font-weight: 800; }

.yra-gsm-internal-ctas {
    display: grid;
    gap: 10px;
    margin: 18px 0;
}
.yra-gsm-internal-ctas a {
    display: block;
    padding: 12px 16px;
    border-radius: 7px;
    text-align: center;
    text-decoration: none !important;
}
.yra-gsm-internal-ctas a strong,
.yra-gsm-internal-ctas a small { display: block; }
.yra-gsm-internal-ctas a small { margin-top: 2px; opacity: .8; }
.yra-gsm-internal-ctas .is-map { color: #1e4fbf !important; background: #eef3ff; border: 1px solid #5a82df; }
.yra-gsm-internal-ctas .is-sim { color: #11713d !important; background: #ecfff4; border: 1px solid #57bf7a; }

.yra-gsm-pro-cta { margin: 16px 0 24px; }
.yra-gsm-pro-cta a {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 4px 12px;
    align-items: center;
    padding: 14px 16px;
    border: 2px solid #ff9800;
    border-radius: 7px;
    background: #fff8e8;
    color: #522b00 !important;
    text-decoration: none !important;
}
.yra-gsm-pro-cta span {
    grid-row: 1 / span 2;
    padding: 5px 8px;
    border-radius: 4px;
    background: #ff9800;
    color: #fff;
    font-weight: 900;
}
.yra-gsm-pro-cta strong { font-size: 15px; }
.yra-gsm-pro-cta small { color: #7a5a2b; }

.yra-gsm-market-links {
    display: grid;
    gap: 12px;
    margin: 12px auto 24px;
    width: min(100%, 720px);
}
.yra-gsm-market-links a {
    position: relative;
    display: block;
    padding: 14px 18px;
    border-radius: 999px;
    text-align: center;
    font-weight: 900;
    text-decoration: none !important;
}
.yra-gsm-market-links a span,
.yra-gsm-shop-grid a .ad-label {
    position: absolute;
    top: 5px;
    right: 8px;
    padding: 1px 4px;
    border: 1px solid currentColor;
    border-radius: 2px;
    font-size: 9px;
    font-weight: 700;
}
.yra-gsm-market-links .is-mercari { background: linear-gradient(135deg,#ea352d,#ff5e57); color:#fff !important; }
.yra-gsm-market-links .is-ebay { background:#fff; color:#111 !important; border:2px solid #3665f3; }
.yra-gsm-shop-title { margin: 26px 0 10px; padding-left: 8px; border-left: 4px solid #1a252f; font-size: 17px; }
.yra-gsm-shop-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}
.yra-gsm-shop-grid a {
    position: relative;
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #555;
    border-radius: 6px;
    text-decoration: none !important;
    font-weight: 900;
}
.yra-gsm-shop-grid .is-rakuten { color:#bf0000 !important; background:#fff; border-color:#bf0000; }
.yra-gsm-shop-grid .is-toretoku { color:#333 !important; background:#f4f4f4; }
.yra-gsm-shop-grid .is-yuyutei { color:#fff !important; background:#12aee9; border-color:#087db0; }
.yra-gsm-shop-grid .is-karnavel { color:#ffd700 !important; background:#00bfff; border-color:#00008b; text-shadow:1px 1px #00008b,-1px -1px #00008b; }

.yra-gsm-message {
    padding: 12px;
    border: 1px solid #ddd;
    background: #fff;
    color: #333;
}

.yra-gsm-pro-frame {
    display: block;
    width: 100%;
    min-height: 980px;
    border: 0;
    overflow: hidden;
    background: #fff;
}
html.yra-gsm-pro-embed-html,
html.yra-gsm-pro-embed-html body.yra-gsm-pro-embed-body {
    overflow: hidden !important;
    overscroll-behavior: none;
}
body.yra-gsm-pro-embed-body {
    margin: 0;
    padding: 12px;
    background: #fff;
}
body.yra-gsm-pro-embed-body .yra-gsm-card-page { margin: 0; }

@media (max-width: 700px) {
    .yra-gsm-latest-panel { grid-template-columns: 1fr; }
    .yra-gsm-latest-card { min-height: 0; padding: 12px 13px; }
    .yra-gsm-latest-price { font-size: 30px; }
    .yra-gsm-card-image { max-width: min(210px, 76vw); max-height: 330px; }
    .yra-gsm-card-page .spec-table,
    .yra-gsm-data-table,
    .yra-gsm-history-table { font-size: 12px; }
    .yra-gsm-card-page .spec-table th,
    .yra-gsm-card-page .spec-table td,
    .yra-gsm-data-table th,
    .yra-gsm-data-table td,
    .yra-gsm-history-table th,
    .yra-gsm-history-table td { padding: 7px 6px; }
    .yra-gsm-history-controls { justify-content: flex-start; }
    .yra-gsm-company-toggle { width: 100%; }
    .yra-gsm-company-toggle button { flex: 1 1 0; padding: 7px 5px; font-size: 11px; }
    .yra-gsm-filter-label { width: 100%; }
    .yra-gsm-filter-label select { width: calc(100% - 60px); }
    .yra-gsm-chart { min-height: 240px; }
    .yra-gsm-chart svg { min-height: 240px; }
    .yra-gsm-chart-label { font-size: 9px; }
    .yra-gsm-dist-row { grid-template-columns: 66px minmax(60px,1fr) 46px 50px; gap:5px; font-size:11px; }
    .yra-gsm-shop-grid { grid-template-columns: 1fr; }
    .yra-gsm-pro-cta a { grid-template-columns: auto 1fr; padding: 12px; }
}

.yra-gsm-gemix-banner {
    position: relative;
    width: min(100%, 640px);
    margin: 24px auto 12px;
    border: 1px solid #b58a2f;
    border-radius: 7px;
    overflow: hidden;
    background: linear-gradient(110deg,#111 0%,#202020 52%,#f3e6bd 52%,#fff7df 100%);
    box-shadow: 0 4px 16px rgba(0,0,0,.12);
}
.yra-gsm-gemix-banner a {
    position: relative;
    display: grid;
    grid-template-columns: 82px minmax(0,1fr) auto;
    gap: 12px;
    align-items: center;
    min-height: 86px;
    padding: 9px 14px;
    color: #fff !important;
    text-decoration: none !important;
}
.yra-gsm-gemix-banner img {
    display: block;
    width: 72px;
    max-height: 58px;
    object-fit: contain;
}
.yra-gsm-gemix-copy { display:block; min-width:0; }
.yra-gsm-gemix-copy strong { display:block; color:#fff; font-size:18px; letter-spacing:.04em; }
.yra-gsm-gemix-copy small { display:block; margin-top:3px; color:#f7d977; font-size:12px; font-weight:800; }
.yra-gsm-gemix-action {
    display:inline-block;
    padding:9px 12px;
    border-radius:4px;
    background:#fff;
    color:#111;
    font-size:12px;
    font-weight:900;
    white-space:nowrap;
}
.yra-gsm-pr-label {
    position:absolute;
    top:5px;
    right:6px;
    padding:1px 4px;
    border:1px solid currentColor;
    border-radius:2px;
    font-size:9px;
    line-height:1.2;
}

@media (max-width: 700px) {
    .yra-gsm-gemix-banner a { grid-template-columns:60px minmax(0,1fr); min-height:74px; padding:8px 10px; }
    .yra-gsm-gemix-banner img { width:54px; max-height:46px; }
    .yra-gsm-gemix-copy strong { font-size:15px; }
    .yra-gsm-gemix-copy small { font-size:10px; }
    .yra-gsm-gemix-action { grid-column:1 / -1; justify-self:stretch; text-align:center; padding:7px 9px; }
}

.yra-gsm-rank-placeholder {
    margin: 12px 0 28px;
    padding: 12px;
    border: 1px solid #d9dde2;
    border-radius: 6px;
    background: #fff;
}
.yra-gsm-rank-title {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 900;
    color: #333;
}
.yra-gsm-rank-empty {
    display: grid;
    grid-template-columns: 74px minmax(0,1fr);
    gap: 4px 14px;
    align-items: center;
    padding: 10px 12px;
    border-radius: 5px;
    background: #f7f8fa;
}
.yra-gsm-rank-empty strong {
    grid-row: 1 / span 2;
    display:flex;
    align-items:center;
    justify-content:center;
    width:64px;
    height:64px;
    border-radius:10px;
    background:#eceff3;
    color:#6b7280;
    font-size:34px;
    line-height:1;
}
.yra-gsm-rank-empty span { font-weight:800; color:#343a40; }
.yra-gsm-rank-empty small { color:#7a838c; }
@media (max-width:700px) {
    .yra-gsm-rank-empty { grid-template-columns:56px minmax(0,1fr); gap:3px 10px; padding:9px; }
    .yra-gsm-rank-empty strong { width:50px; height:50px; font-size:28px; }
}
body.yra-gsm-managed-post a[href*="/category/uncategorized"] { display:none !important; }

/* 0.2.34 public parity: inherit the established old-relief individual-page visual language. */
.yra-gsm-company-section.is-ars .yra-gsm-section-title { border-left-color:#2b7a42; }
.yra-gsm-company-section.is-ars .yra-gsm-empty { background:#f4fbf6; border-color:#d7eadc; }
.yra-gsm-data-table tr.is-ars-row th,
.yra-gsm-data-table tr.is-ars-row td,
.yra-gsm-history-table tr.is-ars-row td { background:#f0fff4 !important; }
.yra-gsm-data-table tr.is-ars-row th,
.yra-gsm-history-table tr.is-ars-row td:nth-child(2) { color:#146c2e; font-weight:800; }

.yra-gsm-period-table { min-width:650px; table-layout:fixed; }
.yra-gsm-period-table th:first-child,
.yra-gsm-period-table td:first-child { width:14%; }
.yra-gsm-period-table th:not(:first-child),
.yra-gsm-period-table td:not(:first-child) { width:21.5%; }
.yra-gsm-diff-table { min-width:760px; table-layout:fixed; }
.yra-gsm-diff-table thead th { font-size:12px; line-height:1.35; }
.yra-gsm-diff-table tbody td,
.yra-gsm-diff-table tbody th { font-size:12px; }

.yra-gsm-history-controls {
    justify-content:flex-start;
    padding:8px;
    background:#f7fbff;
    border:1px solid #e1e8ef;
    border-radius:6px;
}
.yra-gsm-filter-label { display:flex; align-items:center; gap:8px; }
.yra-gsm-filter-label select {
    min-width:220px;
    margin-left:0;
    border:2px solid #555;
    border-radius:0;
    padding:8px 10px;
}
.yra-gsm-chart-reset {
    appearance:none;
    border:1px solid #6f7b86;
    border-radius:0;
    background:#fff;
    color:#111;
    padding:8px 12px;
    font-size:12px;
    font-weight:800;
    cursor:pointer;
}
.yra-gsm-chart-reset:hover { background:#f1f4f7; }

.yra-gsm-chart-legend {
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    min-height:22px;
    margin:4px 2px 2px;
    color:#666;
    font-size:11px;
    font-weight:700;
}
.yra-gsm-chart-legend-item { display:inline-flex; align-items:center; gap:4px; white-space:nowrap; }
.yra-gsm-chart-legend-item svg { flex:0 0 auto; }
.yra-gsm-chart {
    min-height:300px;
    height:300px;
    border:0;
    cursor:crosshair;
    touch-action:pan-y;
    user-select:none;
}
.yra-gsm-chart.is-dragging { cursor:grabbing; }
.yra-gsm-chart svg { min-height:300px; height:300px; }
.yra-gsm-chart-year { fill:#a0a8b1; font-size:10px; font-weight:700; }
.yra-gsm-chart-hint { margin:-2px 0 9px; }

.yra-gsm-history-scroll { max-height:335px; }
.yra-gsm-history-table { min-width:760px; table-layout:fixed; }
.yra-gsm-history-table th:nth-child(1), .yra-gsm-history-table td:nth-child(1) { width:16%; }
.yra-gsm-history-table th:nth-child(2), .yra-gsm-history-table td:nth-child(2) { width:14%; }
.yra-gsm-history-table th:nth-child(3), .yra-gsm-history-table td:nth-child(3) { width:14%; }
.yra-gsm-history-table th:nth-child(4), .yra-gsm-history-table td:nth-child(4) { width:20%; }
.yra-gsm-history-table th:nth-child(5), .yra-gsm-history-table td:nth-child(5) { width:20%; }
.yra-gsm-history-table th:nth-child(6), .yra-gsm-history-table td:nth-child(6) { width:16%; }
.yra-gsm-history-table .yra-gsm-price { color:#111; font-weight:800; }
.yra-gsm-sale-type {
    display:inline-block;
    min-width:76px;
    padding:2px 6px;
    border:1px solid #cbd2d9;
    border-radius:999px;
    background:#fff;
    color:#333;
    font-size:11px;
    font-weight:800;
    line-height:1.35;
    white-space:nowrap;
}
.yra-gsm-sale-type.is-auction { border-color:#b47a00; background:#fff8e6; color:#8a5700; }
.yra-gsm-sale-type.is-fixed { border-color:#2b6cb0; background:#eef6ff; color:#245a8d; }
.yra-gsm-sale-type.is-unknown { color:#777; background:#f6f6f6; }

.yra-gsm-pie-card {
    display:grid;
    grid-template-columns:240px minmax(0,1fr);
    gap:18px;
    align-items:center;
    padding:12px;
    border:1px solid #e5e5e5;
    border-radius:6px;
    background:#fff;
}
.yra-gsm-company-section.is-ars .yra-gsm-pie-card { border-color:#dcebe1; background:#fdfffd; }
.yra-gsm-pie-wrap { display:flex; align-items:center; justify-content:center; min-height:220px; }
.yra-gsm-pie-svg { width:210px; height:210px; display:block; }
.yra-gsm-pie-total-label { fill:#777; font-size:12px; font-weight:700; }
.yra-gsm-pie-total-value { fill:#111; font-size:19px; font-weight:900; }
.yra-gsm-pie-legend { min-width:0; }
.yra-gsm-pie-legend-row {
    display:grid;
    grid-template-columns:minmax(0,1fr) 60px 54px;
    gap:8px;
    align-items:center;
    padding:4px 0;
    font-size:13px;
}
.yra-gsm-pie-legend-row span { display:flex; align-items:center; gap:7px; font-weight:800; }
.yra-gsm-pie-legend-row strong,
.yra-gsm-pie-legend-row em { text-align:right; font-style:normal; }

.yra-gsm-extremes tr.is-ars-row td.is-high,
.yra-gsm-extremes tr.is-ars-row td.is-high-date,
.yra-gsm-extremes .is-high,
.yra-gsm-extremes .is-high-date { background:#eaf4ff !important; }
.yra-gsm-extremes tr.is-ars-row td.is-low,
.yra-gsm-extremes tr.is-ars-row td.is-low-date,
.yra-gsm-extremes .is-low,
.yra-gsm-extremes .is-low-date { background:#ffeaea !important; }
.yra-gsm-extremes .is-high { color:#0000d0; }
.yra-gsm-extremes .is-low { color:#d00000; }

.yra-gsm-rank-area { margin:0 0 26px; }
.yra-gsm-rank-area .yr-rank-box:first-child { margin-top:0; }
.yra-gsm-rank-placeholder { display:none !important; }

@media (max-width:700px) {
    .yra-gsm-history-controls { align-items:stretch; }
    .yra-gsm-filter-label { width:100%; justify-content:space-between; }
    .yra-gsm-filter-label select { width:min(72%,260px); min-width:0; }
    .yra-gsm-chart-reset { width:100%; }
    .yra-gsm-chart, .yra-gsm-chart svg { height:285px; min-height:285px; }
    .yra-gsm-pie-card { grid-template-columns:1fr; gap:6px; }
    .yra-gsm-pie-wrap { min-height:190px; }
    .yra-gsm-pie-svg { width:185px; height:185px; }
    .yra-gsm-pie-legend-row { grid-template-columns:minmax(0,1fr) 54px 48px; font-size:12px; }
    .yra-gsm-diff-table thead th,
    .yra-gsm-diff-table tbody td,
    .yra-gsm-diff-table tbody th { font-size:11px; padding:6px 4px; }
}

/* Rank Engine v1.2.18-compatible visual classes bundled for CSP-safe GSM rendering. */
.yra-rank-pro-area{margin:0 0 26px}.yra-rank-pro-area>.yr-rank-box:first-child,.yra-rank-pro-area>.yra-rank-pro-shared-updated+.yr-rank-box{margin-top:0}.yra-rank-pro-shared-updated{display:flex;justify-content:flex-end;margin:0 2px 7px;font-size:.7em;color:#9aa4b2;white-space:nowrap}
.yr-rank-box{margin:24px 0;padding:16px;border:1px solid #d8e2ef;border-radius:14px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);box-shadow:0 4px 14px rgba(0,0,0,.055);font-family:Arial,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:#111;overflow:hidden;box-sizing:border-box}
.yr-rank-box[data-yra-rank-company="ARS"]{border-color:#acd5b8;background:linear-gradient(180deg,#fdfffd 0%,#f3fbf5 100%);box-shadow:0 4px 14px rgba(43,122,66,.07)}.yr-rank-box[data-yra-rank-company="ARS"] .yr-rank-title{border-bottom-color:#d7eadc}.yr-rank-box[data-yra-rank-company="ARS"] .yr-rank-title-main{color:#2b7a42}.yr-rank-box[data-yra-rank-company="ARS"] .yr-rank-card{border-color:#dcebe1;background:linear-gradient(180deg,#fff 0%,#f8fdf9 100%)}
.yr-rank-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding-bottom:9px;border-bottom:1px solid #e6eef8}.yr-rank-title-main{font-size:1.18em;font-weight:900;color:#102033;letter-spacing:.02em}.yr-rank-updated{font-size:.7em;color:#9aa4b2;white-space:nowrap}
.yr-rank-layout{display:grid;grid-template-columns:120px 1fr;gap:10px;align-items:stretch}.yr-rank-overall{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:124px;padding-top:8px;border-radius:13px;color:#fff;text-align:center;border:1px solid rgba(0,0,0,.08);overflow:hidden;box-sizing:border-box}
.yr-rank-overall-label,.yr-rank-overall-value,.yr-rank-overall-position,.yr-rank-card-label,.yr-rank-badge,.yr-rank-sub{position:relative;z-index:2}.yr-rank-overall-label{font-size:.84em;font-weight:900;opacity:.96;margin-bottom:5px;letter-spacing:.05em}.yr-rank-overall-value{line-height:1;font-size:3.05em;font-weight:900;letter-spacing:.02em;text-shadow:0 2px 5px rgba(0,0,0,.22);margin-top:5px}.yr-rank-overall-position{margin-top:7px;padding:2px 9px;border-radius:999px;background:rgba(0,0,0,.18);font-size:.76em;font-weight:900;letter-spacing:.03em}
.yr-rank-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.yr-rank-card{position:relative;min-height:124px;padding:9px 7px 8px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;text-align:center;display:flex;flex-direction:column;justify-content:center;overflow:hidden;box-sizing:border-box}.yr-rank-card-label{display:inline-block;margin:0 auto 7px;padding:3px 7px;border-radius:999px;background:#102033;color:#fff;font-size:.78em;line-height:1.25;font-weight:900;letter-spacing:.02em}.yr-rank-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:32px;margin:0 auto;border-radius:999px;font-weight:900;font-size:1.12em;color:#fff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.18);overflow:hidden}.yr-rank-sub{margin-top:7px;font-size:.68em;color:#8a94a6;line-height:1.35;font-weight:600}.yr-rank-sub strong{display:block;margin-top:2px;color:#5f6b7a;font-size:1.12em;font-weight:800}.yr-rank-meta-badge{display:inline-block;margin-top:4px;padding:1px 7px;border-radius:999px;background:#eef2f7;color:#7b8794;font-size:.9em;font-weight:900;line-height:1.45}.yr-rank-meta-badge-pred{background:#f1f1f3;color:#777}
.yr-rank-card-difficulty{justify-content:flex-start;padding-top:9px}.yr-rank-difficulty-total{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 0 7px;font-size:.7em;font-weight:900;color:#526071}.yr-rank-difficulty-total .yr-rank-badge{min-width:34px;height:27px;font-size:1em;margin:0}.yr-rank-difficulty-split{display:grid;grid-template-columns:1fr 1fr;gap:5px}.yr-rank-difficulty-split>div{padding:5px 3px;border:1px solid #edf1f6;border-radius:8px;background:#fafcff}.yr-rank-difficulty-split span{display:block;font-size:.62em;font-weight:900;color:#5e6b7a;line-height:1.2}.yr-rank-difficulty-split small{display:block;margin-top:3px;font-size:.58em;color:#8b96a6}.yr-rank-mini-badge{display:inline-flex;align-items:center;justify-content:center;min-width:29px;height:23px;margin-top:4px;border-radius:999px;color:#fff;font-size:.82em;font-weight:900;position:relative;overflow:hidden}
.yr-rank-S{background:linear-gradient(135deg,#fff4b8 0%,#f6d365 22%,#d4af37 55%,#b8860b 100%);color:#fff}.yr-rank-A{background:linear-gradient(135deg,#fff 0%,#d9dce2 28%,#b8c0cc 58%,#7f8998 100%);color:#fff}.yr-rank-B{background:linear-gradient(135deg,#60a5fa 0%,#2563eb 55%,#1e3a8a 100%);color:#fff}.yr-rank-C{background:linear-gradient(135deg,#d9f99d 0%,#a3e635 45%,#65a30d 100%);color:#fff}.yr-rank-D{background:linear-gradient(135deg,#f87171 0%,#dc2626 55%,#7f1d1d 100%);color:#fff}.yr-rank-out{background:#cbd5e1;color:#fff}
.yr-rank-S,.yr-rank-A{animation:yr-rank-glow-gold 2.2s ease-in-out infinite alternate}.yr-rank-A{animation-name:yr-rank-glow-silver}.yr-rank-S:after,.yr-rank-A:after{content:"";position:absolute;top:-70%;left:-130%;width:85%;height:240%;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.82) 50%,rgba(255,255,255,0) 100%);transform:rotate(24deg);animation:yr-rank-shine 2.8s ease-in-out infinite;z-index:1;pointer-events:none}.yr-rank-overall.yr-rank-S:after,.yr-rank-overall.yr-rank-A:after{width:65%;height:240%}
@keyframes yr-rank-glow-gold{0%{box-shadow:0 0 0 rgba(255,255,255,0),inset 0 -1px 0 rgba(0,0,0,.18);filter:brightness(1)}100%{box-shadow:0 0 15px rgba(255,217,102,.85),inset 0 -1px 0 rgba(0,0,0,.18);filter:brightness(1.09)}}@keyframes yr-rank-glow-silver{0%{box-shadow:0 0 0 rgba(255,255,255,0),inset 0 -1px 0 rgba(0,0,0,.18);filter:brightness(1)}100%{box-shadow:0 0 15px rgba(220,232,250,.95),inset 0 -1px 0 rgba(0,0,0,.18);filter:brightness(1.09)}}@keyframes yr-rank-shine{0%{left:-135%;opacity:0}22%{opacity:.95}55%{left:145%;opacity:0}100%{left:145%;opacity:0}}
.yr-rank-soft-muted:before{content:"";position:absolute;inset:0;border-radius:inherit;background:rgba(233,238,244,.32);box-shadow:inset 0 0 0 1px rgba(170,180,192,.18);z-index:3;pointer-events:none}.yr-rank-soft-muted .yr-rank-overall-label,.yr-rank-soft-muted .yr-rank-overall-value,.yr-rank-soft-muted .yr-rank-overall-position,.yr-rank-soft-muted .yr-rank-card-label,.yr-rank-soft-muted .yr-rank-badge,.yr-rank-soft-muted .yr-rank-sub{opacity:.96}.yr-rank-note{margin-top:8px;padding-top:7px;border-top:1px dashed #dde5ef;font-size:.62em;color:#a5adba;line-height:1.5}.yr-rank-pred-note{margin-top:7px;font-size:.66em;color:#8f96a3;line-height:1.5}
@media screen and (max-width:640px){.yra-rank-pro-shared-updated{font-size:.66em;margin-bottom:6px}.yr-rank-box{padding:13px;border-radius:12px}.yr-rank-title{align-items:flex-start}.yr-rank-title-main{font-size:1.08em}.yr-rank-updated{font-size:.66em}.yr-rank-layout{grid-template-columns:1fr}.yr-rank-overall{min-height:100px}.yr-rank-overall-value{font-size:2.8em}.yr-rank-grid{grid-template-columns:repeat(2,1fr)}.yr-rank-card{min-height:114px}.yr-rank-card-label{font-size:.74em}.yr-rank-sub{font-size:.65em}.yr-rank-note{font-size:.58em}.yr-rank-pred-note{font-size:.6em}}
/* 0.2.35 PRO layout parity: follow the currently published legacy PRO individual-page layout. */
.yra-gsm-mode-buttons{
    display:flex;
    align-items:stretch;
    justify-content:flex-start;
    gap:0;
    margin:8px 0 12px;
    flex-wrap:wrap;
}
.yra-gsm-mode-buttons button{
    appearance:none;
    flex:0 0 118px;
    min-width:118px;
    max-width:118px;
    margin:0;
    padding:9px 10px;
    border:1px solid #222;
    border-radius:0;
    background:#fff;
    color:#111;
    font-size:13px;
    font-weight:700;
    line-height:1.2;
    text-align:center;
    cursor:pointer;
    box-shadow:none;
}
.yra-gsm-mode-buttons button + button{border-left:0;}
.yra-gsm-mode-buttons button.is-active{background:#1a252f;color:#fff;}
.yra-gsm-period-combined>.yra-gsm-mode-buttons{padding:8px;background:#f7fbff;border:1px solid #e1e8ef;border-radius:6px;}
.yra-gsm-history-controls{
    display:block;
    width:100%;
    margin:8px 0 12px;
    padding:8px;
    background:#f7fbff;
    border:1px solid #e1e8ef;
    border-radius:6px;
}
.yra-gsm-history-controls .yra-gsm-market-mode{margin:0 0 7px;}
.yra-gsm-history-controls .yra-gsm-filter-label{display:flex;align-items:center;gap:8px;margin:0 0 7px;}
.yra-gsm-history-controls .yra-gsm-filter-label select{width:220px;max-width:220px;min-width:220px;margin:0;padding:8px 10px;border:2px solid #555;border-radius:0;background:#fff;color:#111;font-size:13px;font-weight:700;}
.yra-gsm-history-controls .yra-gsm-chart-reset{width:auto;margin:0;padding:7px 10px;border:1px solid #b9c1c8;background:#fff;color:#111;font-size:11px;font-weight:800;}

.yra-gsm-period-table,
.yra-gsm-diff-table,
.yra-gsm-extremes{width:100%;border-collapse:collapse;font-size:13px;line-height:1.45;}
.yra-gsm-period-table th,
.yra-gsm-period-table td,
.yra-gsm-diff-table th,
.yra-gsm-diff-table td,
.yra-gsm-extremes th,
.yra-gsm-extremes td{border:1px solid #ccc;padding:8px 10px;text-align:center;vertical-align:middle;}
.yra-gsm-period-table thead th,
.yra-gsm-diff-table thead th,
.yra-gsm-extremes thead th{background:#1a252f!important;color:#fff!important;font-weight:700;}
.yra-gsm-period-table tbody th,
.yra-gsm-diff-table tbody th,
.yra-gsm-extremes tbody th{background:#f9f9f9;color:#111;font-weight:700;}
.yra-gsm-period-table tr.is-ars-row th,
.yra-gsm-period-table tr.is-ars-row td,
.yra-gsm-diff-table tr.is-ars-row th,
.yra-gsm-diff-table tr.is-ars-row td,
.yra-gsm-extremes tr.is-ars-row th{background:#f0fff4!important;}
.yra-gsm-period-table tr.is-ars-row th,
.yra-gsm-diff-table tr.is-ars-row th,
.yra-gsm-extremes tr.is-ars-row th{color:#146c2e!important;font-weight:800;}

.yra-gsm-history-scroll{max-height:335px;overflow-y:auto;overflow-x:auto;border:1px solid #ccc;background:#fff;margin:0 0 8px;}
.yra-gsm-history-table{margin:0;border-left:0;border-right:0;border-bottom:0;}
.yra-gsm-history-table thead th{position:sticky;top:0;z-index:5;background:#1a252f!important;color:#fff!important;white-space:nowrap;}
.yra-gsm-history-table tbody tr:nth-child(even){background:#f9f9f9;}
.yra-gsm-history-table tr.is-ars-row,
.yra-gsm-history-table tr.is-ars-row:nth-child(even),
.yra-gsm-history-table tr.is-ars-row td{background:#f0fff4!important;}
.yra-gsm-history-table tr.is-ars-row td:nth-child(2){color:#146c2e!important;font-weight:800;}

.yra-gsm-distribution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 20px;}
.yra-gsm-distribution-card{padding:12px;background:#fff;border:1px solid #e5e5e5;border-radius:6px;min-height:250px;}
.yra-gsm-distribution-card.is-ars{border-color:#dcebe1;background:#fdfffd;}
.yra-gsm-distribution-card h3{margin:0 0 8px;text-align:center;font-size:15px;color:#000;}
.yra-gsm-pie-card{grid-template-columns:220px minmax(0,1fr);gap:10px;min-height:250px;padding:0;border:0;background:transparent;}
.yra-gsm-pie-wrap{height:210px;max-width:220px;min-height:210px;margin:0 auto;}
.yra-gsm-pie-svg{width:190px;height:190px;}
.yra-gsm-pie-legend-row{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:4px 0;padding:0;font-size:13px;white-space:nowrap;color:#000;}
.yra-gsm-pie-legend-row span{min-width:0;}
.yra-gsm-dist-total{margin-top:8px;padding-top:0;border-top:0;text-align:right;font-size:15px;font-weight:700;color:#000;}

.yra-gsm-population-section{margin-bottom:22px;}
.yra-gsm-pop-scroll{width:100%;overflow-x:auto;border:1px solid #d8dee4;border-radius:4px;background:#fff;}
.yra-gsm-pop-table{width:100%;min-width:640px;border-collapse:collapse;margin:0;table-layout:auto;}
.yra-gsm-pop-table th,
.yra-gsm-pop-table td{border:1px solid #d8dee4;padding:8px 7px;text-align:center;white-space:nowrap;font-size:clamp(11px,1.05vw,13px);line-height:1.35;}
.yra-gsm-pop-table th{background:#f0f0f0;color:#111;font-weight:800;width:98px;min-width:98px;}
.yra-gsm-pop-table tr:first-child td{font-weight:800;text-shadow:none;opacity:1;}
.yra-gsm-pop-meta{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:12px;margin-top:8px;color:#555;font-size:12px;}
.yra-gsm-pop-meta strong{font-weight:800;color:#222;}
.yra-gsm-population-section .yra-gsm-empty{padding:12px;border:1px solid #d8dee4;border-radius:8px;background:#f8fafc;color:#666;font-size:13px;line-height:1.7;}

/* The legacy PRO page places the two rank cards in the same visual block. */
.yra-gsm-rank-area{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 26px;align-items:start;}
.yra-gsm-rank-area>.yr-rank-box{margin:0;min-width:0;}
.yra-gsm-rank-area>.yra-rank-pro-shared-updated{grid-column:1/-1;}

@media(max-width:700px){
    .yra-gsm-mode-buttons button{flex:1 1 33.333%;min-width:0;max-width:none;padding:9px 6px;font-size:12px;}
    .yra-gsm-history-controls .yra-gsm-filter-label{display:block;}
    .yra-gsm-history-controls .yra-gsm-filter-label select{display:block;width:100%;max-width:100%;min-width:0;margin-top:5px;}
    .yra-gsm-history-controls .yra-gsm-chart-reset{width:100%;}
    .yra-gsm-distribution-grid{grid-template-columns:1fr;}
    .yra-gsm-pie-card{grid-template-columns:1fr;}
    .yra-gsm-rank-area{grid-template-columns:1fr;}
    .yra-gsm-period-table,
    .yra-gsm-diff-table,
    .yra-gsm-period-table th,
    .yra-gsm-period-table td,
    .yra-gsm-diff-table th,
    .yra-gsm-diff-table td{font-size:11px!important;line-height:1.35!important;padding:6px 4px!important;}
}

/* 0.2.36 runtime polish: legacy-like interactive history chart and aligned distribution legend. */
.yra-gsm-chart-legend-item{
    appearance:none;
    display:inline-flex;
    align-items:center;
    gap:5px;
    margin:0;
    padding:3px 5px;
    border:0;
    border-radius:4px;
    background:transparent;
    color:#555;
    font:inherit;
    font-weight:800;
    line-height:1.2;
    cursor:pointer;
    opacity:1;
}
.yra-gsm-chart-legend-item:hover{background:#f1f4f7;}
.yra-gsm-chart-legend-item.is-hidden{opacity:.38;text-decoration:line-through;}
.yra-gsm-chart-legend-dot{display:inline-block;width:9px;height:9px;border-radius:50%;flex:0 0 9px;}
.yra-gsm-chart{
    position:relative;
    cursor:crosshair;
    overflow:visible;
}
.yra-gsm-chart.is-zoomed{cursor:grab;}
.yra-gsm-chart.is-dragging{cursor:grabbing;}
.yra-gsm-chart-series-line{pointer-events:none;}
.yra-gsm-chart-point{pointer-events:none;transition:r .12s ease;}
.yra-gsm-chart-hit{cursor:pointer;pointer-events:all;}
.yra-gsm-chart-tooltip{
    position:absolute;
    z-index:30;
    display:none;
    min-width:180px;
    max-width:260px;
    padding:8px 10px;
    border:1px solid rgba(0,0,0,.18);
    border-radius:6px;
    background:rgba(20,29,38,.95);
    color:#fff;
    box-shadow:0 5px 18px rgba(0,0,0,.18);
    font-size:11px;
    line-height:1.45;
    pointer-events:none;
}
.yra-gsm-chart-tooltip.is-visible{display:block;}
.yra-gsm-chart-tooltip strong,
.yra-gsm-chart-tooltip span{display:block;}
.yra-gsm-chart-tooltip strong{margin-bottom:2px;font-size:12px;}

.yra-gsm-pie-legend-row{
    display:grid!important;
    grid-template-columns:minmax(110px,1fr) 112px!important;
    gap:12px!important;
    align-items:center!important;
    padding:4px 0!important;
    margin:0!important;
    font-size:13px!important;
    white-space:nowrap;
}
.yra-gsm-pie-grade{display:flex!important;align-items:center!important;gap:7px!important;min-width:0;font-weight:800;}
.yra-gsm-pie-stats{
    display:grid!important;
    grid-template-columns:62px 42px;
    column-gap:8px;
    justify-content:end;
    align-items:center;
    min-width:112px;
    font-variant-numeric:tabular-nums;
}
.yra-gsm-pie-stats strong,
.yra-gsm-pie-stats em{display:block;text-align:right!important;font-style:normal;white-space:nowrap;}

@media(max-width:700px){
    .yra-gsm-pie-legend-row{grid-template-columns:minmax(100px,1fr) 104px!important;font-size:12px!important;gap:8px!important;}
    .yra-gsm-pie-stats{grid-template-columns:58px 38px;column-gap:8px;min-width:104px;}
    .yra-gsm-chart-tooltip{max-width:220px;font-size:10px;}
}

/* 0.2.37 runtime parity: match the proven PRO history controls/chart spacing. */
.yra-gsm-overseas-line{display:block;line-height:1.65;}
.yra-gsm-history-controls{display:block!important;margin:0 0 8px!important;padding:8px 8px 2px;background:#f5f8fb;border:1px solid #d8e0e7;border-radius:4px;}
.yra-gsm-control-row{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin:0 0 6px;}
.yra-gsm-control-row>button,.yra-gsm-grade-multi-button{appearance:none;border:1px solid #8a949e;border-right-width:0;border-radius:0;background:#fff;color:#111;padding:7px 13px;font-size:12px;font-weight:800;line-height:1.15;cursor:pointer;}
.yra-gsm-control-row>button:last-child{border-right-width:1px;}
.yra-gsm-control-row>button.is-active{background:#1a252f;color:#fff;}
.yra-gsm-grade-mode-row{gap:8px;align-items:flex-start;}
.yra-gsm-grade-multi{position:relative;width:260px;max-width:100%;}
.yra-gsm-grade-multi-button{display:block;width:100%;border-right-width:1px!important;text-align:left;background:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.yra-gsm-grade-multi-panel{position:absolute;z-index:40;left:0;top:calc(100% + 2px);width:300px;max-width:min(88vw,300px);padding:8px;border:1px solid #8a949e;background:#fff;box-shadow:0 5px 16px rgba(0,0,0,.16);}
.yra-gsm-grade-multi-panel[hidden]{display:none!important;}
.yra-gsm-grade-actions{display:flex;gap:6px;margin-bottom:7px;}
.yra-gsm-grade-actions button{appearance:none;border:1px solid #aeb6bd;background:#fff;padding:4px 8px;font-size:11px;font-weight:700;cursor:pointer;}
.yra-gsm-grade-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 10px;max-height:190px;overflow:auto;}
.yra-gsm-grade-options label{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700;white-space:nowrap;}
.yra-gsm-history-controls .yra-gsm-chart-reset{width:auto!important;margin:0!important;padding:7px 10px!important;border:1px solid #b9c1c8!important;background:#fff!important;color:#111!important;font-size:11px!important;font-weight:800!important;}
.yra-gsm-line-legend-guide{display:flex;justify-content:flex-end;align-items:center;gap:12px;flex-wrap:wrap;margin:7px 0 1px;font-size:11px;color:#555;}
.yra-gsm-line-legend-guide span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;}
.yra-gsm-line-legend-guide b{font-size:11px;line-height:1;}
.yra-gsm-line-legend-guide i{display:inline-block;width:22px;height:0;border-top:2px solid #69747e;}
.yra-gsm-line-legend-guide i.is-os{border-top-style:dashed;}
.yra-gsm-chart-legend{display:flex!important;justify-content:center!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important;margin:5px 0 0!important;min-height:24px;}
.yra-gsm-chart-legend-item{appearance:none!important;border:0!important;background:transparent!important;padding:2px 3px!important;font-size:11px!important;font-weight:700!important;color:#3f4850!important;cursor:pointer!important;}
.yra-gsm-chart-legend-item:hover{background:transparent!important;text-decoration:underline;}
.yra-gsm-chart-legend-item.is-hidden{opacity:.38!important;text-decoration:line-through!important;}
.yra-gsm-chart{position:relative!important;width:100%!important;height:300px!important;min-height:300px!important;margin:10px 0 20px!important;padding:0!important;background:#fff!important;border:0!important;border-radius:0!important;overflow:hidden!important;cursor:crosshair!important;}
.yra-gsm-chart svg{display:block!important;width:100%!important;height:300px!important;min-height:300px!important;}
.yra-gsm-chart-hint{font-size:11px!important;color:#888!important;text-align:right!important;margin:-15px 0 10px!important;}
.yra-gsm-chart-empty{min-height:300px!important;}
@media(max-width:640px){
  .yra-gsm-history-controls{padding:7px 6px 1px;}
  .yra-gsm-control-row>button{flex:1 1 auto;padding:7px 8px;font-size:11px;}
  .yra-gsm-grade-mode-row{display:block;}
  .yra-gsm-grade-multi{width:100%;}
  .yra-gsm-history-controls .yra-gsm-chart-reset{width:100%!important;margin-top:6px!important;}
  .yra-gsm-line-legend-guide{justify-content:flex-start;gap:7px;font-size:10px;}
  .yra-gsm-chart,.yra-gsm-chart svg{height:300px!important;min-height:300px!important;}
}

/* PRO individual transaction price links: keep the existing price styling while making the amount visibly clickable. */
.yra-gsm-card-page[data-yra-gsm-scope="pro"] .yra-gsm-transaction-price-link{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;font-weight:inherit;}
.yra-gsm-card-page[data-yra-gsm-scope="pro"] .yra-gsm-transaction-price-link:hover,.yra-gsm-card-page[data-yra-gsm-scope="pro"] .yra-gsm-transaction-price-link:focus{text-decoration-thickness:2px;}

/* 0.2.64 FREE readability hardening: keep dark table headers readable under theme CSS. */
.yra-gsm-card-page .yra-gsm-data-table thead th,
.yra-gsm-card-page .yra-gsm-history-table thead th { color:#fff!important; }
.yra-gsm-card-page .yra-gsm-data-table thead th *,
.yra-gsm-card-page .yra-gsm-history-table thead th * { color:#fff!important; }


/* 0.2.68 FREE production hardening: Astra/theme text-fill + compact FREE latest card. */
.yra-gsm-card-page .yra-gsm-data-table thead th,
.yra-gsm-card-page .yra-gsm-history-table thead th,
.yra-gsm-card-page .yra-gsm-period-table thead th,
.yra-gsm-card-page .yra-gsm-diff-table thead th,
.yra-gsm-card-page .yra-gsm-extremes thead th {
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    opacity:1!important;
    text-shadow:none!important;
}
.yra-gsm-card-page .yra-gsm-data-table thead th *,
.yra-gsm-card-page .yra-gsm-history-table thead th *,
.yra-gsm-card-page .yra-gsm-period-table thead th *,
.yra-gsm-card-page .yra-gsm-diff-table thead th *,
.yra-gsm-card-page .yra-gsm-extremes thead th * {
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    opacity:1!important;
    text-shadow:none!important;
}
.yra-gsm-card-page .yra-gsm-history-controls button,
.yra-gsm-card-page .yra-gsm-history-controls select,
.yra-gsm-card-page .yra-gsm-history-controls label,
.yra-gsm-card-page .yra-gsm-history-controls span {
    color:#111!important;
    -webkit-text-fill-color:#111!important;
    opacity:1!important;
    text-shadow:none!important;
}
.yra-gsm-card-page .yra-gsm-history-controls .is-active {
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
}
.yra-gsm-card-page .yra-gsm-grade-options input[type="checkbox"] {
    appearance:auto!important;
    -webkit-appearance:checkbox!important;
    width:14px!important;
    height:14px!important;
    min-width:14px!important;
    margin:0!important;
    padding:0!important;
    opacity:1!important;
}
@media (min-width:701px) {
    .yra-gsm-latest-panel.is-free { margin-bottom:18px; }
    .yra-gsm-latest-panel.is-free .yra-gsm-latest-card {
        min-height:0;
        display:grid;
        grid-template-columns:auto auto minmax(0,1fr) auto;
        align-items:center;
        column-gap:16px;
        row-gap:4px;
        padding:10px 14px;
    }
    .yra-gsm-latest-panel.is-free .yra-gsm-latest-label,
    .yra-gsm-latest-panel.is-free .yra-gsm-latest-change,
    .yra-gsm-latest-panel.is-free .yra-gsm-latest-date { margin:0; }
    .yra-gsm-latest-panel.is-free .yra-gsm-latest-label { grid-column:1; }
    .yra-gsm-latest-panel.is-free .yra-gsm-latest-price { grid-column:2; font-size:30px; white-space:nowrap; }
    .yra-gsm-latest-panel.is-free .yra-gsm-latest-change { grid-column:3; }
    .yra-gsm-latest-panel.is-free .yra-gsm-latest-date { grid-column:4; white-space:nowrap; justify-self:end; }
}


/* ======================================================================
 * 0.2.69-ui8merge1: consolidated FREE/PRO card-page UI migration
 * Scope: YRA GSM managed card pages only.
 * ====================================================================== */

/* ① / ⑧ Card hero ----------------------------------------------------
 * 0.2.72-heroref1
 * FREE: YRA FREE Card Hero 1.1.18-auditfix1 visual/placement parity.
 * PRO : YRA ARS PRO Viewer 0.3.30b-cardhero8 visual/placement parity.
 * GSM data/security paths are unchanged; only the managed-page hero presentation is mapped.
 */
.yra-gsm-card-page .yra-gsm-card-hero,
.yra-gsm-card-page .yra-gsm-card-hero * { box-sizing:border-box; }
.yra-gsm-card-page .yra-gsm-card-hero { width:100%; padding:0; }
.yra-gsm-card-page .yra-gsm-hero-grid { width:100%; min-width:0; align-items:stretch; }
.yra-gsm-card-page .yra-gsm-hero-tabs { display:none; }

/* FREE desktop: image + exact 2x2 information layout from v1.1.18. */
.yra-gsm-card-page .yra-gsm-card-hero.is-free { margin:30px 0; }
.yra-gsm-card-page .yra-gsm-hero-grid.is-free {
    display:grid;
    grid-template-columns:210px 22px minmax(0,1fr) 14px minmax(0,1fr);
    grid-template-areas:
        "image . psa10 . psalower"
        "image . psa9 . psarate";
    grid-template-rows:repeat(2,minmax(0,1fr));
    row-gap:14px;
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-image {
    grid-area:image;
    min-width:0;
    width:210px;
    max-width:210px;
    min-height:0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
    align-self:start;
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-image .yra-gsm-card-image {
    display:block;
    width:100%;
    max-width:210px;
    height:auto;
    max-height:none;
    margin:0;
    padding:0;
    object-fit:contain;
    border-radius:4px;
    box-shadow:0 4px 12px rgba(0,0,0,.20);
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-image-missing {
    width:100%;
    min-height:280px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #e2e8f0;
    background:#f7f9fc;
    color:#777;
    font-size:13px;
    font-weight:700;
}

.yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-card {
    min-width:0;
    min-height:0;
    height:100%;
    padding:16px 18px;
    background:linear-gradient(135deg,#fff,#f4f7f9);
    border:1px solid #e2e8f0;
    border-left:7px solid var(--yra-gsm-hero-grade-color,#66707a);
    border-radius:10px;
    box-shadow:0 5px 14px rgba(0,0,0,.08);
    overflow:hidden;
}
.yra-gsm-card-page .yra-gsm-hero-card[data-yra-gsm-hero-card="psa10"] { grid-area:psa10; }
.yra-gsm-card-page .yra-gsm-hero-card[data-yra-gsm-hero-card="psa9"] { grid-area:psa9; }
.yra-gsm-card-page .yra-gsm-hero-card[data-yra-gsm-hero-card="psalower"] { grid-area:psalower; }
.yra-gsm-card-page .yra-gsm-hero-card[data-yra-gsm-hero-card="ars10plus"] { grid-area:ars10plus; }
.yra-gsm-card-page .yra-gsm-hero-card[data-yra-gsm-hero-card="ars10"] { grid-area:ars10; }
.yra-gsm-card-page .yra-gsm-hero-card[data-yra-gsm-hero-card="psa-rate"] { grid-area:psarate; }
.yra-gsm-card-page .yra-gsm-hero-card[data-yra-gsm-hero-card="ars-rate"] { grid-area:arsrate; }

.yra-gsm-card-page .yra-gsm-hero-price-card.is-up { border-left-color:#0000d0!important; }
.yra-gsm-card-page .yra-gsm-hero-price-card.is-down { border-left-color:#d00000!important; }
.yra-gsm-card-page .yra-gsm-hero-price-card.is-flat { border-left-color:#666!important; }
.yra-gsm-card-page .yra-gsm-hero-price-card.is-no-data { border-left-color:#94a3b8!important; }
.yra-gsm-card-page .yra-gsm-hero-price-card.is-no-prev { border-left-color:var(--yra-gsm-hero-grade-color,#66707a)!important; }

.yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-card-head {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    align-self:center;
    justify-self:center;
    gap:6px;
    min-width:0;
    margin:0;
    text-align:center;
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-grade {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:76px;
    padding:4px 9px;
    border-radius:999px;
    background:var(--yra-gsm-hero-grade-color,#66707a);
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:13px;
    font-weight:900;
    line-height:1.2;
    letter-spacing:.03em;
    white-space:nowrap;
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-caption {
    color:#4b5563;
    font-size:10px;
    font-weight:800;
    line-height:1.2;
    text-align:center;
    white-space:nowrap;
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-card-body {
    min-width:0;
    height:100%;
    align-self:stretch;
    justify-self:stretch;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    text-align:left;
    padding-top:28px;
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-price {
    margin:0;
    color:#1f2937;
    font-size:clamp(27px,2.25vw,35px);
    font-weight:900;
    line-height:1.05;
    letter-spacing:-.035em;
    white-space:nowrap;
    transform:translateX(-6px);
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-change {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    align-self:flex-start;
    margin-top:4px;
    padding:2px 6px;
    border-radius:999px;
    color:#666;
    background:rgba(102,102,102,.08);
    font-size:12px;
    font-weight:800;
    line-height:1.3;
    white-space:nowrap;
    transform:translateX(-6px) scale(1.08);
    transform-origin:left center;
}
.yra-gsm-card-page .yra-gsm-hero-change.is-change-up { color:#0000d0; background:rgba(0,0,208,.08); }
.yra-gsm-card-page .yra-gsm-hero-change.is-change-down { color:#d00000; background:rgba(208,0,0,.08); }
.yra-gsm-card-page .yra-gsm-hero-change.is-change-flat,
.yra-gsm-card-page .yra-gsm-hero-change.is-none { color:#666; background:rgba(102,102,102,.08); }
.yra-gsm-card-page .yra-gsm-hero-change .is-mobile { display:none; }
.yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-dates {
    width:100%;
    max-width:100%;
    margin-top:auto;
    margin-right:0;
    margin-bottom:-4px;
    align-self:flex-end;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:3px;
    color:#666;
    font-size:9px;
    font-weight:600;
    line-height:1.35;
    letter-spacing:.04em;
    text-align:right;
    white-space:nowrap;
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-dates > span {
    display:flex;
    justify-content:flex-end;
    width:100%;
    max-width:100%;
    text-align:right;
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-dates.is-no-prev {
    width:max-content;
    max-width:none;
    align-self:flex-end;
    align-items:flex-start;
    text-align:left;
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-dates.is-no-prev > span {
    width:auto;
    max-width:none;
    justify-content:flex-start;
    text-align:left;
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-no-data {
    min-height:0;
    width:100%;
    align-self:center;
    justify-self:center;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:10px 8px;
    border-radius:8px;
    background:rgba(148,163,184,.10);
    color:#475569;
    font-size:11px;
    font-weight:800;
    line-height:1.6;
    text-align:center;
}
@media (min-width:769px) {
    .yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-price-card {
        display:grid!important;
        grid-template-columns:118px minmax(0,1fr);
        align-items:stretch;
        justify-content:center;
        column-gap:24px;
        padding:14px 18px;
    }
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-rate-card {
    display:grid;
    grid-template-columns:minmax(110px,.86fr) minmax(150px,1.14fr);
    grid-template-rows:1fr;
    align-items:center;
    column-gap:14px;
    row-gap:0;
    padding:14px 14px 12px;
    background:linear-gradient(135deg,#fff8df,#fff1bf 55%,#ffe28a)!important;
    border-color:#efd98f;
    border-left-color:#d4a514;
    color:#1f2937!important;
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-rate-title {
    grid-column:1;
    grid-row:1;
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#463600!important;
    font-size:19px;
    font-weight:900;
    line-height:1.05;
    letter-spacing:.01em;
    text-align:center;
    transform:translateX(-12px);
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-rate-list {
    grid-column:2;
    grid-row:1;
    display:flex;
    flex-direction:column;
    gap:6px;
    align-self:center;
    min-width:0;
    transform:translateX(-12px);
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-rate-row {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:6px 9px;
    border:0;
    border-radius:8px;
    background:rgba(255,255,255,.66);
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-rate-label {
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-width:0;
    color:#27303a!important;
    font-size:11px;
    font-weight:800;
    line-height:1.25;
    white-space:nowrap;
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-rate-dot {
    width:8px;
    height:8px;
    flex:0 0 8px;
    border-radius:50%;
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-rate-row strong {
    color:#111827!important;
    font-size:18px;
    font-weight:900;
    line-height:1;
    white-space:nowrap;
}

/* PRO desktop: exact compact geometry from Viewer 0.3.30b-cardhero8. */
.yra-gsm-card-page .yra-gsm-card-hero.is-pro { margin:0 0 20px; }
.yra-gsm-card-page .yra-gsm-hero-grid.is-pro {
    display:grid;
    grid-template-columns:minmax(250px,300px) repeat(2,minmax(0,1fr));
    grid-template-areas:
        "image psa10 ars10plus"
        "image psa9 ars10"
        "image psarate arsrate";
    grid-template-rows:repeat(3,minmax(0,1fr));
    gap:10px;
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-image {
    grid-area:image;
    min-width:0;
    min-height:0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    display:flex;
    align-items:stretch;
    justify-content:center;
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-image .yra-gsm-card-image {
    display:block;
    width:100%;
    max-width:300px;
    height:100%;
    max-height:none;
    margin:0 auto;
    padding:0;
    object-fit:contain;
    object-position:center center;
    border-radius:4px;
    box-shadow:0 4px 12px rgba(0,0,0,.14);
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-image-missing {
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:320px;
    border:1px solid #e1e5e9;
    background:#f7f9fc;
    color:#777;
    font-size:13px;
    font-weight:700;
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-card {
    min-width:0;
    min-height:0;
    padding:10px 11px 9px;
    border:1px solid #dfe5eb;
    border-left:4px solid var(--yra-gsm-hero-grade-color,#1a252f);
    border-radius:8px;
    background:#f7f9fc;
    box-shadow:0 4px 12px rgba(0,0,0,.055);
    color:#222;
    overflow:hidden;
}
@media (min-width:701px) {
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-price-card {
        display:grid;
        grid-template-columns:118px minmax(0,1fr);
        align-items:stretch;
        justify-content:center;
        column-gap:24px;
        padding:14px 18px;
    }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-change {
        padding-left:4px;
        padding-right:4px;
        transform:scale(1.08,1.18);
        transform-origin:left center;
    }
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-card-head {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    align-self:center;
    justify-self:center;
    gap:6px;
    min-width:0;
    margin:0;
    text-align:center;
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-grade {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:76px;
    padding:4px 9px;
    border-radius:4px;
    background:var(--yra-gsm-hero-grade-color,#1a252f);
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:13px;
    font-weight:800;
    line-height:1.2;
    white-space:nowrap;
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-price-card.is-ars10plus .yra-gsm-hero-grade,
.yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-price-card.is-ars10 .yra-gsm-hero-grade {
    background:#16a34a!important;
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-caption {
    min-width:0;
    color:#555;
    font-size:10px;
    font-weight:700;
    line-height:1.2;
    white-space:nowrap;
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-card-body {
    min-width:0;
    height:100%;
    align-self:stretch;
    justify-self:stretch;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    text-align:left;
    padding-top:28px;
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-price {
    overflow:hidden;
    margin:0;
    color:#2b2b2b;
    font-size:clamp(27px,2.25vw,35px);
    font-weight:900;
    line-height:1.12;
    letter-spacing:-.035em;
    white-space:nowrap;
    text-overflow:clip;
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-change {
    display:inline-block;
    align-self:flex-start;
    max-width:100%;
    margin:4px 0 5px;
    padding:2px 6px;
    border-radius:8px;
    background:#edf0f4;
    font-size:11px;
    font-weight:800;
    line-height:1.35;
    white-space:nowrap;
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-dates {
    width:100%;
    max-width:100%;
    display:flex;
    flex-direction:column;
    align-self:flex-end;
    align-items:flex-end;
    margin-top:auto;
    margin-right:0;
    margin-bottom:-4px;
    gap:3px;
    color:#666;
    font-size:9px;
    font-weight:600;
    line-height:1.35;
    letter-spacing:.04em;
    text-align:right;
    white-space:nowrap;
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-dates > span {
    display:flex;
    justify-content:flex-end;
    width:100%;
    max-width:100%;
    text-align:right;
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-dates.is-no-prev {
    width:max-content;
    max-width:none;
    align-self:flex-end;
    align-items:flex-start;
    text-align:left;
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-dates.is-no-prev > span {
    width:auto;
    max-width:none;
    justify-content:flex-start;
    text-align:left;
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-no-data {
    display:flex;
    align-items:center;
    min-height:52px;
    margin:2px 0 4px;
    color:#777;
    font-size:14px;
    font-weight:800;
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-rate-card {
    display:grid;
    grid-template-columns:minmax(96px,.82fr) minmax(0,1.18fr);
    align-items:center;
    column-gap:10px;
    padding:9px 10px;
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-rate-card.is-psa {
    border-left-color:#d6a900;
    background:#fff7cf;
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-rate-card.is-ars {
    border-left-color:#16a34a;
    background:#effcf2;
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-rate-title {
    color:#463600;
    font-size:16px;
    font-weight:900;
    line-height:1.1;
    text-align:center;
    white-space:nowrap;
    transform:translateX(-12px);
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-rate-card.is-ars .yra-gsm-hero-rate-title { color:#137333; }
.yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-rate-list {
    display:flex;
    flex-direction:column;
    gap:4px;
    min-width:0;
    transform:translateX(-12px);
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-rate-row {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:6px;
    min-width:0;
    padding:4px 7px;
    border:0;
    border-radius:7px;
    background:rgba(255,255,255,.74);
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-rate-label {
    min-width:0;
    color:#27303a;
    font-size:10px;
    font-weight:800;
    line-height:1.1;
    white-space:nowrap;
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-rate-row strong {
    flex:0 0 auto;
    color:#111827;
    font-size:13px;
    font-weight:900;
    line-height:1;
    white-space:nowrap;
}

/* FREE mobile parity: 4 tabs and reference block placement. */
@media (max-width:768px) {
    .yra-gsm-card-page .yra-gsm-card-hero.is-free { margin:20px auto 24px; padding:0 4px; }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-free { display:flex; flex-direction:column; gap:14px; height:auto!important; }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-image {
        order:1; width:100%; max-width:none; justify-content:center; align-self:stretch;
    }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-image .yra-gsm-card-image {
        width:auto; max-width:min(54vw,210px); max-height:310px; margin-left:auto; margin-right:auto;
    }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-tabs {
        order:2; display:grid; width:100%; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; margin:0 0 6px;
    }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-tabs button {
        appearance:none; min-height:24px; padding:2px; border:1px solid #cfd6dd; border-radius:5px;
        background:#f5f7f9; color:#3f4a54; font-size:9px; font-weight:900; line-height:1; cursor:pointer; white-space:nowrap;
    }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-tabs button.is-active { border-color:#1a252f; background:#1a252f; color:#fff; }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-card { order:3; display:none; min-height:0; padding:12px; }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-card.is-active { display:grid; }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-price-card.is-active {
        grid-template-columns:96px minmax(0,1fr); align-items:stretch; column-gap:12px;
    }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-card-head { align-self:center; justify-self:center; gap:5px; transform:translateX(-14px); }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-grade { min-width:74px; font-size:12px; padding:4px 8px; }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-caption { font-size:9.5px; line-height:1.2; }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-card-body {
        min-width:0; height:100%; align-self:stretch; justify-self:stretch; align-items:flex-end; justify-content:flex-start; text-align:right; padding-top:12px;
    }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-price { font-size:clamp(25px,7vw,30px); transform:translateX(-22px); }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-change {
        margin-top:3px; padding:3px 6px; font-size:9.5px; transform:translateX(-22px); }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-change .is-desktop { display:none; }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-change .is-mobile { display:flex; gap:4px; }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-dates {
        margin-top:auto; margin-right:0; margin-bottom:-3px; align-self:flex-end; align-items:flex-end; text-align:right; gap:3px; font-size:9px; line-height:1.35; letter-spacing:.04em;
    }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-rate-card.is-active {
        display:grid; grid-template-columns:minmax(96px,.88fr) minmax(0,1.12fr); grid-template-rows:1fr;
        align-items:center; column-gap:12px; row-gap:0; padding:14px 12px 12px;
    }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-rate-title { font-size:17px; transform:none; }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-rate-list { gap:6px; transform:none; }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-rate-row { padding:7px 9px; }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-rate-label { font-size:11.5px; gap:6px; }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-rate-row strong { font-size:17px; }
}

/* PRO mobile parity: exact compact six-tab hero from cardhero8. */
@media (max-width:700px) {
    .yra-gsm-card-page .yra-gsm-card-hero.is-pro { margin:0 0 20px; }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro { display:flex; flex-direction:column; gap:6px; }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-image {
        order:1; width:100%; height:auto; min-height:0; margin:0 0 2px;
    }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-image .yra-gsm-card-image {
        width:auto; max-width:78%; height:auto; max-height:360px; margin:0 auto;
    }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-tabs {
        order:2; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; width:100%; margin:0 0 4px;
    }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-tabs button {
        appearance:none; min-height:31px; padding:5px 6px; border:1px solid #cfd6dd; border-radius:5px;
        background:#f5f7f9; color:#3f4a54; font-size:11px; font-weight:900; line-height:1.15; white-space:nowrap; cursor:pointer;
    }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-tabs button.is-active { border-color:#1a252f; background:#1a252f; color:#fff; }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-card { order:3; display:none; width:100%; min-height:0; }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-card.is-active { display:block; }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-price-card.is-active {
        display:grid; grid-template-columns:96px minmax(0,1fr); align-items:stretch; column-gap:12px; padding:12px; min-height:108px;
    }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-card { border-left-width:4px; border-radius:7px; }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-card-head { gap:5px; transform:translateX(-14px); }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-grade { min-width:74px; padding:4px 8px; font-size:12px; }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-caption { font-size:9.5px; line-height:1.2; text-align:center; }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-card-body {
        min-width:0; height:100%; align-self:stretch; justify-self:stretch; align-items:flex-end; justify-content:flex-start; text-align:right; padding-top:12px;
    }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-price { font-size:clamp(25px,7vw,30px); transform:translateX(-28px); }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-change {
        width:auto; margin:3px 0 0; padding:3px 6px; border-radius:6px; font-size:9.5px; text-align:right; transform:translateX(-28px);
    }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-change .is-desktop { display:none; }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-change .is-mobile { display:flex; flex-direction:row; align-items:center; gap:4px; white-space:nowrap; }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-dates {
        margin-top:auto; margin-right:0; margin-bottom:-3px; align-items:flex-end; text-align:right; gap:3px; font-size:9px; line-height:1.35; letter-spacing:.04em;
    }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-dates.is-no-prev { align-items:flex-start; text-align:left; }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-no-data { min-height:42px; font-size:11px; }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-rate-card.is-active {
        display:grid; grid-template-columns:minmax(94px,.88fr) minmax(0,1.12fr); align-items:center; column-gap:8px; padding:9px;
    }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-rate-title { font-size:14px; transform:none; }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-rate-list { gap:3px; transform:none; }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-rate-row { padding:4px 6px; }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-rate-label { font-size:9.5px; }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-rate-row strong { font-size:12px; }
}

/* ② Legacy-like domestic grade controls -------------------------------- */
.yra-gsm-card-page .yra-gsm-history-controls {
    margin:0 0 10px!important;
    padding:10px!important;
    background:#f7f8fa!important;
    border:1px solid #d8dde3!important;
    border-radius:6px!important;
}
.yra-gsm-card-page .yra-gsm-grade-mode-row { align-items:flex-start; gap:8px; }
.yra-gsm-card-page .yra-gsm-grade-multi { width:260px; max-width:100%; }
.yra-gsm-card-page .yra-gsm-grade-multi-button {
    position:relative;
    min-height:42px;
    padding:8px 35px 8px 12px!important;
    border:2px solid #555!important;
    border-radius:6px!important;
    background:#fff!important;
    color:#111!important;
    font-size:13px!important;
    font-weight:800!important;
    text-align:left!important;
}
.yra-gsm-card-page .yra-gsm-grade-multi-button::after {
    content:"⌄";
    position:absolute;
    right:11px;
    top:50%;
    transform:translateY(-53%);
    color:#444;
    font-size:16px;
    line-height:1;
}
.yra-gsm-card-page .yra-gsm-grade-multi-panel {
    top:calc(100% + 5px)!important;
    width:260px!important;
    max-width:min(90vw,260px)!important;
    padding:9px!important;
    border:1px solid #777!important;
    border-radius:6px!important;
    background:#fff!important;
    box-shadow:0 6px 20px rgba(0,0,0,.18)!important;
}
.yra-gsm-card-page .yra-gsm-grade-actions { gap:7px; padding-bottom:8px; border-bottom:1px solid #e3e6e9; }
.yra-gsm-card-page .yra-gsm-grade-actions button {
    flex:1;
    min-height:30px;
    border:1px solid #a7afb7!important;
    border-radius:4px!important;
    background:#fff!important;
    color:#222!important;
    font-size:11px!important;
    font-weight:800!important;
}
.yra-gsm-card-page .yra-gsm-grade-options { display:grid; gap:2px; max-height:270px; overflow:auto; }
.yra-gsm-card-page .yra-gsm-grade-options[data-company-mode="ALL"] { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:8px; }
.yra-gsm-card-page .yra-gsm-grade-options[data-company-mode="ALL"] .yra-gsm-grade-check-row[data-yra-gsm-grade-company="PSA"] { grid-column:1; }
.yra-gsm-card-page .yra-gsm-grade-options[data-company-mode="ALL"] .yra-gsm-grade-check-row[data-yra-gsm-grade-company="ARS"] { grid-column:2; }
.yra-gsm-card-page .yra-gsm-grade-options[data-company-mode="PSA"],
.yra-gsm-card-page .yra-gsm-grade-options[data-company-mode="ARS"] { grid-template-columns:minmax(0,1fr); }
.yra-gsm-card-page .yra-gsm-grade-options[data-company-mode="PSA"] .yra-gsm-grade-check-row,
.yra-gsm-card-page .yra-gsm-grade-options[data-company-mode="ARS"] .yra-gsm-grade-check-row { grid-column:1; }
.yra-gsm-card-page .yra-gsm-grade-check-row[hidden] { display:none!important; }
.yra-gsm-card-page .yra-gsm-grade-check-row {
    display:grid!important;
    grid-template-columns:18px 13px minmax(0,1fr);
    gap:7px!important;
    align-items:center!important;
    min-height:31px;
    padding:3px 5px;
    border-radius:4px;
    cursor:pointer;
}
.yra-gsm-card-page .yra-gsm-grade-check-row:hover { background:#f2f5f7; }
.yra-gsm-card-page .yra-gsm-grade-check-row input[type="checkbox"] {
    appearance:auto!important;
    -webkit-appearance:checkbox!important;
    width:16px!important;
    height:16px!important;
    margin:0!important;
    padding:0!important;
    border:initial!important;
    border-radius:0!important;
    box-shadow:none!important;
    accent-color:#1f2937;
}
.yra-gsm-card-page .yra-gsm-grade-check-color {
    width:11px;
    height:11px;
    border-radius:50%;
    border:1px solid rgba(0,0,0,.14);
}
.yra-gsm-card-page .yra-gsm-chart-reset {
    min-height:42px!important;
    padding:8px 12px!important;
    border:1px solid #aeb7c0!important;
    border-radius:5px!important;
    background:#fff!important;
    color:#222!important;
    font-size:11px!important;
    font-weight:800!important;
}

/* ④ FREE -> PRO CTA: exact legacy v1.1.3 visual parity ---------------- */
body.yra-gsm-managed-post #yra-free-to-pro-cta-v113.yra-gsm-pro-cta-v113 { display:block !important; }
#yra-free-to-pro-cta-v113 {
        box-sizing: border-box;
        width: 100%;
        margin: 10px 0;
    }

    #yra-free-to-pro-cta-v113 .yra-free-to-pro-link {
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        width: 100%;
        min-height: 58px;
        padding: 11px 18px;
        border: 2px solid #ffb300;
        border-radius: 7px;
        background: linear-gradient(135deg, #f7f9fc 0%, #edf3f8 100%);
        box-shadow:
            0 2px 8px rgba(38, 59, 85, 0.10),
            0 0 7px rgba(255, 179, 0, 0.48);
        color: #263b55;
        text-decoration: none;
        animation: yra-free-to-pro-frame-glow-v113 1.15s ease-in-out infinite alternate;
        transition: transform 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
    }

    #yra-free-to-pro-cta-v113 .yra-free-to-pro-link:hover,
    #yra-free-to-pro-cta-v113 .yra-free-to-pro-link:focus {
        color: #263b55;
        text-decoration: none;
        transform: translateY(-1px);
        box-shadow:
            0 4px 12px rgba(38, 59, 85, 0.16),
            0 0 17px rgba(255, 179, 0, 0.82);
    }

    #yra-free-to-pro-cta-v113 .yra-free-to-pro-badge {
        flex: 0 0 auto;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 48px;
        height: 26px;
        padding: 0 8px;
        position: relative;
        overflow: hidden;
        border: 1px solid #fff5a6;
        border-radius: 999px;
        background: linear-gradient(135deg, #fff45c 0%, #ffbd00 48%, #ff8a00 100%);
        box-shadow:
            0 0 5px rgba(255, 170, 0, 0.95),
            0 0 13px rgba(255, 170, 0, 0.82),
            0 0 23px rgba(255, 193, 7, 0.60);
        color: #3a2200;
        font-size: 12px;
        font-weight: 900;
        line-height: 1;
        letter-spacing: 0.04em;
        animation: yra-free-to-pro-badge-glow-v113 0.82s ease-in-out infinite alternate;
    }

    #yra-free-to-pro-cta-v113 .yra-free-to-pro-copy {
        min-width: 0;
        text-align: center;
        line-height: 1.4;
    }

    #yra-free-to-pro-cta-v113 .yra-free-to-pro-main {
        display: block;
        color: #263b55;
        font-size: 15px;
        font-weight: 800;
    }

    #yra-free-to-pro-cta-v113 .yra-free-to-pro-sub {
        display: block;
        margin-top: 2px;
        color: #5d7187;
        font-size: 11px;
        font-weight: 600;
    }

    #yra-free-to-pro-cta-v113 .yra-free-to-pro-arrow {
        flex: 0 0 auto;
        color: #ff9d00;
        font-size: 21px;
        font-weight: 900;
        line-height: 1;
        text-shadow:
            0 0 4px rgba(255, 157, 0, 0.98),
            0 0 10px rgba(255, 179, 0, 0.86);
        animation: yra-free-to-pro-arrow-glow-v113 0.82s ease-in-out infinite alternate;
    }


    #yra-free-to-pro-cta-v113 .yra-free-to-pro-badge::after {
        content: '';
        position: absolute;
        top: -35%;
        left: -60%;
        width: 34%;
        height: 170%;
        background: linear-gradient(
            90deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.98) 50%,
            rgba(255, 255, 255, 0) 100%
        );
        transform: rotate(20deg);
        animation: yra-free-to-pro-shine-v113 1.35s linear infinite;
        pointer-events: none;
    }

    @keyframes yra-free-to-pro-frame-glow-v113 {
        0% {
            border-color: #ffb000;
            box-shadow:
                0 2px 8px rgba(38, 59, 85, 0.10),
                0 0 5px rgba(255, 176, 0, 0.40);
        }
        100% {
            border-color: #ffd84a;
            box-shadow:
                0 2px 8px rgba(38, 59, 85, 0.10),
                0 0 10px rgba(255, 179, 0, 0.92),
                0 0 21px rgba(255, 193, 7, 0.58);
        }
    }

    @keyframes yra-free-to-pro-badge-glow-v113 {
        0% {
            filter: brightness(1);
            box-shadow:
                0 0 5px rgba(255, 170, 0, 0.90),
                0 0 12px rgba(255, 170, 0, 0.74),
                0 0 20px rgba(255, 193, 7, 0.48);
        }
        100% {
            filter: brightness(1.24);
            box-shadow:
                0 0 8px rgba(255, 214, 61, 1),
                0 0 19px rgba(255, 179, 0, 0.98),
                0 0 31px rgba(255, 124, 0, 0.80);
        }
    }

    @keyframes yra-free-to-pro-arrow-glow-v113 {
        0% {
            filter: brightness(1);
            transform: translateX(0) scale(1);
        }
        100% {
            filter: brightness(1.28);
            transform: translateX(2px) scale(1.16);
        }
    }

    @keyframes yra-free-to-pro-shine-v113 {
        0% {
            left: -60%;
        }
        100% {
            left: 135%;
        }
    }

    #yra-free-to-pro-cta-v113 .yra-free-to-pro-link {
        border-radius: 7px 7px 0 0;
    }

    #yra-free-to-pro-cta-v113 .yra-free-to-pro-compare {
        box-sizing: border-box;
        width: 100%;
        margin-top: 0;
        border: 2px solid #ffb300;
        border-top: 0;
        border-radius: 0 0 7px 7px;
        background: #ffffff;
        box-shadow: 0 2px 8px rgba(38, 59, 85, 0.08);
        overflow: hidden;
    }

    #yra-free-to-pro-cta-v113 .yra-free-to-pro-compare-trigger {
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        width: 100%;
        min-height: 30px;
        padding: 5px 10px;
        border: 0;
        border-bottom: 1px solid #d7e1e9;
        background: linear-gradient(135deg, #edf4fa 0%, #f8fafc 100%);
        color: #354b63;
        font-family: inherit;
        font-size: 11px;
        font-weight: 800;
        line-height: 1.2;
        cursor: pointer;
        box-shadow: none;
    }

    #yra-free-to-pro-cta-v113 .yra-free-to-pro-compare-trigger:hover,
    #yra-free-to-pro-cta-v113 .yra-free-to-pro-compare-trigger:focus {
        background: #e7f0f7;
        color: #263b55;
        outline: none;
    }

    #yra-free-to-pro-cta-v113 .yra-free-to-pro-compare-trigger-icon {
        display: inline-block;
        flex: 0 0 auto;
        color: #ff9d00;
        font-size: 15px;
        font-weight: 900;
        line-height: 1;
        transition: transform 0.15s ease;
    }

    #yra-free-to-pro-cta-v113 .yra-free-to-pro-compare.is-open .yra-free-to-pro-compare-trigger-icon {
        transform: rotate(180deg);
    }

    #yra-free-to-pro-cta-v113 .yra-free-to-pro-compare-body {
        display: none;
        padding: 6px 7px 7px;
    }

    #yra-free-to-pro-cta-v113 .yra-free-to-pro-compare.is-open .yra-free-to-pro-compare-body {
        display: block;
    }

    #yra-free-to-pro-cta-v113 .yra-free-to-pro-compare-table-wrap {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    #yra-free-to-pro-cta-v113 .yra-free-to-pro-compare-table {
        width: 100%;
        min-width: 0;
        margin: 0;
        border-collapse: collapse;
        table-layout: fixed;
        color: #263b55;
        font-size: 10px;
        line-height: 1.2;
    }

    #yra-free-to-pro-cta-v113 .yra-free-to-pro-compare-table th,
    #yra-free-to-pro-cta-v113 .yra-free-to-pro-compare-table td {
        padding: 4px 6px;
        border: 1px solid #d7e1e9;
        text-align: center;
        vertical-align: middle;
    }

    #yra-free-to-pro-cta-v113 .yra-free-to-pro-compare-table th:first-child,
    #yra-free-to-pro-cta-v113 .yra-free-to-pro-compare-table td:first-child {
        width: 60%;
    }

    #yra-free-to-pro-cta-v113 .yra-free-to-pro-compare-table thead th:first-child {
        text-align: center;
    }

    #yra-free-to-pro-cta-v113 .yra-free-to-pro-compare-table tbody td:first-child {
        text-align: left;
    }

    #yra-free-to-pro-cta-v113 .yra-free-to-pro-compare-table th:nth-child(2),
    #yra-free-to-pro-cta-v113 .yra-free-to-pro-compare-table td:nth-child(2),
    #yra-free-to-pro-cta-v113 .yra-free-to-pro-compare-table th:nth-child(3),
    #yra-free-to-pro-cta-v113 .yra-free-to-pro-compare-table td:nth-child(3) {
        width: 20%;
    }

    #yra-free-to-pro-cta-v113 .yra-free-to-pro-compare-table thead th {
        background: #edf4fa;
        color: #263b55;
        font-weight: 900;
    }

    #yra-free-to-pro-cta-v113 .yra-free-to-pro-compare-table thead th:nth-child(3),
    #yra-free-to-pro-cta-v113 .yra-free-to-pro-compare-table tbody td:nth-child(3) {
        background: #fff7e6;
    }

    #yra-free-to-pro-cta-v113 .yra-free-to-pro-compare-table thead th:nth-child(3) {
        color: #9a5700;
    }

    #yra-free-to-pro-cta-v113 .yra-free-to-pro-mark {
        position: relative;
        display: inline-block;
        width: 16px;
        height: 16px;
        vertical-align: middle;
    }

    #yra-free-to-pro-cta-v113 .yra-free-to-pro-mark-yes::before {
        content: '';
        position: absolute;
        inset: 2px;
        border: 2px solid currentColor;
        border-radius: 50%;
        box-sizing: border-box;
    }

    #yra-free-to-pro-cta-v113 .yra-free-to-pro-mark-no::before,
    #yra-free-to-pro-cta-v113 .yra-free-to-pro-mark-no::after {
        content: '';
        position: absolute;
        top: 7px;
        left: 2px;
        width: 12px;
        height: 2px;
        border-radius: 999px;
        background: currentColor;
    }

    #yra-free-to-pro-cta-v113 .yra-free-to-pro-mark-no::before {
        transform: rotate(45deg);
    }

    #yra-free-to-pro-cta-v113 .yra-free-to-pro-mark-no::after {
        transform: rotate(-45deg);
    }

    #yra-free-to-pro-cta-v113 .yra-free-to-pro-mark-free {
        color: #1769c2;
    }

    #yra-free-to-pro-cta-v113 .yra-free-to-pro-mark-pro {
        color: #d87900;
        filter: drop-shadow(0 0 2px rgba(255, 179, 0, 0.35));
    }

    #yra-free-to-pro-cta-v113 .yra-free-to-pro-mark-no {
        color: #98a2ab;
    }

    #yra-free-to-pro-cta-v113 .yra-free-to-pro-sr-only {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }

    @media (prefers-reduced-motion: reduce) {
        #yra-free-to-pro-cta-v113 .yra-free-to-pro-link,
        #yra-free-to-pro-cta-v113 .yra-free-to-pro-badge,
        #yra-free-to-pro-cta-v113 .yra-free-to-pro-badge::after,
        #yra-free-to-pro-cta-v113 .yra-free-to-pro-arrow {
            animation: none;
        }
    }

    @media (max-width: 600px) {
        #yra-free-to-pro-cta-v113 {
            margin: 9px 0;
        }

        #yra-free-to-pro-cta-v113 .yra-free-to-pro-link {
            gap: 8px;
            min-height: 56px;
            padding: 10px 11px;
        }

        #yra-free-to-pro-cta-v113 .yra-free-to-pro-badge {
            min-width: 43px;
            height: 24px;
            padding: 0 7px;
            font-size: 11px;
        }

        #yra-free-to-pro-cta-v113 .yra-free-to-pro-main {
            font-size: 13px;
        }

        #yra-free-to-pro-cta-v113 .yra-free-to-pro-sub {
            font-size: 10px;
        }

        #yra-free-to-pro-cta-v113 .yra-free-to-pro-arrow {
            font-size: 18px;
        }

        #yra-free-to-pro-cta-v113 .yra-free-to-pro-compare-trigger {
            min-height: 28px;
            padding: 5px 8px;
            font-size: 10px;
        }

        #yra-free-to-pro-cta-v113 .yra-free-to-pro-compare-body {
            padding: 6px 5px 7px;
        }

        #yra-free-to-pro-cta-v113 .yra-free-to-pro-compare-table {
            font-size: 9px;
        }

        #yra-free-to-pro-cta-v113 .yra-free-to-pro-compare-table th,
        #yra-free-to-pro-cta-v113 .yra-free-to-pro-compare-table td {
            padding: 5px 4px;
        }

        #yra-free-to-pro-cta-v113 .yra-free-to-pro-compare-table th:first-child,
        #yra-free-to-pro-cta-v113 .yra-free-to-pro-compare-table td:first-child {
            width: 58%;
        }

        #yra-free-to-pro-cta-v113 .yra-free-to-pro-compare-table th:nth-child(2),
        #yra-free-to-pro-cta-v113 .yra-free-to-pro-compare-table td:nth-child(2),
        #yra-free-to-pro-cta-v113 .yra-free-to-pro-compare-table th:nth-child(3),
        #yra-free-to-pro-cta-v113 .yra-free-to-pro-compare-table td:nth-child(3) {
            width: 21%;
        }

        #yra-free-to-pro-cta-v113 .yra-free-to-pro-mark {
            width: 15px;
            height: 15px;
        }
    }

/* ⑤ Existing ygo_price_alert shortcode placement ---------------------- */
.yra-gsm-card-page .yra-gsm-price-alert-cta { margin:0 0 19px; }
.yra-gsm-card-page .yra-gsm-price-alert-cta .ygo-alert-wrap { margin-top:0!important; margin-bottom:0!important; }

/* ⑥ Gemix: exact legacy FREE individual-page visual parity --------------- */
.yra-gsm-card-page .yra-gsm-gemix-banner,
.yra-gsm-card-page .yra-gsm-gemix-banner * {
  box-sizing: border-box !important;
}

.yra-gsm-card-page .yra-gsm-gemix-banner {
  display: block !important;
  width: 72% !important;
  max-width: 610px !important;
  margin: 14px auto 13px !important;
  padding: 0 !important;
  font-family:
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    "Yu Gothic",
    "Meiryo",
    sans-serif !important;
}

.yra-gsm-card-page .yra-gsm-gemix-banner .yra-gsm-gemix-link {
  display: grid !important;
  grid-template-columns:
    96px
    minmax(0, 1fr) !important;
  width: 100% !important;
  min-height: 88px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: #ffffff !important;
  background: #111111 !important;
  border: 1px solid rgba(35, 35, 35, 0.9) !important;
  border-radius: 9px !important;
  box-shadow:
    0 3px 7px rgba(0, 0, 0, 0.17),
    0 7px 15px rgba(0, 0, 0, 0.13) !important;
  text-decoration: none !important;
  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease !important;
}

.yra-gsm-card-page .yra-gsm-gemix-banner .yra-gsm-gemix-link:hover {
  transform: translateY(-2px) !important;
  box-shadow:
    0 4px 9px rgba(0, 0, 0, 0.2),
    0 10px 20px rgba(0, 0, 0, 0.17) !important;
}

.yra-gsm-card-page .yra-gsm-gemix-banner .yra-gsm-gemix-link:focus-visible {
  outline: 3px solid #d9b959 !important;
  outline-offset: 3px !important;
}

.yra-gsm-card-page .yra-gsm-gemix-banner .yra-gsm-gemix-logo-area {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 96px !important;
  min-width: 96px !important;
  height: 88px !important;
  min-height: 88px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background:
    radial-gradient(
      circle at 50% 42%,
      #333333 0%,
      #242424 46%,
      #161616 100%
    ) !important;
}

.yra-gsm-card-page .yra-gsm-gemix-banner .yra-gsm-gemix-logo-area::after {
  content: "" !important;
  position: absolute !important;
  z-index: 2 !important;
  top: 0 !important;
  right: 0 !important;
  width: 1px !important;
  height: 100% !important;
  background:
    linear-gradient(
      180deg,
      transparent 0%,
      rgba(255, 224, 139, 0.36) 50%,
      transparent 100%
    ) !important;
  pointer-events: none !important;
}

.yra-gsm-card-page .yra-gsm-gemix-banner .yra-gsm-gemix-logo {
  display: block !important;
  width: 100px !important;
  max-width: none !important;
  height: 100px !important;
  margin: -6px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
}

.yra-gsm-card-page .yra-gsm-gemix-banner .yra-gsm-gemix-copy-area {
  position: relative !important;
  isolation: isolate !important;
  display: grid !important;
  grid-template-columns:
    minmax(225px, 1fr)
    184px !important;
  align-items: center !important;
  justify-content: center !important;
  column-gap: 12px !important;
  min-width: 0 !important;
  height: 88px !important;
  min-height: 88px !important;
  margin: 0 !important;
  padding: 7px 20px 7px 8px !important;
  overflow: hidden !important;
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(255, 220, 105, 0.15) 0%,
      rgba(255, 220, 105, 0.03) 42%,
      transparent 72%
    ),
    linear-gradient(
      135deg,
      #171717 0%,
      #0b0b0b 57%,
      #17130b 100%
    ) !important;
}

.yra-gsm-card-page .yra-gsm-gemix-banner .yra-gsm-gemix-copy-area::before {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  top: -125px !important;
  right: -95px !important;
  width: 220px !important;
  height: 220px !important;
  border-radius: 50% !important;
  background:
    radial-gradient(
      circle,
      rgba(255, 218, 104, 0.1) 0%,
      rgba(255, 218, 104, 0) 70%
    ) !important;
  pointer-events: none !important;
}

.yra-gsm-card-page .yra-gsm-gemix-banner .yra-gsm-gemix-copy-left {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

.yra-gsm-card-page .yra-gsm-gemix-banner .yra-gsm-gemix-kicker {
  margin: 0 0 4px !important;
  padding: 0 !important;
  color: #cdbb83 !important;
  font-size: 6px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.14em !important;
}

.yra-gsm-card-page .yra-gsm-gemix-banner .yra-gsm-gemix-offer {
  display: flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  gap: 5px !important;
  width: 100% !important;
  margin: 0 0 4px !important;
  padding: 0 !important;
}

.yra-gsm-card-page .yra-gsm-gemix-banner .yra-gsm-gemix-offer-small {
  color: #ffffff !important;
  font-size: clamp(10px, 1.15vw, 13px) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.01em !important;
  white-space: nowrap !important;
  text-shadow:
    0 0 5px rgba(255, 255, 255, 0.14) !important;
}

.yra-gsm-card-page .yra-gsm-gemix-banner .yra-gsm-gemix-offer-large {
  color: #ffe178 !important;
  font-size: clamp(19px, 2vw, 23px) !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  letter-spacing: 0.01em !important;
  white-space: nowrap !important;
  text-shadow:
    0 0 4px rgba(255, 255, 255, 0.26),
    0 0 11px rgba(255, 215, 83, 0.25) !important;
}

.yra-gsm-card-page .yra-gsm-gemix-banner .yra-gsm-gemix-benefit {
  margin: 0 !important;
  padding: 0 !important;
  color: #d9d9d9 !important;
  font-size: 8px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.01em !important;
  white-space: nowrap !important;
}

.yra-gsm-card-page .yra-gsm-gemix-banner .yra-gsm-gemix-action {
  position: relative !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  width: 184px !important;
  min-width: 184px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 8px 12px !important;
  color: #17130a !important;
  background:
    linear-gradient(
      135deg,
      #fffdf3 0%,
      #f3e6bd 50%,
      #d7b85a 100%
    ) !important;
  border: 1px solid rgba(255, 237, 177, 0.8) !important;
  border-radius: 6px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 2px 7px rgba(0, 0, 0, 0.28) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

.yra-gsm-card-page .yra-gsm-gemix-banner .yra-gsm-gemix-arrow {
  display: inline-block !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  transform: translateY(-1px) !important;
}

.yra-gsm-card-page .yra-gsm-gemix-banner .yra-gsm-gemix-link:hover
.yra-gsm-gemix-action {
  background:
    linear-gradient(
      135deg,
      #ffffff 0%,
      #fff2c9 48%,
      #e0bd57 100%
    ) !important;
}

@media screen and (max-width: 700px) {
  .yra-gsm-card-page .yra-gsm-gemix-banner {
    width: 92% !important;
    max-width: 92% !important;
    margin: 13px auto 12px !important;
  }

  .yra-gsm-card-page .yra-gsm-gemix-banner .yra-gsm-gemix-link {
    grid-template-columns:
      88px
      minmax(0, 1fr) !important;
    min-height: 90px !important;
    border-radius: 8px !important;
  }

  .yra-gsm-card-page .yra-gsm-gemix-banner .yra-gsm-gemix-logo-area {
    width: 88px !important;
    min-width: 88px !important;
    height: 90px !important;
    min-height: 90px !important;
  }

  .yra-gsm-card-page .yra-gsm-gemix-banner .yra-gsm-gemix-logo {
    width: 98px !important;
    height: 98px !important;
    margin: -4px 0 !important;
  }

  .yra-gsm-card-page .yra-gsm-gemix-banner .yra-gsm-gemix-copy-area {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    height: 90px !important;
    min-height: 90px !important;
    padding: 7px 11px 7px 5px !important;
    row-gap: 0 !important;
    text-align: center !important;
  }

  .yra-gsm-card-page .yra-gsm-gemix-banner .yra-gsm-gemix-copy-left {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
  }

  .yra-gsm-card-page .yra-gsm-gemix-banner .yra-gsm-gemix-kicker {
    display: none !important;
  }

  .yra-gsm-card-page .yra-gsm-gemix-banner .yra-gsm-gemix-offer {
    display: flex !important;
    align-items: baseline !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;
    margin: 0 0 3px !important;
  }

  .yra-gsm-card-page .yra-gsm-gemix-banner .yra-gsm-gemix-offer-small {
    display: inline !important;
    font-size: 9px !important;
    line-height: 1.3 !important;
  }

  .yra-gsm-card-page .yra-gsm-gemix-banner .yra-gsm-gemix-offer-large {
    display: inline !important;
    margin: 0 !important;
    font-size: 18px !important;
    line-height: 1.15 !important;
  }

  .yra-gsm-card-page .yra-gsm-gemix-banner .yra-gsm-gemix-benefit {
    margin: 2px 0 6px !important;
    font-size: 7px !important;
    line-height: 1.35 !important;
  }

  .yra-gsm-card-page .yra-gsm-gemix-banner .yra-gsm-gemix-action {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 29px !important;
    padding: 5px 6px !important;
    gap: 3px !important;
    font-size: 10px !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
  }

  .yra-gsm-card-page .yra-gsm-gemix-banner .yra-gsm-gemix-arrow {
    font-size: 15px !important;
  }
}

@media screen and (max-width: 390px) {
  .yra-gsm-card-page .yra-gsm-gemix-banner {
    width: 96% !important;
    max-width: 96% !important;
  }

  .yra-gsm-card-page .yra-gsm-gemix-banner .yra-gsm-gemix-link {
    grid-template-columns:
      82px
      minmax(0, 1fr) !important;
  }

  .yra-gsm-card-page .yra-gsm-gemix-banner .yra-gsm-gemix-logo-area {
    width: 82px !important;
    min-width: 82px !important;
  }

  .yra-gsm-card-page .yra-gsm-gemix-banner .yra-gsm-gemix-logo {
    width: 92px !important;
    height: 92px !important;
    margin: -1px 0 !important;
  }

  .yra-gsm-card-page .yra-gsm-gemix-banner .yra-gsm-gemix-copy-area {
    padding-right: 9px !important;
    padding-left: 4px !important;
  }

  .yra-gsm-card-page .yra-gsm-gemix-banner .yra-gsm-gemix-offer-small {
    font-size: 8px !important;
  }

  .yra-gsm-card-page .yra-gsm-gemix-banner .yra-gsm-gemix-offer-large {
    font-size: 16px !important;
  }

  .yra-gsm-card-page .yra-gsm-gemix-banner .yra-gsm-gemix-benefit {
    font-size: 6px !important;
  }

  .yra-gsm-card-page .yra-gsm-gemix-banner .yra-gsm-gemix-action {
    min-height: 28px !important;
    font-size: 9px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .yra-gsm-card-page .yra-gsm-gemix-banner .yra-gsm-gemix-link {
    transition: none !important;
  }

  .yra-gsm-card-page .yra-gsm-gemix-banner .yra-gsm-gemix-link:hover {
    transform: none !important;
  }
}
.yra-gsm-card-page .yra-gsm-gemix-banner .yra-gsm-pr-label { display:none !important; }

/* ⑦ Shop buttons: exact legacy FREE individual-page visual parity ------- */
.yra-gsm-card-page .yra-gsm-shop-section {
    margin-top:50px;
    margin-bottom:40px;
    width:100%;
    box-sizing:border-box;
    font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic","Meiryo",sans-serif;
}
.yra-gsm-card-page .yra-gsm-shop-section .yra-gsm-section-title {
    border-left:6px solid #1a252f;
    padding:0 0 0 10px;
    border-bottom:2px solid #ddd;
    margin:0 0 20px 0;
    color:#000;
    font-size:1.3em;
    font-weight:bold;
    line-height:1.4;
}
.yra-gsm-card-page .yra-gsm-shop-grid {
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:15px !important;
}
.yra-gsm-card-page .yra-gsm-shop-grid .yra-gsm-shop-btn {
    display:flex !important;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    position:relative;
    z-index:1;
    min-height:0;
    padding:18px 5px !important;
    overflow:hidden;
    border-radius:8px !important;
    font-size:16px !important;
    font-weight:900 !important;
    line-height:1.2;
    letter-spacing:.05em;
    text-align:center !important;
    text-decoration:none !important;
    box-shadow:0 4px 10px rgba(0,0,0,.2) !important;
    transition:all .3s cubic-bezier(.25,.8,.25,1);
    user-select:none;
}
.yra-gsm-card-page .yra-gsm-shop-grid .yra-gsm-shop-btn:hover:not(.yr-rakuten-soldout):not(.yr-toretoku-soldout):not(.yr-yuyutei-soldout):not(.yr-karnavel-soldout) {
    transform:translateY(-5px) scale(1.05);
    box-shadow:0 12px 25px rgba(0,0,0,.3) !important;
    z-index:10;
    opacity:1;
}
.yra-gsm-card-page .yra-gsm-shop-grid .yra-gsm-shop-name {
    position:relative !important;
    z-index:3 !important;
    top:auto !important;
    right:auto !important;
    display:inline !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    font:inherit !important;
    font-weight:900 !important;
    line-height:inherit !important;
    letter-spacing:inherit !important;
    color:inherit !important;
    -webkit-text-fill-color:currentColor !important;
    text-shadow:inherit;
}
.yra-gsm-card-page .yra-gsm-shop-grid .btn-rakuten {
    background:linear-gradient(135deg,#bf0000,#990000) !important;
    border:2px solid #800000 !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    text-shadow:0 1px 2px rgba(0,0,0,.3) !important;
}
.yra-gsm-card-page .yra-gsm-shop-grid .btn-rakuten::after {
    content:"";
    position:absolute;
    z-index:2;
    top:-50%;
    left:-150%;
    width:200%;
    height:200%;
    background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 50%,rgba(255,255,255,0) 100%);
    transform:rotate(25deg);
    animation:yra-gsm-shine-rakuten 3.5s infinite ease-in-out;
    pointer-events:none;
}
@keyframes yra-gsm-shine-rakuten {
    0%{left:-150%;opacity:0} 30%{opacity:1} 60%{left:150%;opacity:0} 100%{left:150%;opacity:0}
}
.yra-gsm-card-page .yra-gsm-shop-grid .btn-toretoku {
    background:#fff !important;
    color:#000 !important;
    -webkit-text-fill-color:#000 !important;
    border:3px solid #00aa4f !important;
    animation:yra-gsm-pulse-border 1.5s infinite;
}
@keyframes yra-gsm-pulse-border {
    0%{box-shadow:0 0 0 0 rgba(0,170,79,.8)} 70%{box-shadow:0 0 0 12px rgba(0,170,79,0)} 100%{box-shadow:0 0 0 0 rgba(0,170,79,0)}
}
.yra-gsm-card-page .yra-gsm-shop-grid .btn-yuyutei {
    background:#fff !important;
    color:#000 !important;
    -webkit-text-fill-color:#000 !important;
    border:3px solid #00aeef !important;
    overflow:hidden;
}
.yra-gsm-card-page .yra-gsm-shop-grid .btn-yuyutei::before {
    content:"";
    position:absolute;
    z-index:1;
    inset:0;
    box-shadow:inset 0 0 20px rgba(0,174,239,0);
    animation:yra-gsm-inner-glow 1.2s infinite alternate;
    pointer-events:none;
}
@keyframes yra-gsm-inner-glow {
    0%{box-shadow:inset 0 0 5px rgba(0,174,239,.1)} 100%{box-shadow:inset 0 0 35px rgba(0,174,239,.8)}
}
.yra-gsm-card-page .yra-gsm-shop-grid .btn-karnavel {
    background:#00bfff !important;
    border:3px solid #00008b !important;
    color:#ffd700 !important;
    -webkit-text-fill-color:#ffd700 !important;
    text-shadow:2px 2px 0 #00008b,-2px -2px 0 #00008b,-2px 2px 0 #00008b,2px -2px 0 #00008b,2px 0 0 #00008b,-2px 0 0 #00008b,0 2px 0 #00008b,0 -2px 0 #00008b !important;
}
.yra-gsm-card-page .yra-gsm-shop-grid .yra-gsm-shop-particle {
    position:absolute;
    z-index:2;
    border-radius:50%;
    background-color:rgba(255,255,255,.9);
    pointer-events:none;
    animation:yra-gsm-particle-dance 3s infinite linear;
}
@keyframes yra-gsm-particle-dance {
    0%{transform:translate(0,0) rotate(0deg);opacity:0} 20%{opacity:1} 80%{opacity:1} 100%{transform:translate(var(--mx),var(--my)) rotate(180deg);opacity:0}
}
.yra-gsm-card-page .yra-gsm-shop-pr {
    position:absolute !important;
    z-index:20 !important;
    top:2px !important;
    right:2px !important;
    display:inline-block !important;
    padding:0 3px !important;
    border:1px solid currentColor !important;
    border-radius:2px !important;
    background:transparent !important;
    color:inherit !important;
    -webkit-text-fill-color:currentColor !important;
    font-size:9px !important;
    font-weight:normal !important;
    line-height:1 !important;
    letter-spacing:0 !important;
    opacity:.7;
    text-shadow:none !important;
}
.yra-gsm-card-page .yra-gsm-market-links .ad-label,
.yra-gsm-card-page .yra-gsm-market-links > a > span[aria-label="PR"],
.yra-gsm-card-page .yra-gsm-shop-grid .ad-label,
.yra-gsm-card-page .yra-gsm-shop-pr { display:none!important; }
.yra-gsm-card-page .yra-gsm-shop-note {
    margin:8px 0 0;
    color:#777;
    font-size:11px;
    line-height:1.65;
}
.yra-gsm-card-page .yra-gsm-shop-btn.yr-rakuten-soldout,
.yra-gsm-card-page .yra-gsm-shop-btn.yr-toretoku-soldout,
.yra-gsm-card-page .yra-gsm-shop-btn.yr-yuyutei-soldout,
.yra-gsm-card-page .yra-gsm-shop-btn.yr-karnavel-soldout { transform:none !important; }
@media (prefers-reduced-motion:reduce) {
    .yra-gsm-card-page .yra-gsm-shop-grid .btn-rakuten::after,
    .yra-gsm-card-page .yra-gsm-shop-grid .btn-toretoku,
    .yra-gsm-card-page .yra-gsm-shop-grid .btn-yuyutei::before,
    .yra-gsm-card-page .yra-gsm-shop-grid .yra-gsm-shop-particle { animation:none !important; }
}

@media (max-width:700px) {
    .yra-gsm-card-page .yra-gsm-grade-mode-row { display:block!important; }
    .yra-gsm-card-page .yra-gsm-grade-multi { width:100%!important; }
    .yra-gsm-card-page .yra-gsm-grade-multi-panel { width:100%!important; max-width:100%!important; }
    .yra-gsm-card-page .yra-gsm-chart-reset { width:100%!important; margin-top:7px!important; }
}

/* ======================================================================
 * 0.2.74-mobileux1: mobile information-density and hero-balance pass.
 * Scope: managed GSM pages only. Desktop geometry/data paths are unchanged.
 * ====================================================================== */
@media (max-width:768px) {
    /* FREE hero: minimize the tab-to-card gap and left-align price information. */
    .yra-gsm-card-page .yra-gsm-hero-grid.is-free {
        gap:0!important;
    }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-image {
        margin-bottom:10px!important;
    }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-tabs {
        margin:0 0 1px!important;
    }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-price-card.is-active {
        margin-top:0!important;
    }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-card-body {
        align-items:flex-start!important;
        justify-content:flex-start!important;
        text-align:left!important;
        padding-top:11px!important;
    }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-price {
        transform:none!important;
        margin-left:0!important;
    }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-change {
        transform:none!important;
        margin-left:8px!important;
    }

    /* Mobile tables: show materially more columns before horizontal scrolling. */
    .yra-gsm-card-page .yra-gsm-table-scroll,
    .yra-gsm-card-page .yra-gsm-history-scroll {
        -webkit-overflow-scrolling:touch;
    }
    .yra-gsm-card-page .yra-gsm-data-table,
    .yra-gsm-card-page .yra-gsm-history-table,
    .yra-gsm-card-page .yra-gsm-period-table,
    .yra-gsm-card-page .yra-gsm-diff-table,
    .yra-gsm-card-page .yra-gsm-extremes,
    .yra-gsm-card-page .yra-gsm-pop-table {
        font-size:9px!important;
        line-height:1.2!important;
    }
    .yra-gsm-card-page .yra-gsm-data-table th,
    .yra-gsm-card-page .yra-gsm-data-table td,
    .yra-gsm-card-page .yra-gsm-history-table th,
    .yra-gsm-card-page .yra-gsm-history-table td,
    .yra-gsm-card-page .yra-gsm-period-table th,
    .yra-gsm-card-page .yra-gsm-period-table td,
    .yra-gsm-card-page .yra-gsm-diff-table th,
    .yra-gsm-card-page .yra-gsm-diff-table td,
    .yra-gsm-card-page .yra-gsm-extremes th,
    .yra-gsm-card-page .yra-gsm-extremes td,
    .yra-gsm-card-page .yra-gsm-pop-table th,
    .yra-gsm-card-page .yra-gsm-pop-table td {
        padding:4px 3px!important;
        font-size:9px!important;
        line-height:1.2!important;
    }
    .yra-gsm-card-page .yra-gsm-period-table { min-width:420px!important; }
    .yra-gsm-card-page .yra-gsm-diff-table { min-width:470px!important; }
    .yra-gsm-card-page .yra-gsm-extremes { min-width:470px!important; }
    .yra-gsm-card-page .yra-gsm-history-table { min-width:500px!important; }
    .yra-gsm-card-page .yra-gsm-pop-table { min-width:460px!important; table-layout:fixed!important; }
    .yra-gsm-card-page .yra-gsm-pop-table th { width:62px!important; min-width:62px!important; }
    .yra-gsm-card-page .yra-gsm-history-table th:nth-child(1),
    .yra-gsm-card-page .yra-gsm-history-table td:nth-child(1) { width:92px!important; }
    .yra-gsm-card-page .yra-gsm-history-table th:nth-child(2),
    .yra-gsm-card-page .yra-gsm-history-table td:nth-child(2) { width:58px!important; }
    .yra-gsm-card-page .yra-gsm-history-table th:nth-child(3),
    .yra-gsm-card-page .yra-gsm-history-table td:nth-child(3) { width:55px!important; }
    .yra-gsm-card-page .yra-gsm-history-table th:nth-child(4),
    .yra-gsm-card-page .yra-gsm-history-table td:nth-child(4) { width:78px!important; }
    .yra-gsm-card-page .yra-gsm-history-table th:nth-child(5),
    .yra-gsm-card-page .yra-gsm-history-table td:nth-child(5) { width:110px!important; }
    .yra-gsm-card-page .yra-gsm-history-table th:nth-child(6),
    .yra-gsm-card-page .yra-gsm-history-table td:nth-child(6) { width:70px!important; }
}

@media (max-width:700px) {
    /* PRO: two semantic rows, PSA first / ARS second, three buttons per row. */
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro {
        gap:0!important;
    }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-image {
        margin:0 0 8px!important;
    }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-tabs {
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        gap:4px!important;
        margin:0 0 1px!important;
    }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-tabs button {
        min-height:28px!important;
        padding:4px 3px!important;
        font-size:10px!important;
    }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-tabs button.is-ars-tab {
        border-color:#a7d8b5!important;
        background:#eaf8ee!important;
        color:#146c2e!important;
    }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-tabs button.is-ars-tab.is-active {
        border-color:#15803d!important;
        background:#15803d!important;
        color:#fff!important;
    }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-price-card.is-active {
        margin-top:0!important;
    }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-card-body {
        align-items:flex-start!important;
        justify-content:flex-start!important;
        text-align:left!important;
        padding-top:11px!important;
    }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-price {
        transform:none!important;
        margin-left:0!important;
    }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-change {
        transform:none!important;
        margin-left:8px!important;
        text-align:left!important;
    }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-rate-card.is-active {
        grid-template-columns:82px minmax(0,1fr)!important;
        column-gap:4px!important;
        padding:8px!important;
    }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-rate-title {
        justify-content:flex-start!important;
        text-align:left!important;
        padding-left:2px!important;
        font-size:13px!important;
    }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-rate-list {
        gap:3px!important;
        transform:none!important;
    }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-rate-row {
        padding:4px 5px!important;
    }
}



/* ======================================================================
 * 0.2.75-mobileux2: tighter mobile table density and hero price/change alignment.
 * Scope: managed GSM pages only; desktop geometry/data paths are unchanged.
 * ====================================================================== */
@media (max-width:768px) {
    /* FREE + PRO: use the available phone width more efficiently before scrolling. */
    .yra-gsm-card-page .yra-gsm-data-table,
    .yra-gsm-card-page .yra-gsm-history-table,
    .yra-gsm-card-page .yra-gsm-period-table,
    .yra-gsm-card-page .yra-gsm-diff-table,
    .yra-gsm-card-page .yra-gsm-extremes,
    .yra-gsm-card-page .yra-gsm-pop-table {
        font-size:8px!important;
        line-height:1.12!important;
    }
    .yra-gsm-card-page .yra-gsm-data-table th,
    .yra-gsm-card-page .yra-gsm-data-table td,
    .yra-gsm-card-page .yra-gsm-history-table th,
    .yra-gsm-card-page .yra-gsm-history-table td,
    .yra-gsm-card-page .yra-gsm-period-table th,
    .yra-gsm-card-page .yra-gsm-period-table td,
    .yra-gsm-card-page .yra-gsm-diff-table th,
    .yra-gsm-card-page .yra-gsm-diff-table td,
    .yra-gsm-card-page .yra-gsm-extremes th,
    .yra-gsm-card-page .yra-gsm-extremes td,
    .yra-gsm-card-page .yra-gsm-pop-table th,
    .yra-gsm-card-page .yra-gsm-pop-table td {
        padding:2px 1px!important;
        font-size:8px!important;
        line-height:1.12!important;
        letter-spacing:-.01em!important;
    }

    .yra-gsm-card-page .yra-gsm-period-table { min-width:390px!important; }
    .yra-gsm-card-page .yra-gsm-diff-table { min-width:430px!important; }
    .yra-gsm-card-page .yra-gsm-extremes { min-width:390px!important; }
    .yra-gsm-card-page .yra-gsm-history-table { min-width:430px!important; }
    .yra-gsm-card-page .yra-gsm-pop-table { min-width:420px!important; table-layout:fixed!important; }
    .yra-gsm-card-page .yra-gsm-pop-table th { width:48px!important; min-width:48px!important; }

    .yra-gsm-card-page .yra-gsm-history-table th:nth-child(1),
    .yra-gsm-card-page .yra-gsm-history-table td:nth-child(1) { width:72px!important; }
    .yra-gsm-card-page .yra-gsm-history-table th:nth-child(2),
    .yra-gsm-card-page .yra-gsm-history-table td:nth-child(2) { width:46px!important; }
    .yra-gsm-card-page .yra-gsm-history-table th:nth-child(3),
    .yra-gsm-card-page .yra-gsm-history-table td:nth-child(3) { width:42px!important; }
    .yra-gsm-card-page .yra-gsm-history-table th:nth-child(4),
    .yra-gsm-card-page .yra-gsm-history-table td:nth-child(4) { width:62px!important; }
    .yra-gsm-card-page .yra-gsm-history-table th:nth-child(5),
    .yra-gsm-card-page .yra-gsm-history-table td:nth-child(5) { width:82px!important; }
    .yra-gsm-card-page .yra-gsm-history-table th:nth-child(6),
    .yra-gsm-card-page .yra-gsm-history-table td:nth-child(6) { width:56px!important; }

    /* FREE: previous-change line stays only slightly to the right of the price. */
    .yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-change {
        margin-left:2px!important;
    }
}

@media (max-width:700px) {
    /* PRO: same price/change alignment as FREE. */
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-change {
        margin-left:2px!important;
    }
}


/* ======================================================================
 * 0.2.76-mobileux3: remove excess horizontal cell whitespace on mobile,
 * push the hero tab group farther below the card image, and tighten the
 * FREE/PRO hero price-change alignment.
 * ====================================================================== */
@media (max-width:768px) {
    /* FREE mobile: the image-to-tabs gap should be clearly separated. */
    .yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-image {
        margin-bottom:24px!important;
    }

    /* FREE mobile: previous-change should visually start with the price. */
    .yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-change {
        margin-left:0!important;
        padding:2px 5px!important;
        align-self:flex-start!important;
    }

    /* FREE + PRO mobile tables: squeeze side whitespace before fallback scrolling. */
    .yra-gsm-card-page .yra-gsm-data-table th,
    .yra-gsm-card-page .yra-gsm-data-table td,
    .yra-gsm-card-page .yra-gsm-history-table th,
    .yra-gsm-card-page .yra-gsm-history-table td,
    .yra-gsm-card-page .yra-gsm-period-table th,
    .yra-gsm-card-page .yra-gsm-period-table td,
    .yra-gsm-card-page .yra-gsm-diff-table th,
    .yra-gsm-card-page .yra-gsm-diff-table td,
    .yra-gsm-card-page .yra-gsm-extremes th,
    .yra-gsm-card-page .yra-gsm-extremes td,
    .yra-gsm-card-page .yra-gsm-pop-table th,
    .yra-gsm-card-page .yra-gsm-pop-table td {
        padding:2px 0!important;
        letter-spacing:-.02em!important;
    }

    .yra-gsm-card-page .yra-gsm-period-table { min-width:360px!important; }
    .yra-gsm-card-page .yra-gsm-diff-table { min-width:400px!important; }
    .yra-gsm-card-page .yra-gsm-extremes { min-width:360px!important; }
    .yra-gsm-card-page .yra-gsm-history-table { min-width:400px!important; }
    .yra-gsm-card-page .yra-gsm-pop-table { min-width:395px!important; }
    .yra-gsm-card-page .yra-gsm-pop-table th { width:42px!important; min-width:42px!important; }

    .yra-gsm-card-page .yra-gsm-history-table th:nth-child(1),
    .yra-gsm-card-page .yra-gsm-history-table td:nth-child(1) { width:68px!important; }
    .yra-gsm-card-page .yra-gsm-history-table th:nth-child(2),
    .yra-gsm-card-page .yra-gsm-history-table td:nth-child(2) { width:42px!important; }
    .yra-gsm-card-page .yra-gsm-history-table th:nth-child(3),
    .yra-gsm-card-page .yra-gsm-history-table td:nth-child(3) { width:38px!important; }
    .yra-gsm-card-page .yra-gsm-history-table th:nth-child(4),
    .yra-gsm-card-page .yra-gsm-history-table td:nth-child(4) { width:56px!important; }
    .yra-gsm-card-page .yra-gsm-history-table th:nth-child(5),
    .yra-gsm-card-page .yra-gsm-history-table td:nth-child(5) { width:76px!important; }
    .yra-gsm-card-page .yra-gsm-history-table th:nth-child(6),
    .yra-gsm-card-page .yra-gsm-history-table td:nth-child(6) { width:50px!important; }
}

@media (max-width:700px) {
    /* PRO mobile: same clearer image spacing as FREE. */
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-image {
        margin:0 0 24px!important;
    }

    /* PRO mobile: previous-change should no longer sit too far right. */
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-change {
        margin-left:0!important;
        padding:2px 5px!important;
        align-self:flex-start!important;
    }
}


/* ======================================================================
 * 0.2.77-mobileux4: intrinsic-width mobile tables + explicit hero spacing.
 * The goal is to remove empty horizontal cell space, not merely lower a
 * min-width that can be stretched back to the viewport by width:100%.
 * ====================================================================== */
@media (max-width:768px) {
    .yra-gsm-card-page .yra-gsm-period-table,
    .yra-gsm-card-page .yra-gsm-diff-table,
    .yra-gsm-card-page .yra-gsm-extremes,
    .yra-gsm-card-page .yra-gsm-history-table,
    .yra-gsm-card-page .yra-gsm-pop-table,
    .yra-gsm-card-page .yra-gsm-data-table {
        width:max-content!important;
        min-width:0!important;
        table-layout:auto!important;
    }
    .yra-gsm-card-page .yra-gsm-period-table th,
    .yra-gsm-card-page .yra-gsm-period-table td,
    .yra-gsm-card-page .yra-gsm-diff-table th,
    .yra-gsm-card-page .yra-gsm-diff-table td,
    .yra-gsm-card-page .yra-gsm-extremes th,
    .yra-gsm-card-page .yra-gsm-extremes td,
    .yra-gsm-card-page .yra-gsm-history-table th,
    .yra-gsm-card-page .yra-gsm-history-table td,
    .yra-gsm-card-page .yra-gsm-pop-table th,
    .yra-gsm-card-page .yra-gsm-pop-table td,
    .yra-gsm-card-page .yra-gsm-data-table th,
    .yra-gsm-card-page .yra-gsm-data-table td {
        width:auto!important;
        min-width:0!important;
        max-width:none!important;
        padding:2px 1px!important;
        white-space:nowrap!important;
    }
    .yra-gsm-card-page .yra-gsm-period-table td:first-child,
    .yra-gsm-card-page .yra-gsm-period-table td:not(:first-child) {
        width:auto!important;
    }
    .yra-gsm-card-page .yra-gsm-pop-table th { width:auto!important; min-width:0!important; }
    .yra-gsm-card-page .yra-gsm-history-table th:nth-child(n),
    .yra-gsm-card-page .yra-gsm-history-table td:nth-child(n) { width:auto!important; }

    /* Approximately four times the original 10px FREE image-to-tabs gap. */
    .yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-image {
        margin-bottom:40px!important;
    }
    /* Keep the pill padding while aligning its text start to the price start. */
    .yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-change {
        margin-left:0!important;
        padding:2px 4px!important;
        transform:translateX(-4px)!important;
    }
}
@media (max-width:700px) {
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-image {
        margin:0 0 40px!important;
    }
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-change {
        margin-left:0!important;
        padding:2px 4px!important;
        transform:translateX(-4px)!important;
    }
}

/* ======================================================================
 * 0.2.78-mobileux5: preserve the established hero change-pill padding
 * while retaining the mobileux4 -4px text-start alignment adjustment.
 * ====================================================================== */
@media (max-width:768px) {
    .yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-change {
        margin-left:0!important;
        padding:2px 5px!important;
        transform:translateX(-4px)!important;
    }
}
@media (max-width:700px) {
    .yra-gsm-card-page .yra-gsm-hero-grid.is-pro .yra-gsm-hero-change {
        margin-left:0!important;
        padding:2px 5px!important;
        transform:translateX(-4px)!important;
    }
}


/* ======================================================================
 * 0.2.79-mobileux6: balanced mobile table density.
 * Keep intrinsic/auto column sizing, but do not allow compact tables to
 * collapse narrower than the phone content area.  Also scale sale-type
 * pills to the mobile table typography.
 * ====================================================================== */
@media (max-width:768px) {
    .yra-gsm-card-page .yra-gsm-period-table,
    .yra-gsm-card-page .yra-gsm-diff-table,
    .yra-gsm-card-page .yra-gsm-extremes,
    .yra-gsm-card-page .yra-gsm-history-table,
    .yra-gsm-card-page .yra-gsm-pop-table,
    .yra-gsm-card-page .yra-gsm-data-table {
        width:max-content!important;
        min-width:100%!important;
        table-layout:auto!important;
        font-size:9px!important;
        line-height:1.15!important;
    }
    .yra-gsm-card-page .yra-gsm-period-table th,
    .yra-gsm-card-page .yra-gsm-period-table td,
    .yra-gsm-card-page .yra-gsm-diff-table th,
    .yra-gsm-card-page .yra-gsm-diff-table td,
    .yra-gsm-card-page .yra-gsm-extremes th,
    .yra-gsm-card-page .yra-gsm-extremes td,
    .yra-gsm-card-page .yra-gsm-history-table th,
    .yra-gsm-card-page .yra-gsm-history-table td,
    .yra-gsm-card-page .yra-gsm-pop-table th,
    .yra-gsm-card-page .yra-gsm-pop-table td,
    .yra-gsm-card-page .yra-gsm-data-table th,
    .yra-gsm-card-page .yra-gsm-data-table td {
        width:auto!important;
        min-width:0!important;
        max-width:none!important;
        padding:2px 2px!important;
        font-size:9px!important;
        line-height:1.15!important;
        letter-spacing:0!important;
        white-space:nowrap!important;
    }
    .yra-gsm-card-page .yra-gsm-sale-type {
        min-width:0!important;
        padding:1px 4px!important;
        font-size:8px!important;
        line-height:1.1!important;
    }
}


/* ======================================================================
 * 0.2.80-saletype1: enforce semantic change colors for FREE Hero.
 * The FREE base selector is more specific than the generic semantic rules,
 * so repeat the semantic state under the same FREE scope.
 * ====================================================================== */
.yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-change.is-change-up {
    color:#0000d0!important;
    background:rgba(0,0,208,.08)!important;
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-change.is-change-down {
    color:#d00000!important;
    background:rgba(208,0,0,.08)!important;
}
.yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-change.is-change-flat,
.yra-gsm-card-page .yra-gsm-hero-grid.is-free .yra-gsm-hero-change.is-none {
    color:#666!important;
    background:rgba(102,102,102,.08)!important;
}