@layer properties;
@layer theme,base,components,utilities;
@layer theme {
  :root,:host {
    --font-sans:"Sora";
    --font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --color-orange-400:oklch(75% 0.183 55.934);
    --color-amber-50:oklch(98.7% 0.022 95.277);
    --color-amber-300:oklch(87.9% 0.169 91.605);
    --color-amber-400:oklch(82.8% 0.189 84.429);
    --color-amber-500:oklch(76.9% 0.188 70.08);
    --color-amber-600:oklch(66.6% 0.179 58.318);
    --color-yellow-300:oklch(90.5% 0.182 98.111);
    --color-slate-300:oklch(86.9% 0.022 252.894);
    --color-slate-600:oklch(44.6% 0.043 257.281);
    --color-neutral-600:oklch(43.9% 0 0);
    --color-neutral-700:oklch(37.1% 0 0);
    --color-neutral-900:oklch(20.5% 0 0);
    --color-neutral-950:oklch(14.5% 0 0);
    --color-stone-50:oklch(98.5% 0.001 106.423);
    --color-stone-100:oklch(97% 0.001 106.424);
    --color-stone-200:oklch(92.3% 0.003 48.717);
    --color-stone-300:oklch(86.9% 0.005 56.366);
    --color-stone-400:oklch(70.9% 0.01 56.259);
    --color-stone-500:oklch(55.3% 0.013 58.071);
    --color-stone-600:oklch(44.4% 0.011 73.639);
    --color-stone-900:oklch(21.6% 0.006 56.043);
    --color-stone-950:oklch(14.7% 0.004 49.25);
    --color-white:#fff;
    --spacing:0.25rem;
    --container-3xl:48rem;
    --container-6xl:72rem;
    --text-xs:0.75rem;
    --text-xs--line-height:calc(1 / 0.75);
    --text-sm:0.875rem;
    --text-sm--line-height:calc(1.25 / 0.875);
    --text-base:1rem;
    --text-base--line-height:calc(1.5 / 1);
    --text-lg:1.125rem;
    --text-lg--line-height:calc(1.75 / 1.125);
    --text-xl:1.25rem;
    --text-xl--line-height:calc(1.75 / 1.25);
    --text-2xl:1.5rem;
    --text-2xl--line-height:calc(2 / 1.5);
    --text-3xl:1.875rem;
    --text-3xl--line-height:calc(2.25 / 1.875);
    --text-4xl:2.25rem;
    --text-4xl--line-height:calc(2.5 / 2.25);
    --font-weight-bold:700;
    --font-weight-black:800;
    --tracking-tight:-0.025em;
    --tracking-wider:0.05em;
    --default-transition-duration:150ms;
    --default-transition-timing-function:cubic-bezier(0.4,0,0.2,1);
    --default-font-family:var(--font-sans);
    --default-mono-font-family:var(--font-mono)
  }
}

@layer base {
  *,::after,::before,::backdrop,::file-selector-button {
    box-sizing:border-box;
    margin:0;
    padding:0;
    border:0 solid
  }
  html,:host {
    line-height:1.5;
    -webkit-text-size-adjust:100%;
    -moz-tab-size:4;
    -o-tab-size:4;
    tab-size:4;
    font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");
    font-feature-settings:var(--default-font-feature-settings,normal);
    font-variation-settings:var(--default-font-variation-settings,normal);
    -webkit-tap-highlight-color:transparent
  }
  hr {
    height:0;
    color:inherit;
    border-top-width:1px
  }
  abbr:where([title]) {
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
  }
  h1,h2,h3,h4,h5,h6 {
    font-size:inherit;
    font-weight:inherit
  }
  a {
    color:inherit;
    -webkit-text-decoration:inherit;
    text-decoration:inherit
  }
  b,strong {
    font-weight:bolder
  }
  code,kbd,samp,pre {
    font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);
    font-feature-settings:var(--default-mono-font-feature-settings,normal);
    font-variation-settings:var(--default-mono-font-variation-settings,normal);
    font-size:1em
  }
  small {
    font-size:80%
  }
  sub,sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
  }
  sub {
    bottom:-0.25em
  }
  sup {
    top:-0.5em
  }
  table {
    text-indent:0;
    border-color:inherit;
    border-collapse:collapse
  }
  :-moz-focusring {
    outline:auto
  }
  progress {
    vertical-align:baseline
  }
  summary {
    display:list-item
  }
  ol,ul,menu {
    list-style:none
  }
  img,svg,video,canvas,audio,iframe,embed,object {
    display:block;
    vertical-align:middle
  }
  img,video {
    max-width:100%;
    height:auto
  }
  button,input,select,optgroup,textarea,::file-selector-button {
    font:inherit;
    font-feature-settings:inherit;
    font-variation-settings:inherit;
    letter-spacing:inherit;
    color:inherit;
    border-radius:0;
    background-color:transparent;
    opacity:1
  }
  :where(select:is([multiple],[size])) optgroup {
    font-weight:bolder
  }
  :where(select:is([multiple],[size])) optgroup option {
    padding-inline-start:20px
  }
  ::file-selector-button {
    margin-inline-end:4px
  }
  ::-moz-placeholder {
    opacity:1
  }
  ::placeholder {
    opacity:1
  }
  @supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px) {
    ::-moz-placeholder {
      color:currentcolor;
      @supports (color:color-mix(in lab,red,red)) {
        color:color-mix(in oklab,currentcolor 50%,transparent)
      }
    }
    ::placeholder {
      color:currentcolor;
      @supports (color:color-mix(in lab,red,red)) {
        color:color-mix(in oklab,currentcolor 50%,transparent)
      }
    }
  }
  textarea {
    resize:vertical
  }
  ::-webkit-search-decoration {
    -webkit-appearance:none
  }
  ::-webkit-date-and-time-value {
    min-height:1lh;
    text-align:inherit
  }
  ::-webkit-datetime-edit {
    display:inline-flex
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding:0
  }
  ::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
    padding-block:0
  }
  :-moz-ui-invalid {
    box-shadow:none
  }
  button,input:where([type="button"],[type="reset"],[type="submit"]),::file-selector-button {
    -webkit-appearance:button;
    -moz-appearance:button;
    appearance:button
  }
  ::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height:auto
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display:none !important
  }
}

