MediaWiki:Common.css - Revision history

EvilGM: Style accessible collapsed page tools

2026-09-09T11:56:35Z

Style accessible collapsed page tools

← Older revision		Revision as of 11:56, 9 September 2026
Line 24:		Line 24:
	.gd-card .gd-enter { margin-top:auto; color:#765020; font-weight:700; font-size:.9rem; }		.gd-card .gd-enter { margin-top:auto; color:#765020; font-weight:700; font-size:.9rem; }
	.gd-card:focus-within { outline:3px solid #315d7a; outline-offset:3px; }		.gd-card:focus-within { outline:3px solid #315d7a; outline-offset:3px; }
			#p-pagemisc.gd-collapsible .gd-portlet-toggle { display:flex; align-items:center; justify-content:space-between; width:100%; padding:0; border:0; background:transparent; color:inherit; font:inherit; text-align:left; cursor:pointer; }
			#p-pagemisc.gd-collapsible .gd-portlet-toggle::after { content:"▾"; margin-left:.6rem; color:#657079; font-size:.8em; transition:transform .16s ease; }
			#p-pagemisc.gd-collapsible .gd-portlet-toggle[aria-expanded="false"]::after { transform:rotate(-90deg); }
			#p-pagemisc.gd-collapsible .gd-portlet-toggle:focus-visible { outline:2px solid #315d7a; outline-offset:4px; border-radius:2px; }
			#p-pagemisc.gd-collapsible .mw-portlet-body[hidden] { display:none; }
	.gd-context { margin:.5rem 0 1.3rem; border-bottom:1px solid #d8dfe3; padding-bottom:1rem; }		.gd-context { margin:.5rem 0 1.3rem; border-bottom:1px solid #d8dfe3; padding-bottom:1rem; }
	.gd-breadcrumb { font-size:.84rem; line-height:1.7; color:#667683; margin-bottom:.8rem; }		.gd-breadcrumb { font-size:.84rem; line-height:1.7; color:#667683; margin-bottom:.8rem; }

EvilGM: Add campaign badges and full-card navigation styles

2026-09-09T01:32:37Z

Add campaign badges and full-card navigation styles

← Older revision		Revision as of 01:32, 9 September 2026
Line 11:		Line 11:
	.gd-hero-art img { display:block; width:100%; max-width:100%; height:auto; }		.gd-hero-art img { display:block; width:100%; max-width:100%; height:auto; }
	.gd-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.2rem; margin:1.3rem 0 2rem; clear:both; }		.gd-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.2rem; margin:1.3rem 0 2rem; clear:both; }
	.gd-card { border:1px solid #d8dfe3; border-radius:8px; overflow:hidden; background:#fff; box-shadow:0 2px 8px #172c3a0a; }		.gd-card { position:relative; display:flex; flex-direction:column; border:1px solid #d8dfe3; border-radius:8px; overflow:hidden; background:#fff; box-shadow:0 2px 8px #172c3a0a; cursor:pointer; }
	.gd-card-art { height:155px; overflow:hidden; background:#e9edef; }		.gd-card-art { height:155px; overflow:hidden; background:#e9edef; }
	.gd-card-art img { width:100%; height:155px; object-fit:cover; display:block; }		.gd-card-art img { width:100%; height:155px; object-fit:cover; display:block; }
	.gd-card-art a,.gd-card-art span { display:block; }		.gd-card-art a,.gd-card-art span { display:block; }
	.gd-card-copy { padding:1.1rem 1.2rem 1.2rem; }		.gd-card-copy { display:flex; flex:1; flex-direction:column; padding:1.1rem 1.2rem 1.2rem; }
			.gd-card-meta { display:flex; flex-wrap:wrap; gap:.35rem; margin:0 0 .65rem; }
			.gd-badge { display:inline-flex; align-items:center; padding:.2rem .5rem; border:1px solid #b98a4f; border-radius:999px; background:#f4e4c6; color:#68451f; font:700 .68rem/1.35 sans-serif; letter-spacing:.025em; }
			.gd-badge-secondary { border-color:#a9b8c1; background:#edf2f4; color:#405b6a; }
	.gd-card h2 { font:normal 1.45rem/1.25 Georgia,serif; border:0; margin:0 0 .6rem; padding:0; }		.gd-card h2 { font:normal 1.45rem/1.25 Georgia,serif; border:0; margin:0 0 .6rem; padding:0; }
			.gd-card h2 a::after { content:""; position:absolute; inset:0; z-index:2; }
	.gd-card p { margin:.5rem 0 1rem; color:#566673; font-size:.93rem; line-height:1.5; }		.gd-card p { margin:.5rem 0 1rem; color:#566673; font-size:.93rem; line-height:1.5; }
	.gd-card .gd-enter a { font-weight:700; font-size:.9rem; }		.gd-card .gd-enter { margin-top:auto; color:#765020; font-weight:700; font-size:.9rem; }
			.gd-card:focus-within { outline:3px solid #315d7a; outline-offset:3px; }
	.gd-context { margin:.5rem 0 1.3rem; border-bottom:1px solid #d8dfe3; padding-bottom:1rem; }		.gd-context { margin:.5rem 0 1.3rem; border-bottom:1px solid #d8dfe3; padding-bottom:1rem; }
	.gd-breadcrumb { font-size:.84rem; line-height:1.7; color:#667683; margin-bottom:.8rem; }		.gd-breadcrumb { font-size:.84rem; line-height:1.7; color:#667683; margin-bottom:.8rem; }

EvilGM: Enlarge and improve responsive Games Day hero logo

2026-09-09T01:14:40Z

Enlarge and improve responsive Games Day hero logo

← Older revision		Revision as of 01:14, 9 September 2026
Line 4:		Line 4:
	.gd-home a:hover,.gd-article a:hover,.gd-context a:hover { text-decoration:underline; }		.gd-home a:hover,.gd-article a:hover,.gd-context a:hover { text-decoration:underline; }
	.gd-kicker { color:#8a552c; font:700 .76rem/1.5 sans-serif; letter-spacing:.14em; text-transform:uppercase; }		.gd-kicker { color:#8a552c; font:700 .76rem/1.5 sans-serif; letter-spacing:.14em; text-transform:uppercase; }
	.gd-hero { display:~~flex~~; align-items:center; gap:2rem; padding:1.5rem 0 2rem; margin-bottom:1rem; border-bottom:1px solid #d8dfe3; }		.gd-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,420px); align-items:center; gap:clamp(2rem,4vw,4rem); padding:1.5rem 0 2rem; margin-bottom:1rem; border-bottom:1px solid #d8dfe3; }
	.gd-hero-copy { ~~flex:1;~~ min-width:0; }		.gd-hero-copy { min-width:0; }
	.gd-hero h1 { font:normal 2.7rem/1.12 Georgia,serif; border:0; margin:.4rem 0 1rem; }		.gd-hero h1 { font:normal 2.7rem/1.12 Georgia,serif; border:0; margin:.4rem 0 1rem; }
	.gd-hero p { font-size:1.08rem; line-height:1.65; max-width:65ch; }		.gd-hero p { font-size:1.08rem; line-height:1.65; max-width:65ch; }
	.gd-hero-art { ~~flex~~:~~0 0 180px~~; }		.gd-hero-art { width:100%; max-width:420px; justify-self:end; }
	.gd-hero-art img { max-width:100%; height:auto; }		.gd-hero-art img { display:block; width:100%; max-width:100%; height:auto; }
	.gd-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.2rem; margin:1.3rem 0 2rem; clear:both; }		.gd-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.2rem; margin:1.3rem 0 2rem; clear:both; }
	.gd-card { border:1px solid #d8dfe3; border-radius:8px; overflow:hidden; background:#fff; box-shadow:0 2px 8px #172c3a0a; }		.gd-card { border:1px solid #d8dfe3; border-radius:8px; overflow:hidden; background:#fff; box-shadow:0 2px 8px #172c3a0a; }
Line 72:		Line 72:
	body:has(.gd-context-those-old-scientists) #p-gd-those-old-scientists { display:block; }		body:has(.gd-context-those-old-scientists) #p-gd-those-old-scientists { display:block; }
	}		}
	@media(max-width:1100px) { .gd-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }		@media(max-width:1100px) {
			.gd-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
			.gd-hero { grid-template-columns:minmax(0,1fr) minmax(260px,360px); gap:2rem; }
			}
	@media(max-width:650px) {		@media(max-width:650px) {
	.gd-grid,.gd-catalog { grid-template-columns:1fr; }		.gd-grid,.gd-catalog { grid-template-columns:1fr; }
	.gd-hero { ~~gap~~:~~1rem~~; ~~align-items~~:~~flex-start; }~~		.gd-hero { grid-template-columns:1fr; gap:1.1rem; padding:.7rem 0 1.25rem; }
	.~~gd-hero { display:block~~; padding:.7rem 0 ~~1rem~~; }		.gd-hero-art { display:block; width:min(100%,360px); justify-self:center; }
	.gd-hero-art { display:~~none~~; }
	#mw-content-text .gd-hero h1 { font-size:2rem; }		#mw-content-text .gd-hero h1 { font-size:2rem; }
	.gd-hero h1 { font-size:2rem; }		.gd-hero h1 { font-size:2rem; }

EvilGM: Restore the campaign card hover animation

2026-09-06T01:39:23Z

Restore the campaign card hover animation

← Older revision		Revision as of 01:39, 6 September 2026
Line 203:		Line 203:
	border-radius:7px;		border-radius:7px;
	box-shadow:0 2px 6px rgba(62,43,23,.12);		box-shadow:0 2px 6px rgba(62,43,23,.12);
	transition:border-color .16s ease;		transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
	}		}
	.gd-card:hover {		.gd-card:hover {
			transform:translateY(-2px);
	border-color:#a9783c;		border-color:#a9783c;
			box-shadow:0 6px 14px rgba(41,30,18,.18);
	}		}
	.gd-card-art { background:#283542; border-bottom:2px solid var(--gd-brass); }		.gd-card-art { background:#283542; border-bottom:2px solid var(--gd-brass); }

EvilGM: Optimize the archive theme for Safari rendering

2026-09-06T01:35:23Z

Optimize the archive theme for Safari rendering

← Older revision		Revision as of 01:35, 6 September 2026
Line 104:		Line 104:
	color:var(--gd-ink);		color:var(--gd-ink);
	background-color:var(--gd-shell);		background-color:var(--gd-shell);
	background-image:		background-image:linear-gradient(180deg,var(--gd-shell-2),var(--gd-shell));
	~~radial-gradient(circle at 18% 0,#2a3a4e 0,transparent 38rem),~~
	~~linear-gradient(135deg,rgba(255,255,255,.018) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.018) 75%),~~
	linear-gradient(180deg,var(--gd-shell-2),var(--gd-shell));
	~~background-size:auto,22px 22px,auto~~;
	}		}

Line 142:		Line 138:
	body.skin-timeless #mw-content {		body.skin-timeless #mw-content {
	background-color:var(--gd-paper);		background-color:var(--gd-paper);
	~~background-image:~~
	~~radial-gradient(circle at 15% 10%,rgba(255,255,255,.72),transparent 32rem),~~
	~~repeating-linear-gradient(0deg,rgba(91,64,34,.018) 0,rgba(91,64,34,.018) 1px,transparent 1px,transparent 4px);~~
	border:1px solid #c8b694;		border:1px solid #c8b694;
	border-radius:7px;		border-radius:7px;
	box-shadow:0 ~~8px 30px~~ rgba(0,0,0,.3);		box-shadow:0 4px 14px rgba(0,0,0,.24);
	}		}
	body.skin-timeless #mw-content-text,		body.skin-timeless #mw-content-text,
Line 169:		Line 162:
	border:1px solid #b78d50;		border:1px solid #b78d50;
	border-radius:7px;		border-radius:7px;
	box-shadow:0 ~~5px 18px~~ rgba(0,0,0,.35);		box-shadow:0 2px 8px rgba(0,0,0,.25);
	}		}
	body.skin-timeless #mw-site-navigation .timeless-logo img { border-radius:3px; }		body.skin-timeless #mw-site-navigation .timeless-logo img { border-radius:3px; }
Line 177:		Line 170:
	border:1px solid #bfa77f;		border:1px solid #bfa77f;
	border-radius:6px;		border-radius:6px;
	box-shadow:0 ~~5px 16px~~ rgba(0,0,0,.27);		box-shadow:0 2px 7px rgba(0,0,0,.2);
	}		}
	body.skin-timeless .sidebar-chunk h2 {		body.skin-timeless .sidebar-chunk h2 {
Line 187:		Line 180:
	body.skin-timeless .sidebar-chunk a { color:#315d7a; }		body.skin-timeless .sidebar-chunk a { color:#315d7a; }
	body.skin-timeless .sidebar-chunk a:hover { color:#8a4f25; }		body.skin-timeless .sidebar-chunk a:hover { color:#8a4f25; }
	body.skin-timeless #site-tools~~:not(:has(li))~~ { display:none; }		body.skin-timeless #site-tools { display:none; }
	body.skin-timeless #mw-page-header-links { border-color:var(--gd-rule); }		body.skin-timeless #mw-page-header-links { border-color:var(--gd-rule); }
	body.skin-timeless #mw-page-header-links a { color:#365d78; }		body.skin-timeless #mw-page-header-links a { color:#365d78; }
Line 209:		Line 202:
	border-color:#c5ad83;		border-color:#c5ad83;
	border-radius:7px;		border-radius:7px;
	box-shadow:0 ~~4px 12px~~ rgba(62,43,23,.14);		box-shadow:0 2px 6px rgba(62,43,23,.12);
	transition:~~transform .16s ease,box-shadow .16s ease,~~border-color .16s ease;		transition:border-color .16s ease;
	}		}
	.gd-card:hover {		.gd-card:hover {
	~~transform:translateY(-2px);~~
	border-color:#a9783c;		border-color:#a9783c;
	~~box-shadow:0 8px 20px rgba(41,30,18,.2);~~
	}		}
	.gd-card-art { background:#283542; border-bottom:2px solid var(--gd-brass); }		.gd-card-art { background:#283542; border-bottom:2px solid var(--gd-brass); }

EvilGM: Polish header contrast and remove empty tool panel

2026-09-06T01:08:23Z

Polish header contrast and remove empty tool panel

← Older revision		Revision as of 01:08, 6 September 2026
Line 129:		Line 129:
	body.skin-timeless #user-tools,		body.skin-timeless #user-tools,
	body.skin-timeless #user-tools a { color:#f2e4ca; }		body.skin-timeless #user-tools a { color:#f2e4ca; }
			body.skin-timeless #user-tools h2,
			body.skin-timeless #user-tools h2 span { color:#f2e4ca; }
	body.skin-timeless #simpleSearch {		body.skin-timeless #simpleSearch {
	background:#f7f0e4;		background:#f7f0e4;
Line 185:		Line 187:
	body.skin-timeless .sidebar-chunk a { color:#315d7a; }		body.skin-timeless .sidebar-chunk a { color:#315d7a; }
	body.skin-timeless .sidebar-chunk a:hover { color:#8a4f25; }		body.skin-timeless .sidebar-chunk a:hover { color:#8a4f25; }
			body.skin-timeless #site-tools:not(:has(li)) { display:none; }
	body.skin-timeless #mw-page-header-links { border-color:var(--gd-rule); }		body.skin-timeless #mw-page-header-links { border-color:var(--gd-rule); }
	body.skin-timeless #mw-page-header-links a { color:#365d78; }		body.skin-timeless #mw-page-header-links a { color:#365d78; }

EvilGM: Apply the Games Day campaign archive theme

2026-09-06T01:07:24Z

Apply the Games Day campaign archive theme

Show changes

EvilGM: Improve mobile reading width and campaign card headings.

2026-09-05T13:03:06Z

Improve mobile reading width and campaign card headings.

← Older revision		Revision as of 13:03, 5 September 2026
Line 55:		Line 55:
	.gd-infobox tr:has(td:empty) { display:none; }		.gd-infobox tr:has(td:empty) { display:none; }
	.gd-note { background:#f8f5ec; border-left:3px solid #b49a61; padding:.8rem 1rem; margin:1rem 0; }		.gd-note { background:#f8f5ec; border-left:3px solid #b49a61; padding:.8rem 1rem; margin:1rem 0; }
			#mw-content-text .gd-home .mw-heading,#mw-content-text .gd-panel .mw-heading { border:0; margin:0; padding:0; }
			#mw-content-text .gd-hero h1 { font:normal 2.7rem/1.12 Georgia,serif; }
			#mw-content-text .gd-card h2 { font:normal 1.45rem/1.25 Georgia,serif; }
			#mw-content-text .gd-panel h2 { font:normal 1.4rem/1.3 Georgia,serif; }
	@supports selector(body:has(.gd-context)) {		@supports selector(body:has(.gd-context)) {
	body:has(.gd-context) #firstHeading,body:has(.gd-home) #firstHeading { display:none; }		body:has(.gd-context) #firstHeading,body:has(.gd-home) #firstHeading { display:none; }
Line 72:		Line 76:
	.gd-grid,.gd-catalog { grid-template-columns:1fr; }		.gd-grid,.gd-catalog { grid-template-columns:1fr; }
	.gd-hero { gap:1rem; align-items:flex-start; }		.gd-hero { gap:1rem; align-items:flex-start; }
	.gd-hero-art { ~~flex~~-~~basis~~:~~95px~~; }		.gd-hero { display:block; padding:.7rem 0 1rem; }
			.gd-hero-art { display:none; }
			#mw-content-text .gd-hero h1 { font-size:2rem; }
	.gd-hero h1 { font-size:2rem; }		.gd-hero h1 { font-size:2rem; }
	.gd-article h1.gd-page-title { font-size:1.9rem; }		.gd-article h1.gd-page-title { font-size:1.9rem; }

EvilGM: Organize Games Day into self-contained campaign sections; preserve existing lore and links.

2026-09-05T12:51:42Z

Organize Games Day into self-contained campaign sections; preserve existing lore and links.

New page

/* Games Day campaign organization — scoped, no JavaScript required. */
.gd-home,.gd-article { --gd-ink:#172c3a; --gd-muted:#566673; --gd-accent:#8a552c; --gd-line:#d8dfe3; color:var(--gd-ink); }
.gd-home a,.gd-article a,.gd-context a { text-decoration:none; }
.gd-home a:hover,.gd-article a:hover,.gd-context a:hover { text-decoration:underline; }
.gd-kicker { color:#8a552c; font:700 .76rem/1.5 sans-serif; letter-spacing:.14em; text-transform:uppercase; }
.gd-hero { display:flex; align-items:center; gap:2rem; padding:1.5rem 0 2rem; margin-bottom:1rem; border-bottom:1px solid #d8dfe3; }
.gd-hero-copy { flex:1; min-width:0; }
.gd-hero h1 { font:normal 2.7rem/1.12 Georgia,serif; border:0; margin:.4rem 0 1rem; }
.gd-hero p { font-size:1.08rem; line-height:1.65; max-width:65ch; }
.gd-hero-art { flex:0 0 180px; }
.gd-hero-art img { max-width:100%; height:auto; }
.gd-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.2rem; margin:1.3rem 0 2rem; clear:both; }
.gd-card { border:1px solid #d8dfe3; border-radius:8px; overflow:hidden; background:#fff; box-shadow:0 2px 8px #172c3a0a; }
.gd-card-art { height:155px; overflow:hidden; background:#e9edef; }
.gd-card-art img { width:100%; height:155px; object-fit:cover; display:block; }
.gd-card-art a,.gd-card-art span { display:block; }
.gd-card-copy { padding:1.1rem 1.2rem 1.2rem; }
.gd-card h2 { font:normal 1.45rem/1.25 Georgia,serif; border:0; margin:0 0 .6rem; padding:0; }
.gd-card p { margin:.5rem 0 1rem; color:#566673; font-size:.93rem; line-height:1.5; }
.gd-card .gd-enter a { font-weight:700; font-size:.9rem; }
.gd-context { margin:.5rem 0 1.3rem; border-bottom:1px solid #d8dfe3; padding-bottom:1rem; }
.gd-breadcrumb { font-size:.84rem; line-height:1.7; color:#667683; margin-bottom:.8rem; }
.gd-breadcrumb span { margin:0 .45rem; color:#8b969e; }
.gd-context-title { font:700 .78rem/1.5 sans-serif; letter-spacing:.09em; text-transform:uppercase; margin-bottom:.55rem; color:#566673; }
.gd-campaign-menu { display:flex; flex-wrap:wrap; gap:.4rem; }
.gd-campaign-menu a { display:inline-block; padding:.45rem .7rem; background:#f1f4f5; border-radius:4px; color:#264f67; font-size:.9rem; }
.gd-campaign-menu a:hover { background:#e4edf2; }
.gd-article { line-height:1.7; font-size:1rem; }
.gd-article h1.gd-page-title { font:normal 2.35rem/1.2 Georgia,serif; border:0; margin:.6rem 0 1.1rem; overflow-wrap:anywhere; }
.gd-article h2 { margin-top:1.7rem; font-size:1.55rem; }
.gd-article h3 { margin-top:1.3rem; }
.gd-article p { margin:.7rem 0 1rem; }
.gd-article img { max-width:100%; height:auto; }
.gd-article .thumb { max-width:100%; }
.gd-article .thumbinner { max-width:100%; box-sizing:border-box; }
.gd-article .center { max-width:100%; }
.gd-article pre { white-space:pre-wrap; overflow-wrap:anywhere; max-width:100%; box-sizing:border-box; }
.gd-article .wikitable { max-width:100%; }
.gd-facts { padding:.8rem 1rem; background:#f3f6f7; border-left:3px solid #8a552c; margin:0 0 1.4rem; font-size:.94rem; }
.gd-facts p { margin:.2rem 0; }
.gd-catalog { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin:1.2rem 0; }
.gd-panel { border:1px solid #d8dfe3; border-radius:6px; padding:1.1rem 1.3rem; background:#fff; }
.gd-panel h2,.gd-panel h3 { border:0; margin:0 0 .7rem; padding:0; }
.gd-panel ul { margin:.3rem 0 .3rem 1.2rem; }
.gd-panel li { margin:.35rem 0; }
.gd-section-links { columns:2; column-gap:2rem; }
.gd-section-links li { break-inside:avoid; margin:.45rem 0; }
.gd-article-footer { clear:both; border-top:1px solid #d8dfe3; margin-top:2rem; padding:1rem 0; font-size:.9rem; }
.gd-sequence { display:flex; flex-wrap:wrap; justify-content:space-between; gap:1rem; border:1px solid #d8dfe3; border-radius:5px; padding:.8rem 1rem; margin:1.5rem 0; font-size:.9rem; }
.gd-infobox { float:right; clear:right; width:285px; max-width:100%; border:1px solid #d8dfe3; border-radius:5px; background:#f7f8f9; margin:0 0 1.2rem 1.4rem; padding:.7rem; font-size:.9rem; }
.gd-infobox table { width:100%; border-collapse:collapse; }
.gd-infobox caption { font:700 1.1rem/1.4 Georgia,serif; padding:.3rem 0 .7rem; }
.gd-infobox th,.gd-infobox td { padding:.3rem .4rem; border-bottom:1px solid #e2e7ea; vertical-align:top; text-align:left; }
.gd-infobox th { width:36%; color:#566673; }
.gd-infobox tr:has(td:empty) { display:none; }
.gd-note { background:#f8f5ec; border-left:3px solid #b49a61; padding:.8rem 1rem; margin:1rem 0; }
@supports selector(body:has(.gd-context)) {
body:has(.gd-context) #firstHeading,body:has(.gd-home) #firstHeading { display:none; }
[id^="p-gd-"] { display:none; }
body:has(.gd-context-archimedes) #p-gd-archimedes,
body:has(.gd-context-star-wars) #p-gd-star-wars,
body:has(.gd-context-vyrras-nest) #p-gd-vyrras-nest,
body:has(.gd-context-lower-decks) #p-gd-lower-decks,
body:has(.gd-context-age-of-ashes) #p-gd-age-of-ashes,
body:has(.gd-context-polycism) #p-gd-polycism,
body:has(.gd-context-lord-of-the-rings) #p-gd-lord-of-the-rings,
body:has(.gd-context-chaos-beneath-the-stones) #p-gd-chaos-beneath-the-stones,
body:has(.gd-context-those-old-scientists) #p-gd-those-old-scientists { display:block; }
}
@media(max-width:1100px) { .gd-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:650px) {
.gd-grid,.gd-catalog { grid-template-columns:1fr; }
.gd-hero { gap:1rem; align-items:flex-start; }
.gd-hero-art { flex-basis:95px; }
.gd-hero h1 { font-size:2rem; }
.gd-article h1.gd-page-title { font-size:1.9rem; }
.gd-section-links { columns:1; }
.gd-infobox { float:none; margin:1rem 0; width:auto; }
.gd-campaign-menu a { padding:.55rem .65rem; }
.gd-article .thumb { float:none; margin:1rem auto; }
}