.pcgh-site-link-detail {
	--link-bg: #f4f6f8;
	--link-surface: #fff;
	--link-border: #e5e9ef;
	--link-text: #182230;
	--link-muted: #6f7b89;
	--link-soft: #f5f7fa;
	--link-primary: #1677ff;
	min-height: 60vh;
	padding: 24px 0 56px;
	background: var(--link-bg);
	color: var(--link-text);
}
.pcgh-site-link-detail * { box-sizing: border-box; }
.pcgh-site-link-breadcrumb { display: flex; overflow: hidden; align-items: center; gap: 8px; margin-bottom: 14px; color: var(--link-muted); font-size: 13px; white-space: nowrap; }
.pcgh-site-link-breadcrumb a { color: inherit; text-decoration: none; }
.pcgh-site-link-breadcrumb a:hover { color: var(--link-primary); }
.pcgh-site-link-breadcrumb span[aria-current] { overflow: hidden; text-overflow: ellipsis; }
.pcgh-site-link-hero { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(330px, .8fr); overflow: hidden; border: 1px solid var(--link-border); border-radius: 8px; background: var(--link-surface); }
.pcgh-site-link-hero__info { display: flex; min-width: 0; flex-direction: column; justify-content: center; padding: 30px; }
.pcgh-site-link-identity { display: grid; grid-template-columns: 72px minmax(0, 1fr); align-items: center; gap: 18px; }
.pcgh-site-link-identity > img { display: block; width: 72px; height: 72px; aspect-ratio: 1; border: 1px solid var(--link-border); border-radius: 14px; background: var(--link-soft); object-fit: cover; }
.pcgh-site-link-identity h1 { margin: 0; color: var(--link-text); font-size: 28px; line-height: 1.25; letter-spacing: 0; overflow-wrap: anywhere; }
.pcgh-site-link-identity p { display: -webkit-box; overflow: hidden; margin: 8px 0 0; color: var(--link-muted); font-size: 14px; line-height: 1.7; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.pcgh-site-link-metrics { display: flex; flex-wrap: wrap; gap: 22px; margin-top: 25px; padding-top: 20px; border-top: 1px solid var(--link-border); }
.pcgh-site-link-metrics > span { display: grid; grid-template-columns: 18px auto; align-items: center; column-gap: 7px; min-width: 70px; }
.pcgh-site-link-metrics svg { grid-row: 1 / 3; width: 17px; height: 17px; color: #8190a0; }
.pcgh-site-link-metrics > span:first-child svg { color: #f59e0b; fill: #f59e0b; }
.pcgh-site-link-metrics strong { color: var(--link-text); font-size: 15px; line-height: 1.2; }
.pcgh-site-link-metrics small { margin-top: 2px; color: var(--link-muted); font-size: 11px; }
.pcgh-site-link-taxonomy { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 20px; }
.pcgh-site-link-taxonomy a, .pcgh-site-link-taxonomy span { padding: 5px 9px; border-radius: 5px; background: var(--link-soft); color: var(--link-muted); font-size: 12px; line-height: 1.2; text-decoration: none; }
.pcgh-site-link-taxonomy a { color: #1677ff; }
.pcgh-site-link-preview { display: flex; min-width: 0; flex-direction: column; padding: 18px; background: var(--link-soft); border-left: 1px solid var(--link-border); }
.pcgh-site-link-preview figure, .pcgh-site-link-preview__empty { display: flex; overflow: hidden; width: 100%; aspect-ratio: 16 / 10; align-items: center; justify-content: center; margin: 0; border: 1px solid var(--link-border); border-radius: 7px; background: var(--link-surface); }
.pcgh-site-link-preview figure img { display: block; width: 100%; height: 100%; object-fit: cover; }
.pcgh-site-link-preview__empty { flex-direction: column; gap: 9px; color: var(--link-muted); font-size: 13px; }
.pcgh-site-link-preview__empty svg { width: 28px; height: 28px; }
.pcgh-site-link-actions { display: grid; grid-template-columns: minmax(120px, 1fr) auto auto; gap: 8px; margin-top: 12px; }
.pcgh-site-link-button { display: inline-flex; min-width: 42px; height: 40px; align-items: center; justify-content: center; gap: 7px; padding: 0 13px; border: 1px solid var(--link-border); border-radius: 6px; background: var(--link-surface); color: var(--link-text); font: inherit; font-size: 13px; text-decoration: none; cursor: pointer; }
.pcgh-site-link-button:hover, .pcgh-site-link-button.is-fav { border-color: #9fc8ff; color: var(--link-primary); }
.pcgh-site-link-button.is-primary { border-color: var(--link-primary); background: var(--link-primary); color: #fff; }
.pcgh-site-link-button svg { width: 16px; height: 16px; }
.pcgh-site-link-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 20px; margin-top: 20px; align-items: start; }
.pcgh-site-link-main { min-width: 0; }
.pcgh-site-link-content, .pcgh-site-link-comments, .pcgh-site-link-related > section { border: 1px solid var(--link-border); border-radius: 8px; background: var(--link-surface); }
.pcgh-site-link-content > header, .pcgh-site-link-comments > header, .pcgh-site-link-related header { padding: 18px 22px; border-bottom: 1px solid var(--link-border); }
.pcgh-site-link-content h2, .pcgh-site-link-comments h2, .pcgh-site-link-related h2 { margin: 0; color: var(--link-text); font-size: 19px; line-height: 1.35; letter-spacing: 0; }
.pcgh-site-link-comments h2 small { margin-left: 7px; color: var(--link-muted); font-size: 12px; font-weight: 500; }
.pcgh-site-link-content__body { overflow-wrap: anywhere; padding: 22px; color: var(--link-text); font-size: 15px; line-height: 1.85; }
.pcgh-site-link-content__body > :first-child { margin-top: 0; }
.pcgh-site-link-content__body > :last-child { margin-bottom: 0; }
.pcgh-site-link-content__body h2 { margin: 1.6em 0 .65em; font-size: 21px; }
.pcgh-site-link-content__body h3 { margin: 1.4em 0 .6em; font-size: 18px; }
.pcgh-site-link-content__body img, .pcgh-site-link-content__body figure, .pcgh-site-link-content__body video { max-width: 100%; height: auto; }
.pcgh-site-link-content__body img { border-radius: 6px; }
.pcgh-site-link-comments { margin-top: 20px; padding-bottom: 20px; }
.pcgh-site-link-comments .comments-area { padding: 0 22px; }
.pcgh-site-link-related { position: sticky; top: 88px; min-width: 0; }
.pcgh-site-link-related.is-not-sticky { position: static; }
.pcgh-site-link-related > section > div { padding: 5px 0; }
.pcgh-site-link-related a { display: grid; grid-template-columns: 44px minmax(0, 1fr) 18px; align-items: center; gap: 11px; min-height: 68px; padding: 11px 14px; color: inherit; text-decoration: none; }
.pcgh-site-link-related a + a { border-top: 1px solid var(--link-border); }
.pcgh-site-link-related a:hover { background: var(--link-soft); }
.pcgh-site-link-related img { display: block; width: 44px; height: 44px; aspect-ratio: 1; border-radius: 9px; background: var(--link-soft); object-fit: cover; }
.pcgh-site-link-related span { min-width: 0; }
.pcgh-site-link-related strong, .pcgh-site-link-related small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pcgh-site-link-related strong { color: var(--link-text); font-size: 14px; }
.pcgh-site-link-related small { margin-top: 4px; color: var(--link-muted); font-size: 11px; }
.pcgh-site-link-related svg { width: 16px; height: 16px; color: #9aa5b1; }
.pcgh-site-link-report[hidden] { display: none; }
.pcgh-site-link-report { display: grid; position: fixed; z-index: 100050; inset: 0; place-items: center; padding: 18px; }
.pcgh-site-link-report__backdrop { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: rgba(11, 15, 20, .64); cursor: default; }
.pcgh-site-link-report > section { position: relative; width: min(460px, 100%); overflow: hidden; border: 1px solid var(--link-border, #e5e9ef); border-radius: 8px; background: var(--link-surface, #fff); color: var(--link-text, #182230); box-shadow: 0 20px 60px rgba(0, 0, 0, .22); }
.pcgh-site-link-report header { display: flex; align-items: center; justify-content: space-between; padding: 17px 20px; border-bottom: 1px solid var(--link-border, #e5e9ef); }
.pcgh-site-link-report h2 { margin: 0; font-size: 18px; letter-spacing: 0; }
.pcgh-site-link-report header button { display: inline-flex; width: 32px; height: 32px; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 5px; background: transparent; color: inherit; cursor: pointer; }
.pcgh-site-link-report header svg { width: 18px; height: 18px; }
.pcgh-site-link-report form { padding: 20px; }
.pcgh-site-link-report label { display: grid; gap: 7px; margin-bottom: 15px; font-size: 13px; font-weight: 600; }
.pcgh-site-link-report select, .pcgh-site-link-report textarea { width: 100%; border: 1px solid var(--link-border, #dfe4ea); border-radius: 6px; background: var(--link-soft, #f5f7fa); color: inherit; font: inherit; font-size: 14px; outline: 0; }
.pcgh-site-link-report select { height: 42px; padding: 0 11px; }
.pcgh-site-link-report textarea { padding: 10px 11px; resize: vertical; }
.pcgh-site-link-report select:focus, .pcgh-site-link-report textarea:focus { border-color: var(--link-primary, #1677ff); }
.pcgh-site-link-report footer { display: flex; justify-content: flex-end; gap: 8px; }
.pcgh-site-link-report footer button { height: 38px; padding: 0 16px; border: 1px solid var(--link-border, #dfe4ea); border-radius: 6px; background: var(--link-surface, #fff); color: inherit; cursor: pointer; }
.pcgh-site-link-report footer button.is-primary { border-color: var(--link-primary, #1677ff); background: var(--link-primary, #1677ff); color: #fff; }
body.pcgh-site-link-modal-open { overflow: hidden; }
html[data-pcgh-theme-resolved="dark"] .pcgh-site-link-detail, [data-theme="dark"] .pcgh-site-link-detail, .dark .pcgh-site-link-detail, body.dark-mode .pcgh-site-link-detail {
	--link-bg: #15191f; --link-surface: #20252d; --link-border: #323a45; --link-text: #eef2f6; --link-muted: #a1adbb; --link-soft: #191e25; --link-primary: #4c9cff;
}
html[data-pcgh-theme-resolved="dark"] .pcgh-site-link-report, [data-theme="dark"] .pcgh-site-link-report, .dark .pcgh-site-link-report, body.dark-mode .pcgh-site-link-report { --link-surface: #20252d; --link-border: #323a45; --link-text: #eef2f6; --link-soft: #191e25; --link-primary: #4c9cff; }
@media (max-width: 1023px) {
	.pcgh-site-link-hero { grid-template-columns: minmax(0, 1fr) minmax(300px, .8fr); }
	.pcgh-site-link-hero__info { padding: 24px; }
	.pcgh-site-link-layout { grid-template-columns: minmax(0, 1fr) 270px; }
}
@media (max-width: 767px) {
	.pcgh-site-link-detail { padding: 15px 0 36px; overflow-x: clip; }
	.pcgh-site-link-hero { display: flex; flex-direction: column; }
	.pcgh-site-link-hero__info { padding: 20px 16px; }
	.pcgh-site-link-identity { grid-template-columns: 58px minmax(0, 1fr); gap: 12px; }
	.pcgh-site-link-identity > img { width: 58px; height: 58px; border-radius: 11px; }
	.pcgh-site-link-identity h1 { font-size: 22px; }
	.pcgh-site-link-identity p { margin-top: 5px; font-size: 13px; -webkit-line-clamp: 2; }
	.pcgh-site-link-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 18px; padding-top: 16px; }
	.pcgh-site-link-preview { padding: 14px; border-top: 1px solid var(--link-border); border-left: 0; }
	.pcgh-site-link-actions { grid-template-columns: minmax(0, 1fr) 44px 44px; }
	.pcgh-site-link-button:not(.is-primary) span { display: none; }
	.pcgh-site-link-layout { display: flex; flex-direction: column; gap: 16px; margin-top: 16px; }
	.pcgh-site-link-main, .pcgh-site-link-related { width: 100%; }
	.pcgh-site-link-related { position: static; order: 2; }
	.pcgh-site-link-related > section > div { display: grid; grid-auto-columns: minmax(220px, 76vw); grid-auto-flow: column; overflow-x: auto; padding: 8px; scroll-snap-type: x proximity; }
	.pcgh-site-link-related a { border: 0 !important; border-radius: 6px; scroll-snap-align: start; }
	.pcgh-site-link-content > header, .pcgh-site-link-comments > header, .pcgh-site-link-related header { padding: 16px; }
	.pcgh-site-link-content__body { padding: 17px 16px; font-size: 14px; }
	.pcgh-site-link-comments .comments-area { padding: 0 16px; }
}