@layer utilities {
  .mx-auto {
    margin-inline:auto
  }
  .mt-0 {
    margin-top:calc(var(--spacing) * 0)
  }
  .mt-1 {
    margin-top:calc(var(--spacing) * 1)
  }
  .mt-2 {
    margin-top:calc(var(--spacing) * 2)
  }
  .mt-3 {
    margin-top:calc(var(--spacing) * 3)
  }
  .mt-4 {
    margin-top:calc(var(--spacing) * 4)
  }
  .mt-5 {
    margin-top:calc(var(--spacing) * 5)
  }
  .mt-6 {
    margin-top:calc(var(--spacing) * 6)
  }
  .mt-7 {
    margin-top:calc(var(--spacing) * 7)
  }
  .mt-8 {
    margin-top:calc(var(--spacing) * 8)
  }
  .mt-10 {
    margin-top:calc(var(--spacing) * 10)
  }
  .block {
    display:block
  }
  .flex {
    display:flex
  }
  .grid {
    display:grid
  }
  .hidden {
    display:none
  }
  .inline-block {
    display:inline-block
  }
  .inline-flex {
    display:inline-flex
  }
  .h-5 {
    height:calc(var(--spacing) * 5)
  }
  .h-6 {
    height:calc(var(--spacing) * 6)
  }
  .h-11 {
    height:calc(var(--spacing) * 11)
  }
  .h-12 {
    height:calc(var(--spacing) * 12)
  }
  .h-20 {
    height:calc(var(--spacing) * 20)
  }
  .h-28 {
    height:calc(var(--spacing) * 28)
  }
  .h-48 {
    height:calc(var(--spacing) * 48)
  }
  .h-full {
    height:100%
  }
  .w-5 {
    width:calc(var(--spacing) * 5)
  }
  .w-6 {
    width:calc(var(--spacing) * 6)
  }
  .w-11 {
    width:calc(var(--spacing) * 11)
  }
  .w-12 {
    width:calc(var(--spacing) * 12)
  }
  .w-20 {
    width:calc(var(--spacing) * 20)
  }
  .w-28 {
    width:calc(var(--spacing) * 28)
  }
  .w-48 {
    width:calc(var(--spacing) * 48)
  }
  .w-full {
    width:100%
  }
  .max-w-3xl {
    max-width:var(--container-3xl)
  }
  .max-w-6xl {
    max-width:var(--container-6xl)
  }
  .min-w-0 {
    min-width:calc(var(--spacing) * 0)
  }
  .flex-1 {
    flex:1
  }
  .shrink-0 {
    flex-shrink:0
  }
  .grid-cols-2 {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .flex-col {
    flex-direction:column
  }
  .items-center {
    align-items:center
  }
  .justify-between {
    justify-content:space-between
  }
  .justify-center {
    justify-content:center
  }
  .gap-3 {
    gap:calc(var(--spacing) * 3)
  }
  .gap-4 {
    gap:calc(var(--spacing) * 4)
  }
  .gap-6 {
    gap:calc(var(--spacing) * 6)
  }
  .gap-8 {
    gap:calc(var(--spacing) * 8)
  }
  .gap-10 {
    gap:calc(var(--spacing) * 10)
  }
  .space-y-3 {
    :where(&>:not(:last-child)) {
      --tw-space-y-reverse:0;
      margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))
    }
  }
  .truncate {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
  }
  .border {
    border-style:var(--tw-border-style);
    border-width:1px
  }
  .border-t {
    border-top-style:var(--tw-border-style);
    border-top-width:1px
  }
  .border-b {
    border-bottom-style:var(--tw-border-style);
    border-bottom-width:1px
  }
  .border-amber-500 {
    border-color:var(--color-amber-500)
  }
  .border-amber-600 {
    border-color:var(--color-amber-600)
  }
  .border-neutral-600 {
    border-color:var(--color-neutral-600)
  }
  .border-neutral-700 {
    border-color:var(--color-neutral-700)
  }
  .border-neutral-900 {
    border-color:var(--color-neutral-900)
  }
  .border-slate-300 {
    border-color:var(--color-slate-300)
  }
  .border-stone-200 {
    border-color:var(--color-stone-200)
  }
  .border-stone-300 {
    border-color:var(--color-stone-300)
  }
  .bg-neutral-900 {
    background-color:var(--color-neutral-900)
  }
  .bg-stone-50 {
    background-color:var(--color-stone-50)
  }
  .bg-stone-100 {
    background-color:var(--color-stone-100)
  }
  .bg-white {
    background-color:var(--color-white)
  }
  .bg-gradient-to-r {
    --tw-gradient-position:to right in oklab;
    background-image:linear-gradient(var(--tw-gradient-stops))
  }
  .from-yellow-300 {
    --tw-gradient-from:var(--color-yellow-300);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))
  }
  .via-amber-400 {
    --tw-gradient-via:var(--color-amber-400);
    --tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-via-stops)
  }
  .to-orange-400 {
    --tw-gradient-to:var(--color-orange-400);
    --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position))
  }
  .object-contain {
    -o-object-fit:contain;
    object-fit:contain
  }
  .p-3 {
    padding:calc(var(--spacing) * 3)
  }
  .p-4 {
    padding:calc(var(--spacing) * 4)
  }
  .p-5 {
    padding:calc(var(--spacing) * 5)
  }
  .p-6 {
    padding:calc(var(--spacing) * 6)
  }
  .p-7 {
    padding:calc(var(--spacing) * 7)
  }
  .px-3 {
    padding-inline:calc(var(--spacing) * 3)
  }
  .px-4 {
    padding-inline:calc(var(--spacing) * 4)
  }
  .px-5 {
    padding-inline:calc(var(--spacing) * 5)
  }
  .px-6 {
    padding-inline:calc(var(--spacing) * 6)
  }
  .py-2 {
    padding-block:calc(var(--spacing) * 2)
  }
  .py-3 {
    padding-block:calc(var(--spacing) * 3)
  }
  .py-4 {
    padding-block:calc(var(--spacing) * 4)
  }
  .py-6 {
    padding-block:calc(var(--spacing) * 6)
  }
  .py-8 {
    padding-block:calc(var(--spacing) * 8)
  }
  .py-10 {
    padding-block:calc(var(--spacing) * 10)
  }
  .py-12 {
    padding-block:calc(var(--spacing) * 12)
  }
  .py-20 {
    padding-block:calc(var(--spacing) * 20)
  }
  .pt-3 {
    padding-top:calc(var(--spacing) * 3)
  }
  .pt-5 {
    padding-top:calc(var(--spacing) * 5)
  }
  .text-center {
    text-align:center
  }
  .font-sans {
    font-family:var(--font-sans)
  }
  .text-2xl {
    font-size:var(--text-2xl);
    line-height:var(--tw-leading,var(--text-2xl--line-height))
  }
  .text-3xl {
    font-size:var(--text-3xl);
    line-height:var(--tw-leading,var(--text-3xl--line-height))
  }
  .text-4xl {
    font-size:var(--text-4xl);
    line-height:var(--tw-leading,var(--text-4xl--line-height))
  }
  .text-base {
    font-size:var(--text-base);
    line-height:var(--tw-leading,var(--text-base--line-height))
  }
  .text-lg {
    font-size:var(--text-lg);
    line-height:var(--tw-leading,var(--text-lg--line-height))
  }
  .text-sm {
    font-size:var(--text-sm);
    line-height:var(--tw-leading,var(--text-sm--line-height))
  }
  .text-xl {
    font-size:var(--text-xl);
    line-height:var(--tw-leading,var(--text-xl--line-height))
  }
  .text-xs {
    font-size:var(--text-xs);
    line-height:var(--tw-leading,var(--text-xs--line-height))
  }
  .leading-6 {
    --tw-leading:calc(var(--spacing) * 6);
    line-height:calc(var(--spacing) * 6)
  }
  .leading-7 {
    --tw-leading:calc(var(--spacing) * 7);
    line-height:calc(var(--spacing) * 7)
  }
  .leading-8 {
    --tw-leading:calc(var(--spacing) * 8);
    line-height:calc(var(--spacing) * 8)
  }
  .font-black {
    --tw-font-weight:var(--font-weight-black);
    font-weight:var(--font-weight-black)
  }
  .font-bold {
    --tw-font-weight:var(--font-weight-bold);
    font-weight:var(--font-weight-bold)
  }
  .tracking-tight {
    --tw-tracking:var(--tracking-tight);
    letter-spacing:var(--tracking-tight)
  }
  .tracking-wider {
    --tw-tracking:var(--tracking-wider);
    letter-spacing:var(--tracking-wider)
  }
  .text-neutral-900 {
    color:var(--color-neutral-900)
  }
  .text-neutral-950 {
    color:var(--color-neutral-950)
  }
  .text-slate-600 {
    color:var(--color-slate-600)
  }
  .text-stone-100 {
    color:var(--color-stone-100)
  }
  .text-stone-300 {
    color:var(--color-stone-300)
  }
  .text-stone-400 {
    color:var(--color-stone-400)
  }
  .text-stone-500 {
    color:var(--color-stone-500)
  }
  .text-stone-600 {
    color:var(--color-stone-600)
  }
  .text-stone-900 {
    color:var(--color-stone-900)
  }
  .text-stone-950 {
    color:var(--color-stone-950)
  }
  .text-white {
    color:var(--color-white)
  }
  .uppercase {
    text-transform:uppercase
  }
  .underline {
    text-decoration-line:underline
  }
  .decoration-stone-400 {
    text-decoration-color:var(--color-stone-400)
  }
  .underline-offset-4 {
    text-underline-offset:4px
  }
  .antialiased {
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
  }
  .transition {
    transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;
    transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
    transition-duration:var(--tw-duration,var(--default-transition-duration))
  }
  .hover\:bg-amber-50 {
    &:hover {
      @media (hover:hover) {
        background-color:var(--color-amber-50)
      }
    }
  }
  .hover\:bg-amber-300 {
    &:hover {
      @media (hover:hover) {
        background-color:var(--color-amber-300)
      }
    }
  }
  .hover\:text-white {
    &:hover {
      @media (hover:hover) {
        color:var(--color-white)
      }
    }
  }
  .sm\:h-24 {
    @media (width>= 40rem) {
      height:calc(var(--spacing) * 24)
    }
  }
  .sm\:w-24 {
    @media (width>= 40rem) {
      width:calc(var(--spacing) * 24)
    }
  }
  .sm\:w-\[430px\] {
    @media (width>= 40rem) {
      width:430px
    }
  }
  .sm\:grid-cols-2 {
    @media (width>= 40rem) {
      grid-template-columns:repeat(2,minmax(0,1fr))
    }
  }
  .sm\:grid-cols-3 {
    @media (width>= 40rem) {
      grid-template-columns:repeat(3,minmax(0,1fr))
    }
  }
  .sm\:flex-row {
    @media (width>= 40rem) {
      flex-direction:row
    }
  }
  .sm\:items-center {
    @media (width>= 40rem) {
      align-items:center
    }
  }
  .sm\:text-lg {
    @media (width>= 40rem) {
      font-size:var(--text-lg);
      line-height:var(--tw-leading,var(--text-lg--line-height))
    }
  }
  .md\:grid-cols-2 {
    @media (width>= 48rem) {
      grid-template-columns:repeat(2,minmax(0,1fr))
    }
  }
  .md\:grid-cols-4 {
    @media (width>= 48rem) {
      grid-template-columns:repeat(4,minmax(0,1fr))
    }
  }
  .lg\:hidden {
    @media (width>= 64rem) {
      display:none
    }
  }
  .lg\:grid-cols-3 {
    @media (width>= 64rem) {
      grid-template-columns:repeat(3,minmax(0,1fr))
    }
  }
  .lg\:grid-cols-4 {
    @media (width>= 64rem) {
      grid-template-columns:repeat(4,minmax(0,1fr))
    }
  }
  .lg\:grid-cols-6 {
    @media (width>= 64rem) {
      grid-template-columns:repeat(6,minmax(0,1fr))
    }
  }
  .lg\:grid-cols-\[280px_minmax\(0\,1fr\)\] {
    @media (width>= 64rem) {
      grid-template-columns:280px minmax(0,1fr)
    }
  }
  .lg\:px-6 {
    @media (width>= 64rem) {
      padding-inline:calc(var(--spacing) * 6)
    }
  }
  .xl\:grid-cols-6 {
    @media (width>= 80rem) {
      grid-template-columns:repeat(6,minmax(0,1fr))
    }
  }
}

