.oon-n-guide{font-family:inherit;color:var(--ink,#26304a);margin:12px 0 22px}
.oon-n-guide [hidden]{display:none!important}
.oon-n-guide__open{display:inline-flex;align-items:center;gap:9px;padding:8px 17px 8px 8px;min-height:48px;border:1px solid #dbccef;border-radius:16px;background:#f8f3ff;color:#67429e;font:inherit;font-size:14px;font-weight:750;cursor:pointer}
.oon-n-guide__icon{display:block;width:40px;height:40px;object-fit:contain}
.oon-n-guide__panel{margin-top:12px;padding:22px 26px 24px;border:1px solid #e4d9f0;border-radius:23px;background:linear-gradient(115deg,#fcf9ff,#fff);box-shadow:0 12px 38px rgba(81,49,124,.05)}
.oon-n-guide__head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.oon-n-guide__eyebrow{color:#8764b3;font-size:10px;font-weight:800;letter-spacing:1.3px}
.oon-n-guide button{font-family:inherit;cursor:pointer}
.oon-n-guide__close{padding:8px 12px;min-height:44px;border:0;border-radius:9px;color:#796789;background:transparent;font-size:12px}
.oon-n-guide__steps{display:flex;gap:9px;margin:10px 0 20px;flex-wrap:wrap}
.oon-n-guide__step{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 13px 8px 9px;border:1px solid #e8dfef;border-radius:12px;background:#fff;color:#817288;font-size:12px}
.oon-n-guide__step>span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#f5f0fa;font-size:12px;font-weight:750}
.oon-n-guide__step[aria-current=step]{background:#7548b8;color:#fff;border-color:#7548b8}
.oon-n-guide__step[aria-current=step]>span{background:rgba(255,255,255,.18)}
.oon-n-guide__main{display:flex;align-items:center;justify-content:space-between;gap:36px}
.oon-n-guide__copy{min-width:0;max-width:850px;flex:1}
.oon-n-guide__badge{margin:0 0 8px;font-size:10px;font-weight:800;letter-spacing:1.5px;color:#8664ad}
.oon-n-guide .oon-n-guide__title{margin:0 0 12px;font-size:25px;font-weight:800;line-height:1.25;letter-spacing:-.6px;color:var(--ink,#26304a);overflow-wrap:anywhere}
.oon-n-guide__text,.oon-n-guide__tip,.oon-n-guide__note{margin:0 0 12px;font-size:14px;line-height:1.75;overflow-wrap:anywhere}
.oon-n-guide__text{color:var(--mute,#667086)}
.oon-n-guide__tip{padding-left:13px;border-left:3px solid #d9c4ed;color:var(--mute,#667086);font-size:12px}
.oon-n-guide__note{padding:10px 13px;border-radius:10px;background:#fff5de;color:#806127;font-size:12px}
.oon-n-guide__mascot{display:block;flex:none;width:202px;height:202px;object-fit:contain;pointer-events:none}
.oon-n-guide__actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:17px}
.oon-n-guide__actions>button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 15px;border:1px solid #e0d2ef;border-radius:11px;background:#fff;color:#765298;font-size:12px;font-weight:750}
.oon-n-guide__actions>.oon-n-guide__show{background:#7548b8;color:#fff;border-color:#7548b8;margin-right:6px}
.oon-n-guide button:disabled{opacity:.42;cursor:default}
.oon-n-guide__status{margin:8px 0 0;font-size:12px;color:var(--mute)}
.oon-n-guide__status:empty{display:none}
.oon-n-guide button:focus-visible,.oon-n-context summary:focus-visible{outline:3px solid #b991dd;outline-offset:3px}
.oon-n-context{margin-top:14px;border:1px solid #e5d8f2;border-radius:12px;padding:8px 12px;background:#fbf7ff;color:#704598;font-size:12px}
.oon-n-context summary{display:flex;align-items:center;gap:7px;min-height:44px;cursor:pointer;font-weight:750}
.oon-n-context__icon{display:block;width:27px;height:27px;object-fit:contain}
.oon-n-context summary::after{content:'+';margin-left:auto;font-size:19px;font-weight:400}
.oon-n-context[open] summary::after{content:'−'}
.oon-n-context p{margin:8px 0 5px;font-size:12px;line-height:1.8;color:#6d6079;overflow-wrap:anywhere}
.oon-n-highlight{outline:3px solid #aa77d8!important;outline-offset:5px;scroll-margin-block:95px}
.oonoa-dark .oon-n-guide__panel{background:#161e35;border-color:#534169}
.oonoa-dark .oon-n-guide__step,.oonoa-dark .oon-n-guide__actions>button{background:#19243e;border-color:#534169;color:#d9c9eb}
.oonoa-dark .oon-n-guide__step[aria-current=step],.oonoa-dark .oon-n-guide__actions>.oon-n-guide__show{background:#8858c5;color:#fff}
.oonoa-dark .oon-n-guide__open,.oonoa-dark .oon-n-context{background:#251e39;border-color:#534169;color:#d9c9eb}
.oonoa-dark .oon-n-context p{color:#b9abc9}
.oon-n-context,.oon-n-guide{box-sizing:border-box}
@media(max-width:700px){
 .oon-n-guide__panel{padding:16px 17px 19px;border-radius:18px}
 .oon-n-guide__eyebrow{max-width:185px;font-size:9px;line-height:1.6;letter-spacing:.8px}
 .oon-n-guide__steps{gap:6px;margin:9px 0 18px}
 .oon-n-guide__step{flex:1;justify-content:center;padding:8px 5px}
 .oon-n-guide__step strong{display:none}
 .oon-n-guide__step>span{width:26px;height:26px}
 .oon-n-guide__main{position:relative;display:block}
 .oon-n-guide__mascot{position:absolute;right:0;top:-5px;width:79px;height:79px}
 .oon-n-guide .oon-n-guide__title{font-size:20px;padding-right:79px;min-height:50px}
 .oon-n-guide__badge{padding-right:79px;font-size:9px}
 .oon-n-guide__text{font-size:12px;line-height:1.8}
 .oon-n-guide__tip{font-size:11px}
 .oon-n-guide__actions{gap:7px}
 .oon-n-guide__actions>.oon-n-guide__show{width:100%;margin-right:0}
 .oon-n-guide__prev,.oon-n-guide__next{flex:1}
}
@media print{.oon-n-guide,.oon-n-context,.oon-n-highlight::after{display:none!important}}

/* Etkin alan tıklanmadan önce vurgulanır; rehber alanın yanında ilerler. */
.oon-n-guide__panel{scroll-margin-top:100px}
.oon-n-guide__panel--docked{padding:16px;margin:12px 0 18px;max-width:100%;min-width:0;box-sizing:border-box}
.oon-n-guide__panel--docked .oon-n-guide__steps{gap:5px;margin:8px 0 14px}
.oon-n-guide__panel--docked .oon-n-guide__step{flex:1;justify-content:center;padding:6px 3px}
.oon-n-guide__panel--docked .oon-n-guide__step strong{display:none}
.oon-n-guide__panel--docked .oon-n-guide__main{position:relative;display:block}
.oon-n-guide__panel--docked .oon-n-guide__mascot{position:absolute;right:0;top:0;width:78px;height:78px}
.oon-n-guide__panel--docked .oon-n-guide__title{font-size:19px;padding-right:80px;min-height:56px}
.oon-n-guide__panel--docked .oon-n-guide__badge{padding-right:80px}
.oon-n-guide__panel--docked .oon-n-guide__text{font-size:12px;line-height:1.7}
.oon-n-guide__panel--docked .oon-n-guide__tip{font-size:11px}
.oon-n-guide__panel--docked .oon-n-guide__actions{gap:7px}
.oon-n-guide__panel--docked .oon-n-guide__actions>.oon-n-guide__show{width:100%;margin:0}
.oon-n-guide__panel--docked .oon-n-guide__prev,.oon-n-guide__panel--docked .oon-n-guide__next{flex:1}
.oon-n-highlight{outline-color:#8b3cf2!important;box-shadow:0 0 0 7px rgba(139,60,242,.09);border-radius:12px}
@media print{.oon-n-highlight{outline:none!important;box-shadow:none!important}}