/* Sepello · sepello.app · tasarım CSS'i (W panoları)
   Önce mobil. Masaüstü kırılımı 960 px. Tema sistemden; [data-theme] ile zorlanabilir.
   Yazı: Exo 400–700, siteden (değişken woff2, latin + latin-ext); Google Fonts yok (KVKK). */

@font-face{font-family:'Exo';src:url(/assets/fonts/exo.6bdf4f0258.woff2) format('woff2');font-weight:400 700;font-style:normal;font-display:swap}

:root{
  --ground:#FAFAFA; --surface:#FFFFFF; --raised:#F5F5F5; --line:#E9EAEB; --line2:#D5D7DA;
  --t1:#181D27; --t2:#414651; --t3:#535862; --wm:#1C1A17;
  --brand:#B23A1E; --fill:#D54223; --on-fill:#FFFFFF; --dot:#EF5A3C; --brand-soft:#FDEDE8;
  --band:#1C1A17; --band-t1:#F7F7F7; --band-t2:#CECFD2; --band-line:#373A41;
  --head:rgba(250,250,250,.82);
  --shadow:0 32px 64px -28px rgba(16,24,40,.28),0 0 0 1px rgba(16,24,40,.06);
  --r-s:10px; --r-m:14px; --r-l:20px; --r-dev:40px;
  --gut:20px; --maxw:1200px;
  color-scheme:light dark;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --ground:#0C0E12; --surface:#13161B; --raised:#22262F; --line:#22262F; --line2:#373A41;
    --t1:#F7F7F7; --t2:#CECFD2; --t3:#94979C; --wm:#F7F7F7;
    --brand:#FF8A6E; --brand-soft:#2E1C17;
    --band:#13161B; --band-line:#22262F;
    --head:rgba(12,14,18,.78);
    --shadow:0 32px 64px -28px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.06);
  }
}
:root[data-theme="dark"]{
  --ground:#0C0E12; --surface:#13161B; --raised:#22262F; --line:#22262F; --line2:#373A41;
  --t1:#F7F7F7; --t2:#CECFD2; --t3:#94979C; --wm:#F7F7F7;
  --brand:#FF8A6E; --brand-soft:#2E1C17;
  --band:#13161B; --band-line:#22262F;
  --head:rgba(12,14,18,.78);
  --shadow:0 32px 64px -28px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.06);
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:84px}
body{margin:0;background:var(--ground);color:var(--t2);font-family:'Exo',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:17px;line-height:27px;-webkit-font-smoothing:antialiased}
h1,h2,h3,p,ul,ol,figure{margin:0}
ul,ol{padding:0;list-style:none}
a{color:var(--brand);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
img{display:block;max-width:100%}
:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:6px}
[hidden]{display:none!important}
.w-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.w-skip{position:absolute;left:12px;top:-60px;z-index:50;background:var(--surface);color:var(--t1);padding:10px 14px;border-radius:var(--r-s);box-shadow:var(--shadow)}
.w-skip:focus{top:12px}

/* yazı ölçeği */
.w-display{font-size:34px;line-height:40px;letter-spacing:-.02em;font-weight:700;color:var(--t1);text-wrap:balance}
.w-h1{font-size:38px;line-height:44px;letter-spacing:-.02em;font-weight:700;color:var(--t1);text-wrap:balance}
.w-h2{font-size:32px;line-height:38px;letter-spacing:-.02em;font-weight:700;color:var(--t1);text-wrap:balance}
.w-h3{font-size:26px;line-height:32px;letter-spacing:-.015em;font-weight:700;color:var(--t1);text-wrap:balance}
.w-lead{font-size:18px;line-height:28px;color:var(--t2);text-wrap:pretty}
.w-small{font-size:14px;line-height:20px;color:var(--t3)}
.w-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:15px;line-height:20px;font-weight:600;color:var(--t2)}
.w-eyebrow svg{width:9px;height:7.85px;flex:none}
.w-num{font-variant-numeric:tabular-nums}
.w-vdot{display:inline-block;width:.199em;height:.174em;margin-left:.054em;vertical-align:baseline}

/* yerleşim */
.w-wrap{padding:0 var(--gut);margin:0 auto;max-width:calc(var(--maxw) + 2*var(--gut))}
.w-sec{padding:80px 0}
.w-stack{display:flex;flex-direction:column}

