/* Makale bilesenleri - yalnizca .yp-atlas kapsami */
.yp-atlas{--yp-ink:#172337;--yp-muted:#526176;--yp-line:#e2e8f0;--yp-accent:#3158d5;--yp-soft:#f4f7fc;--yp-offset:100px;display:flex;align-items:flex-start;gap:28px;max-width:1280px;margin:0 auto;position:relative;clear:both;color:var(--yp-ink);line-height:1.8;overflow-wrap:anywhere;font-family:inherit} .yp-atlas,.yp-atlas *,.yp-atlas *::before,.yp-atlas *::after{box-sizing:border-box} .yp-atlas .yp-side{display:block!important;float:none!important;position:sticky!important;top:var(--yp-offset);flex:0 0 260px;max-height:calc(100vh - var(--yp-offset) - 24px);overflow-y:auto;min-width:0} .yp-atlas .yp-main{display:block!important;float:none!important;position:relative;flex:1 1 0;min-width:0;width:auto;max-width:100%;clear:none} .yp-atlas .yp-toc{padding:20px;border:1px solid var(--yp-line);border-radius:18px;background:#fff;box-shadow:0 8px 30px rgba(23,35,55,.04)} .yp-atlas .yp-toc summary{font-weight:700;cursor:pointer;color:var(--yp-ink)} .yp-atlas .yp-toc ul{margin:16px 0 0;padding:0;list-style:none} .yp-atlas .yp-toc li{margin:4px 0} .yp-atlas .yp-toc a{display:block;padding:9px 12px;border-left:3px solid transparent;border-radius:0 8px 8px 0;color:var(--yp-muted);font-size:14px;line-height:1.5;text-decoration:none} .yp-atlas .yp-toc a:hover{color:var(--yp-accent);background:var(--yp-soft)} .yp-atlas .yp-toc a[aria-current="location"]{border-left-color:var(--yp-accent);color:var(--yp-accent);background:#edf2ff;font-weight:700} .yp-atlas .yp-side-note{margin-top:16px;padding:18px 20px;border-radius:16px;background:var(--yp-soft);color:var(--yp-muted);font-size:13px} .yp-atlas h2,.yp-atlas h3{color:var(--yp-ink);line-height:1.3;letter-spacing:-.025em} .yp-atlas h2{margin:42px 0 16px;font-size:clamp(24px,3vw,32px)} .yp-atlas h3{margin:20px 0 12px;font-size:20px} .yp-atlas [id]{scroll-margin-top:calc(var(--yp-offset) + 20px)} .yp-atlas p{margin:0 0 16px} .yp-atlas a{color:var(--yp-accent);text-underline-offset:4px} .yp-atlas .yp-hero{padding:clamp(24px,5vw,42px);border:1px solid #dbe5f7;border-radius:24px;background:linear-gradient(135deg,#eef3ff,#fafbfe);color:var(--yp-ink)} .yp-atlas .yp-hero h2{color:var(--yp-ink);margin:10px 0 18px;font-size:clamp(26px,3.5vw,38px)} .yp-atlas .yp-eyebrow{display:inline-block;color:var(--yp-accent);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase} .yp-atlas .yp-lead{font-size:clamp(18px,2.5vw,23px);line-height:1.55} .yp-atlas .yp-stats{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px} .yp-atlas .yp-stats span{padding:5px 12px;border-radius:99px;border:1px solid #d4dff8;background:#fff;color:#3152a2;font-size:12px} .yp-atlas .yp-note{margin:24px 0;padding:22px 24px;border-left:4px solid var(--yp-accent);border-radius:0 14px 14px 0;background:var(--yp-soft)} .yp-atlas .yp-grid,.yp-atlas .yp-command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0} .yp-atlas .yp-card,.yp-atlas .yp-command{min-width:0;padding:22px;border:1px solid var(--yp-line);border-radius:18px;background:#fff;box-shadow:0 5px 22px rgba(23,35,55,.025)} .yp-atlas .yp-command{display:flex;flex-direction:column;gap:8px} .yp-atlas .yp-command strong{color:#294eb9;font-size:15px} .yp-atlas .yp-description,.yp-atlas .yp-sub,.yp-atlas .yp-count{color:var(--yp-muted);font-size:14px} .yp-atlas .yp-example{font-size:13px;line-height:1.6} .yp-atlas .yp-tag{display:inline-block;padding:4px 10px;border-radius:99px;background:#edf2ff;color:var(--yp-accent);font-size:12px;font-weight:700} .yp-atlas .yp-command button,.yp-atlas .yp-copy{align-self:flex-start;cursor:pointer;border:1px solid #d3def7;border-radius:9px;padding:8px 12px;background:#edf2ff;color:#264bb7;font:inherit;font-size:12px;font-weight:700} .yp-atlas .yp-command button{margin-top:auto} .yp-atlas .yp-commandbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:25px 0 12px} .yp-atlas .yp-commandbar input{max-width:100%;width:400px;padding:11px 14px;border:1px solid #cbd6e8;border-radius:11px;background:#fff;color:var(--yp-ink);font:inherit;font-size:14px} .yp-atlas .yp-tablewrap{max-width:100%;overflow-x:auto;margin:22px 0;border:1px solid var(--yp-line);border-radius:16px} .yp-atlas table{width:100%;border-collapse:collapse;background:#fff;font-size:14px} .yp-atlas th,.yp-atlas td{padding:14px;border-bottom:1px solid var(--yp-line);text-align:left;vertical-align:top} .yp-atlas th{background:var(--yp-soft)} .yp-atlas tr:last-child td{border-bottom:0} .yp-atlas .yp-prompt{margin:20px 0;padding:22px;border-radius:18px;background:#111d30;color:#e6edf8} .yp-atlas .yp-prompt p{color:#e6edf8} .yp-atlas .yp-prompt-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px} .yp-atlas .yp-prompt-head strong{color:#fff;font-size:13px} .yp-atlas .yp-copy{background:#263e66;color:#fff;border-color:#526b93} .yp-atlas .yp-faq details{padding:18px 0;border-bottom:1px solid var(--yp-line)} .yp-atlas .yp-faq summary{font-weight:700;cursor:pointer} .yp-atlas .yp-faq p{margin:12px 0 0;color:var(--yp-muted)} .yp-atlas .yp-close{margin-top:36px;padding:28px;border-radius:20px;background:var(--yp-soft)} .yp-atlas .yp-close h2{margin-top:0} .yp-atlas .yp-hidden{display:none!important} .yp-atlas .yp-filter-empty[hidden]{display:none} .yp-atlas .yp-filter-empty:not([hidden]){display:block;padding:18px;background:var(--yp-soft);border-radius:12px} .yp-atlas :focus-visible{outline:3px solid var(--yp-accent);outline-offset:4px} @media(max-width:1050px){.yp-atlas .yp-grid,.yp-atlas .yp-command-grid{grid-template-columns:1fr}} @media(max-width:800px){.yp-atlas{display:block}.yp-atlas .yp-side{position:static!important;max-height:none;margin-bottom:24px;overflow:visible}.yp-atlas .yp-side-note{display:none}}