/* Simple-page template — Privacy / Terms / Cookie / Accessibility / etc.
   Long-form prose styling for content authored in the WordPress editor. */

.simple-page { padding: 80px 0 96px; }
.simple-page .container { max-width: 800px; }

.simple-content        { font-size: 17px; line-height: 1.75; color: #2a2d38; }
.simple-content h2     { font-family: 'Fraunces', serif; font-weight: 700; font-size: clamp(28px, 3.5vw, 36px); letter-spacing: -.02em; margin: 48px 0 16px; line-height: 1.15; color: var(--ink); }
.simple-content h3     { font-family: 'Fraunces', serif; font-weight: 600; font-size: 22px; letter-spacing: -.01em; margin: 32px 0 12px; color: var(--ink); }
.simple-content h4     { font-family: 'Fraunces', serif; font-weight: 600; font-size: 18px; margin: 24px 0 10px; color: var(--ink); }
.simple-content p      { margin: 0 0 18px; }
.simple-content a      { color: var(--accent); border-bottom: 1px solid rgba(8,78,254,.3); }
.simple-content a:hover{ border-color: var(--accent); }
.simple-content ul,
.simple-content ol     { margin: 0 0 22px; padding-left: 24px; }
.simple-content li     { margin-bottom: 8px; }
.simple-content strong { color: var(--ink); }
.simple-content em     { font-style: italic; color: var(--ink); }
.simple-content blockquote {
	margin: 28px 0;
	padding: 20px 28px;
	border-left: 4px solid var(--accent);
	background: var(--paper-2);
	border-radius: 0 12px 12px 0;
	font-family: 'Fraunces', serif; font-style: italic; font-size: 19px;
	color: var(--ink);
}
.simple-content hr     { border: 0; border-top: 1px dashed rgba(11,13,20,.2); margin: 40px 0; }
.simple-content code   { font-family: 'JetBrains Mono', monospace; font-size: 14px; background: var(--paper-2); padding: 2px 8px; border-radius: 4px; }
.simple-content pre    { font-family: 'JetBrains Mono', monospace; font-size: 14px; background: var(--ink); color: var(--paper); padding: 18px 22px; border-radius: 12px; overflow-x: auto; line-height: 1.5; }
.simple-content pre code { background: transparent; padding: 0; }
.simple-content table  { width: 100%; border-collapse: collapse; margin: 24px 0; font-size: 15px; }
.simple-content th,
.simple-content td     { padding: 12px 16px; border-bottom: 1px solid rgba(11,13,20,.08); text-align: left; }
.simple-content th     { font-family: 'JetBrains Mono', monospace; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
