/* SpeakLab SEO guide/article styles */
.guide-shell{max-width:1160px;margin:0 auto;padding:150px 32px 90px;}
.guide-breadcrumbs{font-size:.86rem;color:var(--text-2);margin-bottom:34px;display:flex;gap:8px;flex-wrap:wrap}
.guide-breadcrumbs a:hover{color:var(--cyan)}
.guide-hero{max-width:900px;padding:0 0 70px}
.guide-kicker{color:var(--cyan);font-size:.86rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:18px}
.guide-hero h1{font-size:clamp(2.8rem,6vw,5.3rem);line-height:1.02;letter-spacing:-.035em}
.guide-dek{margin-top:24px;color:var(--text-1);font-size:1.18rem;line-height:1.7;max-width:760px}
.guide-meta{margin-top:22px;color:var(--text-2);font-size:.86rem}
.guide-layout{display:grid;grid-template-columns:minmax(0,760px) 1fr;gap:78px;align-items:start}
.guide-article{font-size:1.04rem;line-height:1.82;color:var(--text-1)}
.guide-article h2{color:var(--text-0);font-size:clamp(1.75rem,3vw,2.35rem);line-height:1.2;margin:64px 0 18px}
.guide-article h3{color:var(--text-0);font-size:1.22rem;line-height:1.35;margin:34px 0 10px}
.guide-article p{margin:0 0 22px}
.guide-article ul,.guide-article ol{margin:0 0 26px;padding-left:24px}
.guide-article li{margin:10px 0}
.guide-article strong{color:var(--text-0)}
.guide-article a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}
.guide-callout{margin:34px 0;padding:26px 28px;border:1px solid var(--line-strong);border-radius:var(--radius-m);background:var(--bg-1)}
.guide-callout p:last-child{margin-bottom:0}
.guide-aside{position:sticky;top:110px;border:1px solid var(--line);border-radius:var(--radius-m);padding:28px;background:var(--bg-1)}
.guide-aside h2{font-size:1.02rem;margin:0 0 14px}
.guide-aside p{color:var(--text-1);font-size:.92rem;line-height:1.6;margin-bottom:18px}
.guide-aside a.btn{text-decoration:none}
.guide-links{display:flex;flex-direction:column;gap:12px;margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.guide-links a{color:var(--text-1);font-size:.88rem}
.guide-links a:hover{color:var(--cyan)}
.guide-cta{margin-top:72px;padding:44px;border:1px solid rgba(63,169,245,.28);border-radius:var(--radius-l);background:radial-gradient(circle at 15% 0%,rgba(63,169,245,.12),transparent 50%),var(--bg-1)}
.guide-cta h2{margin:0 0 14px}
.guide-cta p{margin-bottom:24px;max-width:600px}
.guide-index{max-width:1160px;margin:0 auto;padding:170px 32px 110px}
.guide-index-hero{max-width:780px;margin-bottom:68px}
.guide-index-hero h1{font-size:clamp(3rem,6vw,5.5rem);line-height:1.02}
.guide-index-hero p{margin-top:22px;color:var(--text-1);font-size:1.15rem;line-height:1.7}
.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.guide-card{display:block;padding:30px;border:1px solid var(--line);border-radius:var(--radius-m);background:var(--bg-1);transition:transform .3s var(--ease),border-color .3s}
.guide-card:hover{transform:translateY(-4px);border-color:var(--line-strong)}
.guide-card .tag{color:var(--cyan);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.guide-card h2{font-size:1.35rem;margin:10px 0 9px}
.guide-card p{color:var(--text-1);font-size:.94rem;line-height:1.6}
.seo-links-section{max-width:1160px;margin:0 auto}
.seo-links-section h2{margin-bottom:18px}
.seo-links-intro{color:var(--text-1);max-width:680px;margin-bottom:38px}
.seo-link-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.seo-link-card{padding:24px;border:1px solid var(--line);border-radius:var(--radius-m);background:var(--bg-1)}
.seo-link-card h3{font-size:1rem;margin-bottom:8px}
.seo-link-card p{font-size:.88rem;color:var(--text-1);line-height:1.55}
.seo-link-card:hover{border-color:var(--line-strong)}
@media(max-width:900px){
  .guide-layout{grid-template-columns:1fr;gap:40px}
  .guide-aside{position:static}
  .seo-link-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .guide-shell,.guide-index{padding-left:20px;padding-right:20px}
  .guide-grid,.seo-link-grid{grid-template-columns:1fr}
  .guide-cta{padding:30px 24px}
}