.blog-hero{padding:7rem 0 3.5rem;border-bottom:1px solid var(--line)}.blog-hero h1{font-size:clamp(3.4rem,9vw,8.5rem);line-height:.82;letter-spacing:-.07em;margin:.8rem 0 2rem}.blog-hero h1 em{color:var(--accent);font-style:normal}.blog-hero>p{max-width:720px;font-size:1.1rem;line-height:1.75;color:var(--muted)}.guide-topic-nav{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:2rem}.guide-topic-nav a{border:1px solid var(--line);padding:.55rem .85rem;color:var(--ink);text-decoration:none;font-weight:700}.guide-topic-nav a:hover{color:var(--accent);border-color:var(--accent)}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;padding-top:3rem;padding-bottom:7rem}.guide-grid-heading{grid-column:1/-1;font-size:clamp(1.8rem,3vw,2.6rem);margin:0 0 .25rem}.guide-card{border:1px solid var(--line);background:var(--paper);min-width:0}.guide-card-media{aspect-ratio:16/10;background:var(--soft);display:grid;place-items:center;overflow:hidden;text-decoration:none}.guide-card-media img{width:100%;height:100%;object-fit:cover}.guide-card-media span{font-size:2rem;font-weight:900;letter-spacing:-.04em;color:var(--accent)}.guide-card>div{padding:1.4rem}.guide-card-meta{display:flex;flex-wrap:wrap;gap:.45rem .8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;line-height:1.4}.guide-card-meta span+span:before{content:"·";margin-right:.8rem}.guide-card h2{font-size:1.5rem;line-height:1.08;margin:.7rem 0}.guide-card h2 a{color:var(--ink);text-decoration:none}.guide-card p{color:var(--muted);line-height:1.65}.empty-guides{grid-column:1/-1;padding:4rem;background:var(--soft)}.blog-article{max-width:1320px;padding-top:5rem;padding-bottom:7rem}.article-breadcrumb{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:3rem;color:var(--muted)}.article-breadcrumb a{color:inherit}.blog-article header h1{font-size:clamp(2.8rem,7vw,6.4rem);line-height:.94;letter-spacing:-.055em;margin:.8rem 0 1.5rem}.blog-article header{max-width:1120px}.blog-article header>p{font-size:1.2rem;line-height:1.7;color:var(--muted);max-width:900px}.article-cover{display:block;width:min(100%,1180px);max-height:620px;object-fit:cover;margin:3rem auto}.article-copy{max-width:1180px;margin:3rem auto;font-size:1.08rem;line-height:1.85}.article-copy h2{font-size:2rem;line-height:1.05;margin:3rem 0 1rem}.article-copy h3{font-size:1.35rem;margin:2.2rem 0 .8rem}.article-copy ul{padding-left:1.2rem}.article-copy li{margin:.65rem 0}.article-next{max-width:1180px;margin:4rem auto 0;padding:2rem;background:var(--soft);border:1px solid var(--line)}.article-next strong{font-size:1.5rem}.article-next p{color:var(--muted);line-height:1.6}@media(max-width:820px){.site-header .desktop-nav{display:none}.guide-grid{grid-template-columns:1fr}.blog-hero{padding-top:4rem}.blog-article{padding-top:3rem}.blog-article header{max-width:none}.blog-article header h1{font-size:3rem}}
.article-copy a{color:var(--accent);font-weight:700;text-decoration:underline;text-underline-offset:3px}.article-faq,.article-related{max-width:1180px;margin:3rem auto;padding-top:2rem;border-top:1px solid var(--line)}.article-faq h2,.article-related h2{margin:.7rem 0 1.4rem;font-size:2rem}.article-faq details{border-bottom:1px solid var(--line)}.article-faq summary{cursor:pointer;list-style:none;padding:1rem 2rem 1rem 0;font-weight:800;position:relative}.article-faq summary::-webkit-details-marker{display:none}.article-faq summary:after{content:"+";position:absolute;right:.25rem;color:var(--accent)}.article-faq details[open] summary:after{content:"−"}.article-faq details p{padding:0 2rem 1rem 0;color:var(--muted);line-height:1.7}.article-related{display:grid;gap:.2rem}.article-related a{display:flex;justify-content:space-between;align-items:center;min-height:48px;border-bottom:1px solid var(--line);color:var(--ink);font-weight:750;text-decoration:none}.article-related a:hover{color:var(--accent)}.article-related a span{color:var(--accent)}@media(max-width:820px){.blog-article{width:min(100% - 28px,1320px)}.article-copy,.article-faq,.article-related{max-width:none}.article-copy{font-size:1rem;line-height:1.75}.article-faq,.article-related{margin-top:2.2rem}.blog-article header small{display:block;line-height:1.6}.site-header .menu-toggle{display:block}}
.article-copy .article-figure{margin:2rem 0 2.5rem}.article-copy .article-figure img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;background:var(--soft);border:1px solid var(--line)}.article-table-wrap{overflow-x:auto;margin:2rem 0;border:1px solid var(--line);border-radius:10px;background:var(--soft)}.article-table{width:100%;min-width:620px;border-collapse:collapse;font-size:.95rem}.article-table th,.article-table td{padding:.85rem 1rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.article-table th{color:var(--accent);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.article-table td{color:var(--muted)}.article-table tr:last-child td{border-bottom:0}
.article-copy .article-image-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:2rem 0 2.5rem}.article-copy .article-image-gallery .article-figure{min-width:0;margin:0}.article-copy .article-image-gallery img{height:auto;max-height:none;aspect-ratio:4/3;object-fit:contain}
@media(max-width:640px){.article-copy .article-image-gallery{grid-template-columns:1fr;gap:1rem}}

/* The migrated How to Buy article keeps the old single-column step rhythm. */
.article-cta{margin:1.3rem 0 2rem}
.article-cta .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.75rem 1.25rem;background:var(--accent);border:1px solid var(--accent);border-radius:7px;color:#fff!important;text-decoration:none!important;font-weight:800;line-height:1.2}
.article-cta .btn:hover{filter:brightness(.95)}
.article-faq summary{cursor:default}
.article-faq summary:after{display:none}
.how-to-buy-blog header{max-width:1180px}
.how-to-buy-blog header h1{font-size:clamp(2.7rem,5.2vw,5.2rem);line-height:.98;max-width:1180px}
.how-to-buy-blog header>p{max-width:1180px;font-size:1.05rem;line-height:1.78}
.how-to-buy-blog .article-copy{max-width:1180px;margin-top:3.5rem;counter-reset:article-step}
.how-to-buy-blog .article-copy h2{font-size:clamp(1.8rem,3.3vw,3rem);line-height:1.05;padding-top:2rem;margin-top:3rem;border-top:1px solid var(--line)}
.how-to-buy-blog .article-copy h2:first-child{border-top:0;padding-top:0;margin-top:0}
.how-to-buy-blog .article-copy h2.article-step-heading{display:grid;grid-template-columns:3.25rem minmax(0,1fr);gap:.65rem;align-items:start}
.how-to-buy-blog .article-copy h2.article-step-heading:before{counter-increment:article-step;content:counter(article-step,decimal-leading-zero);color:var(--accent);font-size:.95rem;line-height:1.2;letter-spacing:.04em}
.how-to-buy-blog .article-copy h3{font-size:1.35rem}
.how-to-buy-blog .article-figure{max-width:1180px;margin:1.7rem 0}
.how-to-buy-blog .article-copy ul{margin:1.2rem 0 1.5rem}
.how-to-buy-blog .article-copy li{margin:.65rem 0}
@media(max-width:820px){
  .how-to-buy-blog header h1{font-size:clamp(2.35rem,9vw,3.4rem)}
  .how-to-buy-blog .article-copy h2.article-step-heading{grid-template-columns:2.2rem minmax(0,1fr);gap:.45rem}
}

/* Match the former How to Buy page's dark reading surface while leaving the
   rest of the blog on the lighter catalog theme. */
body.how-to-buy-blog-page{
  --bg:#0b0b0c;
  --surface:#131315;
  --surface-2:#1a1a1d;
  --line:#29292d;
  --text:#f5f3ef;
  --muted:#a2a0a8;
  --paper:#0b0b0c;
  --soft:#131315;
  --ink:#f5f3ef;
  background:var(--bg);
  color:var(--text);
}
body.how-to-buy-blog-page .site-header{
  background:rgba(11,11,12,.9);
  border-bottom-color:var(--line);
}
body.how-to-buy-blog-page .site-header .brand,
body.how-to-buy-blog-page .site-header .desktop-nav a,
body.how-to-buy-blog-page .site-header .account-link,
body.how-to-buy-blog-page .article-breadcrumb,
body.how-to-buy-blog-page .article-breadcrumb a{
  color:var(--text);
}
body.how-to-buy-blog-page .site-header .brand strong,
body.how-to-buy-blog-page .site-header .desktop-nav a:hover,
body.how-to-buy-blog-page .site-header .account-link:hover{
  color:var(--accent);
}
body.how-to-buy-blog-page .mobile-menu{
  background:#0b0b0c;
  border-color:var(--line);
}
body.how-to-buy-blog-page .article-next,
body.how-to-buy-blog-page .article-table-wrap{
  background:var(--surface);
  border-color:var(--line);
}
body.how-to-buy-blog-page .article-table th,
body.how-to-buy-blog-page .article-table td,
body.how-to-buy-blog-page .article-faq details,
body.how-to-buy-blog-page .article-related a{
  border-color:var(--line);
}
body.how-to-buy-blog-page .article-copy,
body.how-to-buy-blog-page .article-copy p,
body.how-to-buy-blog-page .article-copy li,
body.how-to-buy-blog-page .article-faq details p,
body.how-to-buy-blog-page .article-next p{
  color:var(--muted);
}
body.how-to-buy-blog-page .article-copy h2,
body.how-to-buy-blog-page .article-copy h3,
body.how-to-buy-blog-page .article-faq h2,
body.how-to-buy-blog-page .article-related h2,
body.how-to-buy-blog-page .article-related a,
body.how-to-buy-blog-page .article-faq summary,
body.how-to-buy-blog-page .article-next strong{
  color:var(--text);
}

.blog-pagination{display:flex;align-items:center;justify-content:center;gap:14px;grid-column:1/-1;margin-top:12px}.blog-pagination a,.blog-pagination span{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border:1px solid var(--line);border-radius:7px;color:var(--ink);font-size:12px;font-weight:750;text-decoration:none}.blog-pagination a:hover{border-color:var(--accent);color:var(--accent)}.blog-pagination span{background:var(--soft);color:var(--muted)}
@media(max-width:560px){.blog-pagination{gap:8px}.blog-pagination a,.blog-pagination span{padding-inline:10px;font-size:11px}}
/* Article-to-catalog context links stay compact on mobile and only appear on guides with a clear topic match. */
.article-catalog-context{max-width:1180px;margin:3rem auto;padding-top:2rem;border-top:1px solid var(--line)}
.article-catalog-context>div{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}
.article-catalog-context a{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:44px;padding:.7rem .85rem;border:1px solid var(--line);color:var(--ink);font-weight:750;text-decoration:none}
.article-catalog-context a:hover{color:var(--accent);border-color:var(--accent)}
.article-catalog-context a span{color:var(--accent)}
@media(max-width:820px){.article-catalog-context{max-width:none;margin-top:2.2rem}.article-catalog-context a{flex:1 1 12rem}}

/* Keep every article's title, cover, and reading column on the same grid. */
.blog-article{max-width:1180px}
.blog-article header{max-width:none}
.blog-article header h1{font-size:clamp(2.2rem,3.4vw,4.2rem);line-height:1.02;letter-spacing:-.04em;max-width:none}
.article-cover{width:100%;margin:3rem 0}
.article-copy,.article-next{max-width:none;margin-left:0;margin-right:0}
.article-byline{display:inline-block;margin-inline-start:.7rem}
@media(max-width:820px){
  .blog-article header h1{font-size:clamp(2.2rem,8vw,3.2rem)}
  .article-byline{margin-inline-start:.55rem}
}
.article-cover{height:auto;max-height:none;object-fit:contain}

.guide-card p{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
  overflow:hidden;
}

.how-to-buy-blog .article-copy a[href="https://www.kakobuy.com/register?affcode=u334h"]{
  color:var(--accent);
  font-size:1.25em;
  font-weight:850;
  text-decoration-thickness:2px;
  text-underline-offset:4px;
}
.how-to-buy-blog .article-image-gallery img{aspect-ratio:auto}