/* =========================================
 * Site custom styles (moved from Customizer)
 * Last moved: 2025-08-24
 * ======================================= */

/* --- ポチップのロゴ非表示 --- */
.pochipp-box__logo { 
  display: none; 
}

/* --- 横並びのリンクバナー --- */
.link-banner {
  display: flex;
  flex-wrap: wrap;
}

/* --- 「迷ったらこのPC！」ボタン中央寄せ --- */
.check-myPC-button {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

/* PC検索に戻るボタン */
.pc-search-button {
  display: flex;
  justify-content: flex-end;
  margin-top: 1.5em;
}

/* --- 赤～オレンジのグラデ＋キラリ光るボタン --- */
.btn-partial-line2 {
  position: relative;
  display: inline-block;
  padding: 0.7em 1.6em;
  font-weight: bold;
  font-size: 1rem;
  color: #fff;
  background: linear-gradient(135deg, #d94c3d, #ff8a4c);
  border: none;
  border-radius: 8px;
  text-decoration: none;
  overflow: hidden;
  z-index: 1;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.btn-partial-line2:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);
}
.btn-partial-line2::before {
  content: '';
  position: absolute;
  top: 0;
  left: -50%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,0.4), transparent);
  transform: skewX(-25deg);
  animation: shine 1.8s infinite;
  z-index: 2;
}
@keyframes shine {
  0% { left: -50%; }
  100% { left: 120%; }
}
.btn-partial-line2 span {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 0.5em;
}

/* --- シンプルな青系グラデボタン --- */
.btn-gradient-simple {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  border-radius: 3px;
  font-weight: bold;
  color: #FFF;
  background-image: linear-gradient(45deg, #709dff 0%, #b0c9ff 100%);
  transition: .4s;
}
.btn-gradient-simple:hover {
  background-image: linear-gradient(45deg, #709dff 50%, #b0c9ff 100%);
}

/* --- 光るオレンジボタン --- */
.nyainy-btn {
  display: inline-block;
  position: relative;
  padding: 10px 20px;
  margin: 10px auto;
  background-color: #e99710;
  box-shadow: 1px 1px 5px gray;
  border-radius: 5px;
  font-weight: bold;
  font-size: 18px;
  color: #fff !important;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
}
.nyainy-btn::before {
  position: absolute;
  content: '';
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 45%, rgba(255, 255, 255, 0) 100%);
  transform: skewX(-45deg);
  animation: nyainy-btn 2.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) infinite;
}
@keyframes nyainy-btn {
  0% { left: -100%; }
  25% { left: 100%; }
  100% { left: 100%; }
}

/* --- クーポン表示コンテナ --- */
.coupon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 4px 0;
}
.coupon-code {
  font-size: 16px;
  font-weight: bold;
  margin: 0 8px 0 0;
}

/* コピー用ボタン */
.copy-btn {
  font-size: 10px;
  background-color: #d3d3d3;
  border: 1px solid #aaa;
  border-radius: 5px;
  padding: 4px 8px;
  box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
  cursor: pointer;
  transition: transform 0.1s;
}
.copy-btn:hover { transform: scale(1.05); }
.copy-btn:active { transform: scale(0.97); }

/* コピー完了メッセージ */
.copy-message {
  text-align: center;
  color: red;
  font-size: 14px;
  margin-top: 4px;
  display: none;
}

