/* v101: simple, readable, single-accent design */
:root{
  --simple-ink:#172033;
  --simple-muted:#64748b;
  --simple-line:#e2e8f0;
  --simple-soft:#f8fafc;
  --simple-accent:#2563eb;
  --simple-accent-dark:#1d4ed8;
  --simple-white:#fff;
}

html{background:#fff}
body.site-modernized{
  background:#fff!important;
  color:var(--simple-ink)!important;
  font-family:Inter,"Yu Gothic UI","Hiragino Kaku Gothic ProN","Meiryo",system-ui,sans-serif!important;
  line-height:1.7;
}
body.site-modernized *{text-shadow:none!important}
body.site-modernized main:not(.sg-shell):not(.guide-shell):not(.shell){max-width:1100px!important}
body.site-modernized a{transition:none!important}
body.site-modernized a:hover{transform:none!important}

/* Header: show only core actions, keep the rest in "more". */
body.site-modernized .site-global-header,
body.site-modernized>.clean-header{
  min-height:60px!important;
  padding:0 24px!important;
  background:#fff!important;
  border-bottom:1px solid var(--simple-line)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
body.site-modernized .site-global-brand .site-brand-icon,
body.site-modernized>.clean-header .clean-logo{display:none!important}
body.site-modernized .site-global-brand .site-brand-copy b,
body.site-modernized>.clean-header .clean-brand b{
  font-size:15px!important;
  color:var(--simple-ink)!important;
  font-weight:800!important;
}
body.site-modernized .site-global-brand .site-brand-copy small,
body.site-modernized>.clean-header .clean-brand small{display:none!important}
body.site-modernized .site-global-nav,
body.site-modernized>.clean-header .clean-nav{gap:2px!important}
body.site-modernized .site-global-nav a,
body.site-modernized>.clean-header .clean-nav a{
  min-height:38px!important;
  padding:0 10px!important;
  border-radius:7px!important;
  color:#475569!important;
  background:transparent!important;
  font-size:13px!important;
  font-weight:700!important;
}
body.site-modernized .site-global-nav a:hover,
body.site-modernized>.clean-header .clean-nav a:hover{background:var(--simple-soft)!important;color:var(--simple-ink)!important}
body.site-modernized .site-global-nav a.is-active,
body.site-modernized>.clean-header .clean-nav a.is-active{
  color:var(--simple-accent)!important;
  background:transparent!important;
}
body.site-modernized .site-global-nav .nav-secondary,
body.site-modernized>.clean-header .clean-nav .nav-secondary{display:none!important}
body.site-modernized .site-global-more,
body.site-modernized>.clean-header .clean-more{display:block!important}
body.site-modernized .site-global-more summary,
body.site-modernized>.clean-header .clean-more summary{
  min-height:38px!important;
  padding:0 10px!important;
  border-radius:7px!important;
  color:#475569!important;
  background:transparent!important;
  font-size:13px!important;
}
body.site-modernized .site-global-more-panel,
body.site-modernized>.clean-header .clean-more-panel{
  border:1px solid var(--simple-line)!important;
  border-radius:9px!important;
  box-shadow:0 10px 28px rgba(15,23,42,.10)!important;
}
body.site-modernized .site-global-mode,
body.site-modernized>.clean-header .clean-mode{
  background:var(--simple-soft)!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
body.site-modernized .site-global-mode a,
body.site-modernized>.clean-header .clean-mode a{border-radius:6px!important}
body.site-modernized .site-global-mode a.active,
body.site-modernized>.clean-header .clean-mode a.active{
  color:var(--simple-ink)!important;
  background:#fff!important;
  box-shadow:none!important;
  border:1px solid var(--simple-line)!important;
}

/* All hero areas become compact editorial headers. */
body.site-modernized .hero,
body.site-modernized .recommend-hero,
body.site-modernized .compare-hero,
body.site-modernized .goods-hero,
body.site-modernized .feedback-hero,
body.site-modernized .bike-goods-hero,
body.site-modernized .shell>.hero,
body.site-modernized .guide-hero,
body.site-modernized .sg-hero,
body.site-modernized .seo-hero,
body.site-modernized .vehicle-hero{
  min-height:0!important;
  height:auto!important;
  background:#fff!important;
  color:var(--simple-ink)!important;
  border-radius:0!important;
  border-bottom:1px solid var(--simple-line)!important;
  box-shadow:none!important;
}
body.site-modernized .hero .overlay,
body.site-modernized .bike-goods-overlay,
body.site-modernized .hero::before,
body.site-modernized .hero::after{display:none!important}
body.site-modernized .hero-inner,
body.site-modernized .recommend-hero-inner,
body.site-modernized .compare-hero-inner,
body.site-modernized .goods-hero-inner,
body.site-modernized .feedback-hero-inner,
body.site-modernized .bike-rec-inner{
  width:min(1100px,92%)!important;
  max-width:1100px!important;
  margin:0 auto!important;
  padding:48px 0 42px!important;
  text-align:left!important;
}
body.site-modernized .shell>.hero,
body.site-modernized .guide-hero,
body.site-modernized .sg-hero,
body.site-modernized .seo-hero,
body.site-modernized .vehicle-hero{padding:36px 0!important}
body.site-modernized .hero h1,
body.site-modernized .recommend-hero h1,
body.site-modernized .compare-hero h1,
body.site-modernized .goods-hero h1,
body.site-modernized .feedback-hero h1,
body.site-modernized .bike-goods-hero h1,
body.site-modernized .shell>.hero h1,
body.site-modernized .guide-hero h1,
body.site-modernized .sg-hero h1,
body.site-modernized .seo-hero h1,
body.site-modernized .vehicle-hero h1{
  color:var(--simple-ink)!important;
  font-size:clamp(30px,4vw,44px)!important;
  line-height:1.25!important;
  letter-spacing:-.025em!important;
  margin:8px 0 12px!important;
  max-width:820px;
}
body.site-modernized .hero p,
body.site-modernized .recommend-hero p,
body.site-modernized .compare-hero p,
body.site-modernized .goods-hero p,
body.site-modernized .feedback-hero p,
body.site-modernized .bike-goods-hero p,
body.site-modernized .shell>.hero p,
body.site-modernized .guide-hero p,
body.site-modernized .sg-hero p,
body.site-modernized .seo-hero p,
body.site-modernized .vehicle-hero p{
  color:var(--simple-muted)!important;
  max-width:760px!important;
  line-height:1.8!important;
}
body.site-modernized .eyebrow,
body.site-modernized .rec-eyebrow,
body.site-modernized .shell>.hero small,
body.site-modernized .guide-hero>small{
  color:var(--simple-muted)!important;
  letter-spacing:.08em!important;
}
body.site-modernized .hero-count{margin:18px 0!important}
body.site-modernized .hero-count strong{color:var(--simple-ink)!important}
body.site-modernized .hero-count span{color:var(--simple-muted)!important}
body.site-modernized .recommend-hero-points,
body.site-modernized .feedback-hero-points{justify-content:flex-start!important;margin-top:16px!important}
body.site-modernized .recommend-hero-points span,
body.site-modernized .feedback-hero-points span{
  color:#475569!important;
  background:var(--simple-soft)!important;
  border:1px solid var(--simple-line)!important;
  border-radius:6px!important;
  padding:6px 9px!important;
}

/* One accent button style. */
body.site-modernized .primary,
body.site-modernized .calc,
body.site-modernized .compare-run-btn,
body.site-modernized .recommend-btn,
body.site-modernized .recommend-submit,
body.site-modernized button[type="submit"],
body.site-modernized .valuation a,
body.site-modernized .recommend-next a,
body.site-modernized .goods-car-box button,
body.site-modernized .vehicle-goods-box button,
body.site-modernized .conversion-actions .conversion-primary,
body.site-modernized .product-main-link,
body.site-modernized .rakuten-buy,
body.site-modernized .product-sticky-cta a{
  background:var(--simple-accent)!important;
  color:#fff!important;
  border:1px solid var(--simple-accent)!important;
  border-radius:7px!important;
  box-shadow:none!important;
  font-weight:800!important;
}
body.site-modernized .primary:hover,
body.site-modernized .calc:hover,
body.site-modernized .compare-run-btn:hover,
body.site-modernized .recommend-btn:hover,
body.site-modernized .valuation a:hover,
body.site-modernized .conversion-actions .conversion-primary:hover,
body.site-modernized .product-main-link:hover,
body.site-modernized .rakuten-buy:hover{background:var(--simple-accent-dark)!important;border-color:var(--simple-accent-dark)!important}

/* Flat surfaces. */
body.site-modernized .panel,
body.site-modernized .result,
body.site-modernized .recommend-form,
body.site-modernized .recommend-result,
body.site-modernized .compare-controls,
body.site-modernized .compare-results-section,
body.site-modernized .compare-slot,
body.site-modernized .common-condition-card,
body.site-modernized .compare-result-card,
body.site-modernized .compare-winner,
body.site-modernized .goods-section,
body.site-modernized .goods-card,
body.site-modernized .rank-product,
body.site-modernized .ranking-head,
body.site-modernized .goods-car-select,
body.site-modernized .goods-upgrade-panel,
body.site-modernized .vehicle-goods-section,
body.site-modernized .affiliate-note,
body.site-modernized .guide-card,
body.site-modernized .shell .card,
body.site-modernized .period-block,
body.site-modernized .period-card,
body.site-modernized .best-period-card,
body.site-modernized .money-summary,
body.site-modernized .fuel-price-panel,
body.site-modernized .conversion-inner,
body.site-modernized .home-insurance-entry a,
body.site-modernized .bike-compare-guide-link,
body.site-modernized .bike-free-compare-link{
  background:#fff!important;
  border:1px solid var(--simple-line)!important;
  border-radius:9px!important;
  box-shadow:none!important;
}
body.site-modernized .result{background:#fff!important}
body.site-modernized .compare-result-card.best,
body.site-modernized .rec-car:first-child,
body.site-modernized .rank-product-best,
body.site-modernized .period-card.best,
body.site-modernized .best-period-card,
body.site-modernized .compare-winner{
  background:var(--simple-soft)!important;
  border-color:#cbd5e1!important;
}
body.site-modernized .model-card,
body.site-modernized .rec-car,
body.site-modernized .quick-good,
body.site-modernized .goods-summary-card,
body.site-modernized .home-feature-card{
  background:#fff!important;
  border:1px solid var(--simple-line)!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
body.site-modernized .model-card:hover,
body.site-modernized .rec-car:hover,
body.site-modernized .quick-good:hover,
body.site-modernized .goods-summary-card:hover,
body.site-modernized .home-feature-card:hover{
  border-color:#94a3b8!important;
  box-shadow:none!important;
}

/* Remove decorative icon blocks and color noise. */
body.site-modernized .home-feature-icon,
body.site-modernized .goods-icon,
body.site-modernized .rank-product-icon,
body.site-modernized .winner-icon,
body.site-modernized .goods-showcase-visual,
body.site-modernized .bike-compare-guide-icon{display:none!important}
body.site-modernized .home-feature-strip{
  background:#fff!important;
  border-bottom:1px solid var(--simple-line)!important;
  box-shadow:none!important;
}
body.site-modernized .home-feature-inner{gap:8px!important;padding:14px 0!important}
body.site-modernized .home-feature-card{min-height:68px!important;padding:12px 14px!important}
body.site-modernized .home-feature-card b{color:var(--simple-ink)!important}
body.site-modernized .home-feature-card small{color:var(--simple-muted)!important}

/* Controls: rectangular, calm, obvious selected state. */
body.site-modernized input,
body.site-modernized select,
body.site-modernized textarea{
  border:1px solid #cbd5e1!important;
  border-radius:7px!important;
  background:#fff!important;
  color:var(--simple-ink)!important;
  box-shadow:none!important;
}
body.site-modernized input:focus,
body.site-modernized select:focus,
body.site-modernized textarea:focus{
  border-color:var(--simple-accent)!important;
  box-shadow:0 0 0 2px rgba(37,99,235,.10)!important;
}
body.site-modernized .choice-grid label span,
body.site-modernized .compare-count-switch button,
body.site-modernized .period-switch button,
body.site-modernized .brand-chip,
body.site-modernized .goods-filter button,
body.site-modernized .add-third-btn{
  background:#fff!important;
  color:#475569!important;
  border:1px solid #cbd5e1!important;
  border-radius:7px!important;
  box-shadow:none!important;
}
body.site-modernized .choice-grid input:checked+span,
body.site-modernized .compare-count-switch button.active,
body.site-modernized .period-switch button.active,
body.site-modernized .brand-chip.active,
body.site-modernized .goods-filter button.active{
  background:#eff6ff!important;
  color:var(--simple-accent)!important;
  border-color:#93c5fd!important;
  box-shadow:none!important;
}

/* Badges are labels, not decorations. */
body.site-modernized .pill,
body.site-modernized .rec-step-badge,
body.site-modernized .catalog-badge,
body.site-modernized .best-period-badge,
body.site-modernized .best-label,
body.site-modernized .goods-tag,
body.site-modernized .product-score,
body.site-modernized .fuel-live-badge,
body.site-modernized .data-quality,
body.site-modernized .rec-reasons span,
body.site-modernized .affiliate-flow span{
  background:var(--simple-soft)!important;
  color:#475569!important;
  border:1px solid var(--simple-line)!important;
  border-radius:5px!important;
  box-shadow:none!important;
}

/* Tables and numeric results. */
body.site-modernized table{border-collapse:collapse!important}
body.site-modernized .compare-table-wrap,
body.site-modernized .compare-table-large{
  border:1px solid var(--simple-line)!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
body.site-modernized .compare-table th,
body.site-modernized .compare-table td{
  border-bottom:1px solid var(--simple-line)!important;
  background:#fff!important;
  color:var(--simple-ink)!important;
}
body.site-modernized .compare-table th{background:var(--simple-soft)!important}
body.site-modernized .compare-table tbody tr.selected,
body.site-modernized .compare-table tbody tr.best-row,
body.site-modernized .compare-table tbody tr:hover{background:#f8fafc!important}
body.site-modernized .price,
body.site-modernized .compare-big,
body.site-modernized .period-card .cost,
body.site-modernized .net-line strong{color:var(--simple-ink)!important}

/* Goods page: neutralize ranking colors. */
body.site-modernized .rank-number,
body.site-modernized .rec-rank,
body.site-modernized .result-rank,
body.site-modernized .compare-number{
  background:#e2e8f0!important;
  color:#334155!important;
  border-radius:5px!important;
}
body.site-modernized .rank-product-best .rank-number,
body.site-modernized .rec-car:first-child .rec-rank,
body.site-modernized .compare-result-card.best .result-rank{background:#dbeafe!important;color:var(--simple-accent)!important}
body.site-modernized .quick-good>span{display:none!important}
body.site-modernized .ranking-head>div>span{display:none!important}

/* v100 next-step blocks: content-first. */
body.site-modernized .conversion-boost{max-width:1100px!important;margin:18px auto!important;padding:0!important}
body.site-modernized .conversion-inner{grid-template-columns:minmax(0,1fr) minmax(280px,.65fr)!important;padding:20px!important;gap:20px!important}
body.site-modernized .conversion-copy small{color:var(--simple-muted)!important;letter-spacing:.06em!important}
body.site-modernized .conversion-copy h2{color:var(--simple-ink)!important;font-size:20px!important}
body.site-modernized .conversion-copy p{color:var(--simple-muted)!important}
body.site-modernized .conversion-actions a{
  min-height:42px!important;
  border:1px solid var(--simple-line)!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#334155!important;
  box-shadow:none!important;
}
body.site-modernized .conversion-actions .conversion-primary{color:#fff!important;background:var(--simple-accent)!important;border-color:var(--simple-accent)!important}

/* Product fixed CTA stays useful but visually quiet. */
body.site-modernized .product-sticky-cta{
  border:1px solid #cbd5e1!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 8px 24px rgba(15,23,42,.10)!important;
  backdrop-filter:none!important;
}

/* Footer and utility pages. */
body.site-modernized footer{
  background:#fff!important;
  color:var(--simple-muted)!important;
  border-top:1px solid var(--simple-line)!important;
}
body.site-modernized footer b{color:var(--simple-ink)!important}
body.site-modernized footer a{color:#475569!important}

/* Reduce spacing and visual fatigue. */
body.site-modernized .catalog-section,
body.site-modernized .goods-section,
body.site-modernized .recommend-section,
body.site-modernized .period-compare-section{padding-top:28px!important;padding-bottom:28px!important}
body.site-modernized h2{letter-spacing:-.015em}
body.site-modernized p{line-height:1.75}
body.site-modernized hr{border-top-color:var(--simple-line)!important}

@media(max-width:900px){
  body.site-modernized .site-global-nav .nav-secondary,
  body.site-modernized>.clean-header .clean-nav .nav-secondary{display:none!important}
  body.site-modernized .conversion-inner{grid-template-columns:1fr!important}
}
@media(max-width:680px){
  body.site-modernized .site-global-header,
  body.site-modernized>.clean-header{padding:0 12px!important}
  body.site-modernized .hero-inner,
  body.site-modernized .recommend-hero-inner,
  body.site-modernized .compare-hero-inner,
  body.site-modernized .goods-hero-inner,
  body.site-modernized .feedback-hero-inner,
  body.site-modernized .bike-rec-inner{padding:34px 0 30px!important}
  body.site-modernized .hero h1,
  body.site-modernized .recommend-hero h1,
  body.site-modernized .compare-hero h1,
  body.site-modernized .goods-hero h1,
  body.site-modernized .feedback-hero h1,
  body.site-modernized .bike-goods-hero h1{font-size:30px!important}
  body.site-modernized .home-feature-inner{grid-template-columns:1fr!important}
  body.site-modernized .conversion-boost{padding:0 12px!important}
  body.site-modernized .conversion-inner{padding:16px!important}
}


/* Home: remove duplicate navigation blocks and keep one clear path to the calculator. */
body.site-modernized .home-feature-strip,
body.site-modernized .home-discovery,
body.site-modernized .home-insurance-entry,
body.site-modernized .home-compare-guide-entry,
body.site-modernized .car-compare-guide-entry,
body.site-modernized .home-popular-compare-entry{display:none!important}

body.site-modernized .home-shortcuts{
  width:min(1100px,92%)!important;
  margin:18px auto 0!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
}
body.site-modernized .home-shortcut{
  min-height:72px!important;
  padding:13px 14px!important;
  background:#fff!important;
  border:1px solid var(--simple-line)!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
body.site-modernized .home-shortcut b{color:var(--simple-ink)!important;font-size:13px!important}
body.site-modernized .home-shortcut small{color:var(--simple-muted)!important;font-size:10px!important;line-height:1.5!important}
body.site-modernized .home-shortcut.revenue{background:#fff!important;border-color:var(--simple-line)!important}
body.site-modernized .secondary-v6{
  background:#fff!important;
  color:#334155!important;
  border:1px solid #cbd5e1!important;
  border-radius:7px!important;
  box-shadow:none!important;
  padding:13px 18px!important;
}
body.site-modernized .hero-sub-actions{margin-top:12px!important}
body.site-modernized .hero-sub-actions a{color:#475569!important;text-decoration:underline;text-underline-offset:3px}
body.site-modernized .hero-pr{color:#94a3b8!important}

@media(max-width:760px){
  body.site-modernized .home-shortcuts{grid-template-columns:1fr 1fr!important}
}
@media(max-width:480px){
  body.site-modernized .home-shortcuts{grid-template-columns:1fr!important}
}