/*
Theme Name: Jurius
Theme URI: https://jurius.legal
Description: Child theme of GeneratePress for jurius.legal. Edit this file, not GeneratePress.
Author: Juliana Hernández Galvis
Template: generatepress
Version: 1.0.56
License: GNU General Public License v2 or later
Text Domain: jurius
*/

:root{--ink:#16202C;--gray:#5A6572;--muted:#8A94A0;--line:#E8EAED;--serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif}

body{color:#3A4450}
h1,h2,h3,h4,.entry-title,.main-title a{font-family:var(--serif);font-weight:500;color:var(--ink);letter-spacing:-.01em}

/* Header */
.site-header{background:#fff;border-bottom:1px solid var(--line)}
.main-title a{font-size:1.25rem}
.site-description{display:none}
.main-navigation .main-nav ul li a{font-weight:400;color:var(--gray);transition:color .15s ease}
.main-navigation .main-nav ul li a:hover,.main-navigation .main-nav ul li.current-menu-item a{color:var(--ink)}

/* Hero */
.jr-hero{background:#fff;padding:7.5rem 1.5rem 6.5rem}
.jr-eyebrow{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:500;margin-bottom:1.4rem}
.jr-h1{font-size:clamp(2.4rem,5.4vw,3.8rem);line-height:1.08;margin-bottom:1.4rem}
.jr-sub{font-size:1.13rem;line-height:1.7;color:var(--gray);max-width:40em;margin-left:auto;margin-right:auto;margin-bottom:2.4rem}
.jr-h2{font-size:clamp(1.7rem,3.2vw,2.3rem);line-height:1.15;margin-bottom:2.5rem}

/* Buttons */
.wp-block-button__link,.wp-element-button{background:var(--ink);color:#fff;border-radius:4px;font-weight:500;font-size:.95rem;letter-spacing:.01em;padding:.9rem 1.7rem;transition:background .15s ease}
.wp-block-button__link:hover,.wp-element-button:hover{background:#2A3542;color:#fff}
.jr-btn-text .wp-block-button__link{background:transparent!important;color:var(--ink)!important;padding:.9rem .6rem;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.jr-btn-text .wp-block-button__link:hover{background:transparent!important;color:var(--gray)!important}

/* Services — editorial list */
.jr-services{padding:5.5rem 1.5rem;border-top:1px solid var(--line)}
.jr-cols{gap:3.5rem}
.jr-item{border-top:1px solid var(--line);padding-top:1.5rem;margin-bottom:2.8rem}
.jr-n{font-size:.78rem;letter-spacing:.14em;color:var(--muted);margin-bottom:.5rem}
.jr-t{font-size:1.3rem;margin:0 0 .6rem}
.jr-d{color:var(--gray);font-size:.98rem;line-height:1.65;margin-bottom:0}

/* Statement band */
.jr-band{background:#F7F7F5;padding:5.5rem 1.5rem}
.jr-quote{font-family:var(--serif);font-size:clamp(1.25rem,2.4vw,1.6rem);line-height:1.5;color:var(--ink);margin-bottom:1.6rem}
.jr-band-link a{color:var(--ink);font-weight:500;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.jr-band-link a:hover{color:var(--gray)}

/* Posts — minimal list */
.jr-posts{padding:5.5rem 1.5rem}
.wp-block-latest-posts.is-grid{gap:2.5rem;margin-bottom:2rem}
.wp-block-latest-posts.is-grid li{margin:0;border-top:1px solid var(--line);padding-top:1.3rem}
.wp-block-latest-posts li>a{font-family:var(--serif);font-weight:500;font-size:1.18rem;line-height:1.35;color:var(--ink);text-decoration:none;display:block;margin-bottom:.5rem}
.wp-block-latest-posts li>a:hover{color:var(--gray)}
.wp-block-latest-posts__post-date{color:var(--muted);font-size:.85rem}

/* CTA */
.jr-cta{padding:6rem 1.5rem 7rem;border-top:1px solid var(--line)}
.jr-cta .jr-h2{margin-bottom:1rem}
.jr-cta .jr-sub{margin-bottom:2.2rem}

/* Content pages */
.entry-content a:not(.wp-block-button__link){color:var(--ink);text-decoration-thickness:1px;text-underline-offset:3px}
.entry-content a:not(.wp-block-button__link):hover{color:var(--gray)}
.entry-title{font-size:clamp(2rem,4vw,2.8rem)}
.entry-content h2{margin-top:2.5rem}

/* Footer */
.site-footer{background:#fff;border-top:1px solid var(--line)}
.site-info{color:var(--muted);font-size:.85rem;padding:2rem 0}
.site-info a{color:var(--gray)}

/* Mobile */
@media (max-width:768px){.jr-hero{padding:4.5rem 1.25rem 4rem}.jr-services,.jr-posts{padding:3.5rem 1.25rem}.jr-band,.jr-cta{padding:4rem 1.25rem}.jr-item{margin-bottom:2rem}}

/* One-page */
html{scroll-behavior:smooth}
#soluciones,#investigacion,#sobre-mi,#contacto{scroll-margin-top:1.5rem}
.jr-band-text{color:var(--gray);font-size:1.05rem;line-height:1.8;margin-bottom:0}
.jr-about{padding:5.5rem 1.5rem}
.jr-cta .jr-eyebrow{margin-bottom:1rem}

/* Portrait */
.jr-photo{margin:0}
.jr-photo img{border-radius:12px;display:block;width:100%;height:auto}
.jr-about-cols{gap:3.5rem}
.jr-about .jr-quote,.jr-about .jr-band-text{text-align:left}
.jr-about .jr-eyebrow{text-align:left}
.jr-about .jr-quote{margin-bottom:1.2rem}
@media (max-width:768px){.jr-photo{max-width:300px;margin:0 auto}.jr-about .jr-quote,.jr-about .jr-band-text,.jr-about .jr-eyebrow{text-align:center}}

/* Hero con retrato fusionado */
.jr-hero{background:#EFEDEA;padding:5rem 1.5rem 4rem}
.jr-hero-cols{gap:3.5rem}
.jr-hero .jr-eyebrow,.jr-hero .jr-h1,.jr-hero .jr-sub{text-align:left}
.jr-hero .jr-h1{font-size:clamp(2.1rem,4.3vw,3.15rem)}
.jr-hero .jr-sub{margin-left:0;margin-right:0}
.jr-hero-img{margin:0}
.jr-hero-img{position:relative}
.jr-hero-img img{display:block;width:100%;height:auto}
.jr-hero-img::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 95% 95% at 50% 42%,rgba(239,237,234,0) 58%,#EFEDEA 96%);pointer-events:none}
body.home .site-header{background:#EFEDEA;border-bottom:0}
@media (max-width:768px){.jr-hero{padding:3rem 1.25rem 3rem}.jr-hero .jr-eyebrow,.jr-hero .jr-h1,.jr-hero .jr-sub{text-align:center}.jr-hero .wp-block-buttons{justify-content:center}.jr-hero-img{max-width:320px;margin:1.5rem auto 0}}

/* Iconos */
.jr-ic{color:var(--ink);display:block;margin-bottom:.9rem;transition:transform .3s cubic-bezier(.16,1,.3,1)}
.jr-item:hover .jr-ic{transform:translateY(-2px) scale(1.06)}

/* Transiciones */
.jr-item{transition:transform .3s cubic-bezier(.16,1,.3,1)}
.jr-item:hover{transform:translateY(-3px)}
@media (prefers-reduced-motion:no-preference){
@keyframes jr-up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.jr-hero .jr-eyebrow{animation:jr-up .7s .05s cubic-bezier(.16,1,.3,1) both}
.jr-hero .jr-h1{animation:jr-up .7s .14s cubic-bezier(.16,1,.3,1) both}
.jr-hero .jr-sub{animation:jr-up .7s .23s cubic-bezier(.16,1,.3,1) both}
.jr-hero .wp-block-buttons{animation:jr-up .7s .32s cubic-bezier(.16,1,.3,1) both}

@supports (animation-timeline:view()){
.jr-item,.jr-band .jr-h2,.jr-band-text,.jr-quote,.jr-cta .jr-h2,.jr-cta .jr-sub,.jr-cta .wp-block-buttons,.jr-cta .jr-band-link{animation:jr-up .8s cubic-bezier(.16,1,.3,1) both;animation-timeline:view();animation-range:entry 0% entry 45%}
}
}

/* Paleta: azul oscuro + dorado */
:root{--ink:#0E1D33;--gold:#B08D3E;--gray:#4E5A6C;--muted:#8592A3;--neon-green:#7CFFB2;--neon-cyan:#6EE7F9;--neon-magenta:#F472B6;--neon-lime:#39FF14;--neon-pink:#FF3EA5;--neon-lilac:#B48CFF}
.jr-eyebrow{color:var(--gold)}
.jr-ic{color:var(--gold)}
.wp-block-button__link:hover,.wp-element-button:hover{background:#1A2C4A}
.jr-btn-text .wp-block-button__link{text-decoration-color:var(--gold)}
.jr-band{background:var(--ink)}
.jr-band .jr-h2{color:#F7F3EA}
.jr-band .jr-band-text{color:#B9C2D0}
.jr-band-link a{text-decoration-color:var(--gold)}
.entry-content a:not(.wp-block-button__link){text-decoration-color:var(--gold)}
.main-navigation .main-nav ul li a:hover,.main-navigation .main-nav ul li.current-menu-item a{color:var(--gold)}



/* jr-menu v3 */
.site-header{position:sticky;top:0;z-index:120;background:rgba(255,255,255,.86);backdrop-filter:saturate(160%) blur(10px);-webkit-backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid var(--line)}
body.home .site-header{background:rgba(239,237,234,.86);border-bottom:0}
.main-navigation,.main-navigation .main-nav,.main-navigation .main-nav ul{background:transparent}
.main-navigation .main-nav ul li a{font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;font-weight:500;color:var(--gray);text-decoration:none;transition:color .2s ease}
.main-navigation .main-nav ul li a:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:1.5px;text-underline-offset:7px}
.main-navigation .main-nav ul li a.jr-active{color:var(--ink);text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:1.5px;text-underline-offset:7px}

/* JURIUS wordmark imponente */
.main-title a{font-size:2.2rem;font-weight:600;letter-spacing:.02em;color:var(--ink);display:inline-block;line-height:1;transition:transform .5s cubic-bezier(.16,1,.3,1),text-shadow .5s ease}
.main-title a::after{content:".";color:var(--gold)}
.main-title a:hover{transform:perspective(600px) rotateX(14deg) translateY(-2px);text-shadow:0 10px 22px rgba(14,29,51,.28);color:var(--ink)}
.site-branding{display:flex;align-items:center}
@media (prefers-reduced-motion:no-preference){
@keyframes jr-brand-in{0%{opacity:0;transform:perspective(700px) rotateX(74deg) translateY(8px)}55%{opacity:1}100%{opacity:1;transform:perspective(700px) rotateX(0deg) translateY(0)}}
@keyframes jr-brand-shine{0%{text-shadow:none}45%{text-shadow:0 0 18px rgba(176,141,62,.55),0 2px 4px rgba(176,141,62,.3)}100%{text-shadow:none}}
.main-title a{transform-origin:50% 100%;animation:jr-brand-in 1.3s cubic-bezier(.16,1,.3,1) both,jr-brand-shine 2.2s ease 1.5s 1}
}
@media (max-width:768px){.main-title a{font-size:1.5rem}}

/* Logo junto a JURIUS */
.inside-header{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.site-logo{margin:0;flex:none}
.site-logo img{width:46px;height:46px;border-radius:11px;display:block}
.main-navigation{margin-left:auto}
@media (prefers-reduced-motion:no-preference){.site-logo img{animation:jr-brand-in 1.3s cubic-bezier(.16,1,.3,1) both}}
@media (max-width:768px){.inside-header{gap:10px}.site-logo img{width:38px;height:38px}}

/* JURIUS corredor: al hacer scroll corre de derecha a izquierda */
@media (prefers-reduced-motion:no-preference){
@supports (animation-timeline: scroll()){
@keyframes jr-run{0%{transform:translateX(0) skewX(0);opacity:1}26%{transform:translateX(-16vw) skewX(-12deg);opacity:0}36%{transform:translateX(11vw) skewX(-12deg);opacity:0}52%{transform:translateX(8vw) skewX(-10deg);opacity:1}100%{transform:translateX(0) skewX(0);opacity:1}}
.main-title{position:relative;animation:jr-run linear both;animation-timeline:scroll(root);animation-range:0px 520px;will-change:transform}
/* pies del corredor */
@keyframes jr-feet-show{0%{opacity:0}22%{opacity:0}32%{opacity:1}88%{opacity:1}100%{opacity:0}}
@keyframes jr-kick{from{transform:rotate(38deg)}to{transform:rotate(-30deg)}}
.main-title::before,.main-title::after{content:"";position:absolute;bottom:-10px;width:9px;height:15px;border-radius:4px;background:var(--gold);opacity:0;transform-origin:top center;animation:jr-feet-show linear both,jr-kick .22s linear infinite alternate;animation-timeline:scroll(root),auto;animation-range:0px 520px,normal}
.main-title::before{left:34%}
.main-title::after{left:52%;animation-delay:0s,.11s}
.site-header{overflow:hidden}
}
}
.main-navigation{position:relative;z-index:5}

/* jr-secciones */
.jr-alt{background:#F7F7F5}
.jr-lead2{color:var(--gray);font-size:1.05rem;max-width:46em;margin-bottom:2.2rem}
.jr-lead2.has-text-align-center{margin-left:auto;margin-right:auto}
#proyectos,#herramientas,#blog{scroll-margin-top:1.5rem}
.jr-services .wp-block-latest-posts.is-grid{gap:2rem;margin-bottom:1rem}
.main-navigation .main-nav ul li a{padding-left:14px;padding-right:14px}

/* jr-i18n */
#solutions,#research,#about,#contact{scroll-margin-top:1.5rem}
.main-navigation .main-nav ul li.jr-lang a{color:var(--gold);font-weight:700;letter-spacing:.08em}
.main-navigation .main-nav ul li.jr-lang a:hover{color:var(--ink);text-decoration-color:var(--gold)}

/* jr-tech-tag: etiqueta terminal centrada sobre cada entrada del blog */
.jr-tech-header{text-align:center;margin:0 0 1.1rem}
.jr-tech-tag{display:inline-flex;align-items:center;gap:.55em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;font-weight:600;letter-spacing:.05em;color:var(--gold);background:var(--ink);padding:.4em .75em;border-radius:5px;margin:0}
.jr-tech-tag::before{content:"</>";opacity:.9;letter-spacing:0;color:var(--neon-cyan)}
.jr-tech-tag .jr-cursor{display:inline-block;width:.5em;height:1em;background:var(--neon-green);transform:translateY(.1em)}
@media (prefers-reduced-motion:no-preference){.jr-tech-tag .jr-cursor{animation:jr-blink 1s steps(1) infinite}}
@keyframes jr-blink{50%{opacity:0}}

/* jr-tech-body: secciones numeradas estilo terminal + citas legales como bloque de código */
.entry-content{counter-reset:jr-sec}
.entry-content h2{counter-increment:jr-sec}
.entry-content h2::before{content:counter(jr-sec,decimal-leading-zero)" ";font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.6em;font-weight:600;color:var(--neon-magenta);letter-spacing:.04em;margin-right:.1em}
.entry-content code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85em;background:var(--ink);color:var(--neon-cyan);padding:.15em .45em;border-radius:4px;white-space:nowrap}

/* Entradas del blog: título centrado, cuerpo justificado */
.single-post .entry-title{text-align:center}
.single-post .entry-content p{text-align:justify;text-align-last:left;hyphens:auto}

/* Barra de progreso de lectura */
.jr-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:transparent;z-index:200;pointer-events:none}
.jr-progress-fill{height:100%;width:0;background:linear-gradient(90deg,var(--neon-green),var(--neon-cyan) 55%,var(--neon-magenta))}
@media (prefers-reduced-motion:no-preference){.jr-progress-fill{transition:width .1s linear}}

/* Barra lateral tipo explorador de archivos (JS arma esto en cada post) */
.jr-file-layout{display:grid;grid-template-columns:230px 1fr;gap:2.4rem;align-items:start;margin-top:1.6rem}
.jr-files{position:sticky;top:90px;background:var(--ink);border-radius:10px;padding:1.2rem 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;line-height:1.5;color:#B9C2D0;max-height:75vh;overflow:auto}
.jr-files-root{color:var(--gold);opacity:.85;margin-bottom:.6rem;word-break:break-word}
.jr-files a{display:block;color:inherit;text-decoration:none;padding:.4em .5em;border-radius:4px;white-space:normal;word-break:break-word;margin-bottom:.15rem}
.jr-files a:hover{color:#fff}
.jr-files a.active{background:rgba(124,255,178,.14);color:var(--neon-green)}
@media (max-width:900px){.jr-file-layout{grid-template-columns:1fr;gap:1rem}.jr-files{position:static;display:flex;gap:.4rem;overflow-x:auto;max-height:none;line-height:1.4;margin-bottom:.5rem}.jr-files-root{display:none}.jr-files a{flex:none;white-space:nowrap}}

/* Citas legales coloreadas dentro del cuerpo (JS las envuelve) */
.jr-lawtag{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:600;font-size:.88em;padding:.1em .4em;border-radius:4px;background:var(--ink);white-space:nowrap}
.jr-lawtag-ley{color:var(--neon-cyan)}
.jr-lawtag-sentencia{color:var(--neon-magenta)}
.jr-lawtag-decreto{color:var(--neon-green)}

/* Tarjetas del listado /blog/: izquierda con barra de acento degradada */
.blog .entry-title,.blog .entry-summary,.blog .entry-meta{text-align:left}
.blog article{position:relative;padding-left:1.3rem}
.blog article::before{content:"";position:absolute;left:0;top:.2rem;bottom:.2rem;width:3px;border-radius:2px;background:linear-gradient(var(--neon-green),var(--neon-cyan))}
.blog .jr-tech-header{text-align:left}
@media (max-width:480px){.blog article{padding-left:1rem}}
.jr-cite{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem;line-height:1.75;background:var(--ink);color:#E8EAED;border-left:3px solid var(--neon-magenta);border-radius:0 8px 8px 0;padding:1.1rem 1.4rem;margin:0 0 1.5rem}
.jr-cite strong,.jr-cite b{color:var(--neon-cyan)}
.jr-cite::before{content:"//";display:block;color:var(--neon-green);opacity:.85;margin-bottom:.4rem;font-weight:700}

/* Franja de terminal sobre el listado /blog/ */
.jr-blog-hero{background:var(--ink);padding:1.1rem clamp(1.2rem,5vw,3rem);margin:0 0 2rem;border-radius:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.jr-blog-hero-chrome{display:flex;gap:6px;margin-bottom:.7rem}
.jr-blog-hero-chrome span{width:8px;height:8px;border-radius:50%;display:inline-block}
.jr-blog-hero-chrome span:nth-child(1){background:#ED6A5E}
.jr-blog-hero-chrome span:nth-child(2){background:#F4BF4F}
.jr-blog-hero-chrome span:nth-child(3){background:#61C554}
.jr-blog-hero-line{font-size:.82rem;margin-bottom:.25rem}
.jr-bh-user{color:var(--neon-lime)}
.jr-bh-tilde{color:var(--neon-lilac)}
.jr-bh-punct{color:#8892a0}
.jr-bh-cmd{color:var(--neon-pink)}
.jr-bh-path{color:#E8EAED}
.jr-blog-hero-out{font-family:var(--serif);font-size:clamp(1.3rem,3.6vw,1.7rem);color:#F7F3EA;margin:.25rem 0 0;font-weight:500}
.jr-blog-hero-out .jr-cursor{display:inline-block;width:.5em;height:1em;vertical-align:-.05em;background:var(--neon-lime)}
@media (prefers-reduced-motion:no-preference){.jr-blog-hero-out .jr-cursor{animation:jr-blink 1s steps(1) infinite}}

/* Franja de terminal sobre /sobre-mi/ (misma familia que la del blog, línea en fucsia) */
.jr-bio-hero{background:var(--ink);padding:1.1rem clamp(1.2rem,5vw,3rem);margin:0 0 2rem;border-radius:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.jr-bio-hero-chrome{display:flex;gap:6px;margin-bottom:.7rem}
.jr-bio-hero-chrome span{width:8px;height:8px;border-radius:50%;display:inline-block}
.jr-bio-hero-chrome span:nth-child(1){background:#ED6A5E}
.jr-bio-hero-chrome span:nth-child(2){background:#F4BF4F}
.jr-bio-hero-chrome span:nth-child(3){background:#61C554}
.jr-bio-hero-line{font-size:.82rem;margin-bottom:.25rem;color:var(--neon-pink)}
.jr-bio-hero-out{font-family:var(--serif);font-size:clamp(1.3rem,3.6vw,1.7rem);color:#F7F3EA;margin:.25rem 0 0;font-weight:500}
.jr-bio-hero-out .jr-cursor{display:inline-block;width:.5em;height:1em;vertical-align:-.05em;background:var(--neon-lime)}
@media (prefers-reduced-motion:no-preference){.jr-bio-hero-out .jr-cursor{animation:jr-blink 1s steps(1) infinite}}

/* Contenido de /sobre-mi/: bio como archivo de editor de código (sin pestañas,
   filas num+texto para que el texto envuelva bien en móvil, ver feedback
   "con ajustes" del 2026-09-22). */
.jr-editor{background:var(--ink);border-radius:10px;padding:1.3rem clamp(1.1rem,5vw,1.7rem) 1.5rem;margin:0 0 1.4rem}
.jr-row{margin:0;display:flex;gap:.7em;padding:.1rem 0}
.jr-row-num{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;color:#4a5568;flex:none;width:1.4em;text-align:right;padding-top:.1rem;user-select:none}
.jr-row-txt{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92rem;line-height:1.35;color:#c9d1e0;flex:1;min-width:0}
@media (max-width:420px){.jr-row-num{display:none}}
.jr-row-txt .jr-fm{color:#5d6b81}
.jr-row-txt .jr-key{color:var(--neon-cyan)}
.jr-row-txt .jr-val{color:#e6e9ef}
.jr-row-txt .jr-name{color:var(--neon-lime);font-weight:700}
.jr-row-txt .jr-h2tag{color:var(--neon-lilac);font-weight:700}
.jr-row-txt .jr-dash{color:var(--neon-cyan)}
.jr-row-txt .jr-bold{color:var(--neon-pink);font-weight:700}
.jr-row-txt .jr-cmt{color:#5d6b81}
.jr-row-txt .jr-edu-deg{color:var(--neon-green)}
.jr-row-txt .jr-edu-uni{color:var(--neon-cyan)}
.jr-row-txt .jr-edu-sep{color:#5d6b81}
.jr-editor-status{display:flex;justify-content:space-between;color:#4a5568;font:.68rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;padding-top:.7rem;margin-top:.4rem;border-top:1px solid rgba(255,255,255,.08)}
.jr-editor-status b{color:var(--neon-lime);font-weight:600}

.jr-contact-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:1.5rem clamp(1.2rem,5vw,1.9rem) 1.7rem clamp(1.5rem,5.8vw,2.2rem);position:relative}
.jr-contact-card::before{content:"";position:absolute;left:0;top:1rem;bottom:1rem;width:3px;border-radius:2px;background:var(--neon-pink)}
.jr-contact-card .jr-tag{display:inline-flex;align-items:center;gap:.5em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--neon-pink);background:var(--ink);padding:.35em .75em;border-radius:5px;margin:0 0 1rem}
.jr-contact-card .jr-tag::before{content:"</>";color:var(--neon-cyan)}
.jr-contact-card h3{font-family:var(--serif);font-weight:500;font-size:1.3rem;margin:0 0 .8rem;color:var(--ink);letter-spacing:-.01em}
.jr-contact-card p{color:var(--gray);font-size:.95rem;line-height:1.6;margin:0 0 1rem}
.jr-contact-card ol{list-style:none;counter-reset:jr-c;margin:0 0 1.2rem;padding:0;font-size:.92rem;color:var(--ink)}
.jr-contact-card ol li{counter-increment:jr-c;display:flex;gap:.8em;padding:.6em 0;border-top:1px solid var(--line)}
.jr-contact-card ol li:first-child{border-top:none}
.jr-contact-card ol li::before{content:counter(jr-c,decimal-leading-zero);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700;color:var(--neon-pink);flex:none}
.jr-contact-card a{color:var(--ink);text-decoration-color:var(--neon-pink);text-underline-offset:3px}
.jr-contact-card a:hover{color:var(--gray)}
.jr-contact-card .jr-cta{display:inline-flex;align-items:center;gap:.5em;background:var(--ink);color:#fff!important;border-radius:6px;font-weight:600;font-size:.9rem;padding:.8rem 1.5rem;text-decoration:none!important}
.jr-contact-card .jr-cta:hover{color:#fff!important}
.jr-contact-card .jr-cta::before{content:"▸";color:var(--neon-lime)}