/*
Theme Name: パチスロワールド (Child)
Theme URI: https://suropachi.com
Description: Cocoon子テーマ。スロパチ専用デザイン（黒×赤×金／Dela Gothic One＋Noto Sans JP）。Claude Designで作成したトップページの設計言語をサイト全体に適用。
Author: suropachi
Template: cocoon-master
Version: 1.0.0
*/

/* =========================================================
   スロパチ デザイントークン
   ※ Template が違う場合（親フォルダ名が cocoon-master 以外）は
     上の Template: を実際のフォルダ名に書き換えてください。
   ========================================================= */
:root{
  --bg:#0E0E10; --bg2:#161619; --bg3:#1e1e23; --bg-grad:#0a0a0c;
  --red:#E60012; --red-dk:#b3000e; --red-soft:#ff2436;
  --gold:#D4AF37; --gold-soft:#e9cf7a; --gold-dk:#a8842a;
  --paper:#ffffff; --paper2:#f6f4f1; --paper3:#edeae4;
  --ink:#16161a; --ink2:#3d3d44; --ink3:#6c6c75;
  --line:rgba(255,255,255,.09); --line-d:rgba(0,0,0,.08);
  --muted:#9a9aa3;
  --disp:'Dela Gothic One', sans-serif;
  --sans:'Noto Sans JP', sans-serif;
  --mono:'Space Mono', monospace;
  --shadow:0 6px 22px rgba(0,0,0,.12);
  --r:16px;
}

/* =========================================================
   1) サイト全体（全ページに自動適用される基礎ブランド）
   ========================================================= */
body,
.entry-content,
input, button, textarea, select{
  font-family: var(--sans);
}
body{ color: var(--ink); background: var(--paper2); }

/* 見出し（記事内）：Dela Gothicで“熱さ” */
h1,h2,h3,h4,.entry-card-title,.widget-sidebar h3,.a-wrap .entry-card-title{
  font-family: var(--disp);
  font-weight: 400;
}
.entry-content h2{
  border:0; background:transparent;
  border-left:6px solid var(--red);
  padding:.3em .7em; color:var(--ink);
  font-size:1.5em; line-height:1.3;
}
.entry-content h3{
  border:0; border-bottom:2px solid var(--gold);
  padding-bottom:.3em; color:var(--ink);
}

/* リンク */
a{ color: var(--red-dk); }
a:hover{ color: var(--red); }

/* =========================================================
   2) ヘッダー＆グローバルナビ（黒ベース＋ブラー）
   ========================================================= */
#header, .header-container, #header-in{
  background: rgba(14,14,16,.94) !important;
  color:#fff;
}
#site-title a, .site-name-text, .tagline{ color:#fff !important; }
#site-title a{ font-family:var(--disp); letter-spacing:.02em; }

#navi, #navi .navi-in{ background: var(--bg) !important; border-top:1px solid var(--line); }
#navi ul li a{ color:#dcdce0 !important; font-weight:700; font-size:14px; }
#navi ul li a:hover{ background: rgba(255,255,255,.07) !important; color:#fff !important; }
#navi ul li.current-menu-item a{ color: var(--red-soft) !important; }

/* モバイルメニューボタン */
#navi-menu-button, .menu-button{ color:#fff; }

/* =========================================================
   3) ボタン
   ========================================================= */
.btn, button, input[type="submit"], .wp-block-button__link, .more-button, .read-more{
  background: var(--red);
  color:#fff;
  border-radius:13px;
  font-weight:900;
  border:0;
  box-shadow:0 6px 18px rgba(230,0,18,.32), inset 0 0 0 1px rgba(255,255,255,.14);
}
.btn:hover, button:hover, input[type="submit"]:hover, .wp-block-button__link:hover{
  background: var(--red-dk); color:#fff;
}

/* =========================================================
   4) 記事カード（一覧）— 白カード＋影＋ホバー浮き
   ========================================================= */
