/* Yellow × Mint visual system for offers / point-exchange.
   Loaded after styles.css so layout/behavior contracts stay intact. */
:root{
  --brand-yellow:#f8ca36;--brand-yellow-deep:#dfad11;--brand-yellow-soft:#fff4bd;
  --mint:#31c4a7;--mint-deep:#0b8f72;--mint-soft:#e6f7f0;
  --deep-teal:#073f44;--deep-teal-hover:#052f33;--text:#293840;--muted:#66777d;
  --surface:#fff;--surface-soft:#f6fbf9;--border:#dce9e5;--border-strong:#bfd4ce;
  --reward:#e83a4f;--reward-soft:#fff0f3;--difference:#f06445;
  --warning:#b43b31;--warning-soft:#fff1ee;--focus:#075e55;
  --ink:var(--text);--ink-soft:var(--deep-teal);--subtle:var(--muted);
  --accent:var(--deep-teal);--accent-dark:var(--deep-teal-hover);
  --success:var(--mint-deep);--success-soft:var(--mint-soft);
  --danger:var(--warning);--danger-soft:var(--warning-soft);
  --line:var(--border);--line-2:var(--surface-soft);--line-strong:var(--border-strong);
  --surface-accent:var(--mint-soft);--ivory:#fff;--content:1180px;
  --shadow:0 6px 18px rgba(7,51,63,.055);--radius:12px;--radius-sm:8px;
}
body{color:var(--text);background:#fff;font-variant-numeric:tabular-nums}
a{color:var(--mint-deep)}
.site-frame{width:100%;max-width:none;box-shadow:none;background:#fff}
.ad-bar{color:var(--deep-teal);background:#fff8d7;border-bottom:1px solid #efd87c;font-size:.76rem}
.site-header{background:var(--brand-yellow);border-bottom:1px solid var(--brand-yellow-deep);box-shadow:0 2px 8px rgba(7,63,68,.06)}
.header-inner{width:min(var(--content),calc(100% - 32px));min-height:76px}
.brand{gap:11px;color:var(--deep-teal)}
.brand-mark-c{width:38px;height:38px;display:block;flex:0 0 auto}
.brand-lockup{display:flex;flex-direction:column;line-height:1.08}
.brand-wordmark{font-size:1.12rem;font-weight:900;letter-spacing:-.035em}.brand-wordmark em{font-style:normal}
.brand-tagline{margin-top:4px;color:#31575b;font-size:.62rem;font-weight:700}
.desktop-nav{gap:1px}.desktop-nav a{min-height:46px;padding:8px 10px;border-radius:0;color:var(--deep-teal);font-size:.82rem;font-weight:750;white-space:nowrap}
.desktop-nav a:hover{color:var(--deep-teal);background:rgba(255,255,255,.32)}
.desktop-nav a[aria-current="page"]{color:var(--deep-teal);background:none;box-shadow:inset 0 -4px 0 var(--mint-deep)}
.header-search{min-width:44px;justify-content:center}.header-search .ico{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.menu-button{color:var(--deep-teal);background:rgba(255,255,255,.46);border-color:rgba(7,63,68,.22)}
.mobile-nav{background:#fffbe7;border-top-color:rgba(7,63,68,.18)}.mobile-nav a{color:var(--deep-teal);border-bottom-color:rgba(7,63,68,.12)}
.breadcrumb{padding-top:15px;color:var(--muted)}.breadcrumb a{color:var(--muted)}
h1,h2,h3,h4{color:var(--deep-teal)}
.intro-block{padding:34px 0 28px}.intro-block h1{font-size:clamp(1.9rem,3.6vw,2.8rem)}
.intro-meta{gap:8px 10px}.intro-meta span{display:inline-flex;align-items:center;min-height:30px;padding:4px 10px;border-radius:999px;color:var(--deep-teal);background:var(--mint-soft);font-size:.76rem;font-weight:750}
.page-block{padding:42px 0}.section-soft{background:linear-gradient(180deg,#f3fbf8 0%,#fff 100%)}
.field-label{color:var(--deep-teal)}.control{border-color:var(--border-strong);border-radius:10px}.control:focus{border-color:var(--mint-deep);box-shadow:0 0 0 3px rgba(49,196,167,.16)}
.primary-button{color:#fff;background:var(--deep-teal);border-color:var(--deep-teal)}.primary-button:hover{background:var(--deep-teal-hover)}
.secondary-button,.quiet-button{color:var(--deep-teal);background:#fff;border-color:var(--border-strong)}.secondary-button:hover,.quiet-button:hover{background:var(--mint-soft)}
.badge{color:var(--deep-teal);background:var(--surface-soft);border-color:var(--border)}
.badge-increase,.badge-verified{color:var(--mint-deep);background:var(--mint-soft);border-color:#b5e5d8}.badge-warning{color:var(--warning);background:var(--warning-soft);border-color:#f0bcb6}
.meta{color:var(--muted)}
.card{border-color:var(--border);box-shadow:0 4px 14px rgba(7,51,63,.04)}

/* Offers */
.listing-layout{grid-template-columns:282px minmax(0,1fr);gap:28px}
.filter-panel{top:18px;padding:20px;border-color:var(--border);box-shadow:0 6px 18px rgba(7,51,63,.045)}
.filter-panel h2{display:flex;align-items:center;gap:8px;color:var(--deep-teal)}
.filter-panel h2::before{content:"";width:10px;height:10px;border-radius:3px;background:var(--brand-yellow);box-shadow:0 0 0 4px var(--brand-yellow-soft)}
.filter-collapsible>summary{color:var(--deep-teal)}
.active-filter-summary{color:var(--mint-deep)}
.filter-group{border-color:var(--border)}.filter-group legend{color:var(--deep-teal)}
.chip-option span{border-color:var(--border);color:var(--deep-teal);background:#fff}
.chip-option input:checked+span{color:var(--deep-teal);background:var(--mint-soft);border-color:var(--mint)}
.definition-note{color:var(--muted)}
.results-head{margin-bottom:15px;padding-bottom:12px;border-bottom:1px solid var(--border)}.results-head h2{font-size:1.25rem}
.sort-control select{border-color:var(--border-strong);color:var(--deep-teal);background:#fff}
.offer-list{display:grid;gap:12px}.offer-card{overflow:hidden;border-radius:12px;box-shadow:0 4px 14px rgba(7,51,63,.035)}
.offer-card>a{position:relative;grid-template-columns:104px minmax(0,1.2fr) minmax(230px,.8fr);gap:18px;padding:18px;color:var(--text)}
.offer-card>a::after{content:"›";position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--mint-deep);font-size:1.45rem;font-weight:600}
.offer-card:hover{border-color:#a9d8cc;box-shadow:0 8px 22px rgba(7,51,63,.075)}
.offer-image{width:104px;aspect-ratio:1/1;display:grid;place-items:center;border:0;border-radius:50%;font-size:0;background:var(--offer-soft,#eaf3ff);color:var(--offer-color,#3884dc)}
.offer-image svg{width:46px;height:46px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.offer-image.bank{--offer-soft:#e7f8f2;--offer-color:#19a980}.offer-image.card-cat{--offer-soft:#eaf3ff;--offer-color:#3884dc}.offer-image.invest{--offer-soft:#edf0ff;--offer-color:#5169d7}.offer-image.shop{--offer-soft:#fdedea;--offer-color:#f0645a}
.offer-main h3{margin-bottom:7px;font-size:1.08rem}.offer-main .reward-value{color:var(--reward);font-size:1.43rem;font-weight:900}.offer-action{color:var(--muted);font-size:.83rem}
.offer-sites{padding:4px 28px 4px 18px;border-left:1px solid var(--border)}
.site-ranking{margin:0 0 9px;padding:0;list-style:none;counter-reset:rank}.site-ranking li{display:flex;justify-content:space-between;gap:12px;padding:4px 0;color:var(--deep-teal);font-size:.82rem;border-bottom:1px dashed #e6efec}.site-ranking li::before{counter-increment:rank;content:counter(rank);width:19px;height:19px;display:inline-grid;place-items:center;flex:0 0 19px;border-radius:50%;color:var(--deep-teal);background:var(--brand-yellow-soft);font-size:.68rem;font-weight:900}.site-ranking li:first-child::before{background:var(--brand-yellow)}
.offer-cta-label{margin-top:9px;color:var(--mint-deep);font-size:.8rem;font-weight:800}
.pagination a,.pagination span{border-color:var(--border);color:var(--deep-teal);background:#fff}.pagination [aria-current="page"]{color:var(--deep-teal);background:var(--brand-yellow);border-color:var(--brand-yellow-deep)}
.category-index{border-color:var(--border);background:#fff}.category-index summary{color:var(--deep-teal);background:var(--surface-soft)}
.category-index a{color:var(--deep-teal)}

/* Exchange */
.exchange-layout{grid-template-columns:350px minmax(0,1fr);gap:30px}
.exchange-form-card{top:18px;padding:22px;border:1px solid #bfe5db;border-radius:14px;background:linear-gradient(180deg,var(--mint-soft),#fff);box-shadow:0 6px 18px rgba(7,51,63,.045)}
.exchange-form-card h2{display:flex;align-items:center;gap:9px;font-size:1.28rem}.exchange-form-card h2::before{content:"↔";width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:var(--deep-teal);background:var(--brand-yellow);font-weight:900}
.exchange-form-card .field{margin-top:17px}.field-help{color:var(--muted)}
.exchange-results .results-head{align-items:flex-start}
.route-card{padding:22px;border-color:var(--border);box-shadow:0 5px 16px rgba(7,51,63,.045)}
.route-rank{display:inline-flex;align-items:center;min-height:27px;padding:3px 9px;border-radius:999px;color:var(--deep-teal);background:var(--brand-yellow-soft);font-weight:850}
.route-card h3{margin-top:8px}.route-value{padding:17px 18px;border-radius:12px;background:linear-gradient(90deg,var(--mint-soft),#fff)}.route-value strong{color:var(--reward);font-size:1.75rem}
.route-facts div{position:relative;padding:14px 13px 14px 42px;border:1px solid var(--border);background:#fff}
.route-facts div::before{position:absolute;left:13px;top:14px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:var(--mint-deep);background:var(--mint-soft);font-size:.72rem;font-weight:900}
.route-facts div:nth-child(1)::before{content:"¥"}.route-facts div:nth-child(2)::before{content:"◷"}.route-facts div:nth-child(3)::before{content:"↗"}
.route-step{padding:16px 0;border-color:var(--border)}.route-step-name{color:var(--deep-teal)}.route-step:not(:last-child)::after{color:var(--mint-deep)}
.route-step-detail a{color:var(--mint-deep);font-weight:700}
.input-examples .example-link{border-color:var(--border);color:var(--deep-teal);background:#fff}.example-link:hover{background:var(--mint-soft);border-color:var(--mint)}
.scope-details{border-color:var(--border)}.scope-details>summary{color:var(--deep-teal);background:var(--surface-soft)}

.site-footer{position:relative;padding:42px 0;color:#d9eeee;background:var(--deep-teal)}
.site-footer::before{content:"";position:absolute;left:0;right:0;top:-12px;height:13px;background:radial-gradient(circle at 12px -1px,#fff 12px,transparent 13px) 0 0/24px 13px repeat-x}
.footer-brand{color:#fff;font-weight:900}.footer-note{color:#bcd8d6}.footer-links a{color:#ecfffb}

@media(max-width:959px){
 .listing-layout,.exchange-layout{grid-template-columns:1fr}.filter-panel,.exchange-form-card{position:static}
 .offer-card>a{grid-template-columns:88px minmax(0,1fr);gap:15px}.offer-image{width:88px}.offer-sites{grid-column:1/-1;padding:13px 22px 0 0;border-left:0;border-top:1px solid var(--border)}
}
@media(max-width:767px){
 .header-inner{min-height:68px}.brand-mark-c{width:34px;height:34px}.brand-wordmark{font-size:1rem}.brand-tagline{font-size:.57rem}
 .intro-block{padding:25px 0 22px}.intro-block h1{font-size:1.75rem}.page-block{padding:34px 0}
 .filter-panel{padding:16px}.offer-card>a{grid-template-columns:68px minmax(0,1fr);padding:15px 26px 15px 14px}.offer-image{width:68px}.offer-image svg{width:34px;height:34px}.offer-main h3{font-size:.98rem}.offer-main .reward-value{font-size:1.22rem}.offer-sites{padding-right:0}.site-ranking li{font-size:.78rem}
 .exchange-form-card{padding:18px}.route-card{padding:18px}.route-value{padding:14px}.route-facts{grid-template-columns:1fr}.route-facts div{min-height:58px}.route-step{grid-template-columns:1fr}
}
@media(max-width:389px){
 .offer-card>a{grid-template-columns:58px minmax(0,1fr);gap:11px}.offer-image{width:58px}.offer-image svg{width:30px;height:30px}.status-line{margin-bottom:7px}.badge{font-size:.68rem}.offer-main .reward-value{font-size:1.12rem}
}
/* Accessible touch targets */
.chip-option span{min-height:44px;padding-block:6px}.sort-control select{min-height:44px}