/* düğmeler */
.w-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 20px;border-radius:var(--r-m);font:600 16px/24px 'Exo',system-ui,sans-serif;text-decoration:none;white-space:nowrap;border:0;cursor:pointer}
.w-btn svg{width:20px;height:20px;flex:none}
.w-btn-fill{background:var(--fill);color:var(--on-fill)}
.w-btn-fill:hover{background:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1)),var(--fill)}
.w-btn-line{background:var(--surface);color:var(--t1);box-shadow:inset 0 0 0 1px var(--line2)}
.w-btn-soft{background:var(--brand-soft);color:var(--brand)}
.w-ic{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* mağaza: yayından önce resmî rozet kullanılmaz */
.w-stores{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.w-store{display:inline-flex;align-items:center;gap:12px;height:56px;padding:0 18px 0 14px;border-radius:var(--r-m);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line2);color:var(--t1);text-decoration:none;text-align:left}
.w-store svg{width:24px;height:24px;flex:none;color:var(--t2)}
.w-store small{display:block;font-size:12px;line-height:16px;font-weight:500;color:var(--t3)}
.w-store b{display:block;font-size:16px;line-height:20px;font-weight:600}

/* üst bar */
.w-head{position:fixed;left:0;right:0;top:0;z-index:20;background:var(--head);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);box-shadow:inset 0 -1px 0 var(--line);transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .32s}
.w-head .w-wrap{height:60px;display:flex;align-items:center;gap:24px}
.w-head .w-wm{width:96px;height:24.66px;color:var(--wm);display:block}
.w-head nav{display:none}
.w-head .w-head-end{margin-left:auto;display:flex;align-items:center;gap:16px}
.w-navlink{font-size:15px;line-height:20px;font-weight:600;color:var(--t2);text-decoration:none;padding:12px 0}
.w-navlink:hover,.w-navlink[aria-current="page"]{color:var(--t1)}
.w-pill{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:13px;line-height:18px;font-weight:600;white-space:nowrap}
.w-pill svg{width:8px;height:7px}
.js-hero .w-head.is-hidden{transform:translateY(-100%);opacity:0;pointer-events:none}

/* açılış */
.w-hero{position:relative}
.w-hero-stage{position:relative;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:104px var(--gut) 260px;overflow:hidden}
.w-mark{position:relative;width:240px;height:61.66px;flex:none}
.w-mark .w-letters{position:absolute;inset:0;width:100%;height:100%;color:var(--wm)}
.w-mark .w-dot{position:absolute;left:93.364%;top:62.95%;width:6.248%;height:21.223%}
.w-mark .w-dot>span{display:block;width:100%;height:100%;transform-origin:50% 100%}
.w-mark .w-dot svg{display:block;width:100%;height:100%;overflow:visible}
.w-hero-copy{margin-top:40px;max-width:560px;display:flex;flex-direction:column;align-items:center;gap:14px}
.w-hero-copy .w-stores{margin-top:18px}
.w-hero-dev{position:absolute;left:50%;bottom:-330px;width:260px;margin-left:-130px}
.w-hero-dev.l,.w-hero-dev.r{display:none}
.w-cue{position:absolute;left:0;right:0;bottom:28px;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:13px;line-height:18px;font-weight:600;color:var(--t3);opacity:0}
.w-cue i{display:block;width:1px;height:36px;background:linear-gradient(var(--t3),transparent)}
/* JS açıkken: 300svh iz, yapışkan sahne; değerler acilis.js'ten */
.js-hero .w-hero{height:300svh}
.js-hero .w-hero-stage{position:sticky;top:0;height:100svh}
.js-hero .w-cue{opacity:var(--cue,1)}

/* cihaz */
.w-dev{border-radius:var(--r-dev);overflow:hidden;background:var(--surface);box-shadow:var(--shadow)}
.w-dev img{width:100%;height:auto}

