/* Raden4D */

/* THEME: bg=#07301F accent=#D9B45B */
:root{
--green:#07301F;
--green2:#0A3A25;
--gold:#D9B45B;
--cream:#F4F0E3;
--sand:#B9AE93;
--mut:#CDE0D4;
--line:#1D5B3E
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
font:16px/1.75 Georgia,"Times New Roman",serif;
background:
radial-gradient(1200px 700px at 20% -10%, rgba(217,180,91,.12) 0%, rgba(217,180,91,0) 55%),
radial-gradient(900px 600px at 70% 10%, rgba(0,0,0,.35) 0%, rgba(0,0,0,0) 55%),
radial-gradient(1200px 900px at 50% 40%, rgba(9,70,46,.55) 0%, rgba(7,48,31,1) 55%),
radial-gradient(1400px 900px at 50% 55%, rgba(0,0,0,.55) 0%, rgba(0,0,0,.25) 55%, rgba(0,0,0,.6) 100%),
repeating-linear-gradient(135deg, rgba(255,255,255,.03) 0 2px, rgba(255,255,255,0) 2px 10px),
linear-gradient(180deg, #062615 0%, #07301F 55%, #062414 100%);
color:var(--cream);
text-rendering:optimizeLegibility;
-webkit-font-smoothing:antialiased;
}
h1,h2,h3{
font-family:Georgia,"Times New Roman",serif;
line-height:1.32;
color:var(--cream);
letter-spacing:.2px;
text-shadow:0 1px 0 rgba(0,0,0,.55);
}
a{color:#F0D48A;text-decoration:none}
a:hover{color:#FFE3A8;text-decoration:underline}

.wrap{max-width:1100px;margin:0 auto;padding:0 20px}

header.site{
background:
linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,0)),
radial-gradient(800px 280px at 20% -40%, rgba(217,180,91,.22) 0%, rgba(217,180,91,0) 65%),
linear-gradient(180deg,#062616 0%, #082E22 100%);
border-bottom:2px solid var(--gold);
position:sticky;top:0;z-index:40;
box-shadow:0 12px 30px rgba(0,0,0,.35);
}
header.site::before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:
repeating-linear-gradient(90deg, rgba(217,180,91,.10) 0 1px, rgba(217,180,91,0) 1px 10px);
opacity:.25;
mix-blend-mode:screen;
}
header.site::after{
content:"";
position:absolute;
left:0;right:0;bottom:-2px;height:2px;
background:linear-gradient(90deg, rgba(217,180,91,0), rgba(217,180,91,.95), rgba(217,180,91,0));
pointer-events:none;
}

.hbar{display:flex;align-items:center;gap:16px;padding:12px 0;position:relative}

.seal{
width:38px;height:38px;border-radius:50%;
background:
radial-gradient(circle at 35% 30%, rgba(255,255,255,.35) 0%, rgba(255,255,255,0) 42%),
radial-gradient(circle at 50% 55%, #EAD08B 0%, #D9B45B 45%, #A97B22 100%);
color:#0A2517;
display:grid;place-items:center;
font-weight:800;font-family:Georgia,serif;font-size:15px;
box-shadow:0 10px 22px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.18);
position:relative;
}
.seal::before{
content:"";
position:absolute;inset:-6px;border-radius:inherit;
background:
repeating-conic-gradient(from 0deg, rgba(217,180,91,.85) 0 10deg, rgba(217,180,91,0) 10deg 20deg);
filter:drop-shadow(0 4px 10px rgba(0,0,0,.35));
opacity:.35;
}
.seal::after{
content:"";
position:absolute;inset:3px;border-radius:inherit;
border:1px dashed rgba(10,37,23,.6);
opacity:.8;
}

.wordmark{
color:var(--cream);
font-family:Georgia,"Times New Roman",serif;
font-size:20px;font-weight:700;letter-spacing:1px;
text-shadow:0 1px 0 rgba(0,0,0,.65), 0 0 18px rgba(217,180,91,.12);
}
.wordmark b{
color:var(--gold);
text-shadow:0 1px 0 rgba(0,0,0,.65), 0 0 14px rgba(217,180,91,.18);
}

nav.main{margin-left:auto;display:flex;flex-wrap:wrap;gap:4px}
nav.main a{
color:var(--mut);
font-size:14px;
padding:7px 11px;
border-radius:10px;
font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
border:1px solid rgba(217,180,91,.18);
background:
linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0));
box-shadow:inset 0 0 0 1px rgba(0,0,0,.25);
}
nav.main a:hover{
color:#081E13;
background:
linear-gradient(180deg,#F2DC9F 0%, #D9B45B 55%, #B98527 100%);
text-decoration:none;
border-color:rgba(255,255,255,.25);
box-shadow:0 8px 18px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.22);
}

