/* ===== SEOコラム・ランキング記事 ===== */
.gd{max-width:880px;margin:0 auto;padding:24px 16px 64px;color:#e6e6ee;}
.gd__article{line-height:1.85;font-size:16px;}
.gd__bread{font-size:12px;color:#9a9ab0;margin-bottom:18px;}
.gd__bread a{color:#ffd700;}
.gd__h1{font-size:25px;font-weight:900;line-height:1.4;margin:6px 0 18px;
  background:linear-gradient(90deg,#ffd700,#ff8c00);-webkit-background-clip:text;background-clip:text;color:transparent;}
.gd__lead{background:rgba(255,215,0,.06);border:1px solid rgba(255,215,0,.18);
  border-radius:12px;padding:16px 18px;margin:0 0 26px;font-size:15px;}
.gd__lead strong{color:#ffd700;}
.gd__h2{font-size:21px;font-weight:800;margin:40px 0 14px;padding:10px 14px;
  border-left:5px solid #ffd700;background:rgba(255,255,255,.03);border-radius:0 8px 8px 0;}
.gd__h3{font-size:17px;font-weight:700;margin:0;}
.gd__h3 a{color:#fff;}
.gd__note{font-size:12.5px;color:#9a9ab0;margin:-4px 0 14px;}
.gd__note a,.gd__article p a,.gd__list a,.gd__faq a{color:#ffd700;}

/* 目次 */
.gd__toc{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
  border-radius:12px;padding:16px 20px;margin:0 0 30px;}
.gd__toc-ttl{font-weight:800;margin:0 0 8px;color:#ffd700;}
.gd__toc ol{margin:0;padding-left:20px;}
.gd__toc li{margin:4px 0;}
.gd__toc a{color:#cfcfe0;}

/* テーブル */
.gd__table-wrap{overflow-x:auto;margin:0 0 30px;-webkit-overflow-scrolling:touch;}
.gd__table{width:100%;border-collapse:collapse;font-size:14px;min-width:560px;}
.gd__table th,.gd__table td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08);text-align:center;}
.gd__table th{background:rgba(255,215,0,.1);color:#ffd700;font-weight:700;white-space:nowrap;}
.gd__table td a{color:#7fd1ff;font-weight:600;}
.gd__strong{color:#ffd700;font-weight:800;}
.gd__rank{font-weight:900;font-size:16px;}
.gd__rank--1{color:#ffd700;}.gd__rank--2{color:#c0c8d6;}.gd__rank--3{color:#e0915a;}

/* カード */
.gd__card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);
  border-radius:14px;padding:20px;margin:0 0 20px;}
.gd__card-head{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.gd__badge{flex:none;display:inline-grid;place-items:center;width:42px;height:42px;border-radius:10px;
  font-weight:900;font-size:14px;background:rgba(255,255,255,.08);color:#fff;}
.gd__badge--1{background:linear-gradient(135deg,#ffd700,#ff8c00);color:#1a1300;}
.gd__badge--2{background:linear-gradient(135deg,#d8dde6,#9aa4b4);color:#1a1300;}
.gd__badge--3{background:linear-gradient(135deg,#e0915a,#b86a30);color:#1a0d00;}
.gd__img{display:block;width:100%;max-width:340px;border-radius:10px;margin:0 0 14px;}
.gd__spec{list-style:none;margin:0 0 14px;padding:0;
  display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;}
.gd__spec li{display:flex;justify-content:space-between;gap:10px;font-size:14px;
  border-bottom:1px dashed rgba(255,255,255,.1);padding-bottom:6px;}
.gd__spec li span{color:#9a9ab0;}
.gd__spec li strong{color:#ffd700;}
.gd__review{font-size:14.5px;color:#d2d2e0;margin:0 0 14px;}
.gd__more{display:inline-block;font-weight:700;color:#ffd700;font-size:14px;}

/* リスト */
.gd__list{margin:0 0 18px;padding-left:22px;}
.gd__list li{margin:8px 0;}
.gd__list strong{color:#ffd700;}

/* FAQ */
.gd__faq{margin:0 0 26px;}
.gd__faq details{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);
  border-radius:10px;padding:14px 16px;margin:0 0 10px;}
.gd__faq summary{font-weight:700;cursor:pointer;color:#fff;}
.gd__faq p{margin:10px 0 0;font-size:14.5px;color:#d2d2e0;}

/* CTA */
.gd__cta{background:rgba(255,215,0,.06);border:1px solid rgba(255,215,0,.18);
  border-radius:12px;padding:16px 18px;font-size:14.5px;}

@media(max-width:560px){
  .gd__h1{font-size:21px;}
  .gd__h2{font-size:18px;}
  .gd__spec{grid-template-columns:1fr;}
}