/* sorun */
.w-scatter{position:relative;height:250px;margin:36px 0 8px}
.w-chip{position:absolute;display:inline-flex;align-items:center;height:40px;padding:0 14px;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line2);font-size:15px;line-height:20px;font-weight:500;color:var(--t1);white-space:nowrap}
.w-chip.q{color:var(--t3);background:transparent;box-shadow:inset 0 0 0 1px var(--line2)}
.w-one{display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--r-l);background:var(--surface);box-shadow:var(--shadow)}
.w-one .t{width:48px;height:48px;border-radius:14px;background:#DD2590;color:#fff;display:flex;align-items:center;justify-content:center;flex:none}
.w-one b{display:block;font-size:17px;line-height:24px;font-weight:600;color:var(--t1)}
.w-one span{display:block;font-size:14px;line-height:20px;color:var(--t3)}
.w-bar{height:6px;border-radius:3px;background:var(--raised);overflow:hidden;margin-top:8px}
.w-bar i{display:block;height:100%;width:26%;background:#DD2590;border-radius:3px}

/* özellikler */
.w-feats{display:flex;flex-direction:column;gap:80px;margin-top:48px}
.w-feat{display:grid;grid-template-columns:minmax(0,1fr);gap:36px;align-items:center}
.w-feat-text{display:flex;flex-direction:column;gap:14px}
.w-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.w-facts li{display:inline-flex;align-items:center;height:34px;padding:0 12px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line2);font-size:14px;line-height:20px;font-weight:500;color:var(--t1)}
.w-feat .w-dev{width:248px;margin:0 auto}

/* tamamlanma bandı */
.w-band{background:var(--band);color:var(--band-t2);border-radius:28px;margin:0 var(--gut);padding:64px 24px 0;overflow:hidden;text-align:center;box-shadow:inset 0 0 0 1px var(--band-line)}
.w-band .w-h2{color:var(--band-t1);font-size:52px;line-height:56px}
.w-band p{max-width:520px;margin:16px auto 0;color:var(--band-t2)}
.w-band .w-dev{width:260px;margin:48px auto -96px;border-radius:var(--r-dev) var(--r-dev) 0 0}

/* ekranlar */
.w-gal{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px var(--gut) 28px;margin:40px calc(-1*var(--gut)) 0;scrollbar-width:none}
.w-gal figure{flex:none;width:220px;scroll-snap-align:center}
.w-gal .w-dev{border-radius:30px}
.w-gal figcaption{margin-top:14px;font-size:14px;line-height:20px;font-weight:600;color:var(--t2);text-align:center}

/* yakında */
.w-soon{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}

/* alt bilgi */
.w-foot{border-top:1px solid var(--line);padding:56px 0 40px}
.w-foot .w-wm{width:104px;height:26.7px;color:var(--wm);display:block}
.w-foot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;margin-top:36px}
.w-foot h2{font-size:14px;line-height:20px;font-weight:600;color:var(--t1);margin-bottom:10px}
.w-foot li a{display:inline-block;padding:6px 0;font-size:15px;line-height:20px;color:var(--t2);text-decoration:none}
.w-foot li a:hover{color:var(--t1)}
.w-foot-end{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:40px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;line-height:18px;color:var(--t3)}