@property --tw-space-y-reverse {
  syntax:"*";
  inherits:false;
  initial-value:0
}

@property --tw-border-style {
  syntax:"*";
  inherits:false;
  initial-value:solid
}

@property --tw-gradient-position {
  syntax:"*";
  inherits:false
}

@property --tw-gradient-from {
  syntax:"<color>";
  inherits:false;
  initial-value:#0000
}

@property --tw-gradient-via {
  syntax:"<color>";
  inherits:false;
  initial-value:#0000
}

@property --tw-gradient-to {
  syntax:"<color>";
  inherits:false;
  initial-value:#0000
}

@property --tw-gradient-stops {
  syntax:"*";
  inherits:false
}

@property --tw-gradient-via-stops {
  syntax:"*";
  inherits:false
}

@property --tw-gradient-from-position {
  syntax:"<length-percentage>";
  inherits:false;
  initial-value:0%
}

@property --tw-gradient-via-position {
  syntax:"<length-percentage>";
  inherits:false;
  initial-value:50%
}

@property --tw-gradient-to-position {
  syntax:"<length-percentage>";
  inherits:false;
  initial-value:100%
}

@property --tw-leading {
  syntax:"*";
  inherits:false
}

@property --tw-font-weight {
  syntax:"*";
  inherits:false
}

