.fjh-explore-knowledge-v1 { background:#f7f5f0; color:#17212b; }
.fjh-explore-knowledge-v1 .fjh-knowledge { width:min(94vw,1480px); margin:0 auto; padding:32px 0 64px; font-family:var(--fjh-font-mixed,"Manrope","LINE Seed Sans TH",sans-serif); }
.fjh-knowledge *, .fjh-knowledge *::before, .fjh-knowledge *::after { box-sizing:border-box; }
.fjh-knowledge a { color:#0b2545; text-underline-offset:4px; }
.fjh-knowledge a:focus-visible { outline:2px solid #a9851f; outline-offset:5px; }
.fjh-knowledge .fjh-k-breadcrumb { display:flex; gap:12px; flex-wrap:wrap; font-size:13px; color:#68727d; margin:0 0 28px; }
.fjh-knowledge .fjh-k-breadcrumb a { text-decoration:none; }
.fjh-knowledge .fjh-k-hero { display:grid; grid-template-columns:minmax(0,1fr) 180px; align-items:center; gap:48px; padding:48px; background:#fff; border:1px solid #e4e0d8; border-top:3px solid #c9a227; }
.fjh-knowledge .fjh-k-kicker { margin:0 0 14px; font-size:12px; font-weight:700; color:#68727d; letter-spacing:.1em; text-transform:uppercase; }
.fjh-knowledge h1 { font-size:clamp(40px,4.5vw,64px); line-height:1.1; color:#0b2545; font-weight:700; letter-spacing:-.04em; margin:0 0 20px; }
.fjh-knowledge .fjh-k-intro { font-size:18px; line-height:1.8; max-width:750px; margin:0 0 26px; color:#46515c; }
.fjh-knowledge .fjh-k-crest { width:180px; height:180px; display:grid; place-items:center; background:#f7f5f0; border:1px solid #e4e0d8; }
.fjh-knowledge .fjh-k-crest img { width:70px; height:70px; object-fit:contain; }
.fjh-knowledge .fjh-k-metadata { display:flex; gap:32px; flex-wrap:wrap; margin:0; }
.fjh-knowledge dt { color:#68727d; font-size:12px; margin-bottom:6px; }
.fjh-knowledge dd { margin:0; font-weight:600; color:#0b2545; font-size:15px; }
.fjh-knowledge .fjh-k-sections { display:flex; flex-wrap:wrap; gap:24px; padding:22px 0; border-bottom:1px solid #e4e0d8; }
.fjh-knowledge .fjh-k-sections a { font-size:13px; font-weight:600; text-decoration:none; padding:8px 0; }
.fjh-knowledge .fjh-k-section { padding:40px 0; border-bottom:1px solid #e4e0d8; scroll-margin-top:30px; }
.fjh-knowledge h2 { font-size:28px; line-height:1.4; color:#0b2545; margin:0 0 24px; font-weight:700; letter-spacing:-.02em; }
.fjh-knowledge h3 { font-size:22px; line-height:1.4; color:#0b2545; margin:0 0 14px; font-weight:600; }
.fjh-knowledge p { font-size:16px; line-height:1.85; color:#46515c; }
.fjh-knowledge .fjh-k-overview { display:grid; grid-template-columns:1fr 2fr; gap:48px; }
.fjh-knowledge .fjh-k-overview p { margin:0 0 20px; max-width:800px; }
.fjh-knowledge .fjh-k-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.fjh-knowledge .fjh-k-card { background:#fff; border:1px solid #e4e0d8; padding:30px; min-width:0; }
.fjh-knowledge .fjh-k-card p { margin:0 0 16px; }
.fjh-knowledge .fjh-k-ref { display:inline-block; margin-left:8px; padding:4px; font-size:13px; color:#a9851f; text-decoration:none; }
.fjh-knowledge .fjh-k-future { display:block; margin-top:12px; font-size:12px; color:#68727d; }
.fjh-knowledge .fjh-k-empty { background:#fff; padding:28px 30px; border:1px dashed #d5d1c7; }
.fjh-knowledge .fjh-k-empty p { margin:0; }
.fjh-knowledge .fjh-k-marketplace { display:grid; grid-template-columns:1fr auto; align-items:center; gap:32px; }
.fjh-knowledge .fjh-k-marketplace h2, .fjh-knowledge .fjh-k-collection h2 { margin-bottom:12px; }
.fjh-knowledge .fjh-k-marketplace p { max-width:720px; margin-bottom:0; }
.fjh-knowledge .fjh-k-actions { display:flex; flex-wrap:wrap; gap:10px; }
.fjh-knowledge .fjh-k-actions a, .fjh-knowledge .fjh-k-collection>a { padding:13px 18px; min-height:44px; border:1px solid #d5d1c7; text-decoration:none; font-size:14px; font-weight:600; background:#fff; }
.fjh-knowledge .fjh-k-collection { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.fjh-knowledge .fjh-k-collection p { margin:0; }
.fjh-knowledge .fjh-k-sources ol { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 40px; padding-left:20px; }
.fjh-knowledge .fjh-k-sources li { color:#68727d; font-size:13px; line-height:1.7; padding-left:4px; overflow-wrap:anywhere; }
.fjh-knowledge .fjh-k-sources li span { display:block; font-size:11px; margin-top:4px; }
.fjh-knowledge .fjh-k-back { display:inline-block; margin-top:24px; font-size:14px; font-weight:600; }
.fjh-lang-th .fjh-knowledge .fjh-k-kicker { letter-spacing:0; }
/* Media V1 stays inside knowledge detail pages; no global gallery or shell rules. */
.fjh-knowledge .fjh-k-media { margin:0 0 24px; min-width:0; }
.fjh-knowledge .fjh-k-media-frame { position:relative; aspect-ratio:16/9; overflow:hidden; border:1px solid #e4e0d8; background:#f1eee7; display:grid; place-items:center; }
.fjh-knowledge .fjh-k-media--related-thumbnail .fjh-k-media-frame { aspect-ratio:16/7; }
.fjh-knowledge .fjh-k-media-image { display:block; width:100%; height:100%; max-width:100%; }
/* Bound real portrait media to the reserved frame; contain must not overflow its grid row. */
.fjh-knowledge .fjh-k-media-frame>.fjh-k-media-image { position:absolute; inset:0; margin:auto; }
.fjh-knowledge .fjh-k-media-frame .fjh-k-media-crest { width:70px; height:70px; }
.fjh-knowledge .fjh-k-media-neutral { width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; color:#0b2545; background:linear-gradient(135deg,#f7f5f0,#ece7db); border-top:2px solid #c9a96e; }
.fjh-knowledge .fjh-k-media-neutral>span { font-size:28px; font-weight:700; letter-spacing:.12em; }
.fjh-knowledge .fjh-k-media-neutral small,.fjh-knowledge .fjh-k-media-unavailable small { font-size:12px; line-height:1.6; font-weight:400; padding:0 12px; text-align:center; letter-spacing:0; }
.fjh-knowledge .fjh-k-media figcaption { margin-top:10px; font-size:12px; line-height:1.7; color:#68727d; }
.fjh-knowledge .fjh-k-media-unavailable { display:none; text-align:center; color:#0b2545; font-weight:700; }
.fjh-knowledge .fjh-k-media-failed>.fjh-k-media-unavailable { display:flex; flex-direction:column; gap:12px; }
.fjh-knowledge .fjh-k-media-image[hidden] { display:none; }
.fjh-knowledge .fjh-k-crest .fjh-k-media-neutral { border-top:0; }
@media(max-width:900px) { .fjh-knowledge .fjh-k-hero { padding:32px; gap:24px; grid-template-columns:minmax(0,1fr) 130px; } .fjh-knowledge .fjh-k-crest { width:130px;height:130px; } .fjh-knowledge .fjh-k-overview,.fjh-knowledge .fjh-k-marketplace { grid-template-columns:1fr; gap:16px; } }
@media(max-width:600px) { .fjh-explore-knowledge-v1 .fjh-knowledge { width:calc(100% - 28px); padding-top:22px; } .fjh-knowledge .fjh-k-hero { display:flex;flex-direction:column-reverse; align-items:flex-start; padding:24px;gap:24px; } .fjh-knowledge .fjh-k-crest { width:98px;height:98px; } .fjh-knowledge h1 { font-size:40px; } .fjh-knowledge .fjh-k-intro { font-size:16px; } .fjh-knowledge .fjh-k-metadata { gap:20px; } .fjh-knowledge .fjh-k-grid,.fjh-knowledge .fjh-k-sources ol { grid-template-columns:1fr; } .fjh-knowledge .fjh-k-card { padding:24px; } .fjh-knowledge .fjh-k-section { padding:30px 0; } .fjh-knowledge h2 { font-size:24px; } .fjh-knowledge .fjh-k-collection { flex-direction:column;align-items:flex-start; } .fjh-knowledge .fjh-k-sections { gap:8px 18px; } }
/* Shared Jersey/Country/Competition reference panel; locked layout rules unchanged. */
.fjh-knowledge:is(.fjh-k-jersey,.fjh-k-country,.fjh-k-competition,.fjh-k-era) .fjh-k-id-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}
.fjh-knowledge:is(.fjh-k-jersey,.fjh-k-country,.fjh-k-competition,.fjh-k-era) .fjh-k-id-grid>div{padding:18px;background:#f7f5ef;border:1px solid #e5dfd1;border-radius:12px;min-width:0}
.fjh-knowledge:is(.fjh-k-jersey,.fjh-k-country,.fjh-k-competition,.fjh-k-era) .fjh-k-id-grid dt{font-size:13px;color:#596575;margin-bottom:7px}
.fjh-knowledge:is(.fjh-k-jersey,.fjh-k-country,.fjh-k-competition,.fjh-k-era) .fjh-k-id-grid dd{margin:0;font-size:19px;font-weight:700;line-height:1.5;overflow-wrap:anywhere}
.fjh-knowledge:is(.fjh-k-jersey,.fjh-k-country,.fjh-k-competition,.fjh-k-era) .fjh-k-verification-note{padding:16px 20px;border-left:3px solid #c9a96e;background:#f7f5ef;color:#485566;line-height:1.8;border-radius:0 10px 10px 0}
@media(max-width:800px){.fjh-knowledge:is(.fjh-k-jersey,.fjh-k-country,.fjh-k-competition,.fjh-k-era) .fjh-k-id-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:440px){.fjh-knowledge:is(.fjh-k-jersey,.fjh-k-country,.fjh-k-competition,.fjh-k-era) .fjh-k-id-grid{grid-template-columns:1fr}.fjh-knowledge:is(.fjh-k-jersey,.fjh-k-country,.fjh-k-competition,.fjh-k-era) .fjh-k-id-grid>div{padding:14px}}