/*
Standalone notice pages (/link-gone/<slug>/ and /privacy/): a plain centered
card on a neutral background, independent of the greydove theme.
*/

:root {
	color-scheme: light dark;
	--bg: #F3F2EE;
	--card: #FFFFFF;
	--border: #DEDBD3;
	--text: #1F1F1E;
	--muted: #615E57;
	--link: #A3201B;
	--link-hover: #1F1F1E;
	--code-bg: #F2F0EA;
	--focus: #A3201B;
}

@media (prefers-color-scheme: dark) {
	:root {
		--bg: #161615;
		--card: #21211F;
		--border: #383733;
		--text: #E8E6E1;
		--muted: #A8A59D;
		--link: #F2A49C;
		--link-hover: #FFFFFF;
		--code-bg: #2B2A27;
		--focus: #F2A49C;
	}
}

*, *::before, *::after { box-sizing: border-box; }

html {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

body {
	margin: 0;
	background: var(--bg);
	color: var(--text);
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 17px;
	line-height: 1.6;
}

a:link, a:visited { color: var(--link); text-decoration: underline; text-underline-offset: 0.15em; }
a:hover { color: var(--link-hover); }
:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; border-radius: 2px; }

.notice {
	max-width: 40rem;
	margin: 3.5rem auto;
	padding: 2.5rem 3rem 2rem;
	background: var(--card);
	border: 1px solid var(--border);
	border-radius: 10px;
}

.notice-site {
	margin: 0 0 1.75rem;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
.notice-site a:link, .notice-site a:visited { color: var(--muted); text-decoration: none; }
.notice-site a:hover { color: var(--link-hover); text-decoration: underline; }

.notice-title {
	margin: 0 0 1.25rem;
	font-size: 1.75rem;
	font-weight: 650;
	line-height: 1.25;
	letter-spacing: -0.01em;
}

.notice-body p { margin: 0 0 1rem; }

.notice-url code {
	display: block;
	padding: 0.6rem 0.8rem;
	background: var(--code-bg);
	border: 1px solid var(--border);
	border-radius: 6px;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 0.9rem;
	line-height: 1.5;
	overflow-wrap: anywhere;
}

.notice-label { margin-bottom: 0.4rem; }
.notice-list { margin: 0 0 1rem; padding-left: 1.4rem; }
.notice-list li { margin: 0.25rem 0; }

.notice-back {
	margin: 2rem 0 0;
	padding-top: 1.25rem;
	border-top: 1px solid var(--border);
	font-size: 0.9375rem;
}

@media (max-width: 600px) {
	.notice {
		margin: 1rem;
		padding: 1.5rem 1.25rem 1.25rem;
	}
	.notice-title { font-size: 1.5rem; }
}