:root{
    --arm-bg:#060913;
    --arm-text:#dde8f8;
    --arm-gold:#f2d06b;
    --arm-maxw:720px;
    --arm-fs:18px;
    --arm-lh:1.82;
}

#arm-btn{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    gap:.45rem;
    appearance:none;
    width:auto;
    min-height:36px;
    padding:.48rem .95rem;
    margin:0 0 1.2rem;
    border:1px solid color-mix(in srgb,var(--arm-gold) 35%,transparent);
    border-radius:8px;
    background:color-mix(in srgb,var(--arm-gold) 10%,transparent);
    color:var(--arm-gold);
    font:700 .8rem/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    letter-spacing:.03em;
    cursor:pointer;
    box-shadow:none;
    text-transform:none;
    transition:background .2s,border-color .2s,transform .2s;
}
#arm-btn:hover,#arm-btn:focus-visible{
    background:color-mix(in srgb,var(--arm-gold) 18%,transparent);
    border-color:color-mix(in srgb,var(--arm-gold) 60%,transparent);
    color:var(--arm-gold);
    transform:translateY(-1px);
}
#arm-btn.arm-floating{
    position:fixed;
    top:70px;
    right:16px;
    z-index:2147482998;
    margin:0;
    box-shadow:0 5px 22px rgba(0,0,0,.45);
}

body.arm-active{
    overflow:hidden!important;
}
.arm-hidden-by-reading-mode{
    visibility:hidden!important;
    pointer-events:none!important;
}

#arm-overlay{
    position:fixed;
    inset:0;
    display:none;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    z-index:2147483000;
    background:var(--arm-bg);
    color:var(--arm-text);
}
body.arm-active #arm-overlay{display:block}

#arm-progress{
    position:fixed;
    top:0;
    left:0;
    width:0;
    height:3px;
    z-index:2147483002;
    background:var(--arm-gold);
    pointer-events:none;
    transition:width .08s linear;
}

#arm-inner{
    max-width:var(--arm-maxw);
    min-height:100%;
    margin:0 auto;
    padding:3rem 1.8rem 6rem;
    box-sizing:border-box;
}
#arm-topbar{
    position:relative;
    display:flex;
    align-items:center;
    gap:.8rem;
    margin-bottom:2.5rem;
    padding:.7rem 0 2rem;
    border-bottom:1px solid color-mix(in srgb,var(--arm-gold) 15%,transparent);
}
#arm-exit{
    appearance:none;
    padding:.42rem .82rem;
    border:1px solid color-mix(in srgb,var(--arm-gold) 38%,transparent);
    border-radius:6px;
    background:transparent;
    color:color-mix(in srgb,var(--arm-gold) 82%,transparent);
    font:700 .78rem/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    cursor:pointer;
}
#arm-exit:hover,#arm-exit:focus-visible{background:color-mix(in srgb,var(--arm-gold) 10%,transparent)}
#arm-topbar-title{
    flex:1;
    color:color-mix(in srgb,var(--arm-gold) 52%,transparent);
    font:700 .72rem/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
    letter-spacing:.1em;
    text-transform:uppercase;
}
#arm-font-ctrl{display:flex;align-items:center;gap:.35rem;margin-left:auto}
#arm-font-ctrl button{
    appearance:none;
    width:30px;
    height:30px;
    padding:0;
    border:1px solid rgba(255,255,255,.12);
    border-radius:6px;
    background:rgba(255,255,255,.06);
    color:rgba(224,232,248,.76);
    font-weight:700;
    cursor:pointer;
}
#arm-font-ctrl span{
    min-width:36px;
    color:rgba(224,232,248,.45);
    font:400 .72rem/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
    text-align:center;
}
#arm-paleo{margin:0 auto 1.7rem;text-align:center;opacity:.58}
#arm-paleo svg{display:block;max-width:160px;height:auto;margin:0 auto}
#arm-reader-title{
    margin:0 0 1.5rem;
    color:var(--arm-gold);
    font:700 1.8rem/1.22 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
#arm-content{
    color:var(--arm-text);
    font:400 var(--arm-fs)/var(--arm-lh) Georgia,"Times New Roman",serif;
    overflow-wrap:anywhere;
}
#arm-content h1,#arm-content h2,#arm-content h3,#arm-content h4{
    margin:2rem 0 .8rem;
    color:var(--arm-gold);
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    line-height:1.25;
}
#arm-content h1{font-size:1.7em}#arm-content h2{font-size:1.3em;padding-bottom:.4rem;border-bottom:1px solid color-mix(in srgb,var(--arm-gold) 15%,transparent)}
#arm-content h3{font-size:1.1em}#arm-content h4{font-size:1em}
#arm-content p{margin:0 0 1.4em}
#arm-content a{color:var(--arm-gold);text-decoration:underline;text-underline-offset:3px}
#arm-content blockquote{margin:1.5em 0;padding:.6em 1.2em;border-left:3px solid var(--arm-gold);border-radius:0 8px 8px 0;background:color-mix(in srgb,var(--arm-gold) 6%,transparent);color:rgba(221,234,255,.76);font-style:italic}
#arm-content strong,#arm-content b{color:var(--arm-gold)}
#arm-content img,#arm-content video,#arm-content iframe{max-width:100%;height:auto}
#arm-content img{display:block;margin:1.2em auto;border-radius:8px}
#arm-content iframe{width:100%;min-height:360px;border:0;border-radius:8px}
#arm-content table{display:block;width:100%;margin:1.5em 0;border-collapse:collapse;overflow-x:auto;font-size:.88em}
#arm-content th{padding:.5em .8em;border:1px solid color-mix(in srgb,var(--arm-gold) 18%,transparent);background:color-mix(in srgb,var(--arm-gold) 12%,transparent);color:var(--arm-gold);text-align:left}
#arm-content td{padding:.45em .8em;border:1px solid rgba(255,255,255,.08);color:rgba(224,232,248,.78)}
#arm-content ul,#arm-content ol{margin:0 0 1.4em;padding-left:1.5em}
#arm-content li{margin-bottom:.5em}
#arm-content code{padding:.1em .35em;border-radius:4px;background:rgba(255,255,255,.07);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85em}
#arm-content pre{padding:1em 1.2em;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(0,0,0,.4);overflow-x:auto}
#arm-footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid color-mix(in srgb,var(--arm-gold) 12%,transparent);color:rgba(224,232,248,.36);font:400 .72rem/1.8 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-align:center}

@supports not (color:color-mix(in srgb,#fff 50%,transparent)){
    #arm-btn{border-color:rgba(242,208,107,.35);background:rgba(242,208,107,.1)}
    #arm-btn:hover,#arm-btn:focus-visible{border-color:rgba(242,208,107,.6);background:rgba(242,208,107,.18)}
    #arm-topbar{border-bottom-color:rgba(242,208,107,.15)}
    #arm-exit{border-color:rgba(242,208,107,.38);color:rgba(242,208,107,.82)}
    #arm-topbar-title{color:rgba(242,208,107,.52)}
}

@media(max-width:600px){
    #arm-inner{padding:2rem 1.1rem 5rem}
    #arm-topbar{flex-wrap:wrap;gap:.6rem}
    #arm-topbar-title{order:3;flex-basis:100%}
    #arm-content{font-size:calc(var(--arm-fs) * .92)}
    #arm-content iframe{min-height:220px}
    #arm-btn.arm-floating{top:auto;right:12px;bottom:18px}
}