* { box-sizing: border-box; }
body { margin: 0; background: #120d09; font-family: 'Mulish', sans-serif; color: #e9ddc7; }
a { color: #f0cd72; text-decoration: none; }
a:hover { color: #f3e8cf; }
::selection { background: #d8a93f; color: #120d09; }

.nt-page { min-height: 100vh; background: radial-gradient(120% 60% at 50% -10%, rgba(184,108,58,0.14), transparent 60%), #120d09; display: flex; flex-direction: column; }

.nt-header { max-width: 900px; margin: 0 auto; width: 100%; padding: 48px 28px 0; display: flex; align-items: center; gap: 16px; }
.nt-brand { display: flex; align-items: center; gap: 14px; }
.nt-logo { height: 36px; width: auto; display: block; }
.nt-wordmark { font-family: 'Saira Semi Condensed', sans-serif; font-size: 18px; font-weight: 700; letter-spacing: 0.1em; color: #f0e6d2; text-transform: uppercase; }
.nt-wordmark .light { font-weight: 400; }
.nt-divider { height: 24px; width: 1px; background: #3a2e20; }
.nt-tag { font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.2em; color: #8a7351; text-transform: uppercase; }
.nt-nav { margin-left: auto; display: flex; gap: 20px; font-family: 'JetBrains Mono', monospace; font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase; }

.nt-mark { display: flex; justify-content: center; padding: 40px 28px 0; }
.nt-mark img { width: 56px; height: 56px; display: block; opacity: 0.85; }

.nt-main { flex: 1; }
.nt-intro { max-width: 640px; margin: 0 auto; padding: 0 28px 56px; text-align: center; }
.nt-intro h1 { font-family: 'Saira Semi Condensed', sans-serif; font-weight: 700; font-size: clamp(32px, 6vw, 44px); letter-spacing: 0.01em; color: #f3e8cf; text-transform: uppercase; margin: 20px 0 12px; }
.nt-intro p { font-size: 15px; line-height: 1.6; color: #9c8b70; margin: 0; }

.nt-post-list { max-width: 760px; margin: 0 auto; padding: 0 28px 60px; display: flex; flex-direction: column; gap: 14px; }
.nt-post { background: #120d09; border: 1px solid #2c2316; border-radius: 18px; padding: 32px 28px; display: flex; gap: 24px; align-items: flex-start; }
.nt-post-date { font-family: 'JetBrains Mono', monospace; font-size: 12px; letter-spacing: 0.1em; color: #8a7351; white-space: nowrap; padding-top: 4px; }
.nt-post-cat { font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.16em; color: #d8a93f; text-transform: uppercase; margin-bottom: 8px; }
.nt-post h2 { font-family: 'Saira Semi Condensed', sans-serif; font-size: 22px; font-weight: 600; color: #f0e6d2; margin: 0 0 8px; }
.nt-post p { font-size: 14px; line-height: 1.6; color: #9c8b70; margin: 0; }

.nt-pager { max-width: 760px; margin: 0 auto; padding: 0 28px 60px; display: flex; justify-content: space-between; font-family: 'JetBrains Mono', monospace; font-size: 13px; letter-spacing: 0.06em; text-transform: uppercase; }

.nt-single { max-width: 700px; margin: 0 auto; padding: 24px 28px 80px; }
.nt-single h1 { font-family: 'Saira Semi Condensed', sans-serif; font-size: clamp(28px, 5vw, 38px); font-weight: 700; color: #f3e8cf; text-transform: uppercase; margin: 8px 0 24px; }
.nt-single-body { font-size: 16px; line-height: 1.75; color: #d9caa9; }
.nt-single-body p { margin: 0 0 20px; }
.nt-single-body a { border-bottom: 1px solid #5a451f; }
.nt-back { display: inline-block; margin-top: 32px; font-family: 'JetBrains Mono', monospace; font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; }

.nt-footer { border-top: 1px solid #2c2316; }
.nt-footer-inner { max-width: 1000px; margin: 0 auto; padding: 40px 28px 48px; }
.nt-impressum-label { font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.2em; color: #d8a93f; text-transform: uppercase; margin-bottom: 20px; }
.nt-impressum-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 28px 48px; font-size: 13px; line-height: 1.7; color: #9c8b70; }
.nt-impressum-head { color: #bca987; font-weight: 600; margin-bottom: 4px; }
.nt-footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; border-top: 1px solid #2c2316; margin-top: 28px; padding-top: 20px; font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: 0.1em; color: #5a4a36; }