main{padding:0 0 60px}

.hero{
background:
radial-gradient(1200px 420px at 22% -12%, rgba(217,180,91,.20) 0%, rgba(217,180,91,0) 55%),
radial-gradient(900px 520px at 80% 0%, rgba(255,255,255,.06) 0%, rgba(255,255,255,0) 60%),
radial-gradient(1200px 520px at 25% -10%, #0F4A37 0%, #07301F 62%),
repeating-linear-gradient(135deg, rgba(255,255,255,.03) 0 2px, rgba(255,255,255,0) 2px 10px);
border-bottom:1px solid var(--line);
padding:54px 0 42px;
position:relative;
overflow:hidden;
}
.hero::before{
content:"";
position:absolute;
inset:-2px -2px auto -2px;
height:92px;
background:
linear-gradient(90deg, rgba(217,180,91,0), rgba(217,180,91,.12), rgba(217,180,91,0)),
repeating-linear-gradient(90deg, rgba(217,180,91,.22) 0 1px, rgba(217,180,91,0) 1px 9px);
opacity:.55;
pointer-events:none;
}
.hero::after{
content:"";
position:absolute;
inset:0;
background:
radial-gradient(900px 520px at 50% 30%, rgba(0,0,0,0) 35%, rgba(0,0,0,.35) 100%);
pointer-events:none;
}

.hero .kick{
display:inline-block;
border:1px solid rgba(217,180,91,.9);
color:var(--gold);
font-size:12px;
letter-spacing:3px;
padding:4px 12px;
border-radius:999px;
margin-bottom:16px;
font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
background:
linear-gradient(180deg, rgba(217,180,91,.12), rgba(217,180,91,0));
box-shadow:inset 0 0 0 1px rgba(0,0,0,.25), 0 10px 24px rgba(0,0,0,.25);
position:relative;
}
.hero .kick::before{
content:"";
position:absolute;inset:2px;border-radius:inherit;
border:1px dashed rgba(217,180,91,.55);
opacity:.9;
}

.hero h1{
font-size:33px;
max-width:860px;
color:var(--cream);
text-shadow:0 2px 0 rgba(0,0,0,.6), 0 0 26px rgba(217,180,91,.14);
}
.hero .lede{max-width:800px;margin-top:16px;color:var(--mut)}

.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center}

.hero-fig img{
width:100%;height:auto;border-radius:14px;
border:1px solid rgba(217,180,91,.22);
box-shadow:0 18px 40px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.06);
background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0));
}

.meter{
margin-top:24px;
background:
radial-gradient(700px 220px at 30% 0%, rgba(217,180,91,.12) 0%, rgba(217,180,91,0) 70%),
linear-gradient(180deg, #0A3A25 0%, #082F1E 100%);
border:1px solid rgba(217,180,91,.22);
border-radius:12px;
padding:14px 18px;
max-width:520px;
box-shadow:0 14px 30px rgba(0,0,0,.35), inset 0 0 0 1px rgba(0,0,0,.25);
position:relative;
}
.meter::before{
content:"";
position:absolute;inset:10px;border-radius:10px;
border:1px dashed rgba(217,180,91,.18);
pointer-events:none;
}
.meter .lbl{
font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
font-size:12.5px;letter-spacing:2px;color:var(--gold);
text-transform:uppercase;
}
.meter .bar{
height:10px;
background:
linear-gradient(180deg, rgba(0,0,0,.28), rgba(255,255,255,.04)),
linear-gradient(90deg, #062316, #0A362A);
border-radius:999px;
margin-top:8px;
overflow:hidden;
box-shadow:inset 0 1px 0 rgba(255,255,255,.08), inset 0 -1px 0 rgba(0,0,0,.35);
}
.meter .bar i{
display:block;height:100%;width:72%;
background:
linear-gradient(90deg, #8F7B1D, var(--gold), #FFE0A3);
border-radius:999px;
box-shadow:0 0 0 1px rgba(0,0,0,.25), 0 0 14px rgba(217,180,91,.22);
}

.modules{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}

.module{
background:
radial-gradient(900px 260px at 20% 0%, rgba(217,180,91,.12) 0%, rgba(217,180,91,0) 65%),
linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0)),
linear-gradient(180deg, #0A3A25 0%, #082F1E 100%);
border:1px solid rgba(217,180,91,.22);
border-radius:14px;
padding:22px;
position:relative;
box-shadow:0 18px 36px rgba(0,0,0,.35), inset 0 0 0 1px rgba(0,0,0,.25);
}
.module::before{
content:"";
position:absolute;inset:10px;border-radius:12px;
border:1px dashed rgba(217,180,91,.20);
pointer-events:none;
}
.module::after{
content:"";
position:absolute;
inset:0;
border-radius:14px;
background:
linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.22));
pointer-events:none;
}

