:root {
	--jpt-bg: #f6f5f2;
	--jpt-surface: #ffffff;
	--jpt-text: #171717;
	--jpt-muted: #6f6d68;
	--jpt-border: #e5e2dc;
	--jpt-accent: #2563eb;
	--jpt-accent-dark: #1749b8;
	--jpt-danger: #b42318;
	--jpt-success: #176b3a;
	--jpt-warning: #8a5a00;
	--jpt-radius: 8px;
	--jpt-font: "Geist Sans", "SF Pro Display", "Helvetica Neue", Arial, sans-serif;
	--jpt-mono: "Geist Mono", "SF Mono", Consolas, monospace;
}

* {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background: var(--jpt-bg);
	color: var(--jpt-text);
	font-family: var(--jpt-font);
	font-size: 16px;
	line-height: 1.6;
	letter-spacing: 0;
}

a {
	color: var(--jpt-accent);
}

img {
	max-width: 100%;
	height: auto;
}

button,
input,
select,
textarea {
	font: inherit;
	letter-spacing: 0;
}

.screen-reader-text,
.jpt-skip-link {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.jpt-skip-link:focus {
	position: fixed;
	top: 16px;
	left: 16px;
	z-index: 20;
	width: auto;
	height: auto;
	padding: 10px 14px;
	clip: auto;
	background: var(--jpt-text);
	color: #ffffff;
	border-radius: 6px;
}

.jpt-public-main {
	width: min(1120px, calc(100% - 32px));
	margin: 0 auto;
	padding: 72px 0;
}

.jpt-public-article {
	background: var(--jpt-surface);
	border: 1px solid var(--jpt-border);
	border-radius: var(--jpt-radius);
	padding: clamp(24px, 4vw, 48px);
}

.jpt-public-article h1,
.jpt-public-list h2 {
	margin: 0 0 16px;
	line-height: 1.12;
	letter-spacing: 0;
}

.jpt-public-content > *:first-child {
	margin-top: 0;
}

.jpt-public-content > *:last-child {
	margin-bottom: 0;
}

.jpt-login-page {
	min-height: 100dvh;
	display: grid;
	place-items: center;
	padding: 32px;
	background: var(--jpt-bg);
}

.jpt-login-card {
	width: min(100%, 440px);
	background: var(--jpt-surface);
	border: 1px solid var(--jpt-border);
	border-radius: var(--jpt-radius);
	padding: 32px;
}

.jpt-login-card h1 {
	margin: 0 0 8px;
	font-size: clamp(2rem, 6vw, 3rem);
	line-height: 1;
	letter-spacing: 0;
}

.jpt-login-card p {
	margin: 0 0 24px;
	color: var(--jpt-muted);
}

.jpt-login-card label {
	display: block;
	margin-bottom: 8px;
	font-weight: 650;
}

.jpt-login-card input[type="text"],
.jpt-login-card input[type="password"] {
	width: 100%;
	min-height: 44px;
	border: 1px solid var(--jpt-border);
	border-radius: 6px;
	padding: 10px 12px;
	background: #ffffff;
	color: var(--jpt-text);
}

.jpt-login-card input[type="submit"] {
	width: 100%;
	min-height: 44px;
	border: 0;
	border-radius: 6px;
	background: var(--jpt-text);
	color: #ffffff;
	font-weight: 700;
	cursor: pointer;
}

.jpt-login-card input:focus,
.jpt-login-card button:focus,
.jpt-login-card a:focus {
	outline: 3px solid rgba(37, 99, 235, 0.22);
	outline-offset: 2px;
}

.jpt-login-error {
	margin-bottom: 16px;
	padding: 12px;
	border: 1px solid #f4c7c3;
	border-radius: 6px;
	background: #fff5f4;
	color: var(--jpt-danger);
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: 0.001ms !important;
	}
}