/* CMD-056 会社カード v4（OMパーツの実測computed styleに合わせた版）
   正本: /home/yykk/chilit-site/wp/mu-plugins/chilit-agent-card.css
   対応HTML: /home/yykk/seo-army/output/research/cmd-056/card-A-v3.html（HTML構造・class名は変更なし）
   v3は chilit-agent-card-v3.css.bak / v2は -v2.css.bak / v1は -v1.css.bak に退避
   設計方針: ラッパーは背景・枠なし（透明）。タブは文字＋2px下線のみ。表はOM実測値に一致させる。
   JSなし（WAF制約）。タブは input[type=radio] + label + :checked のみで切替 */

.agc{margin:24px 0;background:none;border:none;color:#0F1D29;font-feature-settings:"palt";font-family:inherit;}
.agc *{box-sizing:border-box;}

/* タブ（文字のみ＋2px下線・左寄せ・gap 20px） */
.agc .agc-tabin{position:absolute;opacity:0;width:0;height:0;pointer-events:none;margin:0;}
.agc .agc-tabs{display:flex;gap:20px;flex-wrap:nowrap;background:none;border-bottom:1px solid #e3e7ea;padding:0 4px;}
.agc .agc-tabs label{flex:0 0 auto;margin:0;padding:9px 2px;text-align:left;white-space:nowrap;font-size:14.72px;font-weight:700;line-height:1.8;color:#9aa7b2;cursor:pointer;background:none;border:none;border-bottom:2px solid transparent;transition:color .12s linear;}
.agc .agc-pane{display:none;padding:13px 4px;}

/* A案: 4タブ */
#agc-a-t1:checked ~ .agc-tabs label[for="agc-a-t1"],
#agc-a-t2:checked ~ .agc-tabs label[for="agc-a-t2"],
#agc-a-t3:checked ~ .agc-tabs label[for="agc-a-t3"],
#agc-a-t4:checked ~ .agc-tabs label[for="agc-a-t4"]{color:#0F1D29;border-bottom:2px solid #D4AF37;}
#agc-a-t1:checked ~ .agc-pane--a1,
#agc-a-t2:checked ~ .agc-pane--a2,
#agc-a-t3:checked ~ .agc-pane--a3,
#agc-a-t4:checked ~ .agc-pane--a4{display:block;}

/* A案: 4タブ（id非依存版・CMD-059で追加。1記事に複数カードを置くため
   radio の name/id を agc-{company_id}-{country} で一意化しても効くようにする。
   上の #agc-a-* 直指定ルールはWP667互換のため残置） */
.agc .agc-tabin:nth-of-type(1):checked ~ .agc-tabs label:nth-of-type(1),
.agc .agc-tabin:nth-of-type(2):checked ~ .agc-tabs label:nth-of-type(2),
.agc .agc-tabin:nth-of-type(3):checked ~ .agc-tabs label:nth-of-type(3),
.agc .agc-tabin:nth-of-type(4):checked ~ .agc-tabs label:nth-of-type(4){color:#0F1D29;border-bottom:2px solid #D4AF37;}
.agc .agc-tabin:nth-of-type(1):checked ~ .agc-pane--a1,
.agc .agc-tabin:nth-of-type(2):checked ~ .agc-pane--a2,
.agc .agc-tabin:nth-of-type(3):checked ~ .agc-pane--a3,
.agc .agc-tabin:nth-of-type(4):checked ~ .agc-pane--a4{display:block;}

/* D案（v1互換・現行未使用） */
#agc-d-t1:checked ~ .agc-tabs label[for="agc-d-t1"],
#agc-d-t2:checked ~ .agc-tabs label[for="agc-d-t2"]{color:#0F1D29;border-bottom:2px solid #D4AF37;}
#agc-d-t1:checked ~ .agc-pane--d1,
#agc-d-t2:checked ~ .agc-pane--d2{display:block;}

/* 表（OM実測: th 45% / border #dcdcdc / padding 7px 10px / 13.77px / line-height 1.6） */
.agc .agc-tbl{margin:0;padding:0;overflow-x:visible;max-width:none;width:auto;}
.agc .agc-tbl table{width:100%;max-width:100%;table-layout:fixed;border-collapse:collapse;border-radius:0;margin:0;background:none;}
.agc .agc-tbl table th,
.agc .agc-tbl table td{border:1px solid #dcdcdc;border-radius:0;padding:7px 10px;text-align:left;vertical-align:middle;white-space:normal;word-break:normal;overflow-wrap:break-word;font-size:13.77px;line-height:1.6;}
.agc .agc-tbl table th{width:45%;background:rgba(150,150,150,.05);color:#0F1D29;font-weight:700;}
.agc .agc-tbl table td{width:55%;color:#0F1D29;font-weight:500;background:transparent;}
.agc .agc-tbl a{color:#1c29bc;text-decoration:underline;word-break:break-all;}

/* 提携校タブ: 校数は右寄せ・合計行は太字 */
.agc .agc-tbl--school table td{text-align:right;white-space:nowrap;}
.agc .agc-tbl--school tr.agc-sum th,
.agc .agc-tbl--school tr.agc-sum td{font-weight:700;}

/* セル内の点リスト（1項目=1行） */
.agc .swl-inline-list{display:inline-block;width:100%;margin:0;padding:2px 0 2px 20px;font-size:13.77px;line-height:1.5;}
.agc .swl-inline-list:before{top:calc(.75em - 1px);}

/* セル内の折りたたみ（値は左・記号は右／中身は折り返し可） */
.agc .agc-more--cell{margin:0;}
.agc .agc-more.agc-more--cell>summary{padding:0;font-size:13.77px;font-weight:500;line-height:1.6;color:inherit;}
.agc .agc-more-dots{margin:5px 0 1px;}
.agc .agc-more-dots .swl-inline-list{padding-top:1px;padding-bottom:1px;}

/* summary の両端配置（左=値／右=＋・−。文字ラベルは持たせない） */
.agc .agc-more>summary{position:relative;display:block;}
.agc .agc-val{display:block;}
.agc .agc-cue{position:absolute;right:0;top:0;font-size:14px;font-weight:400;line-height:1.6;color:#9aa7b2;}
.agc .agc-cue:before{content:"\FF0B";}
.agc .agc-more[open]>summary .agc-cue:before{content:"\2212";}

/* 出典注記（表の下・中央寄せ） */
.agc .agc-tbl figcaption,
.agc .agc-tbl .wp-element-caption{margin:10px 0 0;padding:0;font-size:13.6px;line-height:1.5;color:#333;text-align:center;background:none;}

/* 折りたたみ（校名一覧） */
.agc .agc-more{margin:6px 0 0;}
.agc .agc-more>summary{padding:8px 2px;font-size:13.77px;font-weight:700;color:#1F2A44;text-decoration:none;cursor:pointer;list-style:none;}
.agc .agc-more>summary::-webkit-details-marker{display:none;}
.agc .agc-more-row{display:flex;margin:8px 0 0;font-size:13.77px;line-height:1.75;color:#4a5566;}
.agc .agc-more-row b{flex:0 0 5.5em;font-weight:700;color:#0F1D29;}

@media (max-width:599px){
  /* SP(390px)もPCと同値。タブのみ gap 16px で1行に収める */
  .agc .agc-tabs{gap:16px;}
  .agc .agc-tabs label{letter-spacing:0;}
  .agc .agc-tbl table th{letter-spacing:0;}
  /* 点リストの1行維持（SP390で数px不足→字送りとインデントを微調整） */
  .agc .swl-inline-list{letter-spacing:-.02em;}
  .agc .agc-more--cell>summary .agc-val>.swl-inline-list{padding-left:16px;}
  .agc .agc-more-row{display:block;}
  .agc .agc-more-row b{display:block;margin:0 0 1px;}
}