.module .tag{
position:absolute;top:-11px;left:18px;
background:
linear-gradient(180deg,#F2DC9F 0%, #D9B45B 55%, #B98527 100%);
color:#081E13;
font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
font-weight:800;
font-size:11.5px;
letter-spacing:2px;
padding:3px 10px;
border-radius:8px;
box-shadow:0 10px 20px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.18);
border:1px solid rgba(0,0,0,.25);
text-transform:uppercase;
}
.module .tag::before{
content:"";
position:absolute;inset:2px;border-radius:6px;
border:1px dashed rgba(8,30,19,.45);
opacity:.9;
}

.module h2{font-size:20px;margin:6px 0 8px}
.module :is(p,ul){font-size:15px;color:var(--mut)}

.module table,.intro-card table{
width:100%;
border-collapse:collapse;
font-size:14px;
display:block;
overflow-x:auto;
}
.module th,.intro-card th{
background:
linear-gradient(180deg, rgba(217,180,91,.14), rgba(217,180,91,0)),
linear-gradient(180deg, #07301F 0%, #062816 100%);
color:var(--cream);
text-align:left;
padding:6px 9px;
border-bottom:1px solid rgba(217,180,91,.22);
}
.module td,.intro-card td{
padding:6px 9px;
border:1px solid rgba(217,180,91,.28);
color:var(--cream);
}
.module ul{list-style:none;margin-top:8px}
.module li{
padding:5px 0 5px 26px;
position:relative;
border-bottom:1px dashed rgba(217,180,91,.20);
font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
font-size:14px;
color:var(--mut);
}
.module li::before{
content:"\2713";
position:absolute;left:2px;
color:var(--gold);
font-weight:800;
text-shadow:0 1px 0 rgba(0,0,0,.55), 0 0 10px rgba(217,180,91,.18);
}

.intro-card{
background:
radial-gradient(900px 320px at 20% 0%, rgba(217,180,91,.20) 0%, rgba(217,180,91,0) 70%),
linear-gradient(180deg, #FBF7EC 0%, #F4F0E3 55%, #EFE6D2 100%);
color:#241F14;
border-radius:14px;
padding:26px 28px;
margin:26px 0;
box-shadow:0 20px 40px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.55);
position:relative;
}
.intro-card::before{
content:"";
position:absolute;inset:10px;border-radius:12px;
border:1px double rgba(217,180,91,.75);
box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);
pointer-events:none;
}
.intro-card::after{
content:"";
position:absolute;inset:16px;border-radius:10px;
border:1px dashed rgba(217,180,91,.38);
pointer-events:none;
}
.intro-card h2{color:#07301F;text-shadow:none}
.intro-card p{color:#3C3422}

.crumbs{font-size:13px;color:var(--mut);margin:22px 0 16px;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.crumbs li+li::before{content:"\203A ";color:var(--gold)}

.art-head{
background:
radial-gradient(900px 260px at 20% 0%, rgba(217,180,91,.14) 0%, rgba(217,180,91,0) 70%),
linear-gradient(180deg, #0A3A25 0%, #082F1E 100%);
border:1px solid rgba(217,180,91,.22);
border-top:4px solid var(--gold);
border-radius:12px;
padding:22px 26px;
margin-bottom:8px;
box-shadow:0 18px 36px rgba(0,0,0,.35), inset 0 0 0 1px rgba(0,0,0,.25);
position:relative;
overflow:hidden;
}
.art-head::before{
content:"";
position:absolute;inset:10px;border-radius:10px;
border:1px double rgba(217,180,91,.55);
pointer-events:none;
}
.art-head::after{
content:"";
position:absolute;left:-20%;right:-20%;top:-55px;height:120px;
background:
linear-gradient(90deg, rgba(217,180,91,0), rgba(217,180,91,.18), rgba(217,180,91,0));
transform:rotate(-6deg);
opacity:.55;
pointer-events:none;
}
.art-head h1{
font-size:28px;
color:var(--cream);
text-shadow:0 2px 0 rgba(0,0,0,.6), 0 0 24px rgba(217,180,91,.16);
}
.art-meta{font-size:13px;color:var(--mut);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;margin-top:10px}

.doc{
background:
radial-gradient(900px 340px at 20% 0%, rgba(217,180,91,.18) 0%, rgba(217,180,91,0) 70%),
linear-gradient(180deg, #FBF7EC 0%, #F4F0E3 55%, #EFE6D2 100%);
color:#241F14;
border-radius:14px;
padding:30px 34px;
margin:18px 0;
box-shadow:0 22px 44px rgba(0,0,0,.38), inset 0 0 0 1px rgba(255,255,255,.55);
position:relative;
}
.doc::before{
content:"";
position:absolute;inset:12px;border-radius:12px;
border:1px double rgba(217,180,91,.75);
pointer-events:none;
}
.doc::after{
content:"";
position:absolute;inset:18px;border-radius:10px;
border:1px dashed rgba(217,180,91,.35);
pointer-events:none;
}
.doc h2{
color:#07301F;
border-bottom:2px solid var(--gold);
padding-bottom:6px;
font-size:22px;
margin:22px 0 10px;
text-shadow:none;
}
.doc h2:first-child{margin-top:0}
.doc h3{color:#2C5A40;font-size:17px;margin:14px 0 4px;text-shadow:none}
.doc :is(p,ul,ol,table){margin:10px 0}
.doc p,.doc li{color:#2F291B}
.doc table{
width:100%;
border-collapse:collapse;
font-size:14.5px;
margin:12px 0;
display:block;
overflow-x:auto;
}
.doc th{
background:
linear-gradient(180deg, rgba(217,180,91,.16), rgba(217,180,91,0)),
linear-gradient(180deg, #07301F 0%, #062816 100%);
color:var(--cream);
text-align:left;
padding:8px 10px;
border-bottom:1px solid rgba(217,180,91,.22);
}
.doc td{
padding:8px 10px;
border:1px solid rgba(217,180,91,.30);
color:#2F291B;
}

.toc{
background:
radial-gradient(700px 240px at 20% 0%, rgba(217,180,91,.12) 0%, rgba(217,180,91,0) 70%),
linear-gradient(180deg, #0A3A25 0%, #082F1E 100%);
border:1px solid rgba(217,180,91,.22);
border-radius:12px;
padding:16px 20px;
margin:18px 0;
box-shadow:0 16px 32px rgba(0,0,0,.32), inset 0 0 0 1px rgba(0,0,0,.25);
position:relative;
}
.toc::before{
content:"";
position:absolute;inset:10px;border-radius:10px;
border:1px dashed rgba(217,180,91,.18);
pointer-events:none;
}
.toc h2{
font-size:15px;
letter-spacing:2px;
color:var(--gold);
font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
text-transform:uppercase;
text-shadow:0 1px 0 rgba(0,0,0,.6), 0 0 14px rgba(217,180,91,.14);
}
.toc ol{margin:8px 0 0 18px;font-size:14.5px;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.toc a{color:#F0D48A}
.toc a:hover{color:#FFE3A8}

.fig-main{margin:20px 0;border-radius:14px;overflow:hidden;border:1px solid rgba(217,180,91,.22);box-shadow:0 18px 40px rgba(0,0,0,.42)}
.fig-main img{display:block;width:100%;height:auto}
.fig-main figcaption{
font-size:13px;
color:var(--mut);
padding:10px 14px;
background:
linear-gradient(180deg, rgba(217,180,91,.10), rgba(217,180,91,0)),
linear-gradient(180deg, #0A3A25 0%, #082F1E 100%);
font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
border-top:1px solid rgba(217,180,91,.18);
}

.sect{margin:24px 0}
.sect h2{
display:flex;align-items:center;gap:10px;
font-size:22px;margin-bottom:10px;
color:var(--cream);
text-shadow:0 2px 0 rgba(0,0,0,.6), 0 0 22px rgba(217,180,91,.12);
position:relative;
}
.sect h2::after{
content:"";
flex:1 1 auto;
height:2px;
background:
linear-gradient(90deg, rgba(217,180,91,.65), rgba(217,180,91,0));
border-radius:999px;
opacity:.75;
}
.sect h2 .st{
width:26px;height:26px;border-radius:6px;
background:
radial-gradient(circle at 35% 30%, rgba(255,255,255,.35) 0%, rgba(255,255,255,0) 45%),
linear-gradient(180deg,#F2DC9F 0%, #D9B45B 55%, #B98527 100%);
color:#081E13;
display:inline-grid;place-items:center;
font-size:14px;
font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
font-weight:800;flex:0 0 auto;
box-shadow:0 10px 20px rgba(0,0,0,.32), inset 0 0 0 1px rgba(255,255,255,.16);
border:1px solid rgba(0,0,0,.22);
position:relative;
}
.sect h2 .st::before{
content:"";
position:absolute;inset:2px;border-radius:4px;
border:1px dashed rgba(8,30,19,.42);
opacity:.9;
}
.sect h3{font-size:17.5px;color:#F0D48A;margin:14px 0 6px;text-shadow:0 1px 0 rgba(0,0,0,.55), 0 0 16px rgba(217,180,91,.12)}
.sect :is(p,ul,ol,table){margin:10px 0}
.sect table{width:100%;border-collapse:collapse;font-size:14.5px;display:block;overflow-x:auto}
.sect th{
background:
linear-gradient(180deg, rgba(217,180,91,.12), rgba(217,180,91,0)),
linear-gradient(180deg, #0A3A25 0%, #082F1E 100%);
color:#FFE3A8;
text-align:left;
padding:8px 10px;
border:1px solid rgba(217,180,91,.22);
}
.sect td{
padding:8px 10px;
border:1px solid rgba(217,180,91,.18);
color:var(--mut);
}

.flag{
background:
radial-gradient(700px 240px at 20% 0%, rgba(255,220,220,.08) 0%, rgba(255,220,220,0) 70%),
linear-gradient(180deg, #3D1616 0%, #2A0F0F 100%);
border:1px solid #8A3A3A;
border-radius:10px;
padding:12px 16px;
margin:12px 0;
color:#F2D7D7;
box-shadow:0 16px 30px rgba(0,0,0,.35), inset 0 0 0 1px rgba(0,0,0,.25);
}
.flag::before{
content:"";
display:inline-block;
width:.55em;height:.55em;
border-radius:50%;
margin-right:.5em;
vertical-align:middle;
background:radial-gradient(circle, #FFD1D1 0%, #D46A6A 55%, #7A2E2E 100%);
box-shadow:0 0 0 1px rgba(0,0,0,.35), 0 0 12px rgba(212,106,106,.18);
}

.faq details{
background:
radial-gradient(700px 240px at 20% 0%, rgba(217,180,91,.10) 0%, rgba(217,180,91,0) 70%),
linear-gradient(180deg, #0A3A25 0%, #082F1E 100%);
border:1px solid rgba(217,180,91,.22);
border-radius:10px;
margin:10px 0;
padding:4px 18px;
box-shadow:0 14px 28px rgba(0,0,0,.28), inset 0 0 0 1px rgba(0,0,0,.25);
position:relative;
}
.faq details::before{
content:"";
position:absolute;inset:10px;border-radius:8px;
border:1px dashed rgba(217,180,91,.16);
pointer-events:none;
}
.faq summary{cursor:pointer;font-weight:700;padding:12px 0;color:var(--cream)}
.faq summary::marker{color:var(--gold)}
.faq-a{color:var(--mut);padding-bottom:14px}

.related{
background:
radial-gradient(700px 240px at 20% 0%, rgba(217,180,91,.10) 0%, rgba(217,180,91,0) 70%),
linear-gradient(180deg, #0A3A25 0%, #082F1E 100%);
border:1px solid rgba(217,180,91,.22);
border-radius:12px;
padding:18px 22px;
margin:24px 0;
box-shadow:0 16px 34px rgba(0,0,0,.32), inset 0 0 0 1px rgba(0,0,0,.25);
position:relative;
}
.related::before{
content:"";
position:absolute;inset:10px;border-radius:10px;
border:1px dashed rgba(217,180,91,.18);
pointer-events:none;
}
.related ul{list-style:none}
.related li{
margin:7px 0;
padding-left:24px;
position:relative;
font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
font-size:14.5px;
color:var(--mut);
}
.related li::before{
content:"\2713";
position:absolute;left:0;
color:var(--gold);
font-weight:900;
text-shadow:0 1px 0 rgba(0,0,0,.55), 0 0 10px rgba(217,180,91,.16);
}

.rg-strip{
background:
radial-gradient(800px 260px at 20% 0%, rgba(217,180,91,.10) 0%, rgba(217,180,91,0) 70%),
linear-gradient(180deg, #12331F 0%, #0B291A 100%);
border:1px solid rgba(217,180,91,.22);
border-radius:10px;
padding:14px 18px;
margin:22px 0;
color:#D9F0E3;
font-size:14.5px;
box-shadow:0 14px 30px rgba(0,0,0,.30), inset 0 0 0 1px rgba(0,0,0,.25);
position:relative;
}
.rg-strip::before{
content:"";
position:absolute;
left:10px;right:10px;top:10px;bottom:10px;
border-radius:8px;
border:1px dashed rgba(217,180,91,.18);
pointer-events:none;
}

footer.site{
background:
linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.35)),
radial-gradient(800px 300px at 20% -30%, rgba(217,180,91,.18) 0%, rgba(217,180,91,0) 65%),
linear-gradient(180deg,#062616 0%, #082E22 100%);
border-top:2px solid var(--gold);
padding:36px 0 26px;
font-size:14px;
color:var(--mut);
position:relative;
box-shadow:0 -18px 40px rgba(0,0,0,.35);
}
footer.site::before{
content:"";
position:absolute;
left:0;right:0;top:-2px;height:2px;
background:linear-gradient(90deg, rgba(217,180,91,0), rgba(217,180,91,.95), rgba(217,180,91,0));
pointer-events:none;
}
footer.site::after{
content:"";
position:absolute;inset:0;
background:
repeating-linear-gradient(90deg, rgba(217,180,91,.10) 0 1px, rgba(217,180,91,0) 1px 11px);
opacity:.18;
pointer-events:none;
}

.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:26px}
footer.site h2{
font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
font-size:13px;
letter-spacing:2px;
color:var(--gold);
text-transform:uppercase;
margin-bottom:10px;
text-shadow:0 1px 0 rgba(0,0,0,.65), 0 0 14px rgba(217,180,91,.12);
}
footer.site ul{list-style:none}
footer.site li{margin:6px 0;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
footer.site a{color:#F0D48A}
footer.site a:hover{color:#FFE3A8}

.fbadges{
display:flex;gap:14px;align-items:center;
margin-top:22px;padding-top:18px;
border-top:1px solid rgba(217,180,91,.22);
flex-wrap:wrap
}
.badge18{
border:2px solid var(--gold);
color:var(--gold);
font-weight:900;
border-radius:10px;
padding:2px 10px;
background:linear-gradient(180deg, rgba(217,180,91,.10), rgba(217,180,91,0));
box-shadow:inset 0 0 0 1px rgba(0,0,0,.28), 0 12px 24px rgba(0,0,0,.25);
position:relative;
}
.badge18::before{
content:"";
position:absolute;inset:3px;border-radius:8px;
border:1px dashed rgba(217,180,91,.55);
opacity:.75;
}
.legal{font-size:12.5px;color:#A8C3B5;margin-top:12px;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}

@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.modules{grid-template-columns:1fr}.fgrid{grid-template-columns:1fr 1fr}.doc{padding:22px 18px}}
@media(max-width:640px){.fgrid{grid-template-columns:1fr}.hero h1{font-size:26px}.art-head h1{font-size:23px}}