.entry-card, .a-wrap, .related-entry-card, .widget-entry-cards .a-wrap{
  background: var(--paper);
  border:1px solid var(--line-d);
  border-radius: var(--r);
  box-shadow: var(--shadow);
  overflow:hidden;
  transition: transform .18s, box-shadow .18s;
}
.entry-card:hover, .a-wrap:hover{
  transform: translateY(-3px);
  box-shadow:0 16px 38px rgba(0,0,0,.16);
}
.entry-card-title, .card-title{
  color: var(--ink) !important;
  font-weight:900;
}
/* カテゴリラベル＝赤 */
.cat-label, .category-label{
  background: var(--red) !important;
  color:#fff !important;
  border-radius:6px;
  font-weight:700;
}
/* 新着/更新などのバッジ */
.new-mark, .badge{ background: var(--red) !important; color:#fff !important; }

/* =========================================================
   5) サイドバー ウィジェット見出し（金のアイブロウ調）
   ========================================================= */
.widget-sidebar h3, .sidebar h3, .widget_title{
  color: var(--ink);
  border:0;
  border-bottom:2px solid var(--gold);
  font-family: var(--mono);
  letter-spacing:.08em;
  padding-bottom:.4em;
  background:transparent;
}

/* =========================================================
   6) フッター（ダーク＋金見出し）
   ========================================================= */
#footer, .footer{
  background: var(--bg2) !important;
  color:#c9c9d0 !important;
  border-top:1px solid var(--line);
}
#footer a, .footer a{ color:#bdbdc4 !important; }
#footer a:hover, .footer a:hover{ color:#fff !important; }
#footer h3, .footer h3{ color: var(--gold) !important; font-family:var(--mono); letter-spacing:.12em; }
.copyright, .footer-bottom{ color:#56565e; font-family:var(--mono); }

/* =========================================================
   7) ホームページ用 コンポーネント・ライブラリ
   ── トップページや任意の固定ページで「カスタムHTML」を使うと
      下記クラスがそのまま使えます（design_source_top.html と同じ）
   ========================================================= */
.sp .wrap{max-width:1120px;margin:0 auto;padding:0 18px;}
.sp .sec{padding:46px 0;}
.sp .eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;}