/* ================================
  プロフィールボックス
================================ */
.profile-box {
  max-width: 800px;
  width: 100%;
  margin: 30px auto;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  padding: 16px 20px;
  color: #333;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', sans-serif;
}
.profile-box,
.profile-box * { font-weight: normal !important; }
.profile-box .profile-head { text-align: center; margin-bottom: 0; }
.profile-box .profile-icon {
  width: 100px; height: 100px; border-radius: 50%;
  border: 1px solid #e0e0e0; object-fit: cover; display: block;
  margin: 0 auto 10px auto;
}
.profile-box .profile-name {
  font-size: 1.1em; margin-top: 8px; color: #333; text-align: center;
}
.profile-social {
  display: flex; justify-content: center; align-items: center;
  gap: 6px; margin: 8px 0; line-height: 0;
}
.profile-social .social-icon {
  display: inline-grid; place-items: center;
  width: 26px; height: 26px; border-radius: 6px; background: #888;
  text-decoration: none; transition: transform .15s ease, opacity .15s ease;
}
.profile-social .social-icon svg { width: 14px; height: 14px; display: block; fill: #fff; }
.profile-social .social-icon:hover { transform: translateY(-2px); opacity: .85; }
.profile-box .profile-text,
.profile-box .profile-text p {
  margin-top: 0 !important; padding-top: 0 !important;
  line-height: 1.7; font-size: 15px; color: #333; text-align: left;
}
.profile-box .profile-button {
  display: inline-block; background: transparent; color: #4a7aa0;
  padding: 5px 12px; font-size: 13px; border-radius: 5px; text-decoration: none;
  border: 1px solid #4a7aa0; transition: background .3s, color .3s, transform .06s; margin-top: 14px;
}
.profile-box .profile-button:hover { background: #4a7aa0; color: #fff; transform: translateY(-1px); }

/* ================================
  SWELLブログパーツ（サイドバー用）
================================ */
.widget_custom_html .wp-block-group {
  background: #fff; border-radius: 12px; padding: 16px 20px; margin-bottom: 20px;
  border: 1px solid #d5dee4; box-shadow: 0 4px 12px rgba(60, 79, 92, 0.06);
}
.widget_custom_html .wp-block-group h3.wp-block-heading {
  font-size: 16px; font-weight: 600; margin-bottom: 12px; padding: 6px 8px 6px 10px;
  color: #2f3a40; line-height: 1.4; background: #f2f5f7; border-left: 4px solid #3c4f5c; border-radius: 6px;
}
.widget_custom_html .wp-block-group h4.wp-block-heading {
  font-size: 15px; font-weight: 600; margin: 18px 0 10px; padding: 6px 8px 6px 10px;
  color: #334048; line-height: 1.4; background: #f7f9fb; border-left: 3px solid #5b6d78; border-radius: 6px;
}
.widget_custom_html .wp-block-list {
  list-style: none; margin: 0 0 16px 0; padding: 0;
}
.widget_custom_html .wp-block-list li {
  border-bottom: 1px dashed #e2e8ee; padding: 10px 0 10px 20px; position: relative;
  transition: background 0.2s ease, color 0.2s ease;
}
.widget_custom_html .wp-block-list li:last-child { border-bottom: none; }
.widget_custom_html .wp-block-list li a {
  color: #2f3a40; text-decoration: none; font-size: 15px; display: block; position: relative;
}
.widget_custom_html .wp-block-list li a::before {
  content: "▸"; position: absolute; left: -16px; top: 2px; font-size: 12px; color: #5b6d78;
  transition: transform 0.2s ease, color 0.2s ease;
}
.widget_custom_html .wp-block-list li:hover { background: #eef3f6; }
.widget_custom_html .wp-block-list li:hover a::before { transform: translateX(3px); color: #3c4f5c; }
.widget_custom_html .wp-block-list li a:focus {
  outline: 2px solid #9fb0ba; outline-offset: 2px; border-radius: 4px;
}

/* ================================
 サイドバーデザインここまで
================================ */

/* ============ .pclist-scope にスコープ ============ */
.pclist-scope{
  --thead-bg:#fdf9ee;
  --thead-txt:#000;
  --row-hover:#fff6b7;
  --sticky-shadow:2px 0 0 rgba(0,0,0,.06) inset;
  --zebra-odd:#ffffff;
  --zebra-even:#f8f9fb;
}
.pclist-scope #ts-selector{margin-bottom:10px}
.pclist-scope .memo{font-size:smaller;margin-top:10px}
.pclist-scope #no-results{margin-top:0;display:none;font-weight:bold;color:red}

/* ページャ（上） */
.pclist-scope #pager-top{margin:0;display:flex;justify-content:space-between;align-items:center}
.pclist-scope .left-elements{display:flex}
.pclist-scope .left-elements span:last-child{margin-left:-5px}
.pclist-scope .right-elements{display:flex;gap:6px;align-items:center}
.pclist-scope .pagedisplay{color:red;font-weight:bold;margin-right:5px;}

/* スクロールヒント */
.pclist-scope #scroll-tips{text-align:right;margin:2px 0 2px;font-size:12px}

/* ページャ（下） */
.pclist-scope #pager-bottom{text-align:center;margin-top:12px}
.pclist-scope #pager-bottom .prev,
.pclist-scope #pager-bottom .next{
  appearance:none;-webkit-appearance:none;display:inline-block;padding:.45em .9em;
  border:1px solid #d5d5d5;border-radius:6px;background:#fafafa;cursor:pointer;
  transition:background .15s,border-color .15s,box-shadow .15s,transform .02s;
  font-size:14px;position:relative
}
@media (hover:hover) and (pointer:fine){
  .pclist-scope #pager-bottom .prev:hover,
  .pclist-scope #pager-bottom .next:hover{
    background:#f3f3f3;border-color:#cfcfcf;box-shadow:0 1px 2px rgba(0,0,0,.08) inset
  }
}
.pclist-scope #pager-bottom .prev::before{content:"\25C0";display:inline-block;margin-right:.5em;line-height:1}
.pclist-scope #pager-bottom .next::after{content:"\25B6";display:inline-block;margin-left:.5em;line-height:1}

/* 無効化スタイル */
.pclist-scope .pager .disabled,
.pclist-scope .pager .prev[disabled],
.pclist-scope .pager .next[disabled]{
  opacity:.45;cursor:default !important;filter:grayscale(80%);
  background:#f7f7f7;border-color:#e1e1e1
}

/* カード影（wp-block-table のみ） */
.pclist-scope figure.wp-block-table{
  background:#fff;border:1px solid #e6e9ef;border-radius:12px;
  box-shadow:0 8px 24px rgba(17,24,39,.06)
}

/* テーブル */
.pclist-scope figure[data-table-scrollable]{width:100%;max-width:100%;margin:0 0 12px;overflow-x:visible}
.pclist-scope #pclist{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:14px;margin-top:0}
.pclist-scope #pclist th,.pclist-scope #pclist td{
  text-align:center;vertical-align:middle;padding:8px 10px;white-space:normal;border-bottom:1px solid #eee;background-clip:padding-box
}
.pclist-scope #pclist thead th{background:var(--thead-bg);color:var(--thead-txt);position:relative}

/* ソートアイコン */
.pclist-scope #pclist thead th.tablesorter-header{cursor:pointer;padding-right:18px}
.pclist-scope #pclist thead th.tablesorter-header:after{
  content:"";position:absolute;right:6px;top:50%;transform:translateY(-50%);
  border:5px solid transparent;border-top-color:#888;opacity:.6
}
.pclist-scope #pclist thead th.tablesorter-headerAsc:after{border-top-color:transparent;border-bottom-color:#333;top:47%}
.pclist-scope #pclist thead th.tablesorter-headerDesc:after{border-top-color:#333;border-bottom-color:transparent;top:53%}
.pclist-scope #pclist thead th.sorter-false:after{display:none}

