/*
Theme Name: Tech Gradient
Version: 2.1.0
Requires at least: 6.6
Requires PHP: 8.2
Text Domain: tech-gradient
License: GPL-2.0-or-later
*/
:root { --base: #08111f; --panel: #111f34; --text: #eaf2ff; --muted: #b7c5d9; --accent: #67d9c2; --line: #34506e; --wide: 76rem; }
* { box-sizing: border-box; }
html { color-scheme: dark; scroll-behavior: smooth; }
body { margin: 0; background: radial-gradient(circle at 15% 10%, #17345b 0, var(--base) 34rem); color: var(--text); font-family: system-ui, sans-serif; line-height: 1.6; }
a { color: var(--accent); text-underline-offset: .2em; }
a:focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; }
img { max-width: 100%; height: auto; }
.skip-link { position: fixed; top: -7rem; left: 1rem; z-index: 9; padding: .8rem 1rem; background: var(--text); color: var(--base); }
.skip-link:focus { top: 1rem; }
.site-header { border-bottom: 1px solid var(--line); background: linear-gradient(90deg, #0d1a2c, #142a43); }
.header-inner, .site-footer { max-width: var(--wide); margin: auto; padding: 1rem clamp(1rem, 4vw, 3rem); display: flex; justify-content: space-between; gap: 2rem; }
.site-name { color: var(--text); font-weight: 750; text-decoration: none; }
.menu { display: flex; flex-wrap: wrap; gap: 1rem; margin: 0; padding: 0; list-style: none; }
.site-main { max-width: var(--wide); margin: auto; padding: clamp(2rem, 6vw, 6rem) clamp(1rem, 4vw, 3rem); }
.workspace-intro { max-width: 62rem; padding: clamp(2rem, 5vw, 5rem); border: 1px solid var(--line); border-radius: 1.25rem; background: linear-gradient(135deg, #152a48, #0c1828); }
h1 { margin: .2em 0; font-size: clamp(3rem, 8vw, 7rem); line-height: .95; }
h2 { font-size: clamp(1.6rem, 3vw, 2.5rem); line-height: 1.1; }
.panel-label, .section-label { color: var(--accent); font-size: .78rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.panel-layout { display: grid; grid-template-columns: 2fr 1fr; gap: 1rem; margin-top: 1rem; }
.panel { padding: clamp(1.25rem, 3vw, 2.5rem); border: 1px solid var(--line); border-radius: 1rem; background: linear-gradient(145deg, rgba(28, 49, 77, .96), rgba(12, 24, 40, .96)); }
.panel--primary { grid-row: span 2; }
.panel header { padding-bottom: 1rem; border-bottom: 1px solid var(--line); }
.panel-items article + article { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--line); }
.panel dt { margin-top: 1rem; color: var(--accent); font-weight: 750; }
.panel dd { margin-left: 0; color: var(--muted); }
.view-heading { padding: 2rem; border: 1px solid var(--line); border-radius: 1rem; background: linear-gradient(120deg, #173354, #0c192b); }
.entry-list, .listing-records { display: grid; gap: 1rem; margin-top: 1rem; }
.entry-summary, .listing-record { padding: 1.5rem; border: 1px solid var(--line); border-radius: .8rem; background: linear-gradient(145deg, #132640, #0d192a); }
.entry-summary { display: grid; grid-template-columns: 1fr 2fr; gap: 1rem; }
.verified-label { width: fit-content; padding: .25rem .65rem; border: 1px solid var(--accent); border-radius: 999px; color: var(--accent); }
.content-record { padding: 2rem; border: 1px solid var(--line); border-radius: 1rem; background: linear-gradient(150deg, #132944, #0b1727); }
.entry-content > * { max-width: 68ch; }
.featured-media { margin: 2rem 0; overflow: hidden; border: 1px solid var(--line); border-radius: .75rem; }
.site-footer { margin-top: 4rem; border-top: 1px solid var(--line); color: var(--muted); }
@media (max-width: 48rem) { .header-inner, .site-footer { flex-direction: column; } .panel-layout, .entry-summary { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation: none !important; transition: none !important; } }
@media (forced-colors: active) { .panel, .view-heading, .entry-summary, .listing-record { background: Canvas; border-color: CanvasText; } }