/*
 * Adanacar v4 — blog (/haberler, categories, posts) and contact (/iletisim).
 * Concept "Yol defteri" (travel log), the home page's "yol çizgisi" carried inside:
 *  - categories are stops on a thin gold route line; the table of contents is the route of a post;
 *  - cards keep the home's single organic "leaf" corner; dark "travel desk" panels with contour texture;
 *  - share rail at the start of a post, a share card at its end, brand colours only on hover;
 *  - contact: channel tiles lifted over the hero edge, branches as numbered stops, click-to-load map.
 * Tokens only (temel.css), light + dark. Nothing here is sticky (site rule). Motion: transform /
 * opacity, custom easing, off under prefers-reduced-motion. Loaded by partials/blog_varliklar.
 */
@layer custom {
  :root { --ac-leaf: 1.75rem; }

  /* ================================================================== shared bits */
  .ac-ylink { display: inline-flex; align-items: center; gap: var(--ac-space-3); color: var(--ac-ink); font-weight: 750; text-decoration: none; white-space: nowrap; }
  .ac-ylink:hover { color: var(--ac-red); }
  .ac-ylink__go {
    display: inline-grid; place-items: center; inline-size: 2.25rem; block-size: 2.25rem; border: 1px solid var(--ac-line-strong); border-radius: 50%;
    transition: transform var(--ac-dur-2) var(--ac-ease), background-color var(--ac-dur-2) var(--ac-ease), color var(--ac-dur-2) var(--ac-ease), border-color var(--ac-dur-2) var(--ac-ease);
  }
  .ac-ylink:hover .ac-ylink__go, .ac-yfeat:hover .ac-ylink__go { transform: translateX(3px); background: var(--ac-brand-red); border-color: var(--ac-brand-red); color: #fff; }
  .ac-ylink:focus-visible { outline: 2px solid var(--ac-focus); outline-offset: 4px; border-radius: var(--ac-radius-sm); }
  :is(.ac-yfeat, .ac-ypost) a.stretched-link { color: inherit; text-decoration: none; }
  :is(.ac-yfeat, .ac-ypost) a.stretched-link:focus-visible { outline: 0; }
  :is(.ac-yfeat, .ac-ypost):has(a.stretched-link:focus-visible) { outline: 2px solid var(--ac-focus); outline-offset: 4px; border-radius: var(--ac-radius-lg); }

  /* hero meta row (post): date · reading time · category, on the dark hero band */
  .ac-ymeta { display: flex; flex-wrap: wrap; gap: var(--ac-space-2) var(--ac-space-5); margin: var(--ac-space-4) 0 0; padding: 0; list-style: none; color: var(--ac-ink-2); font-size: var(--ac-step--1); font-weight: 650; }
  .ac-ymeta li { display: inline-flex; align-items: center; gap: 0.45rem; }
  .ac-ymeta .bi { color: var(--ac-gold-text); }
  .ac-ymeta a { color: var(--ac-ink); text-decoration: underline; text-decoration-color: var(--ac-gold); text-underline-offset: 0.3em; }
  .ac-ymeta a:hover { color: var(--ac-gold-text); }

  /* ================================================================== category stops */
  .ac-ystops { border-block-end: 1px solid var(--ac-line); background: var(--ac-surface); }
  .ac-ystops__list {
    position: relative; display: flex; gap: var(--ac-space-6); margin: 0; padding: var(--ac-space-4) 0; list-style: none;
    overflow-x: auto; scrollbar-width: none; overscroll-behavior-x: contain;
  }
  .ac-ystops__list::-webkit-scrollbar { display: none; }
  .ac-ystops__list > li { position: relative; flex: none; }
  /* the route line runs between consecutive stops */
  .ac-ystops__list > li + li::before {
    content: ""; position: absolute; inset-block-start: 50%; inset-inline-end: calc(100% + 0.35rem); inline-size: calc(var(--ac-space-6) - 0.7rem);
    border-block-start: 1px dashed var(--ac-gold);
  }
  .ac-ystops__stop {
    display: inline-flex; align-items: center; gap: 0.6rem; min-block-size: 2.75rem; padding: 0.3rem 0.2rem; color: var(--ac-ink-2);
    font-size: var(--ac-step--1); font-weight: 700; text-decoration: none; white-space: nowrap;
  }
  .ac-ystops__dot { inline-size: 0.75rem; block-size: 0.75rem; border: 1.5px solid var(--ac-gold); border-radius: 50%; background: var(--ac-surface); transition: transform var(--ac-dur-2) var(--ac-ease), background-color var(--ac-dur-2) var(--ac-ease); }
  .ac-ystops__n { font-size: var(--ac-step--2); font-variant-numeric: tabular-nums; color: var(--ac-muted); letter-spacing: 0.06em; }
  .ac-ystops__stop:hover { color: var(--ac-ink); }
  .ac-ystops__stop:hover .ac-ystops__dot { transform: scale(1.25); }
  .ac-ystops__stop[aria-current="page"] { color: var(--ac-ink); }
  .ac-ystops__stop[aria-current="page"] .ac-ystops__dot { background: var(--ac-brand-red); border-color: var(--ac-brand-red); box-shadow: 0 0 0 4px var(--ac-red-soft); }
  .ac-ystops__stop:focus-visible { outline: 2px solid var(--ac-focus); outline-offset: 2px; border-radius: var(--ac-radius-sm); }

  /* ================================================================== list layout */
  .ac-yblog { padding-block: var(--ac-section-tight) var(--ac-section); }
  .ac-ylayout { display: grid; gap: var(--ac-space-8); }
  @media (width >= 1024px) { .ac-ylayout { grid-template-columns: minmax(0, 1fr) 21rem; gap: clamp(2.5rem, 4vw, 4.5rem); align-items: start; } }

  /* feature: the newest post as an editorial split */
  .ac-yfeat { position: relative; display: grid; gap: var(--ac-space-5); margin-block-end: var(--ac-space-8); }
  @media (width >= 720px) { .ac-yfeat { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: var(--ac-space-7); align-items: center; } }
  .ac-yfeat__media {
    position: relative; aspect-ratio: 16 / 11; overflow: hidden; background: var(--ac-surface-2);
    border-radius: var(--ac-radius-lg) var(--ac-radius-lg) var(--ac-radius-lg) calc(var(--ac-leaf) * 1.6);
  }
  .ac-yfeat__media img { inline-size: 100%; block-size: 100%; object-fit: cover; transition: transform 900ms var(--ac-ease); }
  .ac-yfeat:hover .ac-yfeat__media img { transform: scale(1.035); }
  .ac-yfeat__tag {
    position: absolute; inset-block-start: var(--ac-space-4); inset-inline-start: var(--ac-space-4); padding: 0.3rem 0.7rem; border-radius: var(--ac-radius);
    background: var(--ac-brand-ink); color: #D8BE8A; font-size: var(--ac-step--2); font-weight: 780; letter-spacing: var(--ac-tracking-caps); text-transform: uppercase;
  }
  .ac-yfeat__body { display: grid; gap: var(--ac-space-3); align-content: center; }
  .ac-yfeat__title { margin: 0; font-size: var(--ac-step-4); font-weight: 800; letter-spacing: -0.02em; line-height: 1.12; }
  .ac-yfeat:hover .ac-yfeat__title a { text-decoration: underline; text-decoration-color: var(--ac-gold); text-decoration-thickness: 1px; text-underline-offset: 0.18em; }
  .ac-yfeat__excerpt { margin: 0; color: var(--ac-muted); font-size: var(--ac-step-1); display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
  .ac-yfeat .ac-ylink { margin-block-start: var(--ac-space-2); }

  /* cards */
  .ac-ygrid { display: grid; gap: var(--ac-space-7) var(--ac-space-6); grid-template-columns: repeat(auto-fill, minmax(min(100%, 16.5rem), 1fr)); }
  .ac-ypost { position: relative; display: flex; flex-direction: column; gap: var(--ac-space-2); }
  .ac-ypost__media {
    position: relative; aspect-ratio: 16 / 10; margin-block-end: var(--ac-space-2); overflow: hidden; background: var(--ac-surface-2);
    border-radius: var(--ac-radius-lg) var(--ac-radius-lg) var(--ac-radius-lg) var(--ac-leaf);
  }
  .ac-ypost__media img { inline-size: 100%; block-size: 100%; object-fit: cover; transition: transform var(--ac-dur-3) var(--ac-ease); }
  .ac-ypost:hover .ac-ypost__media img { transform: scale(1.04); }
  .ac-ypost__ph { display: grid; place-items: center; block-size: 100%; color: var(--ac-gold); font-size: 2.25rem; }
  .ac-ypost__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 0.25rem 0.75rem; margin: 0; font-size: var(--ac-step--2); font-weight: 720; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ac-gold-text); }
  .ac-ypost__meta > * + *::before { content: ""; display: inline-block; inline-size: 1.25rem; block-size: 1px; margin-inline-end: 0.75rem; vertical-align: middle; background: var(--ac-gold); }
  .ac-ypost__title { margin: 0; font-size: var(--ac-step-2); font-weight: 800; letter-spacing: -0.015em; line-height: 1.25; }
  .ac-ypost:hover .ac-ypost__title a { text-decoration: underline; text-decoration-color: var(--ac-gold); text-decoration-thickness: 1px; text-underline-offset: 0.2em; }
  .ac-ypost__excerpt { margin: 0; color: var(--ac-muted); font-size: 0.9375rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
  .ac-ypost__more { margin-block-start: auto; padding-block-start: var(--ac-space-1); color: var(--ac-red); font-weight: 750; font-size: var(--ac-step--1); }
  .ac-ypost__more i { display: inline-block; transition: transform var(--ac-dur-2) var(--ac-ease); }
  .ac-ypost:hover .ac-ypost__more i { transform: translateX(4px); }

  /* ================================================================== sidebar (not sticky) */
  .ac-yside { display: grid; gap: var(--ac-space-6); min-inline-size: 0; }

  .ac-ydesk {
    position: relative; isolation: isolate; overflow: hidden; display: grid; gap: var(--ac-space-3); padding: var(--ac-space-6) var(--ac-space-5) var(--ac-space-5);
    background: var(--ac-band); color: var(--ac-ink); border-radius: var(--ac-radius-lg) var(--ac-radius-lg) var(--ac-radius-lg) var(--ac-leaf);
  }
  .ac-ydesk::before { content: ""; position: absolute; inset: 0 var(--ac-space-6) auto; block-size: 1px; background: var(--ac-gold-hairline); }
  .ac-ydesk .ac-topo { color: rgb(216 190 138 / 0.08); }
  .ac-ydesk__live { display: inline-flex; align-items: center; gap: 0.55rem; margin: 0; font-size: var(--ac-step--2); font-weight: 780; letter-spacing: var(--ac-tracking-caps); text-transform: uppercase; color: var(--ac-gold-text); }
  .ac-ydesk__title { margin: 0; font-size: var(--ac-step-3); font-weight: 800; letter-spacing: -0.02em; line-height: 1.15; }
  .ac-ydesk__title em { font-style: normal; color: var(--ac-gold-text); }
  .ac-ydesk__text { margin: 0; color: var(--ac-ink-2); font-size: 0.9375rem; }
  .ac-ydesk__actions { display: grid; gap: var(--ac-space-2); margin-block-start: var(--ac-space-2); }
  .ac-ydesk__btn {
    display: flex; align-items: center; gap: 0.75rem; min-block-size: 3.25rem; padding: 0.45rem 0.6rem 0.45rem 1rem;
    border: 1px solid rgb(255 255 255 / 0.14); border-radius: var(--ac-radius); background: rgb(255 255 255 / 0.04); color: var(--ac-ink);
    font-weight: 760; text-decoration: none; line-height: 1.2;
    transition: border-color var(--ac-dur-2) var(--ac-ease), background-color var(--ac-dur-2) var(--ac-ease), transform var(--ac-dur-1) var(--ac-ease);
  }
  .ac-ydesk__btn > .bi { font-size: 1.15rem; color: #D8BE8A; }
  .ac-ydesk__btn span { display: grid; }
  .ac-ydesk__btn small { font-size: 0.6875rem; font-weight: 650; color: var(--ac-muted); letter-spacing: 0.04em; }
  .ac-ydesk__btn:hover { color: var(--ac-ink); border-color: var(--ac-gold); background: rgb(255 255 255 / 0.07); }
  .ac-ydesk__btn:active { transform: scale(0.98); }
  .ac-ydesk__btn:focus-visible { outline: 2px solid #D8BE8A; outline-offset: 2px; }
  .ac-ydesk__btn--primary { justify-content: space-between; border-color: transparent; background: var(--ac-brand-red); color: #fff; }
  .ac-ydesk__btn--primary:hover { color: #fff; background: var(--ac-brand-red-strong, #A3070F); border-color: transparent; }
  .ac-ydesk__go { display: inline-grid !important; place-items: center; inline-size: 2.25rem; block-size: 2.25rem; border-radius: 50%; background: rgb(255 255 255 / 0.16); transition: transform var(--ac-dur-2) var(--ac-ease); }
  .ac-ydesk__btn--primary:hover .ac-ydesk__go { transform: translate(2px, -2px) scale(1.05); }
  .ac-ydesk__btn--wa:hover { border-color: #3DDC84; }
  .ac-ydesk__btn--wa > .bi { color: #3DDC84; }

  .ac-ybox { padding-block-start: var(--ac-space-5); border-block-start: 1px solid var(--ac-line); }
  .ac-ybox__title { margin: 0 0 var(--ac-space-4); font-size: var(--ac-step--2); font-weight: 800; letter-spacing: var(--ac-tracking-caps); text-transform: uppercase; color: var(--ac-gold-text); }

  .ac-ycats { display: grid; gap: var(--ac-space-1); margin: 0; padding: 0; list-style: none; }
  .ac-ycats a { display: flex; align-items: baseline; gap: var(--ac-space-2); min-block-size: 2.75rem; padding-block: 0.6rem; color: var(--ac-ink); font-weight: 720; text-decoration: none; }
  .ac-ycats__dots { flex: 1; min-inline-size: 1.5rem; border-block-end: 1px dotted var(--ac-line-strong); transform: translateY(-0.3em); }
  .ac-ycats__sayi { font-variant-numeric: tabular-nums; font-size: var(--ac-step--1); color: var(--ac-muted); }
  .ac-ycats a:hover, .ac-ycats a[aria-current="page"] { color: var(--ac-red); }
  .ac-ycats a[aria-current="page"] .ac-ycats__dots { border-color: var(--ac-red); }
  .ac-ycats a:focus-visible { outline: 2px solid var(--ac-focus); outline-offset: 2px; border-radius: var(--ac-radius-sm); }

  .ac-yrecent { display: grid; gap: var(--ac-space-4); margin: 0; padding: 0; list-style: none; }
  .ac-yrecent a { display: grid; grid-template-columns: 4.5rem minmax(0, 1fr); gap: var(--ac-space-3); align-items: center; color: var(--ac-ink); text-decoration: none; }
  .ac-yrecent__img { aspect-ratio: 4 / 3; overflow: hidden; background: var(--ac-surface-2); border-radius: var(--ac-radius) var(--ac-radius) var(--ac-radius) 0.9rem; }
  .ac-yrecent__img img { inline-size: 100%; block-size: 100%; object-fit: cover; transition: transform var(--ac-dur-3) var(--ac-ease); }
  .ac-yrecent__txt { display: grid; gap: 0.2rem; }
  .ac-yrecent__txt b { font-size: 0.9375rem; font-weight: 740; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .ac-yrecent__txt small { font-size: 0.75rem; color: var(--ac-muted); }
  .ac-yrecent a:hover b { color: var(--ac-red); }
  .ac-yrecent a:hover img { transform: scale(1.06); }
  .ac-yrecent a:focus-visible { outline: 2px solid var(--ac-focus); outline-offset: 3px; border-radius: var(--ac-radius); }

  .ac-yroutes { position: relative; display: grid; margin: 0; padding: 0; list-style: none; }
  .ac-yroutes::before { content: ""; position: absolute; inset-block: 1.35rem; inset-inline-start: 0.3rem; border-inline-start: 1px dashed var(--ac-gold); }
  .ac-yroutes a { position: relative; display: flex; align-items: center; gap: var(--ac-space-3); min-block-size: 2.75rem; padding-block: 0.35rem; color: var(--ac-ink); font-weight: 680; font-size: 0.9375rem; text-decoration: none; }
  .ac-yroutes a > span:nth-child(2) { flex: 1; }
  .ac-yroutes__dot { flex: none; inline-size: 0.65rem; block-size: 0.65rem; border: 1.5px solid var(--ac-gold); border-radius: 50%; background: var(--ac-surface); transition: background-color var(--ac-dur-2) var(--ac-ease); }
  .ac-yroutes .bi { color: var(--ac-muted); transition: transform var(--ac-dur-2) var(--ac-ease), color var(--ac-dur-2) var(--ac-ease); }
  .ac-yroutes a:hover { color: var(--ac-red); }
  .ac-yroutes a:hover .ac-yroutes__dot { background: var(--ac-brand-red); border-color: var(--ac-brand-red); }
  .ac-yroutes a:hover .bi { transform: translateX(3px); color: var(--ac-red); }
  .ac-yroutes a:focus-visible { outline: 2px solid var(--ac-focus); outline-offset: 2px; border-radius: var(--ac-radius-sm); }

  /* ================================================================== post */
  .ac-yread { padding-block: var(--ac-section-tight) var(--ac-section); }
  .ac-yread__grid { display: grid; gap: var(--ac-space-6); grid-template-areas: "rail" "main" "side"; }
  .ac-yread__rail { grid-area: rail; min-inline-size: 0; }
  .ac-yread__main { grid-area: main; min-inline-size: 0; }
  .ac-yread__side { grid-area: side; min-inline-size: 0; }
  @media (width >= 1024px) {
    .ac-yread__grid { grid-template-columns: minmax(0, 1fr) 21rem; grid-template-areas: "rail side" "main side"; column-gap: clamp(2.5rem, 4vw, 4.5rem); align-items: start; }
    .ac-yread__side { grid-row: 1 / span 2; }
  }
  @media (width >= 1200px) {
    .ac-yread__grid { grid-template-columns: 3.25rem minmax(0, 1fr) 21rem; grid-template-areas: "rail main side"; column-gap: clamp(2rem, 3vw, 3.5rem); }
    .ac-yread__side { grid-row: auto; }
  }

  .ac-ycover { margin: 0 0 var(--ac-space-6); overflow: hidden; border-radius: var(--ac-radius-lg) var(--ac-radius-lg) var(--ac-radius-lg) calc(var(--ac-leaf) * 1.6); background: var(--ac-surface-2); }
  .ac-ycover img { display: block; inline-size: 100%; block-size: auto; aspect-ratio: 9 / 5; object-fit: cover; }

  /* table of contents: the route of the post */
  .ac-ytoc { margin-block-end: var(--ac-space-7); border: 1px solid var(--ac-line); border-radius: var(--ac-radius-lg) var(--ac-radius-lg) var(--ac-radius-lg) var(--ac-leaf); background: var(--ac-surface-2); }
  .ac-ytoc summary { display: flex; align-items: center; gap: var(--ac-space-3); padding: var(--ac-space-4) var(--ac-space-5); cursor: pointer; list-style: none; }
  .ac-ytoc summary::-webkit-details-marker { display: none; }
  .ac-ytoc summary:focus-visible { outline: 2px solid var(--ac-focus); outline-offset: -2px; border-radius: var(--ac-radius-lg); }
  .ac-ytoc__ic { display: grid; place-items: center; flex: none; inline-size: 2.5rem; block-size: 2.5rem; border-radius: 50% 50% 50% var(--ac-radius-sm); background: var(--ac-brand-ink); color: #D8BE8A; }
  .ac-ytoc__head { display: grid; flex: 1; line-height: 1.25; }
  .ac-ytoc__head b { font-size: 1rem; font-weight: 800; }
  .ac-ytoc__head small { font-size: 0.8125rem; color: var(--ac-muted); }
  .ac-ytoc__sign { position: relative; flex: none; inline-size: 2rem; block-size: 2rem; border: 1px solid var(--ac-line-strong); border-radius: 50%; }
  .ac-ytoc__sign::before, .ac-ytoc__sign::after { content: ""; position: absolute; inset: 50% auto auto 50%; inline-size: 0.7rem; block-size: 1.5px; margin: -0.75px 0 0 -0.35rem; background: currentColor; transition: transform var(--ac-dur-2) var(--ac-ease); }
  .ac-ytoc__sign::after { transform: rotate(90deg); }
  .ac-ytoc details[open] .ac-ytoc__sign::after { transform: rotate(0deg); }
  .ac-ytoc__list { position: relative; margin: 0; padding: 0 var(--ac-space-5) var(--ac-space-5) calc(var(--ac-space-5) + 1.75rem); list-style: none; counter-reset: durak; }
  .ac-ytoc__list::before { content: ""; position: absolute; inset-block: 0.9rem 2.1rem; inset-inline-start: calc(var(--ac-space-5) + 0.55rem); border-inline-start: 1px dashed var(--ac-gold); }
  .ac-ytoc__item { position: relative; counter-increment: durak; }
  .ac-ytoc__item::before {
    content: ""; position: absolute; inset-inline-start: -1.45rem; inset-block-start: 0.85rem; inline-size: 0.6rem; block-size: 0.6rem;
    border: 1.5px solid var(--ac-gold); border-radius: 50%; background: var(--ac-surface-2);
  }
  .ac-ytoc__item a { display: flex; gap: 0.6rem; padding-block: 0.4rem; color: var(--ac-ink-2); font-weight: 650; line-height: 1.4; text-decoration: none; }
  .ac-ytoc__item:not(.ac-ytoc__item--alt) a::before { content: counter(durak, decimal-leading-zero); flex: none; min-inline-size: 1.6rem; font-size: 0.75rem; font-weight: 780; color: var(--ac-gold-text); padding-block-start: 0.15rem; font-variant-numeric: tabular-nums; }
  .ac-ytoc__item--alt { counter-increment: none; }
  .ac-ytoc__item--alt::before { inline-size: 0.4rem; block-size: 0.4rem; inset-inline-start: -1.35rem; }
  .ac-ytoc__item--alt a { padding-inline-start: 2.2rem; font-size: 0.9375rem; font-weight: 580; color: var(--ac-muted); }
  .ac-ytoc__item a:hover { color: var(--ac-red); }
  .ac-ytoc__item:has(a:hover)::before { background: var(--ac-brand-red); border-color: var(--ac-brand-red); }
  .ac-ytoc__item a:focus-visible { outline: 2px solid var(--ac-focus); outline-offset: 2px; border-radius: var(--ac-radius-sm); }

  /* body */
  .ac-yprose { max-inline-size: 70ch; font-size: 1.0625rem; line-height: 1.75; }
  .ac-yprose :is(h2, h3) { scroll-margin-block-start: calc(var(--ac-header-h) + var(--ac-space-5)); letter-spacing: -0.015em; text-wrap: balance; }
  .ac-yprose h2 { position: relative; margin-top: 2.2em; padding-block-start: var(--ac-space-4); font-size: var(--ac-step-3); }
  .ac-yprose h2::before { content: ""; position: absolute; inset-block-start: 0; inset-inline-start: 0; inline-size: 2.5rem; block-size: 2px; background: var(--ac-brand-red); }
  .ac-yprose h3 { font-size: var(--ac-step-2); }
  .ac-yprose > p:first-child::first-letter {
    float: inline-start; margin: 0.35rem 0.6rem 0 0; font-size: 3.6em; font-weight: 800; line-height: 0.8; color: var(--ac-gold-text);
  }
  .ac-yprose strong { color: var(--ac-ink); }
  .ac-yprose table { border-radius: var(--ac-radius); }
  .ac-yprose th { background: var(--ac-surface-2); color: var(--ac-ink); text-align: start; }
  .ac-yprose :target { animation: ac-y-hedef 1.6s var(--ac-ease-out); }
  @keyframes ac-y-hedef { from { background: var(--ac-gold-soft); } }
  .ac-yupdated { display: flex; align-items: center; gap: 0.5rem; margin: var(--ac-space-6) 0 0; font-size: 0.875rem; color: var(--ac-muted); }
  .ac-yupdated .bi { color: var(--ac-gold-text); }

  /* ================================================================== share */
  .ac-yshare__ic, .ac-yshare__btn { --ac-yb: var(--ac-brand-ink); }
  .ac-yshare__ic--wa, .ac-yshare__btn--wa { --ac-yb: #0E7C3F; }
  .ac-yshare__ic--x, .ac-yshare__btn--x { --ac-yb: #000; }
  .ac-yshare__ic--fb, .ac-yshare__btn--fb { --ac-yb: #0A5DC2; }
  .ac-yshare__ic--in, .ac-yshare__btn--in { --ac-yb: #0A66C2; }
  .ac-yshare__ic--link, .ac-yshare__btn--link, .ac-yshare__ic--native, .ac-yshare__btn--native { --ac-yb: var(--ac-brand-red); }

  /* rail: a row above the article on narrow screens, a vertical rail beside it from 1200px */
  .ac-yshare--ray { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ac-space-2); }
  .ac-yshare__lbl { margin-inline-end: var(--ac-space-2); font-size: var(--ac-step--2); font-weight: 800; letter-spacing: var(--ac-tracking-caps); text-transform: uppercase; color: var(--ac-gold-text); }
  .ac-yshare__ic {
    display: inline-grid; place-items: center; inline-size: 2.75rem; block-size: 2.75rem; padding: 0; border: 1px solid var(--ac-line); border-radius: 50%;
    background: var(--ac-surface-3); color: var(--ac-ink); font-size: 1.05rem; text-decoration: none; cursor: pointer;
    transition: transform var(--ac-dur-2) var(--ac-ease), background-color var(--ac-dur-2) var(--ac-ease), border-color var(--ac-dur-2) var(--ac-ease), color var(--ac-dur-1) var(--ac-ease);
  }
  .ac-yshare__ic[hidden] { display: none; }
  .ac-yshare__ic:hover { background: var(--ac-yb); border-color: var(--ac-yb); color: #fff; transform: translateY(-2px); }
  .ac-yshare__ic:active { transform: scale(0.94); }
  .ac-yshare__ic:focus-visible, .ac-yshare__btn:focus-visible { outline: 2px solid var(--ac-focus); outline-offset: 2px; }
  [data-bs-theme="dark"] .ac-yshare__ic--x:hover, [data-bs-theme="dark"] .ac-yshare__btn--x:hover { border-color: #fff; }
  .ac-yshare--ray .ac-share__msg { flex-basis: 100%; min-block-size: 1.2em; font-size: 0.8125rem; font-weight: 650; color: var(--ac-success); }
  @media (width < 1200px) {
    .ac-yshare--ray { padding-block-end: var(--ac-space-4); border-block-end: 1px solid var(--ac-line); }
    .ac-yshare--ray .ac-share__msg { flex-basis: auto; }
  }
  @media (width >= 1200px) {
    .ac-yshare--ray { flex-direction: column; flex-wrap: nowrap; gap: var(--ac-space-3); padding-block-start: var(--ac-space-1); }
    .ac-yshare__lbl { writing-mode: vertical-rl; transform: rotate(180deg); margin: 0 0 var(--ac-space-2); }
    .ac-yshare--ray::after { content: ""; order: 99; inline-size: 1px; block-size: 4rem; margin-block-start: var(--ac-space-2); background: linear-gradient(var(--ac-gold), transparent); }
    .ac-yshare--ray .ac-share__msg { writing-mode: vertical-rl; transform: rotate(180deg); flex-basis: auto; font-size: 0.75rem; }
  }

  /* end card */
  .ac-yshare--blok {
    display: grid; gap: var(--ac-space-5); margin-block-start: var(--ac-space-7); padding: var(--ac-space-6);
    border: 1px solid var(--ac-line); border-radius: var(--ac-radius-lg) var(--ac-radius-lg) var(--ac-radius-lg) var(--ac-leaf); background: var(--ac-gold-soft);
  }
  .ac-yshare--blok .ac-eyebrow { margin-block-end: var(--ac-space-2); }
  .ac-yshare__title { margin: 0; font-size: var(--ac-step-2); font-weight: 800; letter-spacing: -0.015em; }
  .ac-yshare__list { display: flex; flex-wrap: wrap; gap: var(--ac-space-2); margin: 0; padding: 0; list-style: none; }
  .ac-yshare__btn {
    display: inline-flex; align-items: center; gap: 0.55rem; min-block-size: 2.75rem; padding: 0.4rem 1rem 0.4rem 0.45rem; border: 1px solid var(--ac-line-strong);
    border-radius: 999px; background: var(--ac-surface-3); color: var(--ac-ink); font: inherit; font-size: 0.875rem; font-weight: 720; text-decoration: none; cursor: pointer;
    transition: background-color var(--ac-dur-2) var(--ac-ease), border-color var(--ac-dur-2) var(--ac-ease), color var(--ac-dur-1) var(--ac-ease), transform var(--ac-dur-1) var(--ac-ease);
  }
  .ac-yshare__btn[hidden] { display: none; }
  .ac-yshare__btn .bi { display: inline-grid; place-items: center; inline-size: 2rem; block-size: 2rem; border-radius: 50%; background: var(--ac-surface-2); color: var(--ac-yb); font-size: 0.95rem; transition: background-color var(--ac-dur-2) var(--ac-ease), color var(--ac-dur-2) var(--ac-ease); }
  [data-bs-theme="dark"] .ac-yshare__btn .bi, .ac-yshare__btn--x .bi { color: var(--ac-ink); }
  .ac-yshare__btn:hover { background: var(--ac-yb); border-color: var(--ac-yb); color: #fff; }
  .ac-yshare__btn:hover .bi { background: rgb(255 255 255 / 0.18); color: #fff; }
  .ac-yshare__btn:active { transform: scale(0.97); }
  .ac-yshare--blok .ac-share__msg { margin: 0; min-block-size: 1.2em; font-size: 0.875rem; font-weight: 650; color: var(--ac-success); }
  @media (width >= 768px) { .ac-yshare--blok { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); align-items: center; } .ac-yshare--blok .ac-share__msg { grid-column: 2; } }

  /* ================================================================== related + comments */
  .ac-yrelated { margin-block-start: var(--ac-space-8); padding-block-start: var(--ac-space-7); border-block-start: 1px solid var(--ac-line); }
  .ac-yrelated__head { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: var(--ac-space-4); margin-block-end: var(--ac-space-6); }
  .ac-yrelated__head h2 { margin: 0; font-size: var(--ac-step-3); letter-spacing: -0.02em; }
  .ac-yrelated .ac-ygrid { grid-template-columns: repeat(auto-fill, minmax(min(100%, 14rem), 1fr)); gap: var(--ac-space-6) var(--ac-space-5); }
  .ac-yrelated .ac-ypost__title { font-size: var(--ac-step-1); }
  .ac-yrelated .ac-ypost__excerpt { display: none; }

  .ac-ycomments { margin-block-start: var(--ac-space-8); }
  .ac-ycomments__title { display: flex; align-items: center; gap: var(--ac-space-3); margin: 0 0 var(--ac-space-5); font-size: var(--ac-step-3); letter-spacing: -0.02em; }
  .ac-ycomments__n { display: inline-grid; place-items: center; min-inline-size: 2rem; block-size: 2rem; padding-inline: 0.5rem; border-radius: 999px; background: var(--ac-gold-soft); color: var(--ac-gold-text); font-size: 0.875rem; font-weight: 800; font-variant-numeric: tabular-nums; }
  .ac-ycomments__empty { margin: 0 0 var(--ac-space-5); color: var(--ac-muted); }
  .ac-ycomments__list { display: grid; gap: 0; margin: 0 0 var(--ac-space-6); padding: 0; list-style: none; border-block-start: 1px solid var(--ac-line); }
  .ac-ycomment { display: grid; grid-template-columns: 2.75rem minmax(0, 1fr); gap: var(--ac-space-4); padding-block: var(--ac-space-5); border-block-end: 1px solid var(--ac-line); }
  .ac-ycomment p { margin: 0; }
  .ac-ycomment__av { display: grid; place-items: center; inline-size: 2.75rem; block-size: 2.75rem; border-radius: 50% 50% 50% var(--ac-radius-sm); background: var(--ac-gold-soft); color: var(--ac-gold-text); font-weight: 800; }
  .ac-ycomment__who { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.25rem 0.75rem; margin-block-end: 0.35rem !important; }
  .ac-ycomment__who time { font-size: 0.8125rem; color: var(--ac-muted); }
  .ac-ycomment__text { color: var(--ac-ink-2); }

  /* forms (comment + contact) */
  .ac-yform {
    padding: var(--ac-space-6); border: 1px solid var(--ac-line); background: var(--ac-surface-3); box-shadow: var(--ac-shadow-1);
    border-radius: var(--ac-radius-lg) var(--ac-radius-lg) var(--ac-radius-lg) var(--ac-leaf);
  }
  .ac-yform__title { display: grid; gap: 0.15rem; margin: 0 0 var(--ac-space-5); font-size: var(--ac-step-1); font-weight: 800; }
  .ac-yform__title small { font-size: 0.8125rem; font-weight: 550; color: var(--ac-muted); }
  .ac-yform .form-label { font-size: 0.875rem; font-weight: 740; color: var(--ac-ink); }
  .ac-yform .form-label .ac-opt { font-weight: 550; color: var(--ac-muted); }
  .ac-yform .form-control { min-block-size: 3.25rem; border: 1px solid var(--ac-line-strong); border-radius: var(--ac-radius); background: var(--ac-surface-3); color: var(--ac-ink); font-weight: 560; }
  .ac-yform textarea.form-control { min-block-size: 8rem; resize: vertical; }
  .ac-yform .form-control::placeholder { color: var(--ac-muted); font-weight: 500; opacity: 1; }
  .ac-yform .form-control:hover:not(:focus) { border-color: var(--ac-ink-2); }
  .ac-yform .form-control:focus { border-color: var(--ac-red); box-shadow: 0 0 0 3px color-mix(in srgb, var(--ac-red) 22%, transparent); outline: 0; }
  .ac-yform .form-control:focus-visible { outline: 2px solid var(--ac-focus); outline-offset: 1px; }

  /* ================================================================== contact */
  .ac-ycontact { padding-block-end: var(--ac-section); }
  .ac-ycontact .ac-eyebrow { margin-block-end: var(--ac-space-2); }

  /* channel tiles, lifted over the hero's bottom edge; double bezel: tray + plate */
  .ac-page-hero:has(~ .ac-ycontact) { padding-block-end: calc(var(--ac-space-7) * 2 + var(--ac-space-4)); }
  .ac-ychan { position: relative; z-index: 1; margin-block-start: calc(-1 * var(--ac-space-7)); }
  .ac-ychan__list { display: grid; gap: var(--ac-space-3); margin: 0; padding: 0; list-style: none; }
  @media (width >= 768px) { .ac-ychan__list { grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); } }
  .ac-ychan__item { padding: 0.375rem; border: 1px solid var(--ac-line); border-radius: calc(var(--ac-radius-lg) + 0.375rem) calc(var(--ac-radius-lg) + 0.375rem) calc(var(--ac-radius-lg) + 0.375rem) calc(var(--ac-leaf) + 0.375rem); background: color-mix(in srgb, var(--ac-surface-2) 85%, transparent); box-shadow: var(--ac-shadow-3); }
  .ac-ychan__tile {
    --ac-yc: var(--ac-brand-red);
    position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--ac-space-4); block-size: 100%;
    padding: var(--ac-space-5); border-radius: var(--ac-radius-lg) var(--ac-radius-lg) var(--ac-radius-lg) var(--ac-leaf); background: var(--ac-surface-3);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.06); color: var(--ac-ink); text-decoration: none;
    transition: transform var(--ac-dur-2) var(--ac-ease);
  }
  .ac-ychan__item--wa .ac-ychan__tile { --ac-yc: #0E7C3F; }
  .ac-ychan__item--mail .ac-ychan__tile { --ac-yc: var(--ac-brand-ink); }
  .ac-ychan__item--sabit .ac-ychan__tile { --ac-yc: var(--ac-gold-text); }
  /* four channels: two by two, a phone number never wraps */
  @media (width >= 768px) { .ac-ychan__list:has(> :nth-child(4)) { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  .ac-ychan__item--sabit .ac-ychan__txt b { white-space: nowrap; }
  .ac-ychan__ic { display: grid; place-items: center; inline-size: 3.25rem; block-size: 3.25rem; border-radius: 50% 50% 50% var(--ac-radius-sm); background: var(--ac-yc); color: #fff; font-size: 1.3rem; }
  [data-bs-theme="dark"] .ac-ychan__item--mail .ac-ychan__ic, .ac-ychan__item--mail .ac-ychan__ic { background: var(--ac-brand-ink); color: #D8BE8A; box-shadow: inset 0 0 0 1px rgb(216 190 138 / 0.35); }
  .ac-ychan__txt { display: grid; gap: 0.1rem; min-inline-size: 0; line-height: 1.25; }
  .ac-ychan__txt small { font-size: var(--ac-step--2); font-weight: 780; letter-spacing: var(--ac-tracking-caps); text-transform: uppercase; color: var(--ac-gold-text); }
  .ac-ychan__txt b { font-size: var(--ac-step-2); font-weight: 800; letter-spacing: -0.01em; overflow-wrap: anywhere; }
  .ac-ychan__item--mail .ac-ychan__txt b { font-size: var(--ac-step-1); overflow-wrap: break-word; }
  .ac-ychan__item--tel .ac-ychan__txt b { white-space: nowrap; }
  @media (width < 480px) {
    .ac-ychan__tile { gap: var(--ac-space-3); padding: var(--ac-space-4); }
    .ac-ychan__ic { inline-size: 2.75rem; block-size: 2.75rem; font-size: 1.1rem; }
    .ac-ychan__txt b { font-size: var(--ac-step-1); }
  }
  .ac-ychan__txt > span { font-size: 0.8125rem; color: var(--ac-muted); }
  .ac-ychan__go {
    display: grid; place-items: center; inline-size: 2.5rem; block-size: 2.5rem; border: 1px solid var(--ac-line-strong); border-radius: 50%;
    transition: transform var(--ac-dur-2) var(--ac-ease), background-color var(--ac-dur-2) var(--ac-ease), border-color var(--ac-dur-2) var(--ac-ease), color var(--ac-dur-2) var(--ac-ease);
  }
  .ac-ychan__tile:hover { color: var(--ac-ink); transform: translateY(-3px); }
  .ac-ychan__tile:hover .ac-ychan__go { transform: translate(2px, -2px) scale(1.06); background: var(--ac-yc); border-color: var(--ac-yc); color: #fff; }
  .ac-ychan__tile:active { transform: scale(0.99); }
  .ac-ychan__tile:focus-visible { outline: 2px solid var(--ac-focus); outline-offset: 3px; }

  /* form + branches */
  .ac-ydesk2 { padding-block-start: var(--ac-section-tight); }
  .ac-ydesk2__grid { display: grid; gap: var(--ac-space-8); }
  @media (width >= 1024px) { .ac-ydesk2__grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(2.5rem, 5vw, 5rem); align-items: start; } }
  .ac-yform--lg { padding: clamp(1.5rem, 1rem + 2vw, 2.75rem); }
  .ac-yform__h { margin: 0 0 var(--ac-space-3); font-size: var(--ac-step-4); letter-spacing: -0.02em; }
  .ac-yform__h em { font-style: normal; color: var(--ac-red); }
  .ac-yform__lead { margin: 0 0 var(--ac-space-6); color: var(--ac-muted); max-inline-size: 52ch; }
  .ac-yform__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--ac-space-4); margin-block-start: var(--ac-space-5); }
  .ac-yform__note { display: flex; align-items: center; gap: 0.5rem; margin: 0; font-size: 0.8125rem; color: var(--ac-muted); max-inline-size: 34ch; }
  .ac-yform__note .bi { color: var(--ac-gold-text); }

  .ac-ybranches__h { margin: 0 0 var(--ac-space-5); font-size: var(--ac-step-4); letter-spacing: -0.02em; }
  .ac-ybranches__list { position: relative; display: grid; gap: var(--ac-space-4); margin: 0; padding: 0; list-style: none; }
  .ac-ybranches__list::before { content: ""; position: absolute; inset-block: 1.5rem; inset-inline-start: 1.25rem; border-inline-start: 1px dashed var(--ac-gold); }
  .ac-ybranch { position: relative; display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); gap: var(--ac-space-4); }
  .ac-ybranch__stop {
    position: relative; display: grid; place-items: center; inline-size: 2.5rem; block-size: 2.5rem; margin-block-start: var(--ac-space-4);
    border: 1px solid var(--ac-gold); border-radius: 50%; background: var(--ac-surface); color: var(--ac-gold-text); font-size: 0.8125rem; font-weight: 800; font-variant-numeric: tabular-nums;
  }
  .ac-ybranch:first-child .ac-ybranch__stop { background: var(--ac-brand-red); border-color: var(--ac-brand-red); color: #fff; }
  .ac-ybranch__card { padding: var(--ac-space-5); border: 1px solid var(--ac-line); border-radius: var(--ac-radius-lg) var(--ac-radius-lg) var(--ac-radius-lg) var(--ac-leaf); background: var(--ac-surface-3); transition: border-color var(--ac-dur-2) var(--ac-ease); }
  .ac-ybranch:hover .ac-ybranch__card { border-color: var(--ac-gold); }
  .ac-ybranch__name { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; margin: 0 0 var(--ac-space-2); font-size: var(--ac-step-1); font-weight: 800; }
  .ac-ybranch__tip { padding: 0.15rem 0.5rem; border-radius: var(--ac-radius-sm); background: var(--ac-gold-soft); color: var(--ac-gold-text); font-size: 0.6875rem; font-weight: 780; letter-spacing: 0.1em; text-transform: uppercase; }
  .ac-ybranch__addr { display: flex; gap: 0.5rem; margin: 0 0 var(--ac-space-3); color: var(--ac-ink-2); font-size: 0.9375rem; }
  .ac-ybranch__addr .bi, .ac-ybranch__lines .bi { flex: none; color: var(--ac-gold-text); }
  .ac-ybranch__lines { display: grid; gap: 0.35rem; margin: 0; padding: 0; list-style: none; font-size: 0.9375rem; }
  .ac-ybranch__lines li { display: flex; align-items: center; gap: 0.5rem; }
  .ac-ybranch__lines a { color: var(--ac-ink); font-weight: 720; text-decoration: none; overflow-wrap: anywhere; }
  .ac-ybranch__lines a:hover { color: var(--ac-red); }
  .ac-ybranch__acts { display: flex; flex-wrap: wrap; gap: var(--ac-space-2); margin-block-start: var(--ac-space-4); }
  .ac-ybranch__btn {
    display: inline-flex; align-items: center; gap: 0.4rem; min-block-size: 2.5rem; padding: 0.3rem 0.85rem; border: 1px solid var(--ac-line-strong); border-radius: var(--ac-radius);
    background: transparent; color: var(--ac-ink); font: inherit; font-size: 0.8125rem; font-weight: 740; text-decoration: none; cursor: pointer;
    transition: border-color var(--ac-dur-2) var(--ac-ease), background-color var(--ac-dur-2) var(--ac-ease);
  }
  .ac-ybranch__btn .bi { color: var(--ac-red); }
  .ac-ybranch__btn:hover { border-color: var(--ac-gold); background: var(--ac-gold-soft); color: var(--ac-ink); }
  .ac-ybranch__btn:focus-visible { outline: 2px solid var(--ac-focus); outline-offset: 2px; }

  /* click-to-load map */
  .ac-ymapsec { padding-block-start: var(--ac-section-tight); }
  .ac-ymap {
    position: relative; isolation: isolate; overflow: hidden; aspect-ratio: 21 / 9; min-block-size: 18rem; background: var(--ac-band); color: #EDEDF0; color-scheme: dark;
    border-radius: var(--ac-radius-lg) var(--ac-radius-lg) var(--ac-radius-lg) calc(var(--ac-leaf) * 1.6);
  }
  .ac-ymap .ac-topo { color: rgb(216 190 138 / 0.12); }
  .ac-ymap__route { position: absolute; inset: 0; z-index: -1; inline-size: 100%; block-size: 100%; }
  .ac-ymap__route path { fill: none; stroke: #C9A96A; stroke-width: 1.25; stroke-dasharray: 6 8; vector-effect: non-scaling-stroke; opacity: 0.7; }
  .ac-ymap__facade { position: absolute; inset: 0; display: grid; place-content: center; justify-items: center; gap: var(--ac-space-3); padding: var(--ac-space-5); text-align: center; }
  .ac-ymap__pin { display: grid; place-items: center; inline-size: 3.5rem; block-size: 3.5rem; border-radius: 50% 50% 50% var(--ac-radius-sm); background: var(--ac-brand-red); color: #fff; font-size: 1.4rem; box-shadow: 0 0 0 10px rgb(210 10 20 / 0.18), 0 0 0 22px rgb(210 10 20 / 0.08); }
  .ac-ymap__title { margin: var(--ac-space-3) 0 0; font-size: var(--ac-step-2); font-weight: 800; color: #fff; }
  .ac-ymap__note { margin: 0 0 var(--ac-space-2); max-inline-size: 44ch; font-size: 0.875rem; color: #C8C8D0; }
  .ac-ymap .btn-solid.theme-inverse { --bs-btn-bg: #fff; --bs-btn-color: #111114; background: #fff; color: #111114; }
  .ac-ymap:focus-visible { outline: 2px solid var(--ac-focus); outline-offset: 3px; }
  .ac-ymap iframe { position: absolute; inset: 0; z-index: 2; inline-size: 100%; block-size: 100%; border: 0; }
  .ac-ymap.is-yuklu .ac-ymap__facade { visibility: hidden; }
  @media (width < 768px) { .ac-ymap { aspect-ratio: 4 / 5; } }

  /* FAQ teaser */
  .ac-yfaq { padding-block-start: var(--ac-section); }
  .ac-yfaq__grid { display: grid; gap: var(--ac-space-7); }
  @media (width >= 992px) { .ac-yfaq__grid { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); } }
  .ac-yfaq__intro h2 { margin: 0 0 var(--ac-space-3); font-size: var(--ac-step-4); letter-spacing: -0.02em; }
  .ac-yfaq__intro p:not(.ac-eyebrow) { color: var(--ac-muted); max-inline-size: 36ch; }
  .ac-yfaq__list { border-block-start: 1px solid var(--ac-line); }
  .ac-yfaq__item { border-block-end: 1px solid var(--ac-line); }
  .ac-yfaq__item summary { display: flex; align-items: center; justify-content: space-between; gap: var(--ac-space-5); padding-block: var(--ac-space-5); cursor: pointer; list-style: none; font-size: var(--ac-step-1); font-weight: 720; line-height: 1.35; }
  .ac-yfaq__item summary::-webkit-details-marker { display: none; }
  .ac-yfaq__item summary:hover > span:first-child { color: var(--ac-red); }
  .ac-yfaq__item summary:focus-visible { outline: 2px solid var(--ac-focus); outline-offset: 4px; border-radius: var(--ac-radius-sm); }
  .ac-yfaq__sign { position: relative; flex: none; inline-size: 2.25rem; block-size: 2.25rem; border: 1px solid var(--ac-line-strong); border-radius: 50%; transition: background-color var(--ac-dur-2) var(--ac-ease); }
  .ac-yfaq__sign::before, .ac-yfaq__sign::after { content: ""; position: absolute; inset: 50% auto auto 50%; inline-size: 0.75rem; block-size: 1.5px; margin: -0.75px 0 0 -0.375rem; background: currentColor; transition: transform var(--ac-dur-2) var(--ac-ease); }
  .ac-yfaq__sign::after { transform: rotate(90deg); }
  .ac-yfaq__item[open] .ac-yfaq__sign { background: var(--ac-ink); border-color: var(--ac-ink); color: var(--ac-surface); }
  .ac-yfaq__item[open] .ac-yfaq__sign::after { transform: rotate(0deg); }
  .ac-yfaq__a { max-inline-size: 65ch; padding-block-end: var(--ac-space-5); color: var(--ac-ink-2); }

  /* ================================================================== entrance, motion, contrast, print */
  @media (prefers-reduced-motion: no-preference) {
    .ac-yfeat, .ac-ychan__item { animation: ac-y-in 760ms var(--ac-ease-out) both; }
    .ac-ychan__item:nth-child(2) { animation-delay: 80ms; }
    .ac-ychan__item:nth-child(3) { animation-delay: 160ms; }
  }
  @keyframes ac-y-in { from { opacity: 0; transform: translateY(1.25rem); } }
  @media (prefers-reduced-motion: reduce) {
    :is(.ac-yblog, .ac-yread, .ac-ycontact, .ac-ystops) *, :is(.ac-yblog, .ac-yread, .ac-ycontact, .ac-ystops) *::before, :is(.ac-yblog, .ac-yread, .ac-ycontact, .ac-ystops) *::after { transition-duration: 0.01ms !important; animation: none !important; }
    :is(.ac-yblog, .ac-yread, .ac-ycontact) img { transform: none !important; }
  }
  @media (forced-colors: active) {
    .ac-yshare__ic, .ac-yshare__btn, .ac-ychan__tile, .ac-ybranch__card, .ac-ytoc, .ac-yform, .ac-ydesk { border: 1px solid CanvasText; }
    .ac-ystops__stop[aria-current="page"] .ac-ystops__dot { background: Highlight; }
  }
  @media print {
    .ac-yread__rail, .ac-yread__side, .ac-ylayout__side, .ac-yshare, .ac-ycomments form, .ac-ystops, .ac-ymapsec, .ac-ychan { display: none !important; }
    .ac-yread__grid, .ac-ylayout { display: block; }
    .ac-ytoc details:not([open]) > :not(summary) { display: block; }
  }
}