/* ============================================================================
   CardSpicy · Gundam 百科（/gundam-cards/ 及其子页）增量样式
   ----------------------------------------------------------------------------
   纪律：
     · 全部 scope 到 body.cs-gd-page（由 mu-plugin cs-gundam.php 加类）
       ⇒ 绝不动共享的 tips151.css、绝不影响 #86 / 其它系列页
     · .cs151 那套色板/网格/浮层照旧复用 tips151.css，本文件只补「高达自己多出来的东西」
   ========================================================================== */

/* ---- 宽栏容器 --------------------------------------------------------------
   🔴 不用 alignwide：§EQ 已证「WP 受限布局只对**直接子元素**的 alignwide 生效」，
      嵌套时静默退成 645px。这里沿用 R134 在折叠区上验证过的写法：
      自己写 max-width = wide-size。容器同时带 .cs151 ⇒ 色板变量由 .cs151.cs151 提供。 */
body.cs-gd-page .gd-wide {
	max-width: var(--wp--style--global--wide-size, 1340px);
	margin-inline: auto;
}

/* 宽栏里的说明文字仍走阅读栏（否则会横跨 1340px）。
   与 R134 的 `.cs151-fold > p { max-width: 62ch }` 同一档。 */
body.cs-gd-page .gd-wide > p {
	max-width: 62ch;
}

/* ---- 贴片浮层：作品名标签可能很长（"the Witch from Mercury"）----------------- */
body.cs-gd-page .cs151-pf {
	max-width: 56%;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* ---- 实体页 / 套牌页：逐卡块 ------------------------------------------------ */
body.cs-gd-page .gd-stats {
	margin: 0.15rem 0 0.55rem;
	font-size: 0.875rem;
	font-weight: 700;
	color: #4a4a46;
	font-variant-numeric: tabular-nums;
}

body.cs-gd-page .gd-effect {
	margin: 0 0 0.7rem;
	padding: 0.62rem 0.85rem;
	border-left: 3px solid var(--c-accent, #8b1a1a);
	border-radius: 0 6px 6px 0;
	background: #faf7f4;
	font-size: 0.9rem;
	line-height: 1.58;
	color: #252523;
}

/* 效果文本里官方用 <br> 保留了原文断行；窄屏不要让长行溢出 */
body.cs-gd-page .gd-effect,
body.cs-gd-page .gd-effect br {
	overflow-wrap: anywhere;
}

/* ---- 套牌 checklist：列多，窄屏允许横向滚动（站内 cs-tscroll 同规）---------- */
body.cs-gd-page table {
	font-variant-numeric: tabular-nums;
}

@media (max-width: 700px) {
	body.cs-gd-page .gd-wide {
		max-width: 100%;
	}
}