/* HERO */
.sp .hero{position:relative;overflow:hidden;background:var(--bg-grad);color:#fff;}
.sp .hero::before{content:"";position:absolute;inset:0;z-index:0;
  background:radial-gradient(120% 80% at 78% -10%, rgba(230,0,18,.34), transparent 55%),
            radial-gradient(90% 70% at 8% 8%, rgba(212,175,55,.12), transparent 50%);}
.sp .hero .wrap{position:relative;z-index:2;padding:54px 18px;}
.sp .hero h1{font-family:var(--disp);font-weight:400;font-size:clamp(38px,12vw,72px);line-height:1.08;margin-bottom:18px;}
.sp .hero h1 em{font-style:normal;color:var(--red-soft);text-shadow:0 0 30px rgba(230,0,18,.45);}
.sp .hero p.sub{font-size:clamp(15px,4vw,19px);color:#d5d5db;font-weight:500;max-width:30ch;margin-bottom:28px;}
.sp .cta{display:inline-flex;align-items:center;gap:10px;background:var(--red);color:#fff;font-weight:900;font-size:16px;padding:16px 26px;border-radius:13px;box-shadow:0 10px 30px rgba(230,0,18,.4), inset 0 0 0 1px rgba(255,255,255,.16);}
.sp .cta.ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.28);}

/* セクション見出し */
.sp .sechead{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:22px;}
.sp .sechead h2{font-family:var(--disp);font-weight:400;font-size:clamp(22px,6vw,30px);line-height:1.15;}
.sp .sechead .accent{color:var(--gold);}

/* 新台速報カード（横スクロール） */
.sp .news{background:var(--bg);color:#fff;}
.sp .hscroll{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 0 18px;scrollbar-width:none;}
.sp .hscroll::-webkit-scrollbar{display:none;}
.sp .ncard{scroll-snap-align:start;flex:0 0 70%;max-width:248px;min-width:200px;background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;}
.sp .ncard .badge{display:inline-block;background:var(--red);color:#fff;font-family:var(--mono);font-weight:700;font-size:10px;letter-spacing:.1em;padding:4px 9px;border-radius:6px;}
.sp .ncard .body{padding:13px 14px 16px;}
.sp .ncard .maker{font-family:var(--mono);font-size:10px;color:var(--gold);letter-spacing:.08em;margin-bottom:5px;}
.sp .ncard .name{font-weight:900;font-size:15px;line-height:1.35;margin-bottom:10px;}

/* ランキング（白） */
.sp .rank{background:var(--paper2);color:var(--ink);}
.sp .rcard{display:grid;grid-template-columns:auto 76px 1fr;gap:14px;align-items:center;background:var(--paper);border:1px solid var(--line-d);border-radius:var(--r);padding:14px;box-shadow:var(--shadow);}
.sp .medal{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--disp);font-size:18px;color:#fff;}
.sp .medal.g{background:linear-gradient(160deg,#f3d77a,#caa12f);color:#5a4410;}
.sp .medal.s{background:linear-gradient(160deg,#e6e8ec,#a9b0bb);color:#4a4f59;}
.sp .medal.b{background:linear-gradient(160deg,#e2a877,#b1693a);color:#fff;}
.sp .rinfo .name{font-weight:900;font-size:15.5px;line-height:1.25;margin-bottom:4px;}
.sp .stars{position:relative;display:inline-block;font-size:14px;letter-spacing:1px;}
.sp .stars .base{color:#dcd8d0;}
.sp .stars .fill{color:var(--gold);position:absolute;top:0;left:0;overflow:hidden;white-space:nowrap;}
.sp .bar{display:grid;grid-template-columns:64px 1fr 30px;align-items:center;gap:8px;margin:5px 0;}
.sp .bar .bl{font-size:10.5px;color:var(--ink3);font-weight:700;}
.sp .bar .track{height:6px;background:#eceae4;border-radius:4px;overflow:hidden;}
.sp .bar .fill{height:100%;border-radius:4px;}
.sp .bar .fill.r{background:linear-gradient(90deg,var(--red-dk),var(--red));}
.sp .bar .fill.go{background:linear-gradient(90deg,var(--gold-dk),var(--gold));}
.sp .cat{display:inline-block;font-size:10.5px;font-weight:700;color:var(--ink2);background:var(--paper3);border-radius:20px;padding:4px 10px;margin:2px;}
.sp .cat.red{color:var(--red);background:rgba(230,0,18,.08);}

/* ブログカード */
.sp .blog{background:var(--paper);color:var(--ink);}
.sp .bcard{border-radius:var(--r);overflow:hidden;border:1px solid var(--line-d);background:var(--paper);box-shadow:var(--shadow);}
.sp .bcard .b{padding:14px 16px 16px;}
.sp .bcard .title{font-weight:900;font-size:16px;line-height:1.4;margin-bottom:10px;}
.sp .bcard .tag{display:inline-block;font-size:10px;font-weight:700;padding:4px 9px;border-radius:6px;color:#fff;background:var(--red);}

/* ガイド/比較バナー */
.sp .bn{position:relative;overflow:hidden;border-radius:20px;padding:28px 24px;min-height:158px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--line);color:#fff;}
.sp .bn.guide{background:linear-gradient(135deg,#1a1a1f,#0f0f12);}
.sp .bn.cmp{background:linear-gradient(135deg,#22090c,#120406);}
.sp .bn h3{font-family:var(--disp);font-weight:400;font-size:24px;line-height:1.2;margin-bottom:8px;}

/* 年齢・PR注意バー */
.sp .agebar{background:#000;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.sp .agebar .wrap{display:flex;align-items:center;gap:12px;padding:16px 18px;flex-wrap:wrap;}
.sp .agebar .chip{display:flex;align-items:center;gap:8px;font-weight:900;font-size:13px;color:#fff;}
.sp .agebar .chip .n{width:26px;height:26px;border-radius:50%;border:2px solid var(--red-soft);color:var(--red-soft);display:flex;align-items:center;justify-content:center;font-family:var(--disp);font-size:11px;}
.sp .agebar .pr{font-family:var(--mono);font-size:10.5px;color:var(--muted);letter-spacing:.06em;}

/* レスポンシブ */
@media(min-width:560px){
  .sp .ncard{flex-basis:46%;}
}
@media(min-width:880px){
  .sp .sec{padding:64px 0;}
  .sp .ncard{flex-basis:30%;max-width:270px;}
}

/* === 記事本文デザイン（article_design.css）ここから === */
/* =========================================================
   パチスロワールド 記事本文デザイン（article_design.css）
   ========================================================= */

.entry-content{ font-size:16.5px; line-height:1.95; color:#23232a; letter-spacing:.01em; }
.entry-content p{ margin:1.1em 0; }
.entry-content strong{ color:var(--red-dk); font-weight:900; }
.entry-content a{ font-weight:700; text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1.5px; }
.entry-content > p:first-of-type{ font-size:18px; line-height:1.9; color:#16161a; font-weight:500; }
.entry-content h2{ position:relative; margin:2.4em 0 .9em; padding:.55em .2em .55em .9em; font-family:var(--disp); font-weight:400; font-size:clamp(20px,5.4vw,27px); line-height:1.32; color:#16161a; background:linear-gradient(90deg,rgba(230,0,18,.06),transparent 70%); border:0; border-left:7px solid var(--red); border-radius:0 10px 10px 0; }
.entry-content h3{ margin:2em 0 .7em; padding:0 0 .35em .05em; font-family:var(--disp); font-weight:400; font-size:clamp(17px,4.6vw,21px); color:#16161a; border:0; border-bottom:2px solid var(--gold); display:inline-block; min-width:42%; }
.entry-content h4{ margin:1.6em 0 .5em; font-weight:900; color:#16161a; padding-left:.6em; border-left:4px solid var(--gold); }
.entry-content table{ border-collapse:separate; border-spacing:0; width:100%; margin:1.5em 0; border:1px solid var(--line-d); border-radius:14px; overflow:hidden; box-shadow:0 4px 18px rgba(0,0,0,.07); font-size:14.5px; background:#fff; }
.entry-content table[border]{ border:1px solid var(--line-d) !important; }
.entry-content th,.entry-content td{ border:0 !important; border-bottom:1px solid #eee9e0 !important; padding:12px 15px !important; text-align:left; line-height:1.6; vertical-align:middle; }
.entry-content th{ background:#1a1a1f; color:#f4ece0; font-weight:700; font-size:13px; white-space:nowrap; width:34%; }
.entry-content td{ color:#2a2a30; background:#fff; }
.entry-content tr:last-child th,.entry-content tr:last-child td{ border-bottom:0 !important; }
.entry-content tbody tr:hover td{ background:#fbf7ef; }
.entry-content ul,.entry-content ol{ margin:1.1em 0; padding-left:0; }
.entry-content ul{ list-style:none; }
.entry-content ul li{ position:relative; padding:.35em 0 .35em 1.8em; line-height:1.8; border-bottom:1px dashed #e8e3d8; }
.entry-content ul li:last-child{ border-bottom:0; }
.entry-content ul li::before{ content:""; position:absolute; left:.25em; top:1.05em; width:9px; height:9px; border-radius:3px; background:var(--gold); transform:rotate(45deg); }
.entry-content ol{ counter-reset:li; list-style:none; padding-left:0; }
.entry-content ol li{ position:relative; padding:.4em 0 .4em 2.4em; line-height:1.8; border-bottom:1px dashed #e8e3d8; counter-increment:li; }
.entry-content ol li:last-child{ border-bottom:0; }
.entry-content ol li::before{ content:counter(li); position:absolute; left:0; top:.55em; width:26px; height:26px; border-radius:50%; background:var(--red); color:#fff; font-family:var(--mono); font-weight:700; font-size:13px; display:flex; align-items:center; justify-content:center; }
.entry-content blockquote{ margin:1.4em 0; padding:1em 1.2em 1em 1.4em; background:#f6f4f1; border:0; border-left:5px solid var(--gold); border-radius:0 12px 12px 0; color:#3d3d44; box-shadow:none; }
.entry-content blockquote p{ margin:.4em 0; }
.entry-content p > small,.entry-content small{ display:block; margin-top:1.4em; padding:12px 15px; background:#f3f1ec; border:1px dashed #d9d2c4; border-radius:10px; font-size:12.5px; line-height:1.7; color:#6c6c75; }
.entry-content img{ border-radius:12px; box-shadow:0 6px 22px rgba(0,0,0,.12); height:auto; }
.entry-content .toc{ background:#fff; border:1px solid var(--line-d) !important; border-radius:14px; box-shadow:0 4px 18px rgba(0,0,0,.06); padding:14px 18px; }
.entry-content .toc .toc-title{ font-family:var(--disp); color:#16161a; }
.entry-content .toc a{ color:#3d3d44; text-decoration:none; }
.entry-content .toc a:hover{ color:var(--red); }
.entry-content .sp-upd{ display:inline-flex; align-items:center; gap:7px; font-family:var(--mono); font-size:12px; letter-spacing:.04em; color:#6c6c75; background:#f3f1ec; border:1px solid #e6e0d4; padding:5px 12px; border-radius:20px; margin:.2em 0 1em; }
.entry-content .sp-upd b{ color:var(--red-dk); }
.entry-content .sp-verdict{ position:relative; overflow:hidden; background:radial-gradient(120% 120% at 85% -20%,rgba(230,0,18,.28),transparent 55%),#0E0E10; color:#fff; border:1px solid rgba(212,175,55,.4); border-radius:18px; padding:24px 22px; margin:1.6em 0; box-shadow:0 14px 40px rgba(0,0,0,.28); }
.entry-content .sp-verdict .vlabel{ font-family:var(--mono); font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:var(--gold); margin-bottom:10px; }
.entry-content .sp-verdict .vmain{ display:flex; align-items:baseline; gap:14px; flex-wrap:wrap; margin-bottom:8px; }
.entry-content .sp-verdict .vscore{ font-family:var(--disp); font-size:46px; line-height:1; color:#fff; }
.entry-content .sp-verdict .vscore small{ all:unset; font-family:var(--mono); font-size:14px; color:var(--gold); margin-left:2px; }
.entry-content .sp-verdict .vtxt{ font-size:15px; color:#e6e6ea; line-height:1.7; margin:.4em 0 0; }
.entry-content .sp-verdict .vtxt strong{ color:#fff; }
.entry-content .sp-stars{ position:relative; display:inline-block; font-size:20px; letter-spacing:3px; line-height:1; font-family:Arial,sans-serif; }
.entry-content .sp-stars .b{ color:rgba(255,255,255,.22); }
.entry-content .sp-stars .f{ position:absolute; left:0; top:0; overflow:hidden; white-space:nowrap; color:var(--gold); }
.entry-content .sp-stars.dk .b{ color:#dcd8d0; }
.entry-content .sp-score{ background:#fff; border:1px solid var(--line-d); border-radius:16px; padding:18px 20px; margin:1.4em 0; box-shadow:0 4px 18px rgba(0,0,0,.07); }
.entry-content .sp-score .row{ display:grid; grid-template-columns:7.5em 1fr 2.6em; align-items:center; gap:12px; margin:9px 0; }
.entry-content .sp-score .k{ font-size:13px; font-weight:700; color:#3d3d44; }
.entry-content .sp-score .track{ display:block; height:8px; background:#eceae4; border-radius:5px; overflow:hidden; }
.entry-content .sp-score .fill{ display:block; height:8px; border-radius:5px; background:linear-gradient(90deg,var(--gold-dk),var(--gold)); }
.entry-content .sp-score .fill.r{ background:linear-gradient(90deg,var(--red-dk),var(--red)); }
.entry-content .sp-score .v{ font-family:var(--mono); font-size:13px; font-weight:700; color:#16161a; text-align:right; }
.entry-content .sp-box{ border-radius:14px; padding:16px 18px; margin:1.3em 0; line-height:1.85; border:1px solid; }
.entry-content .sp-box .bt{ display:block; font-weight:900; font-size:14.5px; margin-bottom:6px; }
.entry-content .sp-merit{ background:#f3faf4; border-color:#cfe9d4; }
.entry-content .sp-merit .bt{ color:#1f8a3b; }
.entry-content .sp-demerit{ background:#fdf3f4; border-color:#f3ccd1; }
.entry-content .sp-demerit .bt{ color:var(--red-dk); }
.entry-content .sp-point{ background:#fbf7ef; border-color:#ecdfc2; }
.entry-content .sp-point .bt{ color:var(--gold-dk); }
.entry-content .sp-hint{ background:#fff; border:1px solid var(--line-d); border-radius:16px; padding:8px 18px; margin:1.4em 0; box-shadow:0 4px 18px rgba(0,0,0,.07); }
.entry-content .sp-hint .hrow{ display:grid; grid-template-columns:64px 1fr; gap:14px; align-items:start; padding:14px 0; border-bottom:1px dashed #e8e3d8; }
.entry-content .sp-hint .hrow:last-child{ border-bottom:0; }
.entry-content .sp-hint .htxt{ line-height:1.7; font-size:14.5px; color:#2a2a30; }
.entry-content .sp-hint .htxt b{ color:var(--red-dk); }
.entry-content .sp-hint .hnote{ display:block; font-size:11.5px; color:#9a9aa3; margin-top:3px; font-family:var(--mono); }
.entry-content .rank{ display:inline-flex; align-items:center; justify-content:center; min-width:54px; padding:6px 4px; border-radius:9px; font-weight:900; font-size:12.5px; line-height:1; color:#fff; letter-spacing:.04em; white-space:nowrap; }
.entry-content .rank.weak{ background:#9aa0aa; }
.entry-content .rank.mid{ background:#2e7bd6; }
.entry-content .rank.strong{ background:var(--red); box-shadow:0 4px 12px rgba(230,0,18,.3); }
.entry-content .rank.kakutei{ background:linear-gradient(160deg,#f3d77a,#caa12f); color:#4a3608; box-shadow:0 4px 12px rgba(212,175,55,.4); }
.entry-content .sp-shot{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; background:repeating-linear-gradient(45deg,#faf8f4,#faf8f4 12px,#f3f1ec 12px,#f3f1ec 24px); border:2px dashed #d3cbbb; border-radius:14px; padding:26px 18px; margin:1.2em 0; color:#a59a86; text-align:center; }
.entry-content .sp-shot .ic{ font-size:26px; }
.entry-content .sp-shot .t{ font-size:13px; font-weight:700; color:#8a7f6c; }
.entry-content .sp-shot .s{ font-size:11px; font-family:var(--mono); color:#b3a892; }
.entry-content .sp-xsum{ background:#fff; border:1px solid var(--line-d); border-radius:18px; padding:18px 18px 8px; margin:1.5em 0; box-shadow:0 6px 22px rgba(0,0,0,.08); }
.entry-content .sp-xsum .xhead{ display:flex; align-items:center; gap:11px; margin-bottom:6px; }
.entry-content .sp-xsum .xlogo{ width:34px; height:34px; border-radius:9px; background:#000; color:#fff; display:flex; align-items:center; justify-content:center; font-weight:900; font-size:19px; flex:0 0 auto; font-family:Arial,sans-serif; }
.entry-content .sp-xsum .xttl{ font-family:var(--disp); font-weight:400; font-size:17px; color:#16161a; line-height:1.25; }
.entry-content .sp-xsum .xsub{ font-size:11.5px; color:#9a9aa3; font-family:var(--mono); }
.entry-content .sp-xsum .xtags{ display:flex; flex-wrap:wrap; gap:8px; margin:12px 0 4px; }
.entry-content .sp-xsum .xtag{ display:inline-flex; align-items:center; gap:6px; font-size:12.5px; font-weight:700; padding:6px 12px; border-radius:20px; border:1px solid; }
.entry-content .sp-xsum .xtag.good{ color:#1f8a3b; background:#f1faf3; border-color:#cfe9d4; }
.entry-content .sp-xsum .xtag.bad{ color:var(--red-dk); background:#fdf2f3; border-color:#f3ccd1; }
.entry-content .sp-xsum .twitter-tweet{ margin:14px auto !important; }
.entry-content .sp-embed-ph{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; background:repeating-linear-gradient(45deg,#fafafa,#fafafa 12px,#f2f2f4 12px,#f2f2f4 24px); border:2px dashed #d2d2d8; border-radius:14px; padding:24px 16px; margin:12px 0; color:#9a9aa3; text-align:center; }
.entry-content .sp-embed-ph .ic{ font-size:24px; }
.entry-content .sp-embed-ph .t{ font-size:13px; font-weight:700; color:#7c7c85; }
.entry-content .sp-embed-ph .s{ font-size:11px; font-family:var(--mono); }
.entry-content .sp-voice{ position:relative; background:#fff; border:1px solid var(--line-d); border-radius:14px; padding:14px 16px 14px 58px; margin:1em 0; box-shadow:0 3px 14px rgba(0,0,0,.06); font-size:14.5px; color:#3d3d44; }
.entry-content .sp-voice::before{ content:"💬"; position:absolute; left:14px; top:50%; transform:translateY(-50%); width:32px; height:32px; border-radius:50%; background:#161619; color:#fff; display:flex; align-items:center; justify-content:center; font-size:16px; }
.entry-content .sp-voice .who{ display:block; font-family:var(--mono); font-size:11px; color:#9a9aa3; margin-top:4px; }
.entry-content .sp-cta-wrap{ margin:1.6em 0; text-align:center; }
.entry-content a.sp-cta{ display:inline-flex; align-items:center; justify-content:center; gap:10px; background:var(--red); color:#fff !important; text-decoration:none !important; font-weight:900; font-size:16px; padding:16px 30px; border-radius:14px; box-shadow:0 10px 26px rgba(230,0,18,.36), inset 0 0 0 1px rgba(255,255,255,.16); transition:transform .15s, box-shadow .15s; max-width:100%; }
.entry-content a.sp-cta:hover{ transform:translateY(-2px); background:var(--red-dk); box-shadow:0 14px 32px rgba(230,0,18,.42), inset 0 0 0 1px rgba(255,255,255,.18); }
.entry-content .sp-cta .pr{ font-family:var(--mono); font-size:11px; opacity:.85; }
.entry-content .sp-cta-note{ font-size:11.5px; color:#9a9aa3; margin-top:7px; font-family:var(--mono); }
.entry-content .sp-pr{ display:inline-block; font-family:var(--mono); font-size:10px; letter-spacing:.08em; color:#9a9aa3; border:1px solid #e0dacd; border-radius:5px; padding:2px 7px; vertical-align:middle; }
.entry-content .sp-rel{ background:#fff; border:1px solid var(--line-d); border-radius:14px; padding:14px 16px; margin:1.4em 0; box-shadow:0 4px 18px rgba(0,0,0,.06); }
.entry-content .sp-rel .rt{ font-family:var(--mono); font-size:11px; letter-spacing:.12em; color:var(--gold-dk); text-transform:uppercase; margin-bottom:8px; }
.entry-content .sp-rel a{ display:block; padding:8px 0 8px 20px; position:relative; text-decoration:none; color:#23232a; border-bottom:1px dashed #e8e3d8; }
.entry-content .sp-rel a:last-child{ border-bottom:0; }
.entry-content .sp-rel a::before{ content:"›"; position:absolute; left:4px; color:var(--red); font-weight:900; }
.entry-content .sp-rel a:hover{ color:var(--red); }
@media(max-width:560px){ .entry-content .sp-verdict .vscore{ font-size:40px; } .entry-content .sp-score .row{ grid-template-columns:6.2em 1fr 2.4em; gap:8px; } }