@property --tw-tracking {
  syntax:"*";
  inherits:false
}

@layer properties {
  @supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
    *,::before,::after,::backdrop {
      --tw-space-y-reverse:0;
      --tw-border-style:solid;
      --tw-gradient-position:initial;
      --tw-gradient-from:#0000;
      --tw-gradient-via:#0000;
      --tw-gradient-to:#0000;
      --tw-gradient-stops:initial;
      --tw-gradient-via-stops:initial;
      --tw-gradient-from-position:0%;
      --tw-gradient-via-position:50%;
      --tw-gradient-to-position:100%;
      --tw-leading:initial;
      --tw-font-weight:initial;
      --tw-tracking:initial
    }
  }
}

* {
  border-radius:0 !important
}

:root {
  --site-max-width:72rem;
  --brand-yellow:#fde047;
  --brand-amber:#f59e0b;
  --brand-orange:#fb923c;
  --brand-ink:#171717;
  --chrome-bg:#262626;
  --chrome-bg-hover:#404040;
  --chrome-border:#525252;
  --chrome-text:#f5f5f4;
  --chrome-muted:#d6d3d1
}

html,body,body *,body *::before,body *::after,button,input,select,textarea,optgroup,option {
  font-family:var(--font-sans),system-ui,sans-serif !important
}

html.site-root {
  min-height:100%
}

.site-header .text-2xl {
  font-size:1.5rem;
  line-height:2rem
}

.site-header,.site-footer {
  background:var(--chrome-bg);
  color:var(--chrome-text)
}

.site-header .nav-toggle {
  border-color:#a8a29e;
  color:var(--chrome-text)
}

.site-header .nav-toggle:hover {
  background:var(--chrome-bg-hover)
}

.site-footer .text-stone-100 {
  color:var(--chrome-text)
}

.site-footer .text-stone-300 {
  color:var(--chrome-muted)
}

.site-footer a[aria-label="Radyo Dinle Telegram kanalı"] {
  border-color:#78716c;
  color:var(--chrome-text)
}

.site-footer a[aria-label="Radyo Dinle Telegram kanalı"]:hover {
  background:var(--chrome-bg-hover)
}

html,body {
  max-width:100%;
  overflow-x:hidden;
  overflow-x:clip
}

.site-header>div,main.mx-auto,main>.mx-auto,.site-footer .mx-auto,.global-player>.mx-auto {
  width:100%;
  max-width:var(--site-max-width) !important
}

.site-nav {
  display:none
}

.site-nav.is-open {
  position:absolute;
  top:77px;
  right:0;
  left:0;
  z-index:40;
  display:flex;
  flex-direction:column;
  padding:12px 16px;
  border-top:1px solid var(--chrome-border);
  background:var(--chrome-bg)
}

.nav-link {
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 8px;
  color:var(--chrome-muted);
  font-size:14px;
  font-weight:700
}

.nav-link:hover,.nav-link.is-active {
  color:var(--chrome-text);
  text-decoration:underline;
  text-decoration-color:var(--chrome-muted);
  text-underline-offset:8px
}

.prose-radio {
  max-width:820px
}

.prose-radio p {
  margin:0 0 1.4rem;
  color:#57534e;
  line-height:1.9
}

.prose-radio h2 {
  margin:2.4rem 0 1rem;
  color:#1c1917;
  font-size:1.6rem;
  font-weight:800
}

.global-player {
  position:fixed;
  right:0;
  bottom:0;
  left:0;
  z-index:60
}

.station-card img,.radio-tile img {
  -o-object-fit:contain;
  object-fit:contain;
  background:#fff
}

.station-hidden {
  display:none !important
}

.radio-tile img {
  transition:transform 0.2s ease
}

.radio-tile:hover img {
  transform:scale(1.04)
}

.site-footer a {
  color:var(--chrome-muted);
  text-decoration:none
}

.site-footer a:hover {
  text-decoration:underline;
  text-underline-offset:4px
}

.faq-list {
  margin-top:1.25rem;
  border-bottom:1px solid #d6d3d1
}

.faq-item {
  border-top:1px solid #d6d3d1
}

