:root{--blog-ink:#14243b;--blog-paper:#fbfaf7;--blog-gold:#a17636}
body[data-salon-page="guides"],body[data-salon-page="article"]{background:var(--blog-paper)}
body[data-salon-page="guides"] .so-brand-nav,body[data-salon-page="article"] .so-brand-nav{position:sticky;top:0;z-index:50}

/* Article: a quieter reading surface, with one clear line from answer to action. */
body[data-salon-page="article"] .wrap{max-width:820px}
body[data-salon-page="article"] article{margin:28px auto 48px;border-radius:4px;border-color:#dedfdc;box-shadow:0 18px 60px rgba(20,36,59,.06)}
body[data-salon-page="article"] article>.hero{aspect-ratio:1200/540;object-fit:cover}
body[data-salon-page="article"] .pad{padding:38px 48px 12px}
body[data-salon-page="article"] h1{font-size:clamp(28px,4.2vw,42px);line-height:1.55;text-wrap:balance;color:var(--blog-ink)}
body[data-salon-page="article"] .article-meta{display:flex;align-items:center;gap:9px;margin:15px 0 25px;color:#6d7885;font-size:12px}
body[data-salon-page="article"] .article-meta span+span:before{content:'・';margin-right:9px;color:#b7afa0}
body[data-salon-page="article"] .lead{font-size:16px;line-height:2.05;border-top:1px solid #e4e2dc;padding-top:22px}
body[data-salon-page="article"] .empathy{display:grid;grid-template-columns:180px 1fr;gap:22px;align-items:center;padding:18px;background:#f3f0e8;border:0;border-radius:3px}
body[data-salon-page="article"] .empathy img{height:132px;width:180px;object-fit:cover;border-radius:2px;margin:0}
body[data-salon-page="article"] h2{font-size:23px;line-height:1.65;margin-top:48px;border-left:2px solid var(--blog-gold);padding-left:16px;text-wrap:balance}
body[data-salon-page="article"] p,body[data-salon-page="article"] li{font-size:16px;line-height:2}
body[data-salon-page="article"] figure img{border-radius:3px}
body[data-salon-page="article"] .toc{background:#f6f4ef;border-color:#e0ddd4;border-radius:3px;padding:20px 22px}
body[data-salon-page="article"] .toc .t{color:var(--blog-ink)}
body[data-salon-page="article"] .summary,body[data-salon-page="article"] .cta-box,body[data-salon-page="article"] .demo-cta{border-radius:4px}
body[data-salon-page="article"] .reading-progress{position:fixed;left:0;top:0;height:3px;width:0;background:#b78d4c;z-index:100;transform-origin:left center}
body[data-salon-page="article"] .rel a{padding:11px 0;border-bottom:1px solid #ebe9e3;text-decoration:none}

/* Guide index: search first, then routes, then the full library. */
body[data-salon-page="guides"] .head{padding:68px 0 28px;text-align:left}
body[data-salon-page="guides"] .head h1{font-size:clamp(32px,5vw,50px);line-height:1.5;text-wrap:balance}
body[data-salon-page="guides"] .head p{max-width:700px;line-height:2}
.guide-tools{margin:6px 0 22px;padding:22px;background:#fff;border:1px solid #dedfdc;border-radius:4px;box-shadow:0 12px 35px rgba(20,36,59,.05)}
.guide-search-label{display:block;margin-bottom:9px;font-size:13px;font-weight:800;color:var(--blog-ink)}
.guide-search{width:100%;min-height:52px;border:1px solid #bfc5ca;border-radius:3px;padding:12px 16px;font:inherit;font-size:16px;color:var(--blog-ink);background:#fff}
.guide-search:focus{outline:3px solid rgba(161,118,54,.16);border-color:#a17636}
.guide-result{margin-top:9px;color:#687483;font-size:12px}
.guide-routes{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0 0 28px;background:#dedfdc;border:1px solid #dedfdc}
.guide-route{display:block;background:#fff;padding:20px;text-decoration:none}
.guide-route:hover{background:#f5f1e8}
.guide-route small{display:block;color:#a17636;font-weight:800;font-size:11px;margin-bottom:7px}
.guide-route strong{display:block;font-size:16px;line-height:1.6;color:var(--blog-ink)}
.guide-route span{display:block;color:#6d7885;font-size:12px;line-height:1.7;margin-top:7px}
body[data-salon-page="guides"] .filters{padding-bottom:20px}
body[data-salon-page="guides"] .grid{grid-template-columns:repeat(2,1fr);gap:1px;background:#dedfdc;border:1px solid #dedfdc;padding:0;margin-bottom:70px}
body[data-salon-page="guides"] .card{display:grid;grid-template-columns:150px 1fr;border:0;border-radius:0;box-shadow:none;min-height:190px}
body[data-salon-page="guides"] .card:hover{transform:none;box-shadow:none;background:#faf8f3}
body[data-salon-page="guides"] .card>img{width:150px;height:100%;aspect-ratio:auto;object-fit:cover}
body[data-salon-page="guides"] .cbody{padding:20px}
body[data-salon-page="guides"] .card h2{font-size:17px;line-height:1.65;text-wrap:balance}

@media(max-width:700px){
  body[data-salon-page="article"] article{margin:0 auto 32px;border-width:0 0 1px;border-radius:0;box-shadow:none}
  body[data-salon-page="article"] article>.hero{aspect-ratio:1200/600}
  body[data-salon-page="article"] .pad{padding:24px 20px 6px}
  body[data-salon-page="article"] h1{font-size:27px;line-height:1.55}
  body[data-salon-page="article"] .lead{font-size:15.5px}
  body[data-salon-page="article"] .empathy{grid-template-columns:1fr;padding:15px;gap:12px}
  body[data-salon-page="article"] .empathy img{width:100%;height:auto;aspect-ratio:16/8;object-fit:cover}
  body[data-salon-page="article"] h2{font-size:20px;margin-top:38px}
  body[data-salon-page="article"] p,body[data-salon-page="article"] li{font-size:15.5px;line-height:1.95}
  body[data-salon-page="article"] .demo-cta{margin-left:0;margin-right:0}
  body[data-salon-page="guides"] .head{padding:42px 0 22px}
  body[data-salon-page="guides"] .head h1{font-size:32px}
  .guide-tools{padding:16px;margin-bottom:18px}
  .guide-routes{grid-template-columns:1fr}
  .guide-route{padding:17px 18px}
  body[data-salon-page="guides"] .grid{grid-template-columns:1fr}
  body[data-salon-page="guides"] .card{grid-template-columns:112px 1fr;min-height:164px}
  body[data-salon-page="guides"] .card>img{width:112px}
  body[data-salon-page="guides"] .cbody{padding:15px}
  body[data-salon-page="guides"] .card p{display:none}
  body[data-salon-page="guides"] .card h2{font-size:15px}
}

@media(prefers-reduced-motion:reduce){.reading-progress{display:none}}