/* Runic Tech look (David's pick, Oct 2026): engraved gold on deep teal with glowing rune-line corners.
   Page-scoped: only pages with <body class="runic"> load this file. Cinzel for headings only; body text stays Inter. */
@font-face{font-family:"Cinzel";src:url(../fonts/cinzel.woff2) format("woff2");font-weight:400 900;font-display:swap}
body.runic{--ink-3:#A3B1B4;--ink-2:#B9C6C9;--rn-gold:#E2BE6A;--rn-gold-d:#C9A24C;--rn-rune:#5EE8D6;--rn-ink:#EEF2F6;--rn-ink-2:#B9C6C9;--rn-panel:#0A2528;
  background:radial-gradient(1200px 600px at 20% -10%,#0f3a3e 0,transparent 60%),radial-gradient(900px 500px at 100% 110%,#0c2c3a 0,transparent 60%),#061719}
body.runic .site-header::after{background:linear-gradient(90deg,transparent,var(--rn-gold-d) 20%,var(--rn-rune) 50%,var(--rn-gold-d) 80%,transparent)!important;opacity:1!important}
/* headings */
body.runic main h1{font-family:"Cinzel",serif!important;font-weight:700;letter-spacing:.02em;color:var(--rn-gold);
  background:linear-gradient(180deg,#FFF1C4 0,#E8C46C 50%,#D2A54E 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
body.runic main h2,body.runic main h3{font-family:"Cinzel",serif!important;font-weight:700;color:var(--rn-gold);letter-spacing:.02em}
body.runic main .side-list b{font-family:"Cinzel",serif;font-weight:700;color:#F2E3B8;letter-spacing:.02em}
/* panels */
body.runic .form-card,body.runic main .panel{position:relative;background:linear-gradient(180deg,#0B2A2D,#08201F);border:1px solid var(--rn-gold-d);border-radius:6px;
  box-shadow:0 0 0 5px #08201F,0 0 0 6px rgba(201,162,76,.4),0 0 36px rgba(64,230,210,.10)}
body.runic .form-card{padding:44px 40px}
body.runic .form-card::before,body.runic main .panel::before{content:"";position:absolute;inset:9px;pointer-events:none;filter:drop-shadow(0 0 3px #3FE0CC);background:
  linear-gradient(var(--rn-rune),var(--rn-rune)) top left/26px 2px no-repeat,linear-gradient(var(--rn-rune),var(--rn-rune)) top left/2px 26px no-repeat,
  linear-gradient(var(--rn-rune),var(--rn-rune)) top right/26px 2px no-repeat,linear-gradient(var(--rn-rune),var(--rn-rune)) top right/2px 26px no-repeat,
  linear-gradient(var(--rn-rune),var(--rn-rune)) bottom left/26px 2px no-repeat,linear-gradient(var(--rn-rune),var(--rn-rune)) bottom left/2px 26px no-repeat,
  linear-gradient(var(--rn-rune),var(--rn-rune)) bottom right/26px 2px no-repeat,linear-gradient(var(--rn-rune),var(--rn-rune)) bottom right/2px 26px no-repeat}
body.runic .form-card>*,body.runic main .panel>*{position:relative}
body.runic .rn-crest{display:block;width:64px;height:64px;margin:-6px auto 12px}
body.runic .form-card>h1,body.runic .form-card>h1+.muted{text-align:center}
body.runic .form-card>h1+.muted{color:var(--rn-ink-2)}
body.runic .steps{justify-content:center}
body.runic .steps span{background:rgba(201,162,76,.28)}body.runic .steps span.on{background:var(--rn-rune);box-shadow:0 0 8px var(--rn-rune)}
/* fields: labels stay normal case in the body font */
body.runic .field>label,body.runic legend{color:#F0D58E;font-weight:600}
body.runic .hint{color:var(--rn-ink-2)}
body.runic .input{background:#05181A;border:1px solid rgba(201,162,76,.55);border-radius:4px;color:#F2EAD6}
body.runic .input::placeholder{color:#8FA3A6}
body.runic .input:focus{border-color:var(--rn-rune);box-shadow:0 0 0 3px rgba(94,232,214,.2)}
body.runic :is(.input,.btn,a,input[type=checkbox],button):focus-visible{outline:3px solid #7FF5E4;outline-offset:2px}
body.runic main a:not(.btn){color:#7FEADB}
body.runic .btn.btn-primary{font-family:"Cinzel",serif;font-weight:800;letter-spacing:.04em;border-radius:4px;border:1px solid #6E4F17;
  background:linear-gradient(180deg,#F6DC93,#D4A64A 55%,#B38431)!important;color:#1D1405!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 3px 0 #5E420F!important}
body.runic .btn.btn-primary:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 0 16px rgba(94,232,214,.45),0 3px 0 #5E420F!important}
body.runic .side-list li{border-bottom-color:rgba(201,162,76,.22);padding-left:26px;position:relative}
body.runic .side-list li::before{content:"";position:absolute;left:3px;top:21px;width:8px;height:13px;border:2px solid var(--rn-rune);border-radius:1px;transform:skewX(-12deg);box-shadow:0 0 8px #3FE0CC}
body.runic .prose{color:var(--rn-ink)}
body.runic .prose h2{padding-bottom:8px;border-bottom:1px solid rgba(201,162,76,.25)}
@media (max-width:700px){body.runic .form-card{padding:34px 22px}}
body.runic .form-card form>h1:first-of-type{text-align:center}
body.runic main a:not(.btn){color:#7FEADB!important;text-decoration-color:rgba(127,234,219,.5)}
body.runic .form-card h1{font-size:34px;line-height:1.15}
@media (max-width:700px){body.runic .form-card h1{font-size:28px}}
/* lighter on busy pages: plain panels get two rune corners instead of four */
body.runic main .panel::before{background:
  linear-gradient(var(--rn-rune),var(--rn-rune)) top left/22px 2px no-repeat,linear-gradient(var(--rn-rune),var(--rn-rune)) top left/2px 22px no-repeat,
  linear-gradient(var(--rn-rune),var(--rn-rune)) bottom right/22px 2px no-repeat,linear-gradient(var(--rn-rune),var(--rn-rune)) bottom right/2px 22px no-repeat}