.faq-item summary {
  position:relative;
  display:block;
  cursor:pointer;
  padding:1.15rem 3rem 1.15rem 0;
  color:#1c1917;
  font-size:1.05rem;
  font-weight:800;
  line-height:1.5;
  list-style:none
}

.faq-item summary::-webkit-details-marker {
  display:none
}

.faq-item summary::after {
  position:absolute;
  top:50%;
  right:0.25rem;
  width:1.75rem;
  color:#b45309;
  font-size:1.55rem;
  font-weight:700;
  line-height:1;
  text-align:center;
  content:"+";
  transform:translateY(-50%)
}

.faq-item[open] summary::after {
  content:"−"
}

.faq-item summary:focus-visible {
  outline:3px solid #fbbf24;
  outline-offset:4px
}

.faq-answer {
  padding:0 2.75rem 1.15rem 0
}

.prose-radio .faq-answer p {
  margin:0;
  color:#57534e;
  line-height:1.8
}

.go-to-top {
  position:fixed;
  right:1rem;
  bottom:1rem;
  z-index:70;
  display:flex;
  width:3rem;
  height:3rem;
  align-items:center;
  justify-content:center;
  border:1px solid var(--chrome-border) !important;
  background:var(--chrome-bg);
  color:var(--chrome-text);
  box-shadow:0 8px 24px rgba(0,0,0,0.24);
  opacity:0;
  visibility:hidden;
  transform:translateY(0.75rem);
  transition:opacity 0.2s ease,visibility 0.2s ease,transform 0.2s ease,bottom 0.2s ease
}

.go-to-top.is-visible {
  opacity:1;
  visibility:visible;
  transform:translateY(0)
}

.go-to-top:hover {
  background:var(--chrome-bg-hover)
}

.go-to-top:focus-visible {
  outline:3px solid var(--chrome-muted);
  outline-offset:3px
}

.go-to-top svg {
  width:1.35rem;
  height:1.35rem
}

.player-visible .go-to-top {
  bottom:9.5rem
}

@media (min-width:640px) {
  .player-visible .go-to-top {
    bottom:6.75rem
  }
}

@media (min-width:1024px) {
  .nav-toggle {
    display:none
  }
  .site-nav {
    display:flex;
    align-items:center;
    gap:4px
  }
}

@media (prefers-reduced-motion:reduce) {
  .go-to-top {
    transition:none
  }
}

.policy-content {
  max-width:880px
}

.policy-content .policy-meta {
  margin-bottom:1.75rem;
  color:#78716c;
  font-size:0.9rem;
  font-weight:700
}

.prose-radio h3 {
  margin:2.25rem 0 0.9rem;
  color:#1c1917;
  font-size:1.25rem;
  font-weight:800;
  line-height:1.4
}

.prose-radio ul,.prose-radio ol {
  margin:0 0 1.5rem;
  padding-left:1.4rem;
  color:#57534e;
  line-height:1.85
}

.prose-radio ul {
  list-style:square
}

.prose-radio ol {
  list-style:decimal
}

.prose-radio li+li {
  margin-top:0.55rem
}

.prose-radio a {
  color:#92400e;
  font-weight:700;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px
}

.prose-radio strong {
  color:#292524
}

.global-player.inline-player {
  position:static;
  right:auto;
  bottom:auto;
  left:auto;
  z-index:auto;
  width:100%;
  margin:0 0 2rem;
  border:1px solid var(--chrome-border);
  background:var(--chrome-bg)
}

.global-player.inline-player>.mx-auto {
  width:100%;
  max-width:none!important
}

.global-player.inline-player .inline-radio-play {
  width:auto;
  margin-top:0;
  white-space:nowrap
}

.global-player.inline-player #radio-audio {
  flex:1 1 430px;
  min-width:0;
  width:100%
}

@media (max-width:639px) {
  .global-player.inline-player .inline-radio-play {
    width:100%
  }
  .global-player.inline-player #radio-audio {
    flex-basis:auto
  }
}

.global-player.inline-player .inline-radio-play {
  flex:0 0 auto
}

.global-player.inline-player .inline-player-info {
  flex:0 1 260px;
  min-width:220px;
  max-width:280px
}

.global-player.inline-player #radio-audio {
  display:block;
  flex:1 1 520px;
  min-width:0;
  width:100%
}

@media (max-width:899px) {
  .global-player.inline-player>.mx-auto {
    flex-direction:column;
    align-items:stretch
  }
  .global-player.inline-player .inline-radio-play {
    width:100%
  }
  .global-player.inline-player .inline-player-info {
    flex-basis:auto;
    width:100%;
    min-width:0;
    max-width:none
  }
  .global-player.inline-player #radio-audio {
    flex-basis:auto;
    width:100%
  }
}

