/* ===========================================================================
   Onimator Refund Policy - dark, modern tech front end
   Sticky left navigation on desktop; accordions on mobile.
   All rules are scoped to .orp-wrap so they cannot leak into the theme.
   ========================================================================= */
.orp-wrap{
    --orp-start:#F8CC63;
    --orp-end:#F4B42C;
    --orp-bg:#161616;
    --orp-bg-2:#1d1d1d;
    --orp-card:#222;
    --orp-card-2:#272727;
    --orp-line:rgba(248,204,99,.16);
    --orp-line-2:rgba(248,204,99,.45);
    --orp-text:#f4f4f5;
    --orp-muted:rgba(255,255,255,.66);
    --orp-dim:rgba(255,255,255,.45);

    position:relative;
    overflow:hidden;
    background:
        radial-gradient(120% 70% at 100% 0,rgba(244,180,44,.10),transparent 60%),
        linear-gradient(180deg,#1a1a1a,#141414);
    color:var(--orp-text);
    border:0;
    border-radius:0;
    padding:clamp(1.4rem,3.5vw,2.5rem) clamp(1.1rem,4vw,2rem);
    margin:0;
    font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    line-height:1.65;
}
.orp-wrap *{box-sizing:border-box;}

/* faint tech grid + glow */
.orp-glow{
    position:absolute;inset:0;pointer-events:none;z-index:0;
    background-image:
        linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
    background-size:42px 42px;
    -webkit-mask-image:radial-gradient(80% 60% at 50% 0,#000,transparent 75%);
    mask-image:radial-gradient(80% 60% at 50% 0,#000,transparent 75%);
}

/* ---- header ------------------------------------------------------------- */
.orp-head{position:relative;z-index:1;max-width:760px;margin:0 0 2.5rem;}
.orp-eyebrow{
    display:inline-flex;align-items:center;gap:.5rem;
    font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;font-weight:700;
    color:var(--orp-end);margin-bottom:1rem;
}
.orp-eyebrow svg{color:var(--orp-start);}
.orp-title{
    font-size:clamp(1.9rem,4.5vw,2.7rem);font-weight:800;line-height:1.08;
    letter-spacing:-.02em;margin:0 0 .7rem;color:#fff;
    background:linear-gradient(92deg,#fff 30%,var(--orp-start));
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.orp-meta{
    display:inline-block;font-size:.78rem;color:var(--orp-dim);
    border:1px solid var(--orp-line);border-radius:999px;padding:.25rem .8rem;margin-bottom:1.2rem;
}
.orp-intro{color:var(--orp-muted);font-size:1.02rem;}
.orp-intro p{margin:0 0 .8rem;}
.orp-intro strong{color:#fff;}

/* ---- layout: nav + content --------------------------------------------- */
.orp-layout{
    position:relative;z-index:1;
    display:grid;grid-template-columns:240px 1fr;gap:clamp(1.5rem,3vw,3rem);
    align-items:start;
}

/* ---- left navigation ---------------------------------------------------- */
.orp-nav{position:sticky;top:1.5rem;}
.orp-nav-label{
    font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;
    color:var(--orp-dim);font-weight:700;margin:0 0 .8rem .2rem;
}
.orp-nav-list{list-style:none;margin:0;padding:0;border-left:1px solid var(--orp-line);}
.orp-nav-link{
    display:flex;gap:.6rem;align-items:baseline;
    padding:.5rem .8rem;margin-left:-1px;
    border-left:2px solid transparent;
    color:var(--orp-muted);text-decoration:none;font-size:.9rem;line-height:1.35;
    transition:color .2s,border-color .2s,background .2s;
}
.orp-nav-link:hover{color:#fff;background:rgba(255,255,255,.03);}
.orp-nav-num{
    font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:700;
    color:var(--orp-dim);min-width:1.4em;
}
.orp-nav-link.is-active{
    color:#fff;border-left-color:var(--orp-end);
    background:linear-gradient(90deg,rgba(244,180,44,.10),transparent);
}
.orp-nav-link.is-active .orp-nav-num{color:var(--orp-start);}

/* ---- content / sections ------------------------------------------------- */
.orp-content{min-width:0;}
.orp-section{
    background:var(--orp-card);
    border:1px solid var(--orp-line);
    border-radius:.9rem;
    margin-bottom:1rem;
    overflow:hidden;
    scroll-margin-top:1.5rem;
    transition:border-color .25s,background .25s;
}
.orp-section:hover{border-color:var(--orp-line-2);background:var(--orp-card-2);}
.orp-sec-head{
    display:flex;align-items:center;gap:.9rem;width:100%;
    background:transparent;border:0;cursor:pointer;text-align:left;
    padding:1.15rem 1.4rem;color:#fff;font-family:inherit;
}
.orp-sec-num{
    font-variant-numeric:tabular-nums;font-weight:800;font-size:.95rem;
    color:var(--orp-end);
    background:linear-gradient(135deg,rgba(248,204,99,.16),rgba(244,180,44,.05));
    border:1px solid rgba(248,204,99,.28);
    width:2.1rem;height:2.1rem;border-radius:.55rem;
    display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.orp-sec-title{flex:1;font-size:1.08rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;}
.orp-chev{color:var(--orp-dim);flex-shrink:0;transition:transform .25s,color .2s;display:none;}
.orp-sec-head:hover .orp-chev{color:var(--orp-start);}

.orp-sec-body{}
.orp-sec-inner{
    padding:0 1.4rem 1.4rem 5.3rem;
    color:var(--orp-muted);font-size:.96rem;
}
.orp-sec-inner ul{margin:.2rem 0;padding-left:1.2rem;list-style:none;}
.orp-sec-inner ul li{position:relative;margin:.55rem 0;padding-left:1.1rem;}
.orp-sec-inner ul li::before{
    content:"";position:absolute;left:0;top:.6em;
    width:.4rem;height:.4rem;border-radius:50%;
    background:linear-gradient(135deg,var(--orp-start),var(--orp-end));
}
.orp-sec-inner ol{margin:.2rem 0;padding-left:1.4rem;}
.orp-sec-inner ol li{margin:.55rem 0;}
.orp-sec-inner p{margin:.2rem 0 .8rem;}
.orp-sec-inner strong{color:#fff;font-weight:700;}
.orp-sec-inner a{color:var(--orp-end);text-decoration:underline;text-underline-offset:2px;}

.orp-outro{
    margin-top:1.6rem;padding:1.3rem 1.5rem;
    background:linear-gradient(135deg,rgba(248,204,99,.08),rgba(244,180,44,.02));
    border:1px solid var(--orp-line);border-left:3px solid var(--orp-end);
    border-radius:.7rem;color:var(--orp-muted);font-size:.95rem;
}
.orp-outro p{margin:0 0 .5rem;}
.orp-outro p:last-child{margin:0;}
.orp-outro strong{color:#fff;}

/* ---- mobile: collapse nav, turn sections into accordions ---------------- */
@media (max-width:782px){
    .orp-layout{grid-template-columns:1fr;}
    .orp-nav{display:none;}
    .orp-chev{display:block;}
    .orp-sec-head[aria-expanded="false"] + .orp-sec-body{display:none;}
    .orp-sec-head[aria-expanded="true"] .orp-chev{transform:rotate(180deg);}
    .orp-sec-inner{padding-left:1.4rem;}
    .orp-section{margin-bottom:.7rem;}
}

/* desktop: content always visible regardless of aria state */
@media (min-width:783px){
    .orp-sec-head{cursor:default;}
    .orp-sec-body{display:block !important;}
}

@media (prefers-reduced-motion:reduce){
    .orp-wrap *{transition:none !important;}
}