/* developers.bulutegra.com — Bulutegra renkleri (bulutegra.com ortak.css ile aynı belirteçler) */
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url('/font/inter-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url('/font/inter-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{
  --bg:#FFFFFF;--bg2:#F5F5F7;--bg3:#FAFAFC;
  --ink:#1D1D1F;--ink2:#424245;--ink3:#6E6E73;
  --line:#D2D2D7;--line2:#E8E8ED;
  --mavi:#0071E3;--mavi-yazi:#0067CE;--mavi2:#0077ED;--mavi-dolu:#0071E3;--mavi-zemin:rgba(0,113,227,.08);
  --yesil:#1A7A45;--turuncu:#B25000;--kirmizi:#C9302C;
  --kart:#FFFFFF;--golge:0 4px 24px rgba(0,0,0,.06);
  --kod-zemin:#0B1220;--kod-ink:#E6EDF7;--kod-bas:#111A2C;--kod-cizgi:#1E2A44;
  --t-s:#7CC4FF;--t-str:#A5E3A0;--t-n:#FFB86B;--t-k:#C3A6FF;--t-c:#6B7A99;--t-f:#7FD1D9;--t-v:#FFD479;
  --r:14px;--ust:60px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#000000;--bg2:#101012;--bg3:#0A0A0C;--ink:#F5F5F7;--ink2:#C7C7CC;--ink3:#8E8E93;--line:#2C2C2E;--line2:#1C1C1E;
  --mavi:#2997FF;--mavi-yazi:#4AA8FF;--mavi2:#4AA8FF;--mavi-dolu:#0071E3;--mavi-zemin:rgba(41,151,255,.12);
  --yesil:#30D158;--turuncu:#FF9F0A;--kirmizi:#FF453A;--kart:#141416;--golge:0 4px 28px rgba(0,0,0,.5);
  --kod-zemin:#0A0F1A;--kod-bas:#0F1626;--kod-cizgi:#1B2640;color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#000000;--bg2:#101012;--bg3:#0A0A0C;--ink:#F5F5F7;--ink2:#C7C7CC;--ink3:#8E8E93;--line:#2C2C2E;--line2:#1C1C1E;
  --mavi:#2997FF;--mavi-yazi:#4AA8FF;--mavi2:#4AA8FF;--mavi-dolu:#0071E3;--mavi-zemin:rgba(41,151,255,.12);
  --yesil:#30D158;--turuncu:#FF9F0A;--kirmizi:#FF453A;--kart:#141416;--golge:0 4px 28px rgba(0,0,0,.5);
  --kod-zemin:#0A0F1A;--kod-bas:#0F1626;--kod-cizgi:#1B2640;color-scheme:dark}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--ust) + 20px)}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01"}
a{color:var(--mavi-yazi);text-decoration:none}a:hover{text-decoration:underline}
code,kbd,pre{font-family:ui-monospace,SFMono-Regular,"JetBrains Mono",Menlo,Consolas,monospace}
:not(pre)>code{font-size:.86em;padding:.12em .4em;border-radius:6px;background:var(--bg2);border:1px solid var(--line2);color:var(--ink);white-space:nowrap}
.atla{position:absolute;left:-999px;top:8px;background:var(--mavi-dolu);color:#fff;padding:8px 14px;border-radius:8px;z-index:100}.atla:focus{left:12px}
:focus-visible{outline:2px solid var(--mavi);outline-offset:2px}
[hidden]{display:none!important}

/* üst çubuk */
.ust{position:sticky;top:0;z-index:40;height:var(--ust);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid var(--line2)}
.ust-ic{max-width:1440px;margin:0 auto;height:100%;display:flex;align-items:center;gap:22px;padding:0 20px}
.logo{display:flex;align-items:center;gap:8px;color:var(--ink);font-weight:650;font-size:18px;letter-spacing:-.02em;text-decoration:none!important;flex:none}
.logo svg{width:26px;height:26px;color:var(--mavi)}
.logo em{font-style:normal;font-weight:500;font-size:13px;color:var(--mavi-yazi);background:var(--mavi-zemin);padding:3px 9px;border-radius:100px;margin-left:2px;letter-spacing:0}
.ust-menu{display:flex;gap:4px}
.ust-menu a{color:var(--ink2);font-size:14.5px;font-weight:500;padding:6px 11px;border-radius:8px;text-decoration:none}
.ust-menu a:hover{background:var(--bg2);color:var(--ink)}
.ust-sag{margin-left:auto;display:flex;align-items:center;gap:8px}
.ara-dug{display:flex;align-items:center;gap:8px;height:36px;padding:0 10px 0 12px;border-radius:10px;border:1px solid var(--line);background:var(--bg2);color:var(--ink3);font:inherit;font-size:14px;cursor:pointer;min-width:200px}
.ara-dug span{flex:1;text-align:left}
kbd{font-size:11.5px;padding:2px 6px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink3)}
.dil,.tema{height:36px;min-width:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--line);background:transparent;color:var(--ink2);font:inherit;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none!important}
.dil:hover,.tema:hover{background:var(--bg2)}
.tema .a{display:none}
:root[data-theme="dark"] .tema .g{display:none}:root[data-theme="dark"] .tema .a{display:block}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tema .g{display:none}:root:not([data-theme="light"]) .tema .a{display:block}}
.panel-dug{height:36px;display:flex;align-items:center;padding:0 14px;border-radius:10px;background:var(--mavi-dolu);color:#fff!important;font-size:14px;font-weight:600;text-decoration:none!important;white-space:nowrap}
.panel-dug:hover{background:var(--mavi2)}
.hamb{display:none;width:40px;height:40px;border:0;background:transparent;cursor:pointer;margin-left:-8px;position:relative}
.hamb span,.hamb span::before,.hamb span::after{position:absolute;left:11px;width:18px;height:1.6px;background:var(--ink);border-radius:2px;content:"";transition:.2s}
.hamb span{top:19px}.hamb span::before{top:-6px;left:0}.hamb span::after{top:6px;left:0}
.hamb[aria-expanded="true"] span{background:transparent}.hamb[aria-expanded="true"] span::before{top:0;transform:rotate(45deg)}.hamb[aria-expanded="true"] span::after{top:0;transform:rotate(-45deg)}

/* doküman düzeni */
.dok{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:272px minmax(0,1fr) 232px;gap:0}
.yan{position:sticky;top:var(--ust);height:calc(100vh - var(--ust));overflow-y:auto;padding:26px 16px 40px 20px;border-right:1px solid var(--line2);scrollbar-width:thin}
.yg{margin-bottom:22px}
.yg-bas{font-size:12px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);margin:0 10px 6px}
.yan a{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;color:var(--ink2);font-size:14.5px;text-decoration:none;line-height:1.35}
.yan a:hover{background:var(--bg2);color:var(--ink)}
.yan a.on{background:var(--mavi-zemin);color:var(--mavi-yazi);font-weight:600}
.yg-m{font:600 10px/1 ui-monospace,monospace;color:var(--yesil);background:color-mix(in srgb,var(--yesil) 12%,transparent);padding:3px 5px;border-radius:4px;letter-spacing:.02em}
.icerik{min-width:0;padding:36px 56px 80px}
.icerik article{max-width:780px;margin:0 auto}
.kirinti{font-size:13.5px;font-weight:600;color:var(--mavi-yazi);margin-bottom:6px}
h1{font-size:clamp(30px,3.4vw,40px);line-height:1.12;letter-spacing:-.03em;font-weight:700;margin:0 0 18px}
.icerik h2{font-size:24px;letter-spacing:-.022em;line-height:1.25;margin:44px 0 12px;font-weight:650;position:relative}
.icerik h3{font-size:18.5px;letter-spacing:-.015em;margin:30px 0 10px;font-weight:650;position:relative}
.cpa{position:absolute;left:-22px;color:var(--ink3);opacity:0;text-decoration:none!important;font-weight:400}
h2:hover .cpa,h3:hover .cpa{opacity:1}
.icerik p,.icerik li{color:var(--ink2)}
.icerik p{margin:0 0 16px}
.icerik ul,.icerik ol{padding-left:22px;margin:0 0 18px}.icerik li{margin:6px 0}
ol.adim{list-style:none;padding:0;counter-reset:a}
ol.adim li{counter-increment:a;position:relative;padding-left:40px;margin:12px 0}
ol.adim li::before{content:counter(a);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;background:var(--mavi-zemin);color:var(--mavi-yazi);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}
.not{display:flex;gap:12px;padding:14px 16px;border-radius:12px;margin:18px 0;font-size:15px;border:1px solid}
.not div{color:var(--ink2)}
.not-ik{flex:none;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 13px/1 Inter,sans-serif;color:#fff;margin-top:1px}
.not-bilgi{background:var(--mavi-zemin);border-color:color-mix(in srgb,var(--mavi) 30%,transparent)}.not-bilgi .not-ik{background:var(--mavi-dolu)}
.not-uyari{background:color-mix(in srgb,var(--turuncu) 9%,transparent);border-color:color-mix(in srgb,var(--turuncu) 35%,transparent)}.not-uyari .not-ik{background:var(--turuncu)}
.tw{overflow-x:auto;margin:14px 0 22px;border:1px solid var(--line2);border-radius:12px}
table{width:100%;border-collapse:collapse;font-size:14.5px}
th{text-align:left;font-weight:600;color:var(--ink);background:var(--bg2);padding:10px 14px;border-bottom:1px solid var(--line2);white-space:nowrap}
td{padding:10px 14px;border-bottom:1px solid var(--line2);color:var(--ink2);vertical-align:top}
tr:last-child td{border-bottom:0}
td:first-child code{color:var(--mavi-yazi)}

/* uç satırı */
.uc{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line2);border-radius:12px;background:var(--bg3);margin:4px 0 20px;overflow-x:auto}
.uc-m{font:700 12px/1 ui-monospace,monospace;color:#fff;background:var(--yesil);padding:6px 8px;border-radius:6px;letter-spacing:.03em;flex:none}
.uc code{background:none!important;border:0!important;font-size:15px!important;padding:0!important;color:var(--ink)!important;white-space:nowrap}
.kopya-k{margin-left:auto;flex:none;border:0;background:transparent;color:var(--ink3);cursor:pointer;padding:6px;border-radius:6px;display:flex}
.kopya-k:hover{background:var(--bg2);color:var(--ink)}

/* kod blokları */
.kod{margin:14px 0 22px;border-radius:12px;overflow:hidden;background:var(--kod-zemin);border:1px solid var(--kod-cizgi);box-shadow:0 1px 0 rgba(255,255,255,.04) inset}
.kod-bas{display:flex;align-items:center;justify-content:space-between;background:var(--kod-bas);border-bottom:1px solid var(--kod-cizgi);padding:0 6px 0 4px;min-height:40px}
.kod-sek{display:flex;overflow-x:auto}
.ks{border:0;background:transparent;color:#8D9BB8;font:500 13px/1 Inter,sans-serif;padding:13px 12px 11px;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}
.ks:hover{color:#E6EDF7}.ks.on{color:#fff;border-bottom-color:#2997FF}
.kod.tek .ks{cursor:default;font:500 12px/1 ui-monospace,monospace;color:#8D9BB8;border-bottom-color:transparent;text-transform:none}
.kopya{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#8D9BB8;font:500 12.5px/1 Inter,sans-serif;padding:7px 9px;border-radius:7px;cursor:pointer}
.kopya:hover{background:rgba(255,255,255,.07);color:#fff}
.kod pre{margin:0;padding:16px 18px;overflow-x:auto;font-size:13.5px;line-height:1.65;color:var(--kod-ink);tab-size:2}
.kod pre code{white-space:pre}
.t-s{color:var(--t-s)}.t-str{color:var(--t-str)}.t-n{color:var(--t-n)}.t-k{color:var(--t-k)}.t-c{color:var(--t-c);font-style:italic}.t-f{color:var(--t-f)}.t-v{color:var(--t-v)}

/* kartlar */
.kartlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:22px 0}
.kart{display:block;position:relative;padding:18px 18px 16px;border:1px solid var(--line2);border-radius:var(--r);background:var(--kart);text-decoration:none!important;transition:border-color .15s,transform .15s}
.kart:hover{border-color:var(--mavi);transform:translateY(-1px)}
.kart b{display:block;color:var(--ink);font-size:15.5px;margin-bottom:4px}.kart span{color:var(--ink3);font-size:14px}
.kart i{position:absolute;right:16px;top:16px;color:var(--mavi);font-style:normal}
.surum{border-left:2px solid var(--mavi);padding:2px 0 2px 18px;margin:8px 0 24px}
.surum-bas{display:flex;gap:10px;align-items:center;margin-bottom:6px}
.rozet{font:700 12px/1 ui-monospace,monospace;background:var(--mavi-dolu);color:#fff;padding:5px 8px;border-radius:6px}
.surum time{color:var(--ink3);font-size:14px}
.guncel{font-size:13px;color:var(--ink3)!important;margin-top:44px!important}
.gez{display:flex;justify-content:space-between;gap:12px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line2)}
.gez a{display:flex;flex-direction:column;gap:2px;padding:12px 16px;border:1px solid var(--line2);border-radius:12px;text-decoration:none!important;max-width:48%}
.gez a:hover{border-color:var(--mavi)}.gez a.sag{text-align:right;margin-left:auto}
.gez small{color:var(--ink3);font-size:12.5px}.gez b{color:var(--ink);font-size:15px;font-weight:600}

/* sağ içindekiler */
.toc{position:sticky;top:var(--ust);height:calc(100vh - var(--ust));overflow-y:auto;padding:36px 20px 40px 8px;font-size:13.5px}
.toc-bas{font-size:12px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);margin-bottom:10px}
.toc a{display:block;color:var(--ink3);padding:4px 0 4px 12px;border-left:1px solid var(--line2);text-decoration:none;line-height:1.4}
.toc a.t3{padding-left:24px}
.toc a:hover{color:var(--ink)}.toc a.on{color:var(--mavi-yazi);border-left-color:var(--mavi)}

/* ana sayfa */
.ana{overflow:hidden}
.kahraman{position:relative;padding:76px 20px 56px}
.kahraman::before{content:"";position:absolute;inset:-30% -10% auto;height:620px;background:radial-gradient(50% 55% at 70% 40%,color-mix(in srgb,var(--mavi) 22%,transparent),transparent 70%),radial-gradient(40% 50% at 15% 10%,color-mix(in srgb,var(--mavi) 10%,transparent),transparent 70%);pointer-events:none;z-index:-1}
.kahraman::after{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line2) 1px,transparent 1px),linear-gradient(90deg,var(--line2) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(60% 70% at 60% 30%,#000 10%,transparent 70%);-webkit-mask-image:radial-gradient(60% 70% at 60% 30%,#000 10%,transparent 70%);opacity:.55;pointer-events:none;z-index:-1}
.kh-ic{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center}
.etiket{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--mavi-yazi);background:var(--mavi-zemin);border:1px solid color-mix(in srgb,var(--mavi) 25%,transparent);padding:5px 12px;border-radius:100px;margin-bottom:22px}
.etiket i{width:7px;height:7px;border-radius:50%;background:var(--yesil);box-shadow:0 0 0 3px color-mix(in srgb,var(--yesil) 25%,transparent)}
.kahraman h1{font-size:clamp(34px,5vw,58px);overflow-wrap:break-word;line-height:1.04;letter-spacing:-.04em;margin:0 0 20px}
.kahraman p{font-size:clamp(17px,1.6vw,19.5px);color:var(--ink2);max-width:540px;margin:0 0 30px}
.kh-dug{display:flex;gap:12px;flex-wrap:wrap}
.dug{display:inline-flex;align-items:center;height:46px;padding:0 22px;border-radius:12px;background:var(--mavi-dolu);color:#fff!important;font-weight:600;font-size:15.5px;text-decoration:none!important}
.dug:hover{background:var(--mavi2)}
.dug.ikincil{background:transparent;color:var(--ink)!important;box-shadow:inset 0 0 0 1px var(--line)}.dug.ikincil:hover{background:var(--bg2)}
.pencere{border-radius:16px;background:var(--kod-zemin);border:1px solid var(--kod-cizgi);box-shadow:0 30px 80px -20px rgba(0,60,140,.45),0 0 0 1px rgba(255,255,255,.03) inset;overflow:hidden}
.pb{display:flex;align-items:center;gap:7px;padding:12px 14px;background:var(--kod-bas);border-bottom:1px solid var(--kod-cizgi)}
.pb i{width:11px;height:11px;border-radius:50%;background:#2A3550}.pb i:nth-child(1){background:#FF5F57}.pb i:nth-child(2){background:#FEBC2E}.pb i:nth-child(3){background:#28C840}
.pb span{margin-left:8px;color:#8D9BB8;font:500 12px/1 ui-monospace,monospace}
.pencere pre{margin:0;padding:16px 18px;font-size:12.8px;line-height:1.6;color:var(--kod-ink);overflow-x:auto}
.pyanit{display:flex;gap:10px;align-items:center;padding:8px 18px;border-top:1px solid var(--kod-cizgi);border-bottom:1px solid var(--kod-cizgi);background:var(--kod-bas);font:500 12px/1 ui-monospace,monospace;color:#8D9BB8}
.durum-200{color:#30D158;font-weight:700}
.pencere pre.yanit{max-height:330px}
.akartlar{max-width:1200px;margin:0 auto;padding:8px 20px 20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.akart{display:flex;flex-direction:column;gap:6px;padding:22px;border:1px solid var(--line2);border-radius:18px;background:var(--kart);text-decoration:none!important;transition:border-color .15s,transform .15s,box-shadow .15s}
.akart:hover{border-color:var(--mavi);transform:translateY(-2px);box-shadow:var(--golge)}
.ak-ik{width:42px;height:42px;border-radius:12px;background:var(--mavi-zemin);color:var(--mavi);display:flex;align-items:center;justify-content:center;margin-bottom:8px}
.akart b{color:var(--ink);font-size:17px;letter-spacing:-.01em}.akart span:last-child{color:var(--ink3);font-size:14.5px;line-height:1.5}
.ozler{max-width:1200px;margin:0 auto;padding:40px 20px 80px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.oz{border-top:1px solid var(--line);padding-top:18px}.oz b{display:block;font-size:17px;margin-bottom:6px}.oz span{color:var(--ink3);font-size:15px}
.alt{border-top:1px solid var(--line2);padding:26px 20px}
.alt-ic{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:13.5px;color:var(--ink3)}
.alt-ic .logo{font-size:15px}.alt-ic .logo svg{width:22px;height:22px}
.alt-b{margin-left:auto;display:flex;gap:16px}.alt-b a{color:var(--ink3)}

/* arama */
.ara-kutu{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.35);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding:12vh 16px 16px}
.ara-ic{width:100%;max-width:620px;background:var(--kart);border:1px solid var(--line);border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.3);overflow:hidden}
.ara-giris{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line2);color:var(--ink3)}
.ara-giris input{flex:1;border:0;background:transparent;color:var(--ink);font:inherit;font-size:17px;outline:none}
#araSonuc{list-style:none;margin:0;padding:8px;max-height:56vh;overflow-y:auto}
#araSonuc a{display:block;padding:10px 12px;border-radius:10px;text-decoration:none!important;color:var(--ink)}
#araSonuc a small{display:block;color:var(--ink3);font-size:12.5px}
#araSonuc a span{display:block;color:var(--ink3);font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#araSonuc li.on a,#araSonuc a:hover{background:var(--mavi-zemin)}
#araSonuc mark{background:none;color:var(--mavi-yazi);font-weight:650}
.ara-yok{padding:18px;color:var(--ink3);margin:0}

/* duyarlı */
@media (max-width:1180px){.dok{grid-template-columns:252px minmax(0,1fr)}.toc{display:none}.icerik{padding:32px 36px 70px}}
@media (max-width:980px){
  .ust-menu{display:none}.ara-dug{min-width:0}.ara-dug span,.ara-dug kbd{display:none}.hamb{display:block}
  .dok{grid-template-columns:1fr}
  .yan{position:fixed;top:var(--ust);left:0;bottom:0;width:min(320px,86vw);height:auto;z-index:35;background:var(--bg);transform:translateX(-102%);transition:transform .22s ease;box-shadow:var(--golge)}
  body.yan-acik .yan{transform:none}
  body.yan-acik::after{content:"";position:fixed;inset:var(--ust) 0 0;background:rgba(0,0,0,.3);z-index:30}
  .kh-ic{grid-template-columns:minmax(0,1fr);gap:36px}.kh-sol,.kh-kod{min-width:0}.akartlar{grid-template-columns:repeat(2,minmax(0,1fr))}.ozler{grid-template-columns:1fr;gap:6px}
}
@media (max-width:640px){
  .ust-ic{gap:10px;padding:0 12px}.logo em{display:none}.panel-dug{display:none}
  .icerik{padding:24px 16px 60px}.cpa{display:none}
  .kahraman{padding:46px 16px 36px}.akartlar{grid-template-columns:1fr;padding:8px 16px 16px}.ozler{padding:24px 16px 56px}
  .gez{flex-direction:column}.gez a{max-width:none}
  .alt-b{margin-left:0;flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}