.premium-radio-player {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:1px solid #44403c!important;
  background:linear-gradient(135deg,#171717 0%,#262626 58%,#1c1917 100%)!important;
  box-shadow:0 18px 45px rgba(28,25,23,.18),0 2px 8px rgba(28,25,23,.12)
}

.premium-player-header {
  display:flex;
  align-items:center;
  gap:9px;
  padding:12px 18px;
  border-bottom:1px solid rgba(168,162,158,.22);
  background:rgba(0,0,0,.16);
  color:#d6d3d1;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em
}

.premium-live-dot {
  display:inline-block;
  width:9px;
  height:9px;
  flex:0 0 auto;
  background:#f59e0b;
  box-shadow:0 0 0 4px rgba(245,158,11,.13),0 0 15px rgba(245,158,11,.55)
}

.premium-player-state {
  margin-left:auto;
  padding:4px 9px;
  border:1px solid rgba(251,191,36,.4);
  background:rgba(245,158,11,.09);
  color:#fde68a;
  font-size:10px;
  letter-spacing:.08em
}

.premium-radio-player[data-player-state="playing"] .premium-live-dot {
  background:#22c55e;
  box-shadow:0 0 0 4px rgba(34,197,94,.14),0 0 16px rgba(34,197,94,.58);
  animation:premium-live-pulse 1.6s ease-in-out infinite
}

.premium-radio-player[data-player-state="playing"] .premium-player-state {
  border-color:rgba(74,222,128,.42);
  background:rgba(34,197,94,.1);
  color:#86efac
}

.premium-radio-player[data-player-state="error"] .premium-live-dot {
  background:#ef4444;
  box-shadow:0 0 0 4px rgba(239,68,68,.12)
}

.premium-radio-player[data-player-state="error"] .premium-player-state {
  border-color:rgba(248,113,113,.4);
  background:rgba(239,68,68,.09);
  color:#fca5a5
}

.premium-radio-player>.mx-auto {
  gap:18px;
  padding:20px!important
}

.premium-radio-player .inline-radio-play {
  display:inline-flex;
  min-height:58px;
  align-items:center;
  justify-content:center;
  gap:11px;
  padding:0 24px;
  border:1px solid #fcd34d!important;
  background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;
  color:#1c1917!important;
  box-shadow:0 9px 24px rgba(245,158,11,.2);
  font-weight:900;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease
}

.premium-radio-player .inline-radio-play::before {
  display:inline-flex;
  width:24px;
  height:24px;
  align-items:center;
  justify-content:center;
  background:rgba(23,23,23,.12);
  font-size:12px;
  line-height:1;
  content:"▶"
}

.premium-radio-player .inline-radio-play[data-control-state="pause"]::before {
  font-size:13px;
  content:"Ⅱ"
}

.premium-radio-player .inline-radio-play[data-control-state="loading"]::before {
  width:18px;
  height:18px;
  border:2px solid rgba(23,23,23,.28);
  border-top-color:#171717;
  background:transparent;
  content:"";
  animation:premium-spin .8s linear infinite
}

.premium-radio-player .inline-radio-play:hover:not(:disabled) {
  filter:brightness(1.06);
  transform:translateY(-1px);
  box-shadow:0 12px 28px rgba(245,158,11,.28)
}

.premium-radio-player .inline-radio-play:focus-visible {
  outline:3px solid #fde68a;
  outline-offset:3px
}

.premium-radio-player .inline-radio-play:disabled {
  cursor:wait;
  opacity:.78
}

.premium-radio-player #radio-audio {
  height:58px;
  border:1px solid #57534e!important;
  background:#f5f5f4;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 8px 22px rgba(0,0,0,.18)
}

.premium-radio-player #radio-audio::-webkit-media-controls-panel {
  background:#f5f5f4
}

.premium-radio-player .inline-player-info {
  align-self:stretch;
  padding-left:18px;
  border-left:1px solid rgba(168,162,158,.28);
  display:flex;
  flex-direction:column;
  justify-content:center
}

.premium-radio-player .inline-player-info>p:first-child {
  color:#fbbf24!important;
  font-size:10px;
  font-weight:800;
  letter-spacing:.13em
}

.premium-radio-player #player-title {
  margin-top:3px;
  color:#fafaf9;
  font-size:18px;
  line-height:1.25
}

.premium-radio-player #player-status {
  margin-top:6px;
  color:#a8a29e!important;
  line-height:1.45;
  white-space:normal
}

.premium-radio-player[data-player-state="playing"] #player-status {
  color:#d6d3d1!important
}

@keyframes premium-live-pulse {
  0%,100% {
    opacity:1;
    transform:scale(1)
  }
  50% {
    opacity:.7;
    transform:scale(.82)
  }
}

@keyframes premium-spin {
  to {
    transform:rotate(360deg)
  }
}

@media (max-width:899px) {
  .premium-radio-player {
  }
  .premium-player-header {
    padding:11px 14px
  }
  .premium-radio-player>.mx-auto {
    gap:14px;
    padding:16px!important
  }
  .premium-radio-player .inline-radio-play {
    min-height:54px
  }
  .premium-radio-player #radio-audio {
    height:54px
  }
  .premium-radio-player .inline-player-info {
    padding:15px 0 0;
    border-top:1px solid rgba(168,162,158,.28);
    border-left:0
  }
}

@media (max-width:420px) {
  .premium-player-header {
    font-size:10px;
    letter-spacing:.08em
  }
  .premium-player-state {
    padding:3px 7px;
    font-size:9px
  }
  .premium-radio-player>.mx-auto {
    padding:14px!important
  }
  .premium-radio-player .inline-radio-play {
    padding:0 16px
  }
}

@media (prefers-reduced-motion:reduce) {
  .premium-radio-player .inline-radio-play,.premium-radio-player .premium-live-dot {
    animation:none;
    transition:none
  }
}

/* Trafik sigortası projesi: kaynak temanın Sora, koyu chrome, amber ve keskin köşe dili korunur. */
:root {
  --insurance-amber:#f59e0b;
  --insurance-dark:#171717
}

html {
  scroll-behavior:smooth
}

body {
  font-family:"Sora",sans-serif;
  color:#1c1917
}

a {
  text-decoration:none
}

a:focus-visible,button:focus-visible,summary:focus-visible {
  outline:3px solid #f59e0b;
  outline-offset:3px
}

.site-header {
  position:relative;
  z-index:50
}

.brand {
  color:#f5f5f4;
  min-width:0
}

.brand img {
  flex:none
}

.brand span,.brand h1 {
  line-height:1.1;
  font-size:clamp(1rem,1.9vw,1.5rem)
}

.site-nav {
  gap:5px
}

.site-nav .nav-link {
  white-space:nowrap
}

.header-inner {
  gap:14px
}

.site-footer {
  background:#171717
}

.button-primary {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:18px;
  padding:15px 22px;
  background:#f59e0b;
  color:#171717;
  font-size:14px;
  font-weight:800;
  line-height:1.3;
  border:1px solid #f59e0b;
  transition:background .2s,color .2s,transform .2s;
  max-width:100%
}

.button-primary:hover {
  background:#fbbf24;
  transform:translateY(-2px)
}

.hero {
  min-height:530px;
  background-image:linear-gradient(90deg,rgba(8,9,10,.95) 0%,rgba(8,9,10,.86) 39%,rgba(8,9,10,.17) 83%),url('/assets/img/hero-trafik.webp');
  background-color:#111;
  background-position:center;
  background-size:cover;
  color:#fff;
  display:flex;
  align-items:center
}

