@font-face{font-family:"Archivo Black";src:url("ArchivoBlack-Regular.woff2") format("woff2")}
:root{--bg:#0d0d0d;--bg2:#111;--panel:#1a1a1a;--cu:#e07a3a;--cu2:#c46328;--tx:#e8e6e3;--line:#2a2a2a}
*{box-sizing:border-box}
html,body{margin:0;max-width:100%;overflow-x:hidden;background:var(--bg);color:var(--tx);font:18px/1.6 "Avenir Next","Segoe UI","Helvetica Neue",Arial,sans-serif}
img,video,audio,canvas,svg,table,.still,.copy,pre{max-width:100%}
a{color:var(--cu)}h1,h2,h3,h4{font-family:"Archivo Black","Arial Black",sans-serif;font-weight:400;color:#fff;line-height:1.15;overflow-wrap:anywhere}
.pv{background:var(--cu);color:#0d0d0d;text-align:center;font-weight:700;padding:6px 10px;font-size:15px}
header{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--bg2)}
header img{height:42px;width:auto;flex:0 0 auto}
header .b{font-family:"Archivo Black";color:#fff;flex:1 1 160px;min-width:0}header .b span{color:var(--cu)}
header nav{margin-left:auto;display:flex;flex-wrap:wrap;gap:10px 16px;font-size:16px}
main{max-width:860px;margin:0 auto;padding:24px 16px 80px}
.still{width:100%;height:auto;border-radius:12px;border:1px solid var(--line)}
audio{width:100%;margin:10px 0}
.aud{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 16px;margin:12px 0;font-size:15px}
blockquote{border-left:4px solid var(--cu);margin:14px 0;padding:6px 16px;background:#161616}
.copy{background:var(--panel);border:2px solid var(--cu);border-radius:12px;padding:14px 16px;margin:18px 0}
.copy h4{margin:0 0 4px;font-size:18px}.copy .m{font-size:14px;color:#cfcac3}
.copy pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#0a0a0a;border:1px solid var(--line);border-radius:8px;padding:12px;font-size:14.5px;color:#fff;overflow:auto}
.btn{display:inline-block;background:var(--cu);color:#0d0d0d;border:0;border-radius:10px;padding:10px 18px;font-weight:700;font-size:16px;cursor:pointer;text-decoration:none;margin:4px 6px 4px 0}
.btn.g{background:transparent;color:var(--cu);border:2px solid var(--cu)}.lock{opacity:.55}
.priv{font-size:14px;background:#2a1a10;border-left:4px solid var(--cu);padding:8px 12px;border-radius:6px;margin:12px 0}
ol.ls{list-style:none;padding:0}ol.ls li{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin:8px 0;padding:12px 16px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
ol.ls .n{font-family:"Archivo Black";color:var(--cu);min-width:46px}ol.ls .t{flex:1 1 180px;min-width:0}ol.ls .s{font-size:14px}
.q{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin:12px 0}.q label{display:block;padding:4px 0;cursor:pointer}
.ok{color:#5fd08a}.no{color:#ff8a7a}
.hero{display:flex;flex-wrap:wrap;gap:24px;align-items:center}
.hero img{height:150px;width:auto;max-width:100%}
.tag{font-family:"Archivo Black";color:var(--cu)}.nav2{display:flex;justify-content:space-between;margin-top:30px;gap:10px;flex-wrap:wrap}
.dlgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:12px 0 24px}
.dlgrid a{display:block;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 14px;color:var(--tx);text-decoration:none}
.dlgrid a:hover{border-color:var(--cu)}
.dlgrid b{display:block;color:#fff}
/* Certificate: scale the 11in x 8.5in artwork to the viewport on screen; keep 11in only for print */
.cert-wrap{width:100%;max-width:100%;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#0d0d0d}
.cert-wrap .c{transform-origin:top left}
@media (max-width:640px){
  body{font-size:16px}
  header nav{flex-basis:100%;margin-left:0}
  .hero{flex-direction:column;align-items:flex-start}
  .hero img{height:120px}
}
@media print{
  body{background:#fff;overflow:visible}
  .noprint,header,.pv{display:none!important}
  main{max-width:none;padding:0}
  .cert-wrap{border:0;border-radius:0;overflow:visible;width:11in;height:8.5in}
  .cert-wrap .c{transform:none!important;width:11in!important;height:8.5in!important}
}
.btn.soon,.oa-checkout-soon{opacity:.6;cursor:not-allowed;filter:grayscale(1);background:#555;color:#ddd;border:0}
.parent-note{background:#2a1a10;border-left:6px solid var(--cu);padding:12px 16px;border-radius:8px;margin:16px 0;font-size:15px}