/* yasal sayfa */
.w-doc{padding:108px 0 88px}
.w-doc-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}
.w-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1*var(--gut));padding:0 var(--gut)}
.w-tabs a{flex:none;display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;font-size:14px;line-height:20px;font-weight:600;color:var(--t2);text-decoration:none;box-shadow:inset 0 0 0 1px var(--line2)}
.w-tabs a[aria-current="page"]{background:var(--t1);color:var(--ground);box-shadow:none}
.w-meta{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:14px;line-height:20px;color:var(--t3);margin-top:14px}
.w-toc{border-radius:var(--r-l);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.w-toc summary{list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:0 16px;font-size:16px;line-height:24px;font-weight:600;color:var(--t1);cursor:pointer}
.w-toc summary::-webkit-details-marker{display:none}
.w-toc ol{padding:0 8px 10px}
.w-toc li a{display:flex;gap:10px;padding:9px 8px;border-radius:8px;font-size:15px;line-height:21px;color:var(--t2);text-decoration:none}
.w-toc li a span{color:var(--t3);font-variant-numeric:tabular-nums;min-width:20px}
.w-toc li a[aria-current="true"]{color:var(--t1);font-weight:600;background:var(--raised)}
.w-prose{max-width:720px}
.w-prose>*+*{margin-top:18px}
.w-prose h2{font-size:22px;line-height:30px;font-weight:700;letter-spacing:-.01em;color:var(--t1);margin-top:56px;display:flex;gap:10px;scroll-margin-top:88px}
.w-prose h2 .n{color:var(--t3);font-variant-numeric:tabular-nums}
.w-prose h2 .a{margin-left:auto;opacity:0;color:var(--t3);text-decoration:none;font-weight:500}
.w-prose h2:hover .a,.w-prose h2 .a:focus{opacity:1}
.w-prose p,.w-prose li{font-size:17px;line-height:29px;color:var(--t2)}
.w-prose strong{color:var(--t1);font-weight:600}
.w-prose ul{display:flex;flex-direction:column;gap:8px}
.w-prose ul li{position:relative;padding-left:20px}
.w-prose ul li::before{content:"";position:absolute;left:2px;top:12px;width:6px;height:6px;border-radius:2px;background:var(--t3)}
.w-tablebox{overflow-x:auto;border-radius:var(--r-m);box-shadow:inset 0 0 0 1px var(--line);margin-left:calc(-1*var(--gut));margin-right:calc(-1*var(--gut));border-radius:0}
.w-table{border-collapse:collapse;width:100%;min-width:600px}
.w-table th{font-size:14px;line-height:20px;font-weight:600;color:var(--t1);text-align:left;padding:12px 16px;background:var(--raised)}
.w-table td{font-size:15px;line-height:24px;color:var(--t2);padding:14px 16px;border-top:1px solid var(--line);vertical-align:top}
.w-table td:first-child{color:var(--t1);font-weight:600;width:28%}
.w-totop{position:fixed;right:16px;bottom:16px;z-index:15;width:48px;height:48px;border-radius:999px;background:var(--surface);box-shadow:var(--shadow);color:var(--t1);display:flex;align-items:center;justify-content:center}
.w-totop svg{width:20px;height:20px}
.w-aside{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:var(--r-m);background:var(--raised);font-size:15px;line-height:24px;color:var(--t2)}

/* destek */
.w-contact{border-radius:var(--r-l);background:var(--surface);box-shadow:var(--shadow);padding:24px;display:flex;flex-direction:column;gap:14px}
.w-contact .mail{font-size:24px;line-height:32px;font-weight:700;color:var(--t1);letter-spacing:-.01em;word-break:break-all}
.w-contact .row{display:flex;flex-wrap:wrap;gap:8px}
.w-faq{border-top:1px solid var(--line)}
.w-faq details{border-bottom:1px solid var(--line)}
.w-faq summary{list-style:none;display:flex;align-items:center;gap:16px;min-height:64px;padding:16px 0;font-size:17px;line-height:24px;font-weight:600;color:var(--t1);cursor:pointer}
.w-faq summary::-webkit-details-marker{display:none}
.w-faq summary svg{margin-left:auto;width:20px;height:20px;flex:none;color:var(--t3);transition:transform .2s}
.w-faq details[open] summary svg{transform:rotate(45deg)}
.w-faq details p{padding:0 36px 20px 0;font-size:16px;line-height:26px;color:var(--t2)}
.w-steps{display:flex;flex-direction:column;gap:12px;counter-reset:s}
.w-steps li{display:flex;gap:14px;align-items:flex-start;font-size:16px;line-height:26px;color:var(--t2)}
.w-steps li::before{counter-increment:s;content:counter(s);flex:none;width:28px;height:28px;border-radius:9px;background:var(--raised);color:var(--t1);font-size:14px;line-height:28px;font-weight:700;text-align:center}
.w-steps b{color:var(--t1);font-weight:600}
.w-card{border-radius:var(--r-l);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);padding:24px;display:flex;flex-direction:column;gap:16px}

/* davet / şablon / 404 */
.w-land{min-height:100svh;display:flex;flex-direction:column}
.w-land-main{flex:1;display:flex;flex-direction:column;justify-content:center;padding:96px 0 48px}
.w-code{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 16px 20px;border-radius:var(--r-l);background:var(--brand-soft)}
.w-code b{font-size:28px;line-height:36px;font-weight:700;letter-spacing:3px;color:var(--t1);font-variant-numeric:tabular-nums}
.w-big-dot{width:56px;height:48.9px}