.hero-inner {
  width:100%;
  max-width:1152px;
  margin:auto;
  padding:72px 24px
}

.hero-text {
  max-width:660px
}

.hero-kicker,.eyebrow {
  font-weight:800;
  letter-spacing:.15em;
  font-size:11px;
  text-transform:uppercase;
  color:#af6900
}

.hero-kicker {
  color:#fbbf24
}

.hero h2 {
  font-size:clamp(2.3rem,5vw,4.3rem);
  line-height:1.08;
  letter-spacing:-.052em;
  font-weight:900;
  margin:20px 0
}

.hero p {
  font-size:clamp(1rem,1.7vw,1.2rem);
  line-height:1.8;
  color:#e7e5e4;
  margin:0 0 29px
}

.hero-caption {
  display:block;
  font-size:12px;
  color:#d6d3d1;
  margin-top:17px
}

.home-main,.content-wrap {
  max-width:1152px;
  margin:auto;
  padding:0 24px
}

.intro-strip {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border:1px solid #d6d3d1;
  border-top:0;
  background:#fff
}

.intro-strip span {
  display:flex;
  gap:14px;
  padding:24px;
  color:#ad6807;
  font-size:13px;
  font-weight:800
}

.intro-strip span+span {
  border-left:1px solid #e7e5e4
}

.intro-strip strong {
  color:#292524
}

.guides-section {
  padding:90px 0 72px
}

.section-heading {
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:25px;
  margin-bottom:31px
}

.section-heading h2,.home-info h2,.faq-section h2,.final-cta h2 {
  font-size:clamp(1.8rem,3.1vw,2.65rem);
  letter-spacing:-.045em;
  line-height:1.2;
  font-weight:900;
  margin:10px 0
}

.section-heading p,.home-faq>p {
  color:#57534e;
  margin:9px 0
}

.article-count {
  border:1px solid #d6d3d1;
  padding:9px 13px;
  color:#57534e;
  font-size:11px;
  font-weight:800;
  white-space:nowrap
}

.guides-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:21px
}

.guide-card {
  background:#fff;
  border:1px solid #d6d3d1;
  transition:border-color .2s,transform .2s,box-shadow .2s
}

.guide-card:hover {
  border-color:#d28d18;
  transform:translateY(-3px);
  box-shadow:0 12px 30px rgba(28,25,23,.09)
}

.guide-card a {
  display:block;
  height:100%;
  color:inherit
}

.guide-card img {
  aspect-ratio:1200/630;
  width:100%;
  object-fit:cover
}

.guide-card-body {
  padding:25px
}

.guide-card h3 {
  font-size:19px;
  line-height:1.38;
  font-weight:900;
  letter-spacing:-.028em;
  margin:10px 0
}

.guide-card p {
  font-size:13px;
  color:#57534e;
  line-height:1.8;
  margin:0 0 22px
}

.read-more {
  font-size:12px;
  font-weight:800;
  color:#9a6207
}

.home-info {
  border-top:1px solid #d6d3d1;
  border-bottom:1px solid #d6d3d1;
  padding:76px min(8vw,100px);
  background:#fff
}

.home-info p,.article-body p,.legal-wrap p {
  line-height:1.95;
  color:#44403c;
  font-size:15px;
  margin:0 0 23px
}

.home-info h2 {
  margin-bottom:28px
}

.resource-links {
  border-left:4px solid #f59e0b;
  background:#fafaf9;
  padding:23px 27px;
  display:flex;
  flex-wrap:wrap;
  gap:10px 25px;
  margin-top:35px
}

.resource-links strong {
  width:100%
}

.resource-links a,.source-note a {
  color:#925b04;
  text-decoration:underline;
  text-underline-offset:3px;
  font-size:13px
}

.faq-section {
  padding:74px 0
}

.faq-list {
  border-top:1px solid #d6d3d1;
  margin-top:30px
}

.faq-list details {
  border-bottom:1px solid #d6d3d1;
  background:#fff
}

.faq-list summary {
  cursor:pointer;
  padding:20px 28px 20px 18px;
  list-style:none;
  font-size:15px;
  line-height:1.5;
  font-weight:800;
  position:relative
}

.faq-list summary::-webkit-details-marker {
  display:none
}

.faq-list summary::after {
  content:'+';
  position:absolute;
  right:12px;
  top:18px;
  color:#a16207;
  font-size:22px
}

.faq-list details[open] summary::after {
  content:'−'
}

.faq-list p {
  padding:0 45px 21px 18px;
  margin:0;
  color:#57534e;
  line-height:1.9;
  font-size:14px
}

.final-cta {
  padding:42px 52px;
  margin:0 0 80px;
  background:#171717;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:35px
}

.final-cta h2 {
  color:#fff
}

.final-cta p {
  color:#d6d3d1;
  margin:0
}

.final-cta .eyebrow {
  color:#fbbf24
}

.footer-grid {
  display:grid;
  grid-template-columns:1.6fr 1fr 1fr 1.4fr;
  gap:34px
}

.footer-grid>div {
  display:flex;
  flex-direction:column;
  align-items:start;
  gap:11px
}

.footer-grid p {
  color:#a8a29e;
  font-size:13px;
  line-height:1.8;
  margin:0
}

.footer-title {
  font-size:15px;
  font-weight:900;
  margin-bottom:9px
}

.footer-grid a:not(.button-primary) {
  font-size:13px;
  color:#d6d3d1
}

.footer-grid a:not(.button-primary):hover {
  text-decoration:underline;
  color:#fbbf24
}

.footer-grid .button-primary {
  font-size:12px;
  margin-top:12px
}

.footer-grid .small-muted {
  font-size:11px
}

.footer-bottom {
  border-top:1px solid #404040;
  color:#a8a29e;
  text-align:center;
  padding:19px 24px;
  font-size:11px
}

.content-wrap {
  padding-top:30px;
  padding-bottom:85px
}

