/* Silberwacht – Rubriken im Azeroth-Kurier: Horoskop (features/horoskop.php) und Interview (features/interview.php).
   Beide Kästen sitzen im Zeitungspapier (.guc-z) und nutzen dessen Farben (--ink, --rule, --paper). */

/* ---------------------------------------------------------------- Horoskop */
.guc-z .guc-hk {
	position: relative; margin: 1.8rem 0 .8rem; padding: 1.2rem 1.4rem 1.1rem; color: var(--ink, #2b2116);
	border: 1px solid var(--ink, #2b2116); outline: 1px solid var(--ink, #2b2116); outline-offset: -6px;
	background: radial-gradient(ellipse at 50% 0%, #f6efd9 0%, #ece0c2 70%, #e4d5b2 100%);
	box-shadow: inset 0 0 40px rgba(110, 80, 30, .12);
}
.guc-z .guc-hk p { margin: 0; text-align: left; text-indent: 0; }
.guc-hk-top { display: flex; align-items: center; justify-content: center; gap: 1rem; text-align: center; padding: .2rem 0 .8rem; }
.guc-hk-top > div { min-width: 0; }
.guc-hk-orb { flex: none; width: 52px; height: 52px; border-radius: 50%; border: 2px solid var(--ink, #2b2116);
	box-shadow: 0 0 0 3px #e9dcbc, 0 0 0 4px var(--ink, #2b2116), 0 0 18px rgba(120, 70, 160, .35); }
.guc-z .guc-hk .guc-z-rubrik { margin-bottom: .1rem; text-align: center; }
.guc-z .guc-hk-title { margin: 0; font-family: var(--wp--preset--font-family--vollkorn, serif); font-size: clamp(1.45rem, 4vw, 2rem);
	font-weight: 800; line-height: 1.1; letter-spacing: .01em; color: var(--ink, #2b2116); }
.guc-z p.guc-hk-by { margin-top: .25rem; font-size: .85rem; font-style: italic; opacity: .8; text-align: center; }
.guc-hk-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.6rem; border-top: 3px double var(--ink, #2b2116); padding-top: .6rem; }
.guc-hk-side + .guc-hk-side { border-left: 1px solid var(--rule, #2b211655); padding-left: 1.6rem; }
.guc-z p.guc-hk-faction {
	display: flex; align-items: center; gap: .45rem; margin: .2rem 0 .3rem; padding-bottom: .3rem; border-bottom: 1px solid var(--rule, #2b211655);
	font-family: var(--wp--preset--font-family--vollkorn, serif); font-size: .82rem; font-weight: 800; text-transform: uppercase; letter-spacing: .16em;
}
.guc-hk-faction img { width: 26px; height: 26px; border-radius: 3px; border: 1px solid var(--ink, #2b2116); }
.guc-hk-side.is-allianz .guc-hk-faction, .guc-hk-side.is-allianz .guc-hk-head strong { color: #1d3a72; }
.guc-hk-side.is-horde .guc-hk-faction, .guc-hk-side.is-horde .guc-hk-head strong { color: #7d1c12; }
.guc-hk-entry { display: grid; grid-template-columns: 48px 1fr; gap: .75rem; padding: .7rem 0; border-bottom: 1px dotted var(--rule, #2b211655); }
.guc-hk-entry:last-child { border-bottom: 0; padding-bottom: .2rem; }
.guc-hk-ico { width: 48px; height: 48px; border: 1px solid var(--ink, #2b2116); border-radius: 4px; outline: 1px solid #c9a24a; outline-offset: 1px;
	box-shadow: 0 2px 4px rgba(43, 33, 22, .3); filter: sepia(.12) contrast(1.05); }
.guc-hk-body { min-width: 0; }
.guc-hk-headrow { display: flex; flex-wrap: wrap; align-items: baseline; gap: .1rem .6rem; margin-bottom: .2rem; }
.guc-z p.guc-hk-head { flex: 1 1 auto; min-width: 0; line-height: 1.2; }
.guc-hk-head strong { margin-right: .35rem; }
.guc-hk-head strong { font-family: var(--wp--preset--font-family--vollkorn, serif); font-size: 1.12rem; font-weight: 800; }
.guc-hk-sign { font-size: .8rem; font-style: italic; opacity: .75; }
.guc-hk-stars { margin-left: auto; font-size: .9rem; letter-spacing: .08em; color: #a8731a; white-space: nowrap; }
.guc-hk-stars .is-off { color: var(--ink, #2b2116); opacity: .2; }
.guc-z p.guc-hk-text { font-size: .98rem; line-height: 1.5; hyphens: auto; overflow-wrap: anywhere; }
.guc-z p.guc-hk-luck { margin-top: .25rem; font-size: .82rem; font-style: italic; opacity: .85; }
.guc-hk-luck span { font-style: normal; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; font-size: .72rem; opacity: .8; }

/* ---------------------------------------------------------------- Interview */
.guc-z .guc-iv { margin-top: 1.4rem; border-top: 3px double var(--ink, #2b2116); padding-top: 1rem; }
.guc-z .guc-iv-title { margin: .2rem 0 .9rem; font-size: clamp(1.35rem, 3.6vw, 1.9rem); line-height: 1.15; font-style: italic; overflow-wrap: anywhere; }
.guc-iv-head { display: flex; gap: 1rem; align-items: center; margin-bottom: .8rem; }
.guc-iv-fig { margin: 0; flex: 0 0 auto; width: 112px; }
.guc-iv-fig img { display: block; width: 112px; height: 112px; object-fit: cover; border: 1px solid var(--ink, #2b2116); filter: sepia(.15) contrast(1.02); }
.guc-iv-fig figcaption { margin-top: .2rem; font-size: .7rem; font-style: italic; text-align: center; }
.guc-iv-fig.is-icon { width: 56px; }
.guc-iv-fig.is-icon img { width: 56px; height: 56px; border-radius: 4px; box-shadow: 0 1px 3px #2b211644; }
.guc-iv-id { min-width: 0; }
.guc-z .guc-iv-who { margin: 0; font-family: var(--wp--preset--font-family--vollkorn, serif); font-size: 1.35rem; font-weight: 700; line-height: 1.2; }
.guc-z .guc-iv-meta { margin: .1rem 0 0; font-size: .85rem; line-height: 1.4; }
.guc-z p.guc-iv-lead { font-style: italic; font-size: 1.05rem; }
.guc-iv-qa { column-count: 2; column-gap: 2rem; column-rule: 1px solid var(--rule, #2b211655); }
.guc-iv-pair { break-inside: avoid; margin-bottom: .7rem; }
.guc-z p.guc-iv-q { margin-bottom: .2rem; font-weight: 700; text-align: left; }
.guc-z p.guc-iv-a { margin-bottom: 0; }
.guc-iv-speaker { font-family: var(--wp--preset--font-family--vollkorn, serif); font-weight: 700; text-transform: uppercase; letter-spacing: .06em; font-size: .85em; }
.guc-iv-a .guc-iv-speaker { color: #7a1f16; }
.guc-iv-foot {
	display: flex; flex-wrap: wrap; justify-content: space-between; gap: .3rem 1rem; margin-top: .6rem; padding-top: .4rem;
	border-top: 1px solid var(--rule, #2b211655); font-size: .82rem;
}
.guc-iv-note { font-style: italic; opacity: .8; }
.guc-iv-links { display: inline-flex; flex-wrap: wrap; gap: .3rem 1rem; }
.guc-iv-links a { font-weight: 700; }

@media (max-width: 640px) {
	.guc-iv-qa { column-count: 1; }
	.guc-iv-fig { width: 84px; }
	.guc-iv-fig img { width: 84px; height: 84px; }
	.guc-z .guc-hk { padding: 1rem .95rem .9rem; }
	.guc-hk-cols { grid-template-columns: 1fr; }
	.guc-hk-side + .guc-hk-side { border-left: 0; padding-left: 0; margin-top: .6rem; }
	.guc-hk-top { gap: .7rem; }
	.guc-hk-orb { width: 42px; height: 42px; }
	.guc-z .guc-iv p { text-align: left; }
}