@media (min-width:960px){
  :root{--gut:48px}
  body{font-size:18px;line-height:29px}
  .w-display{font-size:64px;line-height:68px}
  .w-h1{font-size:56px;line-height:60px}
  .w-h2{font-size:52px;line-height:58px}
  .w-h3{font-size:36px;line-height:42px}
  .w-lead{font-size:21px;line-height:32px}
  .w-sec{padding:136px 0}
  .w-head .w-wrap{height:72px;gap:40px}
  .w-head .w-wm{width:112px;height:28.77px}
  .w-head nav{display:flex;gap:32px}
  .w-hero-stage{padding:120px var(--gut) 320px}
  .w-mark{width:440px;height:113.05px}
  .w-hero-copy{margin-top:56px;max-width:820px;gap:18px}
  .w-hero-dev{width:300px;margin-left:-150px;bottom:-372px}
  .w-hero-dev.l{display:block;width:240px;margin-left:-450px;bottom:-352px}
  .w-hero-dev.r{display:block;width:240px;margin-left:210px;bottom:-352px}
  .w-scatter{height:300px}
  .w-feats{gap:112px;margin-top:80px}
  .w-feat{grid-template-columns:repeat(12,minmax(0,1fr));gap:48px}
  .w-feat-text{grid-column:1 / span 5}
  .w-feat-media{grid-column:7 / span 6}
  .w-feat.flip .w-feat-text{grid-column:8 / span 5;grid-row:1}
  .w-feat.flip .w-feat-media{grid-column:1 / span 6;grid-row:1}
  .w-feat .w-dev{width:320px}
  .w-band{max-width:var(--maxw);margin:0 auto;padding:120px 48px 0;border-radius:40px}
  .w-band .w-h2{font-size:120px;line-height:120px;letter-spacing:-.035em}
  .w-band .w-dev{width:340px;margin-top:72px;margin-bottom:-140px}
  .w-gal{justify-content:center;overflow:visible;gap:24px;margin:64px 0 0;padding:0}
  .w-gal figure{width:200px}
  .w-gal figure:nth-child(even){margin-top:48px}
  .w-foot{padding:80px 0 48px}
  .w-foot-top{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:48px}
  .w-foot-brand{grid-column:1 / span 5}
  .w-foot-grid{grid-column:7 / span 6;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0}
  .w-doc{padding:152px 0 140px}
  .w-doc-grid{grid-template-columns:260px minmax(0,720px);gap:96px;justify-content:center}
  .w-doc-side{position:sticky;top:112px;align-self:start}
  .w-toc{background:transparent;box-shadow:none}
  .w-toc summary{display:none}
  .w-toc ol{padding:0}
  .w-toc li a{font-size:14px;line-height:20px;padding:8px 10px}
  .w-tablebox{margin:0;border-radius:var(--r-m)}
  .w-table{min-width:0}
  .w-totop{display:none}
  .w-sup-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:48px}
  .w-sup-main{grid-column:1 / span 7}
  .w-sup-side{grid-column:9 / span 4}
  .w-land-main{padding:160px 0 96px}
  .w-land-box{max-width:560px;margin:0 auto}
}
@media (max-height:700px){
  .w-hero-dev{display:none!important}
  .w-hero-stage{padding-bottom:96px}
}
@media (prefers-reduced-motion: reduce){
  .w-head{transition:none}
  .w-hero-stage>*{animation:w-in .2s ease-out both}
  @keyframes w-in{from{opacity:0}to{opacity:1}}
  .w-faq summary svg{transition:none}
}

/* sayfa ekleri */
.w-mob{display:inline-flex}.w-desk{display:none}
.w-left{justify-content:flex-start}
.w-cut{position:relative;color:var(--t3)!important;font-weight:600}
.w-head-plain{position:absolute;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.w-foot-end a{color:var(--t3);text-decoration:none}
.w-prob-art{margin-top:8px}
@media (min-width:960px){
  .w-mob{display:none}.w-desk{display:inline-flex}
  .w-prob{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:48px;align-items:end}
  .w-prob>.w-stack{grid-column:1 / span 6}
  .w-prob-art{grid-column:8 / span 5;margin-top:0}
  .w-sup-main{grid-row:1}
  .w-sup-side{grid-row:1;position:sticky;top:112px;align-self:start}
  .w-sup-main>h2:first-child{margin-top:0!important}
}

.w-mob-b{display:block}.w-desk-b{display:none}
@media (max-width:959.98px){
  .w-tablebox{box-shadow:none;margin:0;overflow:visible;border-radius:0}
  .w-table{min-width:0}
  .w-table thead{display:none}
  .w-table tr{display:block;padding:14px 0 16px;border-top:1px solid var(--line)}
  .w-table tr:last-child{border-bottom:1px solid var(--line)}
  .w-table td{display:block;border:0;padding:0;width:auto!important}
  .w-table td::before{content:attr(data-label);display:block;font-size:13px;line-height:18px;font-weight:600;color:var(--t3);margin-top:10px}
  .w-table td:first-child{font-size:16px;line-height:24px}
  .w-table td:first-child::before{display:none}
}
@media (min-width:960px){
  .w-mob-b{display:none}.w-desk-b{display:block}
}

/* kopyala düğmesi (W3.1): 2 sn "Kopyalandı" ve tik; genişlik değişmez */
.w-copy{min-width:132px}
.w-code .w-copy{height:44px;padding:0 14px;background:var(--surface);color:var(--brand)}
/* kod bölünmez; düğmeyle yan yana sığmazsa düğme alta iner */
.w-code{flex-wrap:wrap}
.w-code b{white-space:nowrap}

/* yasal metinde iç içe liste */
.w-prose li>ul{margin-top:8px}

/* nokta kendi kutusunda kırpılmaz: büyütülünce (açılışta 1,6 kat) kutunun
   piksele yuvarlanması sağ kenarı kesmesin */
svg:has(> use[href="#sp-dot"]){overflow:visible}