.breadcrumbs {
  display:flex;
  align-items:center;
  gap:10px;
  font-size:12px;
  color:#78716c;
  flex-wrap:wrap;
  margin-bottom:34px
}

.breadcrumbs a {
  color:#925b04
}

.article-layout {
  display:grid;
  grid-template-columns:minmax(0,1fr) 260px;
  gap:60px;
  align-items:start
}

.page-title {
  font-size:clamp(2rem,4vw,3.35rem);
  font-weight:900;
  line-height:1.15;
  letter-spacing:-.055em;
  margin:11px 0 20px
}

.lead {
  font-size:17px;
  line-height:1.8;
  color:#57534e;
  max-width:850px;
  margin-bottom:30px
}

.article-cover {
  width:100%;
  height:auto;
  display:block;
  margin:31px 0
}

.toc {
  border:1px solid #e7e5e4;
  border-left:4px solid #f59e0b;
  background:#fff;
  padding:24px 28px;
  margin:38px 0
}

.toc strong {
  font-size:14px
}

.toc ol {
  margin:15px 0 0;
  padding-left:20px;
  display:grid;
  gap:9px
}

.toc a {
  color:#57534e;
  font-size:13px
}

.toc a:hover {
  text-decoration:underline
}

.article-body section {
  margin:0 0 46px;
  scroll-margin-top:30px
}

.article-body h2 {
  font-size:24px;
  font-weight:900;
  letter-spacing:-.035em;
  line-height:1.3;
  margin:0 0 15px
}

.article-sidebar {
  position:sticky;
  top:25px;
  background:#171717;
  color:#fff;
  border-top:5px solid #f59e0b;
  padding:25px
}

.article-sidebar strong {
  font-size:18px;
  line-height:1.4
}

.article-sidebar p {
  font-size:13px;
  line-height:1.8;
  color:#d6d3d1;
  margin:17px 0 22px
}

.article-sidebar .button-primary {
  font-size:12px
}

.article-layout .faq-section {
  padding-top:28px
}

.source-note {
  border-left:4px solid #f59e0b;
  background:#fff;
  padding:22px 25px;
  color:#44403c;
  font-size:13px;
  line-height:1.8
}

.source-note p {
  margin:10px 0 0
}

.related {
  border-top:1px solid #d6d3d1;
  margin-top:70px;
  padding-top:45px
}

.related h2 {
  font-weight:900;
  font-size:25px;
  margin:0 0 20px
}

.related-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px
}

.related-grid a {
  display:flex;
  flex-direction:column;
  gap:18px;
  border:1px solid #d6d3d1;
  background:#fff;
  padding:20px;
  color:#292524;
  font-size:14px;
  line-height:1.5
}

.related-grid span {
  font-size:12px;
  font-weight:800;
  color:#a16207
}

.legal-wrap {
  max-width:960px
}

.legal-wrap .article-body {
  max-width:800px
}

.legal-wrap .article-body .button-primary {
  margin:10px 0 30px
}

.legal-wrap .article-body section {
  border-bottom:1px solid #e7e5e4;
  padding-bottom:15px
}

.photo-credits {
  list-style:none;
  margin:28px 0 40px;
  padding:0
}

.photo-credits li {
  padding:13px 0;
  border-bottom:1px solid #e7e5e4;
  font-size:14px;
  line-height:1.6
}

.photo-credits a {
  color:#925b04;
  text-decoration:underline;
  text-underline-offset:3px
}

@media(max-width:1050px) {
  .header-inner {
    flex-wrap:wrap
  }
  .site-nav {
    width:100%;
    justify-content:flex-start
  }
  .article-layout {
    gap:30px
  }
  .footer-grid {
    grid-template-columns:repeat(2,1fr)
  }
}

@media(max-width:767px) {
  .hero {
    min-height:510px;
    background-position:65% center;
    background-image:linear-gradient(90deg,rgba(8,9,10,.94),rgba(8,9,10,.73)),url('/assets/img/hero-trafik.webp')
  }
  .hero-inner {
    padding:60px 20px
  }
  .home-main,.content-wrap {
    padding-left:18px;
    padding-right:18px
  }
  .intro-strip {
    grid-template-columns:1fr
  }
  .intro-strip span {
    padding:14px 18px
  }
  .intro-strip span+span {
    border-left:0;
    border-top:1px solid #e7e5e4
  }
  .guides-section {
    padding:60px 0
  }
  .guides-grid {
    grid-template-columns:repeat(2,1fr);
    gap:12px
  }
  .guide-card-body {
    padding:17px
  }
  .guide-card h3 {
    font-size:16px
  }
  .home-info {
    padding:45px 20px
  }
  .article-layout {
    display:block
  }
  .article-sidebar {
    position:static;
    margin:30px 0
  }
  .related-grid {
    grid-template-columns:1fr
  }
  .footer-grid {
    grid-template-columns:repeat(2,1fr)
  }
  .final-cta {
    padding:32px 25px;
    display:block
  }
  .final-cta .button-primary {
    margin-top:22px
  }
  .content-wrap {
    padding-top:20px
  }
  .page-title {
    font-size:clamp(1.9rem,7vw,2.5rem)
  }
}

@media(max-width:640px) {
  .header-inner {
    flex-wrap:nowrap
  }
  .site-nav {
    width:auto
  }
  .brand {
    max-width:calc(100% - 85px)
  }
  .brand img {
    width:36px;
    height:36px
  }
  .brand span,.brand h1 {
    font-size:14px;
    line-height:1.18
  }
  .guides-grid {
    grid-template-columns:1fr
  }
  .guide-card h3 {
    font-size:18px
  }
  .section-heading {
    align-items:start
  }
  .article-count {
    display:none
  }
  .footer-grid {
    grid-template-columns:1fr
  }
  .hero h2 {
    font-size:2.35rem
  }
  .resource-links {
    display:block
  }
  .resource-links a {
    display:block;
    margin-top:13px
  }
  .faq-list summary {
    font-size:14px
  }
  .article-body h2 {
    font-size:21px
  }
}

.button-primary {
  gap:12px
}

.button-primary .wa-icon {
  display:block;
  flex:none;
  width:20px;
  height:20px
}