/* zebra */
.pclist-scope #pclist tbody tr.odd td{background:var(--zebra-odd)}
.pclist-scope #pclist tbody tr.even td{background:var(--zebra-even)}
.pclist-scope #pclist tbody td:first-child{background:inherit}
.pclist-scope #pclist tbody tr.odd td:first-child{background:var(--zebra-odd)!important}
.pclist-scope #pclist tbody tr.even td:first-child{background:var(--zebra-even)!important}

/* hover / active */
@media (hover:hover) and (pointer:fine){
  .pclist-scope figure[data-table-scrollable] #pclist tbody tr:hover td{background:var(--row-hover)!important}
  .pclist-scope figure[data-table-scrollable] #pclist tbody tr:hover td:first-child{background:var(--row-hover)!important}
}
.pclist-scope #pclist tbody tr.row-active td{background:var(--row-hover)!important}
.pclist-scope #pclist tbody tr td.cell1-active{background:var(--row-hover)!important}

/* スマホ */
@media (max-width:767.98px){
  .pclist-scope figure[data-table-scrollable="sp"]{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .pclist-scope #pclist{table-layout:auto;width:max-content;min-width:100%}
  .pclist-scope #pclist th[style]{width:auto!important}
  .pclist-scope #pclist th,.pclist-scope #pclist td{white-space:nowrap}
  .pclist-scope [data-cell1-fixed="sp"] #pclist th:first-child{
    position:sticky;left:0;z-index:3;background:var(--thead-bg);
    box-shadow:var(--sticky-shadow);backface-visibility:hidden;transform:translateZ(0)
  }
  .pclist-scope [data-cell1-fixed="sp"] #pclist td:first-child{
    position:sticky;left:0;z-index:2;background:inherit;
    box-shadow:var(--sticky-shadow);backface-visibility:hidden;transform:translateZ(0)
  }
  .pclist-scope [data-cell1-fixed="sp"] #pclist tr.row-active td:first-child,
  .pclist-scope [data-cell1-fixed="sp"] #pclist td:first-child.cell1-active{background:var(--row-hover)!important}

  /* メーカー列(6列目) 右罫線をクッキリ */
  .pclist-scope #pclist thead th:nth-child(6),
  .pclist-scope #pclist tbody td:nth-child(6){
    border-right:2px solid rgba(0,0,0,.08)
  }
}

/* タブレット */
@media (min-width:768px) and (max-width:1024.98px){
  .pclist-scope figure[data-table-scrollable="sp"]{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .pclist-scope #pclist{table-layout:auto;width:max-content;min-width:100%}
  .pclist-scope #pclist th[style]{width:auto!important}
  .pclist-scope #pclist th,.pclist-scope #pclist td{white-space:nowrap}
  .pclist-scope [data-cell1-fixed="sp"] #pclist th:first-child{position:sticky;left:0;z-index:3;background:var(--thead-bg);box-shadow:var(--sticky-shadow)}
  .pclist-scope [data-cell1-fixed="sp"] #pclist td:first-child{position:sticky;left:0;z-index:2;background:inherit;box-shadow:var(--sticky-shadow)}
  .pclist-scope [data-cell1-fixed="sp"] #pclist tr.row-active td:first-child,
  .pclist-scope [data-cell1-fixed="sp"] #pclist td:first-child.cell1-active{background:var(--row-hover)!important}
}

/* 自動リンクの無効化（価格以外の列） */
.pclist-scope #pclist tbody td:not(:first-child) a,
.pclist-scope #pclist tbody td:not(:first-child) a *{
  pointer-events:none!important;color:inherit!important;text-decoration:none!important;border-bottom:none!important
}
.pclist-scope #pclist td u,
.pclist-scope #pclist td a u{ text-decoration:none!important;border-bottom:none!important }

/* ===== 「拡張性」fieldset(5番目) 横並び調整 ===== */
.pclist-scope #select-panel fieldset{ position:relative; box-sizing:border-box; width:100%; }
.pclist-scope #select-panel fieldset:nth-of-type(5){
  display:flex; align-items:center; flex-wrap:wrap; gap:6px; overflow-x:hidden;
}
.pclist-scope #select-panel fieldset:nth-of-type(5) .ui-checkboxradio-label{ margin:0; flex:0 0 auto; }
.pclist-scope #select-panel fieldset:nth-of-type(5) .memo{ flex:1 0 100%; white-space:normal; margin-top:10px; }

/* ===== フロートメッセージ ===== */
.pclist-float-msg{
  position:absolute; z-index:20; background:#111; color:#fff; padding:.45em .7em;
  border-radius:10px; box-shadow:0 8px 20px rgba(0,0,0,.22); font-size:16px; line-height:1;
  pointer-events:none; opacity:0; transform:translateY(-4px); transition:opacity .18s ease, transform .18s ease; white-space:nowrap;
}
.pclist-float-msg .count{ color:#FCD34D; font-weight:800; }
.pclist-float-msg.show{ opacity:1; transform:translateY(0); }

/* --- Game PC Selector テーブル v4 --- */
.gpc-select-v4 {
  --brand:#3c4f5c;
  --bg:#ffffff;
  --head-1:#faf4ea;
  --head-2:#f5eee3;
  --head-text:#0f1720;
  --line:#d9e1ea;
  --row-alt:#fafbfc;
  --chip-border:#d4dbe3;
  --link:#1b4aa5;
  --text:#1b2631;
  --chip-fill:rgba(60,79,92,.08);

  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: 16px;
  overflow: hidden;
  color: var(--text);
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
  font-family: system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo",sans-serif;
}
.gpc-select-v4 .gpc-head {
  display: grid; grid-template-columns: 1fr 1fr;
  background: linear-gradient(180deg, var(--head-1), var(--head-2));
  border-bottom: 1px solid var(--line);
}
.gpc-select-v4 .gpc-head > div {
  color: var(--head-text); font-weight: 700; font-size: 16px; line-height: 1.35;
  padding: 10px 12px; text-align: center; letter-spacing: .01em; border-right: 1px solid var(--line);
}
.gpc-select-v4 .gpc-head > div:last-child { border-right: none; }
.gpc-select-v4 .gpc-row {
  display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--line);
}
.gpc-select-v4 .gpc-row:nth-child(even) { background: var(--row-alt); }
.gpc-select-v4 .gpc-row:first-of-type { border-top: none; }
.gpc-select-v4 .gpc-col {
  padding: 10px 12px; display: flex; align-items: center; justify-content: center; text-align: center;
}
.gpc-select-v4 .gpc-col:first-child { border-right: 1px solid var(--line); }
.gpc-select-v4 .gpc-col:last-child { flex-direction: column; gap: 6px; }

/* ====== ここを修正：セル内リンク（チップ）の文字サイズをUP ====== */
.gpc-select-v4 .gpc-chip {
  display: inline-flex; align-items: center; gap: .55em; padding: 7px 14px;
  border: 1px solid var(--chip-border); border-radius: 999px; background: #fff; color: var(--link);
  font-weight: 600; font-size: 16px; line-height: 1.1; text-decoration: none;
  transition: transform .06s ease, border-color .15s ease, background .15s ease, color .15s ease, box-shadow .15s ease;
  box-shadow: 0 1px 2px rgba(0,0,0,.03);
}
.gpc-select-v4 .gpc-chip::after {
  content:"›"; font-size: 16px; opacity: .55; transform: translateY(1px);
  transition: opacity .15s ease, transform .06s ease;
}
.gpc-select-v4 .gpc-chip:hover {
  background: var(--chip-fill);
  border-color: color-mix(in oklab,var(--brand) 28%, var(--chip-border) 72%);
  color: color-mix(in oklab,var(--link) 88%, #000 12%);
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(0,0,0,.08);
}
.gpc-select-v4 .gpc-chip:hover::after { opacity:.8; transform: translate(2px,1px); }

@media (max-width: 768px) {
  .gpc-select-v4 .gpc-head,
  .gpc-select-v4 .gpc-row { grid-template-columns: 1fr 1fr; }
  .gpc-select-v4 .gpc-col { padding: 8px; flex-direction: column; }
  .gpc-select-v4 .gpc-col:last-child { gap: 6px; }
  .gpc-select-v4 .gpc-chip {
    font-size: 15.5px; padding: 8px 12px;
  }
}
.gpc-select-v4.parts-grid .gpc-head { grid-template-columns: 1fr; }
.gpc-select-v4.parts-grid .gpc-head .gpc-title { grid-column: 1 / -1; border-right: none; }
.gpc-select-v4.parts-grid .gpc-row { grid-template-columns: 1fr 1fr; }
@media (max-width: 768px) {
  .gpc-select-v4.parts-grid .gpc-head { grid-template-columns: 1fr; }
  .gpc-select-v4.parts-grid .gpc-row { grid-template-columns: 1fr 1fr; }
}


/* ================================
 CPU-GPU-Finder（複数設置OK版）
================================ */
.cgf { font-size: 15px; line-height: 1.6; color: #2f3a40; }
.cgf * { box-sizing: border-box; }

.cgf{
  --cgf-brand:#3c4f5c; --cgf-border:#d5dee4; --cgf-bg:#fff; --cgf-surface:#fff;
  --cgf-text:#2f3a40; --cgf-muted:#5b6d78; --cgf-soft:#f2f5f7; --cgf-hover:#eef3f6; --cgf-danger:#d94c3d;
  --head-1:#faf4ea; --head-2:#f5eee3;
  --cgf-radius:12px; --cgf-radius-sm:8px; --cgf-shadow:0 4px 12px rgba(60,79,92,.06); --cgf-focus:0 0 0 2px rgba(63,82,96,.25);
}

/* パネル */
.cgf .cgf__panel{border:1px solid var(--cgf-border);border-radius:var(--cgf-radius);box-shadow:var(--cgf-shadow);overflow:hidden;background:var(--cgf-surface);margin-bottom:14px}
.cgf .cgf__panelHead{background:linear-gradient(180deg,var(--head-1),var(--head-2));border-bottom:1px solid var(--cgf-border);text-align:center;padding:10px 12px}
.cgf .cgf__panelTitle{display:inline-block;font-weight:700;letter-spacing:.01em}
.cgf .cgf__controls{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:center;padding:12px}
@media (max-width:900px){.cgf .cgf__controls{grid-template-columns:1fr}}

/* コントロール */
.cgf .cgf__dropdown{
  width:100%;min-height:42px;padding:8px 12px;border-radius:var(--cgf-radius-sm);border:1px solid var(--cgf-border);
  background:var(--cgf-bg);color:var(--cgf-text);transition:border-color .15s,box-shadow .15s;
  -webkit-appearance:none;appearance:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%235b6d78' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
  background-repeat:no-repeat;background-position:right 10px center;background-size:18px 18px;padding-right:38px;line-height:1.3;touch-action:manipulation;
}
.cgf .cgf__dropdown:hover{border-color:color-mix(in oklab,var(--cgf-brand) 40%,var(--cgf-border))}
.cgf .cgf__dropdown:focus{outline:none;box-shadow:var(--cgf-focus);border-color:var(--cgf-brand)}
.cgf .cgf__dropdown:disabled{background:#fafafa;color:#8c96a0;border-style:dashed;background-image:none}

.cgf .cgf__reset{height:42px;padding:0 14px;border-radius:999px;border:1px solid var(--cgf-border);background:var(--cgf-soft);color:var(--cgf-brand);font-weight:700;letter-spacing:.01em;cursor:pointer;transition:transform .06s,box-shadow .12s,background .2s}
.cgf .cgf__reset:hover{background:#e9eef2;box-shadow:var(--cgf-shadow);transform:translateY(-1px)}
.cgf .cgf__reset:active{transform:translateY(0)}
.cgf .cgf__reset:focus{outline:none;box-shadow:var(--cgf-focus)}

/* 結果カード */
.cgf .cgf__card{background:var(--cgf-surface);border:1px solid var(--cgf-border);border-radius:var(--cgf-radius);box-shadow:var(--cgf-shadow);padding:14px 16px}
.cgf .cgf__result{display:grid;gap:8px}
.cgf .cgf__count{font-weight:700}.cgf .cgf__num{color:var(--cgf-danger);font-weight:800}
.cgf .cgf__searching{color:var(--cgf-muted);font-size:13px}

.cgf .cgf__list{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.cgf .cgf__item a{display:block;padding:10px 12px;border:1px solid var(--cgf-border);border-radius:var(--cgf-radius-sm);background:var(--cgf-bg);text-decoration:none;transition:background .15s,border-color .15s,box-shadow .15s,transform .05s}
.cgf .cgf__item a:hover{background:var(--cgf-hover);border-color:color-mix(in oklab,var(--cgf-brand) 24%,var(--cgf-border) 76%);transform:translateY(-1px);box-shadow:0 6px 14px rgba(0,0,0,.08)}

/* ページャー */
.cgf .cgf__pager{display:flex;align-items:center;gap:10px;justify-content:center;margin-top:8px}
.cgf .cgf__pager.is-hidden,.cgf .cgf__pager[hidden]{display:none !important}
.cgf .cgf__pagebtn{padding:8px 14px;border-radius:999px;border:1px solid var(--cgf-border);background:var(--cgf-bg);font-weight:700;cursor:pointer;transition:background .15s,border-color .15s,transform .05s,box-shadow .12s}
.cgf .cgf__pagebtn:hover:not(:disabled){background:var(--cgf-hover);border-color:color-mix(in oklab,var(--cgf-brand) 24%,var(--cgf-border) 76%);transform:translateY(-1px)}
.cgf .cgf__pagebtn:disabled{opacity:.5;cursor:default}
.cgf .cgf__pageno{min-width:2ch;text-align:center;font-weight:800;padding:6px 12px;border:1px solid var(--cgf-border);border-radius:999px;background:var(--cgf-soft);color:var(--cgf-brand)}

/* 細帯ローダー */
.cgf .cgf__loading{
  margin:6px 0 0;height:3px;width:100%;
  background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--cgf-brand) 40%,#fff),transparent);
  background-size:200% 100%;animation:cgf-bar 1.4s linear infinite;border-radius:999px
}
@keyframes cgf-bar{from{background-position:200% 0}to{background-position:-200% 0}}

/* 初期は結果カードを完全非表示（IDを使わない版） */
.cgf [data-role="card"].is-hidden,
.cgf [data-role="card"][hidden]{display:none !important}

/* モバイル/タブレット：押しやすさ拡張 */
@media (max-width:1024px){
  .cgf .cgf__dropdown{
    min-height:56px;padding:14px 16px;font-size:16px;line-height:1.3;
    background-position:right 12px center;background-size:20px 20px;
  }
  .cgf .cgf__reset{height:56px;padding:0 18px;font-size:16px}
}

/* ================================
   CPU-GPU-Finder ここまで
================================ */