:root {
  --ag-bg: #f2f1e9;
  --ag-bg-deep: #e8e7dc;
  --ag-surface: #fbfaf4;
  --ag-surface-strong: #ffffff;
  --ag-ink: #171a17;
  --ag-ink-soft: #303630;
  --ag-muted: #6d736c;
  --ag-line: #d8d8cc;
  --ag-line-dark: #bfc1b5;
  --ag-green: #375a46;
  --ag-green-dark: #203a2c;
  --ag-lime: #d6ff63;
  --ag-orange: #f17847;
  --ag-blue: #b7dce1;
  --ag-yellow: #f1da73;
  --ag-danger: #a9342f;
  --ag-radius: 22px;
  --ag-radius-sm: 14px;
  --ag-shadow: 0 28px 70px rgba(38, 43, 35, .11);
  --ag-shadow-soft: 0 12px 35px rgba(38, 43, 35, .07);
  --ag-font: "Arial Nova", "Aptos", "Segoe UI", Arial, sans-serif;
  --ag-font-display: "Arial Nova", "Aptos Display", "Segoe UI", Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  overflow-x: hidden;
  background: var(--ag-bg);
  color: var(--ag-ink);
  font-family: var(--ag-font);
  font-size: 16px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body.ag-menu-open { overflow: hidden; }
a { color: var(--ag-green); text-decoration: none; }
a:hover { color: var(--ag-green-dark); }
img { display: block; max-width: 100%; height: auto; }
button, input, textarea, select { font: inherit; }
button { color: inherit; }
::selection { background: var(--ag-lime); color: var(--ag-ink); }
.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.ag-skip-link { position: fixed; left: 12px; top: -100px; z-index: 10000; padding: 10px 16px; border-radius: 8px; background: var(--ag-ink); color: #fff; }
.ag-skip-link:focus { top: 12px; }
.ag-container { width: min(1240px, calc(100% - 48px)); margin-inline: auto; }

/* Signal bar */

/* Header */
.ag-header { position: sticky; top: 0; z-index: 100; border-bottom: 1px solid rgba(191,193,181,.75); background: rgba(242,241,233,.9); backdrop-filter: blur(18px); }
.admin-bar .ag-header { top: 32px; }
.ag-header__inner { min-height: 82px; display: flex; align-items: center; gap: 28px; }
.ag-brand { flex: 0 0 auto; }
.ag-brand__link { display: inline-flex; align-items: center; gap: 12px; color: var(--ag-ink); }
.ag-brand__mark { width: 45px; height: 45px; display: grid; place-items: center; color: var(--ag-green); transform: rotate(-4deg); transition: transform .25s ease; }
.ag-brand__link:hover .ag-brand__mark { transform: rotate(4deg) scale(1.04); }
.ag-brand__mark svg { width: 100%; height: 100%; }
.ag-brand__wordmark strong { display: block; font-family: var(--ag-font-display); font-size: 20px; font-weight: 900; line-height: 1; letter-spacing: -1px; }
.ag-brand__wordmark strong span { color: var(--ag-green); }
.ag-brand__wordmark small { display: block; margin-top: 6px; color: var(--ag-muted); font-size: 8px; font-weight: 900; line-height: 1; letter-spacing: 1.8px; }
.custom-logo { max-height: 54px; width: auto; }
.ag-nav { margin-left: auto; }
.ag-nav__mobile-head, .ag-nav__mobile-actions { display: none; }
.ag-nav__list { display: flex; align-items: center; gap: 2px; margin: 0; padding: 0; list-style: none; }
.ag-nav__list > li { position: relative; }
.ag-nav__list a { display: flex; align-items: center; gap: 7px; padding: 12px 13px; border-radius: 0; color: var(--ag-ink-soft); font-size: 13px; font-weight: 800; transition: color .18s ease, background .18s ease; }
.ag-nav__list > li > a::before { content: ""; width: 0; height: 5px; border-radius: 50%; background: var(--ag-orange); transition: width .18s ease; }
.ag-nav__list > li > a:hover::before, .ag-nav__list > .current-menu-item > a::before, .ag-nav__list > .current-menu-ancestor > a::before { width: 5px; }
.ag-nav__list a:hover, .ag-nav__list .current-menu-item > a, .ag-nav__list .current-menu-ancestor > a { color: var(--ag-green-dark); }
.ag-nav__list .menu-item-has-children > a::after { content: "+"; margin-left: 2px; color: var(--ag-muted); font-size: 13px; font-weight: 500; }
.ag-nav__list .sub-menu { position: absolute; left: -14px; top: calc(100% + 15px); z-index: 20; width: 290px; margin: 0; padding: 9px; list-style: none; visibility: hidden; opacity: 0; transform: translateY(-8px); border: 1px solid var(--ag-line-dark); background: var(--ag-surface); box-shadow: var(--ag-shadow); transition: .2s ease; }
.ag-nav__list .sub-menu::before { content: "HESAPLAMA MODÜLLERİ"; display: block; padding: 8px 12px 10px; border-bottom: 1px solid var(--ag-line); color: var(--ag-muted); font-size: 8px; font-weight: 900; letter-spacing: 1.5px; }
.ag-nav__list li:hover > .sub-menu, .ag-nav__list li:focus-within > .sub-menu { visibility: visible; opacity: 1; transform: translateY(0); }
.ag-nav__list .sub-menu a { justify-content: space-between; padding: 11px 12px; border-bottom: 1px solid rgba(216,216,204,.65); font-size: 12px; }
.ag-nav__list .sub-menu li:last-child a { border-bottom: 0; }

.ag-header__actions { display: flex; align-items: center; gap: 13px; }
.ag-header__login { color: var(--ag-ink); font-size: 13px; font-weight: 850; }
.ag-nav-toggle { display: none; width: 45px; height: 45px; padding: 11px; border: 1px solid var(--ag-line-dark); background: transparent; cursor: pointer; }
.ag-nav-toggle > span:not(.screen-reader-text) { display: block; width: 100%; height: 2px; margin: 5px 0; background: var(--ag-ink); transition: .2s ease; }
.ag-submenu-toggle { display: none; }
.ag-nav-overlay { position: fixed; inset: 0; z-index: 105; display: block; visibility: hidden; opacity: 0; border: 0; background: rgba(19,22,19,.55); backdrop-filter: blur(3px); transition: opacity .25s ease, visibility .25s ease; }
.ag-nav-overlay.is-visible { visibility: visible; opacity: 1; }

/* Buttons */
.ag-button { display: inline-flex; align-items: center; justify-content: center; gap: 16px; min-height: 44px; padding: 11px 18px; border: 1px solid var(--ag-green-dark); border-radius: 0; background: var(--ag-green-dark); color: #fff; font-size: 12px; font-weight: 900; line-height: 1; letter-spacing: .35px; cursor: pointer; transition: transform .16s ease, background .16s ease, box-shadow .16s ease; }
.ag-button:hover { transform: translateY(-2px); background: var(--ag-green); color: #fff; box-shadow: 7px 7px 0 rgba(32,58,44,.13); }
.ag-button i, .ag-button b { font-style: normal; font-size: 16px; }
.ag-button--ghost { border-color: var(--ag-line-dark); background: transparent; color: var(--ag-ink); box-shadow: none; }
.ag-button--ghost:hover { border-color: var(--ag-ink); background: var(--ag-surface); color: var(--ag-ink); }
.ag-button--large { min-height: 55px; padding-inline: 24px; }
.ag-button--block { width: 100%; }
.ag-button--light { border-color: var(--ag-lime); background: var(--ag-lime); color: var(--ag-ink); }
.ag-button--light:hover { background: #e5ff9e; color: var(--ag-ink); box-shadow: 7px 7px 0 rgba(214,255,99,.16); }

/* Shared layout */
.ag-main { min-height: 60vh; padding: 48px 0 84px; }
.ag-home.ag-main { padding: 0; }
.ag-layout { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 30px; align-items: start; }
.ag-content { min-width: 0; }
.ag-surface { padding: clamp(25px, 4vw, 48px); border: 1px solid var(--ag-line-dark); background: var(--ag-surface); box-shadow: var(--ag-shadow-soft); }
.ag-page-header { margin-bottom: 30px; }
.ag-page-header h1 { max-width: 900px; margin: 6px 0 0; font-family: var(--ag-font-display); font-size: clamp(35px, 5vw, 58px); line-height: 1.03; letter-spacing: -2.5px; }
.ag-page-header p { max-width: 730px; margin: 14px 0 0; color: var(--ag-muted); font-size: 17px; }
.ag-page-header--split { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.ag-eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--ag-green); font-size: 9px; font-weight: 950; letter-spacing: 1.8px; text-transform: uppercase; }
.ag-eyebrow::before { content: ""; width: 18px; height: 2px; background: var(--ag-orange); }
.ag-meta { display: flex; flex-wrap: wrap; gap: 10px; color: var(--ag-muted); font-size: 11px; font-weight: 700; }
.ag-meta span + span::before { content: "/"; margin-right: 10px; color: var(--ag-line-dark); }
.ag-entry-content { font-size: 17px; }
.ag-entry-content > *:first-child { margin-top: 0; }
.ag-entry-content h2, .ag-entry-content h3 { line-height: 1.18; letter-spacing: -1px; }
.ag-entry-content h2 { margin-top: 42px; font-size: 31px; }
.ag-entry-content h3 { margin-top: 31px; font-size: 23px; }
.ag-entry-content p, .ag-entry-content li { color: #3c423c; }
.ag-entry-content a { text-decoration: underline; text-decoration-color: var(--ag-orange); text-underline-offset: 4px; }
.ag-entry-content blockquote { margin: 30px 0; padding: 22px 25px; border-left: 5px solid var(--ag-green); background: #e7ece5; }
.ag-featured-image, .ag-question-image { overflow: hidden; margin-bottom: 30px; border: 1px solid var(--ag-line-dark); }
.ag-tags { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 30px; }
.ag-tags a { padding: 7px 11px; border: 1px solid var(--ag-line); background: var(--ag-bg); font-size: 11px; font-weight: 800; }

/* Hero */
.ag-hero { position: relative; overflow: hidden; padding: 70px 0 0; border-bottom: 1px solid var(--ag-line-dark); background: var(--ag-bg); }
.ag-hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(55,90,70,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(55,90,70,.055) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to bottom, #000 0%, transparent 85%); }
.ag-hero::after { content: "AG"; position: absolute; right: -40px; top: 10px; color: rgba(55,90,70,.045); font-family: var(--ag-font-display); font-size: 330px; font-weight: 950; line-height: 1; letter-spacing: -30px; }
.ag-hero__grid-lines { position: absolute; width: 460px; height: 460px; right: 8%; top: 45px; border: 1px solid rgba(55,90,70,.08); border-radius: 50%; }
.ag-hero__grid-lines::before, .ag-hero__grid-lines::after { content: ""; position: absolute; inset: 12%; border: 1px dashed rgba(55,90,70,.13); border-radius: 50%; }
.ag-hero__grid-lines::after { inset: 32%; }
.ag-hero__grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(380px, .72fr); align-items: center; gap: 80px; }
.ag-hero__copy { padding: 15px 0 75px; }
.ag-kicker { display: inline-flex; align-items: center; gap: 0; border: 1px solid var(--ag-ink); color: var(--ag-ink); font-size: 9px; font-weight: 950; letter-spacing: 1.5px; }
.ag-kicker span, .ag-kicker b { padding: 8px 11px; }
.ag-kicker b { background: var(--ag-ink); color: var(--ag-lime); }
.ag-hero h1 { max-width: 800px; margin: 22px 0 24px; font-family: var(--ag-font-display); font-size: clamp(52px, 6.7vw, 92px); font-weight: 900; line-height: .91; letter-spacing: -5.5px; }
.ag-hero h1 span { position: relative; z-index: 1; display: inline-block; color: var(--ag-green-dark); }
.ag-hero h1 span::after { content: ""; position: absolute; z-index: -1; left: -8px; right: -10px; bottom: 4px; height: 18px; transform: rotate(-1.4deg); background: var(--ag-lime); }
.ag-hero__copy > p { max-width: 680px; margin: 0; color: var(--ag-muted); font-size: 18px; line-height: 1.7; }
.ag-hero__actions { display: flex; gap: 12px; margin-top: 30px; }
.ag-hero__proof { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 28px; }
.ag-hero__proof span { display: inline-flex; align-items: center; gap: 8px; color: var(--ag-muted); font-size: 10px; font-weight: 850; letter-spacing: .45px; text-transform: uppercase; }
.ag-hero__proof b { color: var(--ag-green); font-size: 9px; }

/* Dispatch ticket */
.ag-dispatch-card { position: relative; width: min(100%, 430px); justify-self: end; overflow: hidden; border: 1px solid var(--ag-ink); background: #fbfaf1; box-shadow: 17px 17px 0 rgba(55,90,70,.16); transform: rotate(1.25deg); }
.ag-dispatch-card::before, .ag-dispatch-card::after { content: ""; position: absolute; z-index: 2; width: 22px; height: 22px; top: 76%; border: 1px solid var(--ag-ink); border-radius: 50%; background: var(--ag-bg); }
.ag-dispatch-card::before { left: -12px; }
.ag-dispatch-card::after { right: -12px; }
.ag-dispatch-card__stamp { position: absolute; z-index: 3; right: 20px; top: 62px; width: 70px; height: 70px; display: grid; place-items: center; transform: rotate(12deg); border: 2px solid rgba(169,52,47,.55); border-radius: 50%; color: rgba(169,52,47,.62); font-size: 10px; font-weight: 950; line-height: 1.05; text-align: center; letter-spacing: .8px; }
.ag-dispatch-card__head { display: flex; justify-content: space-between; gap: 15px; padding: 15px 19px; border-bottom: 1px dashed var(--ag-line-dark); background: var(--ag-green-dark); color: #fff; font-size: 9px; font-weight: 900; letter-spacing: 1.3px; }
.ag-dispatch-card__head small { color: #cbd7cd; font-size: inherit; }
.ag-dispatch-card__body { display: grid; grid-template-columns: 1fr .85fr; align-items: center; gap: 20px; padding: 28px 24px 25px; }
.ag-countdown-orbit { position: relative; aspect-ratio: 1; display: grid; place-items: center; }
.ag-countdown-orbit svg { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); }
.ag-countdown-orbit circle { fill: none; stroke: #d9ddd2; stroke-width: 2; }
.ag-countdown-orbit .ag-countdown-orbit__progress { stroke: var(--ag-green); stroke-width: 8; stroke-linecap: square; stroke-dasharray: 465; stroke-dashoffset: 136; }
.ag-countdown-orbit > div { position: relative; z-index: 1; text-align: center; }
.ag-countdown-orbit span { display: block; font-size: 9px; font-weight: 950; letter-spacing: 2px; }
.ag-countdown-orbit strong { display: block; margin: -4px 0 -8px; color: var(--ag-green-dark); font-family: var(--ag-font-display); font-size: 72px; line-height: 1; }
.ag-countdown-orbit small { display: block; max-width: 80px; color: var(--ag-muted); font-size: 7px; font-weight: 850; line-height: 1.35; letter-spacing: .9px; }
.ag-route-list { position: relative; display: grid; gap: 21px; margin: 0; padding: 0; list-style: none; }
.ag-route-list::before { content: ""; position: absolute; left: 6px; top: 7px; bottom: 7px; border-left: 1px dashed var(--ag-line-dark); }
.ag-route-list li { position: relative; z-index: 1; display: grid; grid-template-columns: 14px 1fr; align-items: start; gap: 10px; }
.ag-route-list i { width: 13px; height: 13px; margin-top: 2px; border: 2px solid var(--ag-line-dark); border-radius: 50%; background: #fbfaf1; }
.ag-route-list li.is-complete i { border-color: var(--ag-green); background: var(--ag-lime); box-shadow: 0 0 0 3px #fbfaf1; }
.ag-route-list b, .ag-route-list small { display: block; }
.ag-route-list b { font-size: 10px; line-height: 1.2; }
.ag-route-list small { margin-top: 2px; color: var(--ag-muted); font-size: 8px; }
.ag-dispatch-card__action { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 17px 24px; border-top: 1px dashed var(--ag-line-dark); border-bottom: 1px dashed var(--ag-line-dark); color: var(--ag-ink); font-size: 11px; font-weight: 950; letter-spacing: .55px; text-transform: uppercase; }
.ag-dispatch-card__action:hover { background: var(--ag-lime); color: var(--ag-ink); }
.ag-dispatch-card__action b { font-size: 20px; }
.ag-dispatch-card__barcode { height: 39px; margin: 18px 24px; background: repeating-linear-gradient(90deg, var(--ag-ink) 0 2px, transparent 2px 5px, var(--ag-ink) 5px 6px, transparent 6px 10px, var(--ag-ink) 10px 14px, transparent 14px 17px); opacity: .75; }
.ag-command-strip { position: relative; z-index: 3; display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--ag-ink); border-bottom: 0; background: var(--ag-surface); }
.ag-command-strip > div { min-height: 86px; display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 20px 24px; border-right: 1px solid var(--ag-ink); }
.ag-command-strip > div:last-child { border-right: 0; }
.ag-command-strip span { color: var(--ag-muted); font-size: 8px; font-weight: 950; letter-spacing: 1.2px; }
.ag-command-strip strong { font-family: var(--ag-font-display); font-size: 27px; line-height: 1; letter-spacing: -1.2px; }
.ag-command-strip__live i { width: 9px; height: 9px; margin-left: auto; border-radius: 50%; background: var(--ag-lime); box-shadow: 0 0 0 5px rgba(214,255,99,.22); }
.ag-command-strip__live strong { color: var(--ag-green); font-size: 13px; letter-spacing: 1px; }

/* Sections */
.ag-section { padding: 100px 0; }
.ag-tools-section { background: var(--ag-surface); }
.ag-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 40px; }
.ag-section-heading--indexed { display: grid; grid-template-columns: 80px 1fr auto; }
.ag-section-heading__index { align-self: start; padding-top: 7px; color: var(--ag-line-dark); font-family: var(--ag-font-display); font-size: 42px; font-weight: 900; letter-spacing: -2px; }
.ag-section-heading h2 { margin: 9px 0 0; font-family: var(--ag-font-display); font-size: clamp(34px, 4vw, 56px); line-height: .98; letter-spacing: -3px; }
.ag-text-link, .ag-feed-block__head > a { display: inline-flex; align-items: center; gap: 12px; padding-bottom: 5px; border-bottom: 1px solid var(--ag-ink); color: var(--ag-ink); font-size: 10px; font-weight: 950; letter-spacing: .75px; text-transform: uppercase; }
.ag-text-link b, .ag-feed-block__head > a b { font-size: 15px; }

/* Tool bento */
.ag-tool-grid { display: grid; grid-template-columns: 1.1fr .9fr .9fr; grid-template-rows: 260px 240px; gap: 14px; }
.ag-tool-card { position: relative; display: flex; flex-direction: column; justify-content: space-between; min-width: 0; overflow: hidden; padding: 28px; border: 1px solid var(--ag-ink); color: var(--ag-ink); transition: transform .2s ease, box-shadow .2s ease; }
.ag-tool-card::after { content: ""; position: absolute; width: 190px; height: 190px; right: -80px; bottom: -95px; border: 1px solid currentColor; border-radius: 50%; opacity: .16; box-shadow: 0 0 0 28px transparent, 0 0 0 29px currentColor, 0 0 0 58px transparent, 0 0 0 59px currentColor; }
.ag-tool-card:hover { transform: translate(-4px, -4px); color: var(--ag-ink); box-shadow: 8px 8px 0 var(--ag-ink); }
.ag-tool-card__top { position: relative; z-index: 1; display: flex; align-items: flex-start; justify-content: space-between; }
.ag-tool-card__top > span { font-size: 9px; font-weight: 950; letter-spacing: 1px; }
.ag-tool-card__top svg { width: 48px; height: 48px; fill: none; stroke: currentColor; stroke-width: 1.45; stroke-linecap: square; stroke-linejoin: miter; }
.ag-tool-card > div:not(.ag-tool-card__top) { position: relative; z-index: 1; }
.ag-tool-card h3 { max-width: 390px; margin: 0 0 9px; font-family: var(--ag-font-display); font-size: 29px; line-height: 1; letter-spacing: -1.5px; }
.ag-tool-card p { max-width: 390px; margin: 0; color: rgba(23,26,23,.68); font-size: 12px; line-height: 1.5; }
.ag-tool-card__arrow { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 8px; font-size: 9px; font-weight: 950; letter-spacing: 1px; }
.ag-tool-card__arrow b { font-size: 15px; }
.ag-tool-card--safak { grid-row: 1 / span 2; background: var(--ag-green-dark); color: #fff; }
.ag-tool-card--safak::before { content: "ŞAFAK"; position: absolute; left: -10px; bottom: 70px; transform: rotate(-90deg); transform-origin: left bottom; color: rgba(255,255,255,.055); font-family: var(--ag-font-display); font-size: 93px; font-weight: 950; letter-spacing: -6px; }
.ag-tool-card--safak p { color: rgba(255,255,255,.68); }
.ag-tool-card--safak h3 { max-width: 300px; font-size: 46px; }
.ag-tool-card--safak:hover { color: #fff; box-shadow: 8px 8px 0 var(--ag-lime); }
.ag-tool-card--msu { background: var(--ag-lime); }
.ag-tool-card--yks { background: var(--ag-yellow); }
.ag-tool-card--aday { background: var(--ag-blue); }
.ag-tool-card--bmi { background: #f5c7b6; }

/* Home feed */
.ag-feed-section { position: relative; background: var(--ag-bg); }
.ag-feed-section::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(rgba(55,90,70,.15) .7px, transparent .7px); background-size: 20px 20px; opacity: .25; }
.ag-home-layout { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 28px; align-items: start; }
.ag-home-feed { min-width: 0; display: grid; gap: 28px; }
.ag-feed-block { border: 1px solid var(--ag-line-dark); background: var(--ag-surface); }
.ag-feed-block__head { min-height: 112px; display: flex; align-items: end; justify-content: space-between; gap: 25px; padding: 28px 30px; border-bottom: 1px solid var(--ag-line-dark); }
.ag-feed-block__head h2 { margin: 8px 0 0; font-family: var(--ag-font-display); font-size: 36px; line-height: 1; letter-spacing: -2px; }

/* Articles */
.ag-feature-story { display: grid; grid-template-columns: 1.08fr .92fr; min-height: 420px; border-bottom: 1px solid var(--ag-line-dark); }
.ag-feature-story__media { position: relative; min-height: 370px; overflow: hidden; border-right: 1px solid var(--ag-line-dark); background: var(--ag-green-dark); }
.ag-feature-story__media img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.78) contrast(1.05); transition: transform .45s ease, filter .45s ease; }
.ag-feature-story:hover .ag-feature-story__media img { transform: scale(1.035); filter: saturate(1) contrast(1); }
.ag-feature-story__media.is-fallback { display: flex; flex-direction: column; justify-content: space-between; padding: 35px; color: var(--ag-lime); background-image: linear-gradient(rgba(214,255,99,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(214,255,99,.07) 1px, transparent 1px); background-size: 32px 32px; }
.ag-feature-story__media.is-fallback::after { content: ""; position: absolute; width: 300px; height: 300px; right: -110px; bottom: -110px; border: 1px solid var(--ag-lime); border-radius: 50%; box-shadow: 0 0 0 45px rgba(214,255,99,.03), 0 0 0 46px rgba(214,255,99,.55); }
.ag-feature-story__media.is-fallback span { position: relative; z-index: 1; font-family: var(--ag-font-display); font-size: 54px; font-weight: 950; line-height: .84; letter-spacing: -4px; }
.ag-feature-story__media.is-fallback i { position: relative; z-index: 1; font-size: 9px; font-style: normal; font-weight: 900; letter-spacing: 1.4px; }
.ag-feature-story__body { display: flex; flex-direction: column; justify-content: center; padding: 44px; }
.ag-story-meta { display: flex; align-items: center; justify-content: space-between; gap: 15px; color: var(--ag-muted); font-size: 8px; font-weight: 950; letter-spacing: 1.3px; }
.ag-story-meta span { padding: 6px 8px; background: var(--ag-lime); color: var(--ag-ink); }
.ag-feature-story h3 { margin: 25px 0 16px; font-family: var(--ag-font-display); font-size: clamp(30px, 3.1vw, 47px); line-height: .98; letter-spacing: -2.4px; }
.ag-feature-story h3 a { color: var(--ag-ink); }
.ag-feature-story__body p { margin: 0; color: var(--ag-muted); font-size: 13px; }
.ag-read-more { display: inline-flex; align-items: center; gap: 10px; margin-top: 26px; color: var(--ag-green-dark); font-size: 9px; font-weight: 950; letter-spacing: .8px; text-transform: uppercase; }
.ag-read-more b { font-size: 15px; }
.ag-story-grid { display: grid; grid-template-columns: repeat(2, 1fr); }
.ag-story-card { min-width: 0; display: grid; grid-template-columns: 125px 1fr; min-height: 150px; border-right: 1px solid var(--ag-line-dark); border-bottom: 1px solid var(--ag-line-dark); }
.ag-story-card:nth-child(even) { border-right: 0; }
.ag-story-card:nth-last-child(-n+2) { border-bottom: 0; }
.ag-story-card__media { min-height: 150px; overflow: hidden; border-right: 1px solid var(--ag-line-dark); }
.ag-story-card__media img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.75); transition: .3s ease; }
.ag-story-card:hover img { transform: scale(1.04); filter: saturate(1); }
.ag-story-card__media.is-fallback { display: grid; place-content: center; align-content: center; background: var(--ag-bg-deep); color: var(--ag-green); text-align: center; }
.ag-story-card__media.is-fallback span { font-family: var(--ag-font-display); font-size: 38px; font-weight: 950; line-height: .9; }
.ag-story-card__media.is-fallback small { font-size: 8px; font-weight: 950; letter-spacing: 1.2px; }
.ag-story-card__body { min-width: 0; display: flex; flex-direction: column; justify-content: center; padding: 20px; }
.ag-story-card time, .ag-story-card__body > span { color: var(--ag-muted); font-size: 8px; font-weight: 850; letter-spacing: .8px; }
.ag-story-card h3 { margin: 8px 0 13px; font-size: 16px; line-height: 1.25; letter-spacing: -.45px; }
.ag-story-card h3 a { color: var(--ag-ink); }

/* Questions */
.ag-question-board__labels { display: grid; grid-template-columns: 1fr 95px; padding: 10px 28px; border-bottom: 1px solid var(--ag-line); background: var(--ag-bg-deep); color: var(--ag-muted); font-size: 8px; font-weight: 950; letter-spacing: 1.25px; }
.ag-question-board__labels span:last-child { text-align: right; }
.ag-question-ticket { display: grid; grid-template-columns: 35px 46px minmax(0, 1fr) 64px 25px; align-items: center; gap: 14px; min-height: 104px; padding: 15px 25px; border-bottom: 1px solid var(--ag-line-dark); color: var(--ag-ink); transition: background .18s ease; }
.ag-question-ticket:last-child { border-bottom: 0; }
.ag-question-ticket:hover { background: #eef0e5; color: var(--ag-ink); }
.ag-question-ticket__number { color: var(--ag-line-dark); font-family: var(--ag-font-display); font-size: 22px; font-weight: 950; }
.ag-question-ticket__avatar { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--ag-ink); border-radius: 50%; background: var(--ag-lime); font-family: var(--ag-font-display); font-size: 17px; font-weight: 950; }
.ag-question-ticket__content { min-width: 0; }
.ag-question-ticket__content small, .ag-question-ticket__content strong, .ag-question-ticket__content em { display: block; }
.ag-question-ticket__content small { color: var(--ag-green); font-size: 8px; font-weight: 950; letter-spacing: .75px; text-transform: uppercase; }
.ag-question-ticket__content strong { margin: 5px 0 4px; overflow: hidden; font-size: 15px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.ag-question-ticket__content em { color: var(--ag-muted); font-size: 9px; font-style: normal; }
.ag-question-ticket__answers { text-align: center; }
.ag-question-ticket__answers b, .ag-question-ticket__answers small { display: block; }
.ag-question-ticket__answers b { font-family: var(--ag-font-display); font-size: 24px; line-height: 1; }
.ag-question-ticket__answers small { margin-top: 3px; color: var(--ag-muted); font-size: 7px; font-weight: 950; letter-spacing: .9px; }
.ag-question-ticket__arrow { font-size: 17px; }

/* Comments */
.ag-live-label { display: inline-flex; align-items: center; gap: 8px; color: var(--ag-green); font-size: 8px; font-weight: 950; letter-spacing: 1.2px; }
.ag-live-label i { width: 8px; height: 8px; border-radius: 50%; background: var(--ag-lime); box-shadow: 0 0 0 4px rgba(55,90,70,.1); }
.ag-comment-stream { display: grid; grid-template-columns: repeat(2, 1fr); }
.ag-voice-card { display: grid; grid-template-columns: 52px 1fr; gap: 15px; min-width: 0; padding: 26px; border-right: 1px solid var(--ag-line-dark); border-bottom: 1px solid var(--ag-line-dark); }
.ag-voice-card:nth-child(even) { border-right: 0; }
.ag-voice-card:nth-last-child(-n+2) { border-bottom: 0; }
.ag-voice-card:last-child:nth-child(odd) { grid-column: 1 / -1; border-right: 0; }
.ag-voice-card__avatar img { width: 52px; height: 52px; border: 1px solid var(--ag-ink); border-radius: 50%; }
.ag-voice-card__body { min-width: 0; }
.ag-voice-card header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ag-voice-card header strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.ag-voice-card time { flex: 0 0 auto; color: var(--ag-muted); font-size: 8px; }
.ag-voice-card p { margin: 10px 0; color: var(--ag-ink-soft); font-size: 12px; line-height: 1.55; }
.ag-voice-card a { display: block; overflow: hidden; color: var(--ag-green); font-size: 8px; font-weight: 900; letter-spacing: .4px; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }

/* Empty states */
.ag-empty-state { padding: 54px 35px; text-align: center; }
.ag-empty-state b { color: var(--ag-green); font-size: 9px; letter-spacing: 1.5px; }
.ag-empty-state h3 { margin: 9px 0 5px; font-size: 24px; }
.ag-empty-state p { max-width: 520px; margin: 0 auto; color: var(--ag-muted); font-size: 12px; }
.ag-empty-state--compact { padding: 36px 25px; }

/* Sidebar */
.ag-sidebar { position: sticky; top: 106px; display: grid; gap: 16px; }
.admin-bar .ag-sidebar { top: 138px; }
.ag-widget { position: relative; overflow: hidden; padding: 25px; border: 1px solid var(--ag-line-dark); background: var(--ag-surface); }
.ag-widget__title { margin: 9px 0 12px; font-family: var(--ag-font-display); font-size: 25px; line-height: 1.03; letter-spacing: -1.3px; }
.ag-widget p { color: var(--ag-muted); font-size: 12px; line-height: 1.6; }
.ag-widget ul { margin: 0; padding: 0; list-style: none; }
.ag-widget__code { color: var(--ag-green); font-size: 8px; font-weight: 950; letter-spacing: 1.2px; }
.ag-widget--radar { color: #fff; background: var(--ag-green-dark); }
.ag-widget--radar::after { content: ""; position: absolute; width: 160px; height: 160px; right: -80px; bottom: -80px; border: 1px solid rgba(214,255,99,.25); border-radius: 50%; box-shadow: 0 0 0 25px rgba(214,255,99,.025), 0 0 0 26px rgba(214,255,99,.18), 0 0 0 52px rgba(214,255,99,.02), 0 0 0 53px rgba(214,255,99,.1); }
.ag-widget--radar .ag-widget__title { position: relative; z-index: 1; color: #fff; }
.ag-widget--radar p { position: relative; z-index: 1; color: #c7d1c9; }
.ag-widget--radar .ag-button { position: relative; z-index: 1; border-color: var(--ag-lime); background: var(--ag-lime); color: var(--ag-ink); }
.ag-widget__signal { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 15px; color: #d9e4db; font-size: 8px; font-weight: 950; letter-spacing: 1px; }
.ag-widget__signal span { display: inline-flex; align-items: center; gap: 7px; }
.ag-widget__signal i { width: 7px; height: 7px; border-radius: 50%; background: var(--ag-lime); }
.ag-widget__signal b { color: var(--ag-lime); }
.ag-radar-visual { position: relative; width: 150px; height: 150px; margin: 21px auto 25px; border: 1px solid rgba(214,255,99,.28); border-radius: 50%; background: repeating-radial-gradient(circle, transparent 0 24px, rgba(214,255,99,.16) 25px 26px); }
.ag-radar-visual::before, .ag-radar-visual::after { content: ""; position: absolute; background: rgba(214,255,99,.22); }
.ag-radar-visual::before { left: 50%; top: 0; bottom: 0; width: 1px; }
.ag-radar-visual::after { left: 0; right: 0; top: 50%; height: 1px; }
.ag-radar-visual span { position: absolute; left: 50%; top: 50%; width: 50%; height: 1px; transform-origin: left center; background: linear-gradient(to right, var(--ag-lime), transparent); animation: ag-radar 4s linear infinite; }
.ag-radar-visual i { position: absolute; left: 69%; top: 30%; width: 7px; height: 7px; border-radius: 50%; background: var(--ag-lime); box-shadow: 0 0 0 6px rgba(214,255,99,.13); }
.ag-widget--checklist { background: #f6f0d4; }
.ag-check-list { margin-top: 18px !important; }
.ag-check-list li { display: grid; grid-template-columns: 23px 1fr; gap: 10px; padding: 11px 0; border-top: 1px solid rgba(23,26,23,.13); font-size: 11px; font-weight: 750; }
.ag-check-list i { width: 20px; height: 20px; display: grid; place-items: center; border: 1px solid var(--ag-ink); background: var(--ag-lime); font-size: 10px; font-style: normal; }
.ag-side-links { margin-top: 15px !important; }
.ag-side-links li { border-top: 1px solid var(--ag-line); }
.ag-side-links a { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 0; color: var(--ag-ink); font-size: 11px; font-weight: 800; }
.ag-side-links a:hover { padding-left: 5px; }
.ag-side-links b { color: var(--ag-green); font-size: 8px; letter-spacing: .5px; }
.ag-widget--notice { background: var(--ag-bg-deep); }
.ag-widget--notice p { margin-bottom: 0; }
.ag-widget.widget_search .ag-search-form { margin-top: 13px; }
.ag-widget li + li { border-top: 1px solid var(--ag-line); }
.ag-widget li a { display: block; padding: 10px 0; color: var(--ag-ink); font-size: 12px; font-weight: 750; }

/* Generic cards and archives */
.ag-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; }
.ag-post-card { overflow: hidden; border: 1px solid var(--ag-line-dark); background: var(--ag-surface); }
.ag-post-card__media { display: block; aspect-ratio: 16/9; overflow: hidden; border-bottom: 1px solid var(--ag-line-dark); }
.ag-post-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.ag-post-card:hover img { transform: scale(1.035); }
.ag-post-card__body { padding: 23px; }
.ag-post-card h2 { margin: 9px 0; font-size: 23px; line-height: 1.2; letter-spacing: -1px; }
.ag-post-card h2 a { color: var(--ag-ink); }
.ag-post-card p { margin: 0 0 16px; color: var(--ag-muted); }
.ag-question-list { display: grid; }
.ag-question-list--cards { gap: 12px; }
.ag-question-row { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 18px 0; border-bottom: 1px solid var(--ag-line); color: var(--ag-ink); }
.ag-question-list--cards .ag-question-row { padding: 22px; border: 1px solid var(--ag-line-dark); background: var(--ag-surface); }
.ag-question-row strong { display: block; font-size: 16px; }
.ag-question-row small { display: block; margin-top: 4px; color: var(--ag-muted); font-size: 10px; font-weight: 650; }
.ag-question-row em { display: block; margin-top: 8px; color: var(--ag-muted); font-size: 13px; font-style: normal; }
.ag-question-row > b { min-width: 55px; padding: 10px; border: 1px solid var(--ag-line-dark); background: var(--ag-bg-deep); color: var(--ag-green); text-align: center; font-size: 18px; }
.ag-question-row > b small { margin: 1px 0 0; color: var(--ag-green); font-size: 8px; text-transform: uppercase; }
.ag-compact-post { display: grid; grid-template-columns: 54px 1fr; gap: 18px; padding: 20px 0; border-bottom: 1px solid var(--ag-line); }
.ag-compact-post:last-child { border-bottom: 0; }
.ag-compact-post__date { width: 52px; height: 58px; display: grid; place-items: center; align-content: center; border: 1px solid var(--ag-line-dark); background: var(--ag-bg-deep); color: var(--ag-green); line-height: 1; }
.ag-compact-post__date strong { font-size: 19px; }
.ag-compact-post__date span { margin-top: 5px; font-size: 9px; text-transform: uppercase; }
.ag-compact-post h3 { margin: 5px 0 3px; font-size: 18px; line-height: 1.3; }
.ag-compact-post h3 a { color: var(--ag-ink); }
.ag-compact-post p { margin: 0; color: var(--ag-muted); font-size: 13px; }

/* Question detail and comments */
.ag-question-detail { margin-bottom: 22px; }
.ag-question-detail__meta { display: flex; align-items: center; gap: 12px; margin-bottom: 25px; }
.ag-question-detail__meta strong { display: inline-block; margin-right: 8px; }
.ag-question-detail__meta small { display: block; color: var(--ag-muted); font-size: 11px; }
.ag-question-detail h1 { margin: 0 0 20px; font-size: clamp(31px, 4vw, 50px); line-height: 1.08; letter-spacing: -2px; }
.ag-avatar img, .ag-comment__avatar img { border: 1px solid var(--ag-line-dark); border-radius: 50%; }
.ag-comments { margin-top: 22px; }
.ag-comments > h2 { margin-top: 0; }
.ag-comment-list, .ag-comment-list .children { margin: 0; padding: 0; list-style: none; }
.ag-comment-list .children { margin-left: 55px; }
.ag-comment { display: grid; grid-template-columns: 48px 1fr; gap: 14px; padding: 22px 0; border-top: 1px solid var(--ag-line); }
.ag-comment__body header { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.ag-comment__body header small { display: block; width: 100%; color: var(--ag-muted); font-size: 10px; }
.ag-comment__content p { margin-bottom: 8px; color: #354157; }
.ag-comment__image { max-width: 520px; margin-top: 12px; border: 1px solid var(--ag-line-dark); }
.comment-reply-link { font-size: 11px; font-weight: 850; }
.comment-respond { margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--ag-line); }
.comment-form label { display: block; margin-bottom: 6px; font-size: 12px; font-weight: 800; }
.comment-form textarea, .comment-form input[type="text"], .comment-form input[type="email"] { width: 100%; padding: 13px 14px; border: 1px solid var(--ag-line-dark); border-radius: 0; background: #fff; color: var(--ag-ink); }
.comment-form textarea:focus, .comment-form input:focus { outline: 3px solid rgba(214,255,99,.55); border-color: var(--ag-green); }
.comment-form .submit { min-height: 44px; padding: 10px 18px; border: 1px solid var(--ag-green-dark); background: var(--ag-green-dark); color: #fff; font-weight: 850; cursor: pointer; }
.ag-auth-notice { padding: 22px; border: 1px dashed var(--ag-line-dark); background: var(--ag-bg-deep); }
.ag-auth-notice p { color: var(--ag-muted); }
.ag-alert { padding: 12px 14px; font-size: 13px; }
.ag-alert--warning { background: #fff0c9; color: #74500e; }
.ag-form-note { color: var(--ag-muted); font-size: 11px; }

/* Final CTA */
.ag-final-cta { padding: 75px 0; overflow: hidden; background: var(--ag-green-dark); color: #fff; }
.ag-final-cta__inner { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 45px; }
.ag-final-cta__inner::after { content: "AG"; position: absolute; right: 190px; top: -70px; color: rgba(214,255,99,.05); font-family: var(--ag-font-display); font-size: 190px; font-weight: 950; line-height: 1; }
.ag-final-cta span { color: var(--ag-lime); font-size: 8px; font-weight: 950; letter-spacing: 1.6px; }
.ag-final-cta h2 { margin: 9px 0 8px; font-family: var(--ag-font-display); font-size: clamp(35px, 4vw, 55px); line-height: 1; letter-spacing: -3px; }
.ag-final-cta p { margin: 0; color: #c4d0c6; font-size: 13px; }
.ag-final-cta .ag-button { position: relative; z-index: 1; flex: 0 0 auto; }

/* Footer */
.ag-footer { padding: 0 0 20px; border-top: 1px solid #38443a; background: #151a16; color: #c7ccc5; }
.ag-footer__grid { display: grid; grid-template-columns: 1.7fr .7fr .7fr .7fr; gap: 45px; padding-top: 58px; }
.ag-footer h2 { margin: 0 0 16px; color: #fff; font-size: 10px; font-weight: 900; letter-spacing: 1.3px; text-transform: uppercase; }
.ag-footer p { max-width: 480px; color: #939b93; font-size: 13px; }
.ag-footer ul { margin: 0; padding: 0; list-style: none; }
.ag-footer li { margin: 8px 0; }
.ag-footer a { color: #c7ccc5; font-size: 12px; }
.ag-footer a:hover { color: var(--ag-lime); }
.ag-footer__brand { color: #fff !important; font-family: var(--ag-font-display); font-size: 25px !important; font-weight: 950; letter-spacing: -1.3px; }
.ag-footer__brand span { color: var(--ag-lime); }
.ag-footer__bottom { display: flex; justify-content: space-between; gap: 20px; margin-top: 48px; padding-top: 18px; border-top: 1px solid #303730; color: #697169; font-size: 8px; font-weight: 850; letter-spacing: .9px; }

/* Search and pagination */
.ag-search-form { display: flex; gap: 0; }
.ag-search-form label { flex: 1; }
.ag-search-form input { width: 100%; min-height: 43px; padding: 9px 12px; border: 1px solid var(--ag-line-dark); border-right: 0; border-radius: 0; background: #fff; }
.ag-search-form button { padding: 9px 14px; border: 1px solid var(--ag-green-dark); background: var(--ag-green-dark); color: #fff; font-weight: 800; }
.ag-empty { max-width: 760px; margin: 20px auto; text-align: center; }
.ag-empty h1 { font-size: 44px; letter-spacing: -1.8px; }
.navigation.pagination { margin-top: 28px; }
.nav-links { display: flex; flex-wrap: wrap; gap: 7px; }
.page-numbers { display: grid; min-width: 40px; height: 40px; padding: 0 10px; place-items: center; border: 1px solid var(--ag-line-dark); background: var(--ag-surface); font-size: 12px; font-weight: 800; }
.page-numbers.current { border-color: var(--ag-green-dark); background: var(--ag-green-dark); color: #fff; }

/* Animations */
@keyframes ag-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
@keyframes ag-radar { to { transform: rotate(360deg); } }
@keyframes ag-shine { 0%, 70% { transform: translateX(-130%); } 100% { transform: translateX(130%); } }

/* Responsive */
@media (max-width: 1120px) {
  .ag-header__actions { display: none; }
  .ag-hero__grid { grid-template-columns: minmax(0, 1fr) 370px; gap: 45px; }
  .ag-hero h1 { font-size: clamp(50px, 6.8vw, 78px); }
  .ag-home-layout, .ag-layout { grid-template-columns: minmax(0, 1fr) 300px; }
  .ag-feature-story { grid-template-columns: 1fr; }
  .ag-feature-story__media { min-height: 330px; border-right: 0; border-bottom: 1px solid var(--ag-line-dark); }
  .ag-story-grid { grid-template-columns: 1fr; }
  .ag-story-card, .ag-story-card:nth-child(even) { border-right: 0; }
  .ag-story-card:nth-last-child(-n+2) { border-bottom: 1px solid var(--ag-line-dark); }
  .ag-story-card:last-child { border-bottom: 0; }
}

@media (max-width: 920px) {
  .ag-header { backdrop-filter: none; }
  .admin-bar .ag-header { top: 46px; }
  .ag-header__inner { min-height: 72px; }
  .ag-nav-toggle { display: block; margin-left: auto; }
  .ag-nav { position: fixed; z-index: 110; left: 0; top: 0; bottom: 0; width: min(88vw, 390px); margin: 0; overflow-y: auto; overscroll-behavior: contain; border-right: 1px solid var(--ag-ink); background: var(--ag-surface); box-shadow: 25px 0 70px rgba(17,21,18,.25); transform: translateX(-105%); visibility: hidden; transition: transform .28s cubic-bezier(.22,.75,.24,1), visibility .28s ease; }
  .ag-nav.is-open { transform: translateX(0); visibility: visible; }
  .ag-nav__mobile-head { min-height: 74px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 0 22px; border-bottom: 1px solid var(--ag-line-dark); background: var(--ag-green-dark); color: #fff; font-size: 9px; font-weight: 950; letter-spacing: 1.5px; }
  .ag-nav__mobile-head b { color: var(--ag-lime); }
  .ag-nav-close { width: 38px; height: 38px; display: grid; place-items: center; padding: 0; border: 1px solid rgba(255,255,255,.26); background: transparent; color: #fff; font-size: 27px; line-height: 1; cursor: pointer; }
  .ag-nav__list { display: block; padding: 14px 0; }
  .ag-nav__list > li { border-bottom: 1px solid var(--ag-line); }
  .ag-nav__list a { min-height: 56px; justify-content: flex-start; padding: 15px 22px; font-size: 14px; }
  .ag-nav__list > li > a::before { width: 5px; background: var(--ag-line-dark); }
  .ag-nav__list .current-menu-item > a::before, .ag-nav__list .current-menu-ancestor > a::before { background: var(--ag-orange); }
  .ag-nav__list .menu-item-has-children > a::after { display: none; }
  .ag-nav__list .ag-submenu-toggle { position: absolute; right: 14px; top: 9px; width: 39px; height: 39px; display: grid; place-items: center; padding: 0; border: 1px solid var(--ag-line); background: var(--ag-bg); font-size: 19px; cursor: pointer; transition: transform .18s ease; }
  .ag-nav__list .ag-submenu-toggle[aria-expanded="true"] { transform: rotate(45deg); background: var(--ag-lime); }
  .ag-nav__list .sub-menu { position: static; width: auto; display: none; visibility: visible; opacity: 1; transform: none; margin: 0; padding: 0 18px 14px 38px; border: 0; background: var(--ag-bg); box-shadow: none; }
  .ag-nav__list .sub-menu.is-open { display: block; }
  .ag-nav__list .sub-menu::before { padding-left: 0; }
  .ag-nav__list .sub-menu a { min-height: 44px; padding: 10px 0; }
  .ag-nav__mobile-actions { display: grid; gap: 9px; padding: 20px 22px 28px; }
  .ag-hero { padding-top: 48px; }
  .ag-hero__grid { grid-template-columns: 1fr; }
  .ag-hero__copy { padding-bottom: 15px; }
  .ag-dispatch-card { justify-self: start; margin-bottom: 60px; }
  .ag-command-strip { grid-template-columns: repeat(2, 1fr); }
  .ag-command-strip > div:nth-child(2) { border-right: 0; }
  .ag-command-strip > div:nth-child(-n+2) { border-bottom: 1px solid var(--ag-ink); }
  .ag-tool-grid { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
  .ag-tool-card { min-height: 250px; }
  .ag-tool-card--safak { grid-row: auto; grid-column: 1 / -1; min-height: 340px; }
  .ag-home-layout, .ag-layout { grid-template-columns: 1fr; }
  .ag-sidebar { position: static; grid-template-columns: repeat(2, 1fr); }
  .ag-widget--radar { grid-row: span 2; }
  .ag-footer__grid { grid-template-columns: 1.4fr 1fr 1fr; }
  .ag-footer__intro { grid-column: 1 / -1; }
}

@media (max-width: 680px) {
  .ag-container { width: min(100% - 28px, 1240px); }
  .ag-header__inner { min-height: 66px; }
  .ag-brand__mark { width: 39px; height: 39px; }
  .ag-brand__wordmark strong { font-size: 17px; }
  .ag-brand__wordmark small { font-size: 7px; }
  .ag-main { padding-top: 30px; }
  .ag-surface { padding: 22px; }
  .ag-page-header--split, .ag-section-heading, .ag-final-cta__inner { align-items: flex-start; flex-direction: column; }
  .ag-hero::after { font-size: 200px; right: -40px; top: 100px; }
  .ag-hero__copy { padding-top: 5px; }
  .ag-kicker { font-size: 8px; }
  .ag-hero h1 { margin-top: 18px; font-size: clamp(45px, 14vw, 68px); line-height: .92; letter-spacing: -4px; }
  .ag-hero h1 span::after { bottom: 2px; height: 12px; }
  .ag-hero__copy > p { font-size: 15px; }
  .ag-hero__actions { align-items: stretch; flex-direction: column; }
  .ag-hero__proof { display: grid; gap: 8px; }
  .ag-dispatch-card { width: calc(100% - 7px); margin-bottom: 47px; transform: rotate(.5deg); box-shadow: 8px 8px 0 rgba(55,90,70,.16); }
  .ag-dispatch-card__body { grid-template-columns: 1fr; }
  .ag-countdown-orbit { max-width: 210px; margin: 0 auto; }
  .ag-route-list { grid-template-columns: repeat(3, 1fr); gap: 8px; }
  .ag-route-list::before { left: 7px; right: 7px; top: 7px; bottom: auto; border-left: 0; border-top: 1px dashed var(--ag-line-dark); }
  .ag-route-list li { grid-template-columns: 14px 1fr; }
  .ag-route-list small { display: none; }
  .ag-command-strip { grid-template-columns: 1fr 1fr; width: calc(100% - 28px); }
  .ag-command-strip > div { min-height: 72px; flex-direction: column; align-items: flex-start; justify-content: center; gap: 5px; padding: 14px; }
  .ag-command-strip strong { font-size: 22px; }
  .ag-command-strip__live i { position: absolute; right: 16px; }
  .ag-section { padding: 70px 0; }
  .ag-section-heading--indexed { grid-template-columns: 45px 1fr; }
  .ag-section-heading__index { font-size: 26px; }
  .ag-section-heading h2 { font-size: 38px; letter-spacing: -2px; }
  .ag-section-heading .ag-text-link { grid-column: 2; justify-self: start; margin-top: 9px; }
  .ag-tool-grid { grid-template-columns: 1fr; }
  .ag-tool-card, .ag-tool-card--safak { grid-column: auto; min-height: 245px; }
  .ag-tool-card--safak { min-height: 310px; }
  .ag-tool-card h3 { font-size: 31px; }
  .ag-feed-block__head { min-height: 100px; align-items: flex-start; flex-direction: column; padding: 24px 22px; }
  .ag-feed-block__head h2 { font-size: 32px; }
  .ag-feature-story__media { min-height: 270px; }
  .ag-feature-story__media.is-fallback span { font-size: 44px; }
  .ag-feature-story__body { padding: 28px 23px; }
  .ag-feature-story h3 { font-size: 34px; }
  .ag-story-card { grid-template-columns: 96px 1fr; }
  .ag-story-card__media { min-height: 132px; }
  .ag-question-board__labels { display: none; }
  .ag-question-ticket { grid-template-columns: 38px minmax(0, 1fr) 48px; gap: 10px; min-height: 105px; padding: 16px 18px; }
  .ag-question-ticket__number, .ag-question-ticket__arrow { display: none; }
  .ag-question-ticket__avatar { width: 36px; height: 36px; }
  .ag-question-ticket__content strong { white-space: normal; }
  .ag-question-ticket__answers b { font-size: 20px; }
  .ag-comment-stream { grid-template-columns: 1fr; }
  .ag-voice-card, .ag-voice-card:nth-child(even) { border-right: 0; }
  .ag-voice-card:nth-last-child(-n+2) { border-bottom: 1px solid var(--ag-line-dark); }
  .ag-voice-card:last-child { border-bottom: 0; }
  .ag-sidebar { grid-template-columns: 1fr; }
  .ag-widget--radar { grid-row: auto; }
  .ag-card-grid { grid-template-columns: 1fr; }
  .ag-comment-list .children { margin-left: 18px; }
  .ag-final-cta { padding: 60px 0; }
  .ag-final-cta__inner::after { display: none; }
  .ag-final-cta h2 { font-size: 42px; }
  .ag-footer__grid { grid-template-columns: 1fr 1fr; gap: 35px 25px; }
  .ag-footer__intro { grid-column: 1 / -1; }
  .ag-footer__bottom { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
}

/* --------------------------------------------------------------------------
   Design V4 — temiz, sakin ve güncelliğini koruyan arayüz
   -------------------------------------------------------------------------- */
:root {
  --ag-bg: #f5f7f4;
  --ag-bg-deep: #eef1ed;
  --ag-surface: #ffffff;
  --ag-surface-strong: #ffffff;
  --ag-ink: #18201b;
  --ag-ink-soft: #354039;
  --ag-muted: #707a73;
  --ag-line: #e5e9e4;
  --ag-line-dark: #d5dbd5;
  --ag-green: #286047;
  --ag-green-dark: #194531;
  --ag-lime: #dff480;
  --ag-orange: #e98258;
  --ag-radius: 18px;
  --ag-radius-sm: 12px;
  --ag-shadow: 0 22px 55px rgba(26, 52, 38, .10);
  --ag-shadow-soft: 0 10px 30px rgba(26, 52, 38, .055);
  --ag-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --ag-font-display: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

body { background: var(--ag-bg); line-height: 1.6; }
.ag-container { width: min(1200px, calc(100% - 48px)); }

.ag-header {
  border-bottom-color: rgba(213, 219, 213, .9);
  background: rgba(255, 255, 255, .93);
  box-shadow: 0 5px 20px rgba(24, 32, 27, .035);
}
.ag-header__inner { min-height: 76px; }
.ag-brand__mark { width: 41px; height: 41px; transform: none; }
.ag-brand__link:hover .ag-brand__mark { transform: translateY(-1px); }
.ag-brand__wordmark strong { font-size: 19px; letter-spacing: -.8px; }
.ag-brand__wordmark small { margin-top: 5px; letter-spacing: 1.35px; }
.ag-nav__list a { padding: 10px 12px; border-radius: 9px; font-size: 12px; font-weight: 750; }
.ag-nav__list > li > a::before { display: none; }
.ag-nav__list a:hover,
.ag-nav__list .current-menu-item > a,
.ag-nav__list .current-menu-ancestor > a { background: var(--ag-bg-deep); }
.ag-nav__list .sub-menu { top: calc(100% + 11px); overflow: hidden; border-radius: 14px; box-shadow: var(--ag-shadow); }
.ag-nav__list .sub-menu a { border-radius: 8px; }
.ag-nav-toggle,
.ag-nav-close { border-radius: 10px; }

.ag-button {
  min-height: 42px;
  gap: 10px;
  padding: 10px 16px;
  border-radius: 10px;
  font-size: 11px;
  letter-spacing: .15px;
  box-shadow: none;
}
.ag-button:hover { transform: translateY(-1px); box-shadow: 0 8px 18px rgba(25, 69, 49, .14); }
.ag-button--ghost:hover { box-shadow: none; }
.ag-surface,
.ag-post-card,
.ag-question-list--cards .ag-question-row,
.ag-featured-image,
.ag-question-image { border-radius: var(--ag-radius); }

.ag-sidebar { top: 98px; gap: 14px; }
.admin-bar .ag-sidebar { top: 130px; }
.ag-widget {
  padding: 23px;
  border-color: var(--ag-line);
  border-radius: var(--ag-radius);
  background: var(--ag-surface);
  box-shadow: 0 8px 24px rgba(26, 52, 38, .04);
}
.ag-widget__title { margin: 8px 0 10px; font-size: 22px; line-height: 1.12; letter-spacing: -.8px; }
.ag-widget p { margin: 0 0 18px; font-size: 12px; line-height: 1.55; }
.ag-widget__code { font-size: 8px; letter-spacing: 1px; }
.ag-widget--ask { border: 0; background: var(--ag-green-dark); color: #fff; box-shadow: 0 18px 36px rgba(25, 69, 49, .18); }
.ag-widget--ask .ag-widget__code { color: #c8d9ce; }
.ag-widget--ask .ag-widget__title { color: #fff; }
.ag-widget--ask p { color: #c9d4cd; }
.ag-widget--ask .ag-button { border-color: #fff; background: #fff; color: var(--ag-green-dark); }
.ag-widget--ask .ag-button:hover { background: var(--ag-lime); color: var(--ag-green-dark); }
.ag-widget--checklist { background: #f7f8ec; }
.ag-check-list { margin-top: 14px !important; }
.ag-check-list li { padding: 10px 0; border-top-color: rgba(24, 32, 27, .09); }
.ag-check-list i { border: 0; border-radius: 6px; background: #e5efc2; color: var(--ag-green-dark); }
.ag-side-links a { padding: 12px 0; transition: color .18s ease; }
.ag-side-links a:hover { padding-left: 0; color: var(--ag-green); }
.ag-side-links b { font-size: 13px; }
.ag-widget--notice { background: var(--ag-bg-deep); box-shadow: none; }

.ag-footer { border-top: 0; background: #17231c; }
.ag-footer__grid { padding-top: 50px; }
.ag-footer__brand { letter-spacing: -1px; }
.ag-footer__bottom { margin-top: 40px; }

/* Homepage */
.ag-home-v4 { padding: 34px 0 76px !important; background: var(--ag-bg); }
.ag-home-v4__layout { grid-template-columns: minmax(0, 1fr) 318px; gap: 24px; }
.ag-home-v4__content { display: grid; gap: 18px; }
.ag-home-block {
  overflow: hidden;
  border: 1px solid var(--ag-line);
  border-radius: var(--ag-radius);
  background: var(--ag-surface);
  box-shadow: var(--ag-shadow-soft);
}
.ag-home-block__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  padding: 24px 25px 21px;
  border-bottom: 1px solid var(--ag-line);
}
.ag-home-block__header > div { min-width: 0; }
.ag-home-label {
  display: block;
  color: var(--ag-green);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .95px;
  text-transform: uppercase;
}
.ag-home-block__header h1,
.ag-home-block__header h2 {
  margin: 5px 0 0;
  color: var(--ag-ink);
  font-family: var(--ag-font-display);
  font-size: clamp(25px, 2.6vw, 32px);
  font-weight: 850;
  line-height: 1.1;
  letter-spacing: -1.25px;
}
.ag-home-block__header p {
  max-width: 590px;
  margin: 7px 0 0;
  color: var(--ag-muted);
  font-size: 12px;
  line-height: 1.5;
}
.ag-home-block__header--compact { align-items: center; padding-block: 22px 20px; }
.ag-button--small { min-height: 38px; padding: 9px 14px; white-space: nowrap; }
.ag-home-text-link,
.ag-home-block__footer a {
  flex: 0 0 auto;
  color: var(--ag-green-dark);
  font-size: 10px;
  font-weight: 800;
  white-space: nowrap;
}
.ag-home-text-link:hover,
.ag-home-block__footer a:hover { color: var(--ag-green); }

.ag-home-question-list { display: grid; }
.ag-home-question {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 62px;
  align-items: center;
  gap: 18px;
  min-height: 88px;
  padding: 17px 22px 17px 25px;
  border-bottom: 1px solid var(--ag-line);
  transition: background .16s ease;
}
.ag-home-question:last-child { border-bottom: 0; }
.ag-home-question:hover { background: #fafcf9; }
.ag-home-question__content { min-width: 0; }
.ag-home-question__meta { display: flex; align-items: center; gap: 10px; }
.ag-home-question__category {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 4px 8px;
  border-radius: 999px;
  background: #edf3ee;
  color: var(--ag-green);
  font-size: 8px;
  font-weight: 850;
  line-height: 1;
}
.ag-home-question__meta small { color: var(--ag-muted); font-size: 9px; font-weight: 650; }
.ag-home-question h2 {
  margin: 7px 0 0;
  overflow: hidden;
  font-size: 15px;
  font-weight: 750;
  line-height: 1.35;
  letter-spacing: -.25px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ag-home-question h2 a { color: var(--ag-ink); }
.ag-home-question h2 a::after { content: ""; position: absolute; inset: 0 82px 0 0; }
.ag-home-question__answers {
  width: 62px;
  min-height: 50px;
  display: grid;
  place-items: center;
  align-content: center;
  border-left: 1px solid var(--ag-line);
  color: var(--ag-green-dark);
  text-align: center;
}
.ag-home-question__answers strong { font-size: 18px; line-height: 1; }
.ag-home-question__answers span { margin-top: 3px; color: var(--ag-muted); font-size: 8px; font-weight: 750; text-transform: uppercase; }
.ag-home-block__footer { padding: 13px 24px; border-top: 1px solid var(--ag-line); background: #fafbf9; text-align: right; }

.ag-home-article-list { display: grid; }
.ag-home-article {
  position: relative;
  display: grid;
  grid-template-columns: 128px minmax(0, 1fr) 28px;
  align-items: center;
  gap: 18px;
  min-height: 126px;
  padding: 16px 22px 16px 16px;
  border-bottom: 1px solid var(--ag-line);
  transition: background .16s ease;
}
.ag-home-article:last-child { border-bottom: 0; }
.ag-home-article:hover { background: #fafcf9; }
.ag-home-article__media {
  width: 128px;
  height: 92px;
  overflow: hidden;
  border-radius: 12px;
  background: var(--ag-bg-deep);
}
.ag-home-article__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .22s ease; }
.ag-home-article:hover .ag-home-article__media img { transform: scale(1.03); }
.ag-home-article__placeholder { width: 100%; height: 100%; display: grid; place-items: center; color: rgba(40, 96, 71, .35); font-size: 25px; font-weight: 850; }
.ag-home-article__body { min-width: 0; }
.ag-home-article__category { color: var(--ag-green); font-size: 8px; font-weight: 850; letter-spacing: .35px; text-transform: uppercase; }
.ag-home-article h3 { margin: 5px 0 5px; font-size: 16px; line-height: 1.3; letter-spacing: -.35px; }
.ag-home-article h3 a { color: var(--ag-ink); }
.ag-home-article h3 a::after { content: ""; position: absolute; inset: 0 48px 0 0; }
.ag-home-article p { margin: 0; color: var(--ag-muted); font-size: 11px; line-height: 1.45; }
.ag-home-article__arrow { position: relative; z-index: 1; color: var(--ag-green); font-size: 18px; }

.ag-home-tool-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 8px; }
.ag-home-tool {
  min-width: 0;
  min-height: 72px;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 12px;
  margin: 4px;
  padding: 13px 14px;
  border: 1px solid transparent;
  border-radius: 12px;
  color: var(--ag-ink);
  transition: border-color .16s ease, background .16s ease, transform .16s ease;
}
.ag-home-tool:hover { transform: translateY(-1px); border-color: var(--ag-line-dark); background: #f8faf7; color: var(--ag-ink); }
.ag-home-tool__icon {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: #edf3ee;
  color: var(--ag-green-dark);
  font-size: 12px;
  font-weight: 850;
}
.ag-home-tool strong,
.ag-home-tool small { display: block; }
.ag-home-tool strong { font-size: 12px; line-height: 1.2; }
.ag-home-tool small { margin-top: 3px; color: var(--ag-muted); font-size: 9px; }
.ag-home-tool > b { color: var(--ag-green); font-size: 15px; }
.ag-home-tool:last-child { grid-column: 1 / -1; }
.ag-home-empty { padding: 38px 25px; text-align: center; }
.ag-home-empty strong { display: block; font-size: 16px; }
.ag-home-empty p { margin: 5px 0 0; color: var(--ag-muted); font-size: 11px; }

@media (max-width: 1080px) {
  .ag-home-v4__layout { grid-template-columns: 1fr; }
  .ag-home-v4 .ag-sidebar { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ag-home-v4 .ag-widget--ask { grid-row: span 2; }
}

@media (max-width: 760px) {
  .ag-container { width: min(100% - 26px, 1200px); }
  .ag-home-v4 { padding: 22px 0 54px !important; }
  .ag-home-v4__content { gap: 14px; }
  .ag-home-block { border-radius: 15px; }
  .ag-home-block__header,
  .ag-home-block__header--compact { align-items: flex-start; flex-direction: column; gap: 13px; padding: 20px 18px 17px; }
  .ag-home-block__header h1,
  .ag-home-block__header h2 { font-size: 25px; letter-spacing: -.9px; }
  .ag-home-block__header p { font-size: 11px; }
  .ag-home-question { grid-template-columns: minmax(0, 1fr) 48px; gap: 10px; min-height: 84px; padding: 15px 14px 15px 17px; }
  .ag-home-question__meta small { display: none; }
  .ag-home-question h2 { font-size: 14px; white-space: normal; }
  .ag-home-question h2 a::after { right: 62px; }
  .ag-home-question__answers { width: 48px; min-height: 46px; }
  .ag-home-block__footer { padding-inline: 18px; }
  .ag-home-article { grid-template-columns: 92px minmax(0, 1fr) 20px; gap: 13px; min-height: 110px; padding: 13px 14px 13px 13px; }
  .ag-home-article__media { width: 92px; height: 74px; border-radius: 9px; }
  .ag-home-article h3 { margin-bottom: 0; font-size: 13px; }
  .ag-home-article p { display: none; }
  .ag-home-tool-grid { grid-template-columns: 1fr; padding: 6px; }
  .ag-home-tool,
  .ag-home-tool:last-child { grid-column: auto; min-height: 66px; }
  .ag-home-v4 .ag-sidebar { grid-template-columns: 1fr; }
  .ag-home-v4 .ag-widget--ask { grid-row: auto; }
  .ag-widget { border-radius: 15px; }
  .ag-footer__grid { padding-top: 42px; }
}

/* V5 professional refinements */
@media (min-width: 921px) {
  body { font-size: 17px; }
  .ag-header { background: linear-gradient(180deg, rgba(255,255,252,.96), rgba(242,241,233,.94)); box-shadow: 0 9px 30px rgba(32,58,44,.055); }
  .ag-header__inner { min-height: 94px; gap: 32px; }
  .ag-brand__mark { width: 50px; height: 50px; }
  .ag-brand__wordmark strong { font-size: 22px; }
  .ag-nav__list a { padding: 14px 14px; font-size: 14px; }
  .ag-main { padding-top: 56px; }
  .ag-page-header h1 { font-size: clamp(42px, 4.5vw, 62px); }
  .ag-entry-content { font-size: 18px; line-height: 1.78; }
}

.ag-header-account { display:flex; align-items:center; gap:9px; min-height:48px; padding:5px 10px 5px 6px; border:1px solid var(--ag-line); border-radius:14px; background:rgba(255,255,255,.58); color:var(--ag-ink); }
.ag-header-account:hover { border-color:var(--ag-green); color:var(--ag-ink); background:#fff; }
.ag-header-account img { width:36px; height:36px; border-radius:11px; }
.ag-header-account span:last-child { display:grid; line-height:1.1; }
.ag-header-account small { color:var(--ag-muted); font-size:8px; font-weight:800; text-transform:uppercase; letter-spacing:.7px; }
.ag-header-account strong { max-width:100px; overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.ag-header-logout { display:inline-flex; align-items:center; min-height:42px; padding:0 13px; border:1px solid #e2c7c5; border-radius:12px; background:#fff8f7; color:#943a35; font-size:11px; font-weight:850; }
.ag-header-logout:hover { border-color:#b5544e; background:#fff0ef; color:#812d28; }
.ag-mobile-account { display:flex; align-items:center; gap:11px; margin-bottom:10px; padding:13px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.06); color:#fff; }
.ag-mobile-account img { border-radius:10px; }
.ag-mobile-account div { display:grid; }
.ag-mobile-account small { color:rgba(255,255,255,.58); font-size:9px; text-transform:uppercase; letter-spacing:.7px; }
.ag-mobile-account strong { font-size:14px; }
.ag-button--logout { border-color:rgba(255,153,145,.36)!important; color:#ffd7d3!important; }

.ag-article-single { border-radius:var(--ag-radius); }
.ag-article-header { padding-bottom:28px; border-bottom:1px solid var(--ag-line); }
.ag-article-category { display:inline-flex; align-items:center; min-height:27px; padding:5px 10px; border-radius:999px; background:#edf3ee; color:var(--ag-green); font-size:9px; font-weight:900; text-transform:uppercase; letter-spacing:.65px; }
.ag-article-header h1 { margin-top:13px; }
.ag-article-byline { display:flex; align-items:center; flex-wrap:wrap; gap:13px; margin-top:22px; color:var(--ag-muted); font-size:12px; }
.ag-article-author { display:inline-flex; align-items:center; gap:9px; color:var(--ag-ink); }
.ag-article-author img { width:40px; height:40px; border-radius:12px; }
.ag-article-author > span { display:grid; line-height:1.15; }
.ag-article-author small { color:var(--ag-muted); font-size:8px; font-weight:850; text-transform:uppercase; letter-spacing:.65px; }
.ag-article-author strong { font-size:13px; }
.ag-article-meta-separator { width:4px; height:4px; border-radius:50%; background:var(--ag-line-dark); }
.ag-comments-jump { color:var(--ag-green-dark); font-weight:800; text-decoration:underline; text-decoration-color:rgba(55,90,70,.25); text-underline-offset:4px; }
.ag-verified-badge { display:inline-grid; width:18px; height:18px; place-items:center; margin-left:2px; border-radius:50%; background:#2384e8; color:#fff; box-shadow:0 0 0 3px rgba(35,132,232,.12); font-size:11px; font-weight:950; line-height:1; vertical-align:middle; }

.ag-comments { margin-top:38px; padding:28px; border-radius:18px; box-shadow:none; }
.ag-comments__header { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:19px; padding-bottom:18px; border-bottom:1px solid var(--ag-line); }
.ag-comments__header h2 { margin:5px 0 0; font-size:26px; line-height:1; }
.ag-comments__count { display:grid; width:42px; height:42px; place-items:center; border-radius:13px; background:#edf3ee; color:var(--ag-green-dark); font-size:15px; font-weight:900; }
.ag-comment-list { margin:0; padding:0; list-style:none; }
.ag-comment-list > .ag-comment { display:none; }
.ag-comment-list > .ag-comment.is-comment-visible { display:grid; }
.ag-comment { grid-template-columns:48px minmax(0,1fr); gap:14px; padding:20px 0; border-bottom:1px solid var(--ag-line); }
.ag-comment:last-child { border-bottom:0; }
.ag-comment__avatar img { border-radius:13px; }
.ag-comment__body header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.ag-comment__author { display:inline-flex; align-items:center; flex-wrap:wrap; gap:6px; }
.ag-comment__body header small { color:var(--ag-muted); font-size:10px; }
.ag-comment__content { margin-top:8px; color:var(--ag-ink-soft); font-size:14px; }
.ag-comment__body .reply { margin-top:10px; }
.ag-comment__body .comment-reply-link { font-size:11px; font-weight:850; }
.ag-comment .children { grid-column:2; margin:14px 0 0; padding-left:16px; border-left:2px solid #dfe7df; list-style:none; }
.ag-comment-controls { display:flex; gap:10px; flex-wrap:wrap; padding-top:20px; }
.ag-button--text { border-color:transparent; background:transparent; color:var(--ag-green-dark); box-shadow:none; }
.ag-button--text:hover { background:#edf3ee; color:var(--ag-green-dark); box-shadow:none; transform:none; }
.ag-comments-empty { padding:24px; border:1px dashed var(--ag-line-dark); border-radius:14px; background:#fafbf8; text-align:center; }
.ag-comments-empty p { margin:4px 0 0; color:var(--ag-muted); font-size:12px; }
#respond { margin-top:28px; padding-top:25px; border-top:1px solid var(--ag-line); }
#reply-title { margin:0 0 16px; font-size:23px; }
#commentform { display:grid; gap:13px; }
#commentform textarea { width:100%; min-height:145px; padding:14px; border:1px solid var(--ag-line-dark); border-radius:13px; background:#fff; }
#commentform textarea:focus { border-color:var(--ag-green); outline:3px solid rgba(55,90,70,.1); }
#commentform .submit { min-height:44px; padding:10px 18px; border:0; border-radius:11px; background:var(--ag-green-dark); color:#fff; font-weight:850; cursor:pointer; }
.ag-toast { position:fixed; left:50%; bottom:28px; z-index:9999; max-width:min(90vw,420px); padding:13px 18px; transform:translate(-50%,15px); border:1px solid #e3b7b3; border-radius:13px; background:#fff5f4; color:#8d312c; box-shadow:0 18px 55px rgba(30,35,30,.16); opacity:0; transition:.18s ease; font-size:13px; font-weight:800; }
.ag-toast.is-visible { transform:translate(-50%,0); opacity:1; }

@media (max-width: 920px) {
  .ag-header-account,.ag-header-logout { display:none; }
}
@media (max-width: 620px) {
  .ag-article-byline { gap:9px; }
  .ag-article-meta-separator { display:none; }
  .ag-comments { padding:20px 17px; }
  .ag-comment { grid-template-columns:38px minmax(0,1fr); gap:11px; }
  .ag-comment__avatar img { width:38px; height:38px; }
  .ag-comment__body header { align-items:flex-start; flex-direction:column; gap:3px; }
  .ag-comment-controls { flex-direction:column; }
  .ag-comment-controls .ag-button { width:100%; }
}
.ag-comment-list > .ag-comment:nth-child(-n+5){display:grid}.ag-comment-list > .ag-comment.is-comment-visible{display:grid}.ag-comment-list > .ag-comment:not(.is-comment-visible):nth-child(n+6){display:none}
@media(max-width:920px){.ag-mobile-account{background:var(--ag-green-dark);border-color:var(--ag-green-dark);color:#fff}.ag-nav-toggle{border-radius:12px;background:rgba(255,255,255,.65);box-shadow:0 6px 18px rgba(32,58,44,.08)}}


/* V5 desktop action visibility: account and logout remain accessible until the mobile drawer breakpoint. */
@media (min-width: 921px) and (max-width: 1120px) {
  .ag-header__actions { display:flex; gap:8px; }
  .ag-header-account { padding-right:7px; }
  .ag-header-account span:last-child { display:none; }
  .ag-header-logout { min-height:44px; padding:0 12px; }
  .ag-nav__list > li > a { padding-left:8px; padding-right:8px; font-size:11px; }
}

/* V6 focused profile, Q&A and calculator interface */
.ag-content--app{padding:26px}
.ag-content--calculator{padding:26px}
.ag-page-header--compact{margin:0 0 5px;padding:0;border:0}
.ag-page-header--compact h1{margin:0;font-family:var(--ag-font-body);font-size:clamp(25px,2.5vw,34px);font-weight:850;line-height:1.18;letter-spacing:-1px}
.ag-content--calculator .ag-entry-content{font-size:15px;line-height:1.65}

.ag-question-detail{padding:28px;border-radius:18px;box-shadow:none}
.ag-question-detail__meta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;padding-bottom:15px;border-bottom:1px solid var(--ag-line)}
.ag-question-detail__author{display:flex;align-items:center;flex-wrap:wrap;gap:6px;color:var(--ag-ink);font-size:12px}
.ag-question-detail__author strong{font-size:13px}
.ag-question-detail__category{display:inline-flex;padding:5px 9px;border-radius:999px;background:#edf3ee;color:var(--ag-green);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.5px}
.ag-question-detail h1{max-width:850px;margin:0 0 20px;font-family:var(--ag-font-display);font-size:clamp(29px,3.5vw,43px);line-height:1.08;letter-spacing:-1.8px}
.ag-question-image{margin-top:24px;overflow:hidden;border-radius:14px}

.ag-comments__header{align-items:flex-start}
.ag-comments__header h2{margin:0;font-size:24px}
.ag-comments__header p{margin:5px 0 0;color:var(--ag-muted);font-size:11px}
.ag-comment{display:block;padding:18px 0}
.ag-comment__body{width:100%}
.ag-comment .children{grid-column:auto;margin:13px 0 0 14px;padding-left:14px}
.ag-comment-list>.ag-comment.is-comment-visible{display:block}
.ag-comment-list>.ag-comment:nth-child(-n+5){display:block}
.ag-comment-list>.ag-comment:not(.is-comment-visible):nth-child(n+6){display:none}

@media(min-width:921px){
 .ag-content--app,.ag-content--calculator{padding:31px}
}
@media(max-width:620px){
 .ag-content--app,.ag-content--calculator{padding:17px}
 .ag-page-header--compact h1{font-size:25px}
 .ag-question-detail{padding:20px 17px}
 .ag-question-detail__meta{align-items:flex-start;flex-direction:column-reverse;gap:9px}
 .ag-question-detail h1{font-size:29px}
 .ag-comment{display:block}
}

/* V6.0.1 polished file control */
.comment-form-ag-image label {
	display: grid;
	gap: 8px;
	font-weight: 650;
}
.comment-form-ag-image input[type="file"] {
	width: 100%;
	padding: 9px;
	border: 1px solid var(--ag-border, #dfe6df);
	border-radius: 12px;
	background: #f8faf8;
	font: inherit;
	color: #4f5e54;
}
.comment-form-ag-image input[type="file"]::file-selector-button {
	margin-right: 12px;
	padding: 10px 14px;
	border: 0;
	border-radius: 9px;
	background: #e7efe9;
	color: #174c35;
	font: inherit;
	font-weight: 750;
	cursor: pointer;
}

/* V1.6 — cleaner home, full-width account pages and professional sidebar */
.ag-layout--full{grid-template-columns:1fr}
.ag-content--auth{max-width:100%;padding:0!important;overflow:visible;border:0;background:transparent;box-shadow:none}
.ag-layout--auth{width:min(1240px,calc(100% - 48px));padding-block:34px 70px}

.ag-home-v7{padding:34px 0 70px}
.ag-home-v7__layout{align-items:start}
.ag-home-v7__content{display:grid;gap:20px}
.ag-home-v7 .ag-home-block{overflow:hidden;border:1px solid var(--ag-line);border-radius:19px;background:rgba(255,255,255,.74);box-shadow:0 12px 38px rgba(32,58,44,.045)}
.ag-home-v7 .ag-home-block__header{padding:28px 29px 23px}
.ag-home-v7 .ag-home-block__header h1,.ag-home-v7 .ag-home-block__header h2{margin:4px 0 7px;font-size:clamp(28px,3.1vw,38px);letter-spacing:-1.4px}
.ag-home-v7 .ag-home-block__header p{max-width:680px;font-size:13px;line-height:1.6}
.ag-home-v7 .ag-home-question-list{padding:0 8px 8px}
.ag-home-v7 .ag-home-question{display:grid;grid-template-columns:minmax(0,1fr) 66px;align-items:center;gap:18px;min-height:94px;padding:18px 20px;border-top:1px solid #e4e5dc;color:inherit;transition:background .16s ease,border-color .16s ease}
.ag-home-v7 .ag-home-question:first-child{border-top:0}
.ag-home-v7 .ag-home-question:hover{background:#f7f9f5;color:inherit}
.ag-home-v7 .ag-home-question__meta{display:flex;align-items:center;gap:9px;margin-bottom:7px}
.ag-home-v7 .ag-home-question__category{display:inline-flex;padding:4px 8px;border-radius:999px;background:#edf3ee;color:var(--ag-green);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.45px}
.ag-home-v7 .ag-home-question__meta small{color:var(--ag-muted);font-size:10px;font-weight:700}
.ag-home-v7 .ag-home-question h2{margin:0;font-size:17px;line-height:1.38;letter-spacing:-.35px}
.ag-home-v7 .ag-home-question__answers{display:grid;width:62px;min-height:58px;place-items:center;border:1px solid #dbe4dd;border-radius:13px;background:#f0f5f1;color:var(--ag-green-dark)}
.ag-home-v7 .ag-home-question__answers strong{font-size:20px;line-height:1}
.ag-home-v7 .ag-home-question__answers span{margin-top:-11px;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.45px}
.ag-home-v7 .ag-home-block__footer{padding:16px 28px 20px;border-top:1px solid #e4e5dc}
.ag-home-v7 .ag-home-block__footer a,.ag-home-v7 .ag-home-text-link{font-size:12px;font-weight:850;text-decoration:underline;text-decoration-color:rgba(55,90,70,.22);text-underline-offset:4px}

.ag-home-v7 .ag-home-article-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding:1px;background:#e1e3da}
.ag-home-v7 .ag-home-article{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-height:170px;padding:23px;background:#fff;color:inherit;transition:background .16s ease}
.ag-home-v7 .ag-home-article.has-image{grid-template-columns:128px minmax(0,1fr)}
.ag-home-v7 .ag-home-article:hover{background:#f8faf7;color:inherit}
.ag-home-v7 .ag-home-article__media{width:128px;height:116px;overflow:hidden;border-radius:13px;background:#eef1eb}
.ag-home-v7 .ag-home-article__media img{width:100%;height:100%;object-fit:cover}
.ag-home-v7 .ag-home-article__body{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.ag-home-v7 .ag-home-article__category{display:inline-flex;padding:4px 8px;border-radius:999px;background:#f0f2eb;color:var(--ag-green);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.45px}
.ag-home-v7 .ag-home-article__title{margin:10px 0 7px;color:var(--ag-ink);font-size:17px;line-height:1.33;letter-spacing:-.35px}
.ag-home-v7 .ag-home-article__excerpt{color:var(--ag-muted);font-size:11px;line-height:1.6}

.ag-home-v7 .ag-home-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding:1px;background:#e1e3da}
.ag-home-v7 .ag-home-tool{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:13px;min-height:82px;padding:16px 19px;background:#fff;color:inherit;transition:background .16s ease}
.ag-home-v7 .ag-home-tool:last-child{grid-column:1/-1}
.ag-home-v7 .ag-home-tool:hover{background:#f7f9f5;color:inherit}
.ag-home-v7 .ag-home-tool__icon{display:grid;width:44px;height:44px;place-items:center;border-radius:13px;background:var(--ag-green-dark);color:#fff;font-size:14px;font-weight:900}
.ag-home-v7 .ag-home-tool strong{display:block;font-size:14px;line-height:1.25}
.ag-home-v7 .ag-home-tool small{display:block;margin-top:4px;color:var(--ag-muted);font-size:10px}

.ag-sidebar{display:grid;gap:16px}
.ag-sidebar .ag-widget{overflow:hidden;padding:0;border:1px solid var(--ag-line);border-radius:17px;background:rgba(255,255,255,.78);box-shadow:0 10px 30px rgba(32,58,44,.04)}
.ag-widget__heading{padding:20px 20px 13px}
.ag-sidebar .ag-widget__code{display:block;margin-bottom:6px;color:#7c877f;font-size:8px;font-weight:900;letter-spacing:1.1px}
.ag-sidebar .ag-widget__title{margin:0;font-size:18px;letter-spacing:-.4px}
.ag-widget--search .ag-search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:0 14px 15px}
.ag-widget--search .ag-search-form label{min-width:0}
.ag-widget--search .ag-search-form input{width:100%;min-height:46px;padding:10px 13px;border:1px solid var(--ag-line-dark);border-radius:12px;background:#fff;outline:0}
.ag-widget--search .ag-search-form input:focus{border-color:var(--ag-green);box-shadow:0 0 0 3px rgba(55,90,70,.1)}
.ag-widget--search .ag-search-form button{min-width:64px;border:0;border-radius:12px;background:var(--ag-green-dark);color:#fff;font-size:12px;font-weight:850;cursor:pointer}
.ag-sidebar-tabs{display:grid;grid-template-columns:1fr 1fr;padding:7px;border-bottom:1px solid var(--ag-line);background:#f0f2ed}
.ag-sidebar-tabs button{min-height:39px;border:0;border-radius:10px;background:transparent;color:#667168;font-size:11px;font-weight:850;cursor:pointer}
.ag-sidebar-tabs button.is-active{background:#fff;color:var(--ag-green-dark);box-shadow:0 3px 12px rgba(32,58,44,.07)}
.ag-sidebar-tab-panel[hidden]{display:none!important}
.ag-sidebar-feed{display:grid}
.ag-sidebar-feed__item{display:block;padding:13px 16px;border-top:1px solid #e7e8e1;color:inherit}
.ag-sidebar-feed__item:first-child{border-top:0}
.ag-sidebar-feed__item:hover{background:#f7f9f5;color:inherit}
.ag-sidebar-feed__item strong{display:-webkit-box;overflow:hidden;color:var(--ag-ink);font-size:12px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.ag-sidebar-feed__item span{display:block;margin-top:5px;color:var(--ag-muted);font-size:9px;line-height:1.4}
.ag-sidebar-feed__item--comment strong{font-weight:750}
.ag-widget-empty{margin:0;padding:22px;color:var(--ag-muted);font-size:11px;text-align:center}
.ag-widget--ask{padding:20px!important;background:linear-gradient(145deg,#244633,#315a42)!important;color:#fff}
.ag-widget--ask .ag-widget__heading{padding:0 0 9px}
.ag-widget--ask .ag-widget__code{color:#d6ff63}
.ag-widget--ask .ag-widget__title{color:#fff}
.ag-widget--ask p{margin:0 0 15px;color:rgba(255,255,255,.72);font-size:11px}
.ag-widget--ask .ag-button{background:#d6ff63;color:#203a2c}
.ag-side-posts,.ag-side-categories{display:grid;padding:0 10px 10px}
.ag-side-posts a{display:block;padding:12px 10px;border-top:1px solid #e7e8e1;color:inherit}
.ag-side-posts a:first-child{border-top:0}
.ag-side-posts a:hover{background:#f7f9f5;color:inherit}
.ag-side-posts strong{display:block;font-size:12px;line-height:1.4}
.ag-side-posts span{display:block;margin-top:4px;color:var(--ag-muted);font-size:9px;line-height:1.45}
.ag-side-categories{grid-template-columns:1fr 1fr;gap:7px;padding:0 14px 15px}
.ag-side-categories a{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:9px 10px;border:1px solid #e1e4dd;border-radius:10px;background:#fafbf8;color:var(--ag-ink);font-size:10px;font-weight:800}
.ag-side-categories a:hover{border-color:#aebcaf;background:#f3f7f3}
.ag-side-categories strong{display:grid;min-width:21px;height:21px;place-items:center;border-radius:999px;background:#e5ece6;color:var(--ag-green-dark);font-size:8px}
.ag-widget--notice{padding:15px 17px!important}
.ag-widget--notice p{margin:5px 0 0;color:var(--ag-muted);font-size:9px;line-height:1.55}

.ag-header{box-shadow:0 8px 26px rgba(32,58,44,.045)}
.ag-nav__list a{font-size:13px}
.ag-header__actions{gap:9px}

@media(max-width:1080px){
 .ag-home-v7 .ag-home-article-list{grid-template-columns:1fr}
 .ag-home-v7 .ag-home-article{min-height:145px}
}
@media(max-width:920px){
 .ag-layout--auth{width:min(100% - 30px,760px);padding-block:24px 52px}
 .ag-home-v7__layout{grid-template-columns:1fr}
 .ag-home-v7 .ag-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
 .ag-home-v7 .ag-widget--community,.ag-home-v7 .ag-widget--ask{grid-column:span 1}
}
@media(max-width:620px){
 .ag-layout--auth{width:calc(100% - 20px);padding-block:15px 40px}
 .ag-home-v7{padding:18px 0 48px}
 .ag-home-v7__content{gap:14px}
 .ag-home-v7 .ag-home-block{border-radius:15px}
 .ag-home-v7 .ag-home-block__header{align-items:flex-start;flex-direction:column;padding:21px 18px 17px}
 .ag-home-v7 .ag-home-block__header h1,.ag-home-v7 .ag-home-block__header h2{font-size:25px}
 .ag-home-v7 .ag-home-question{grid-template-columns:minmax(0,1fr) 51px;min-height:85px;padding:15px 13px}
 .ag-home-v7 .ag-home-question__meta small{display:none}
 .ag-home-v7 .ag-home-question h2{font-size:14px}
 .ag-home-v7 .ag-home-question__answers{width:49px;min-height:49px}
 .ag-home-v7 .ag-home-article-list,.ag-home-v7 .ag-home-tool-grid{grid-template-columns:1fr}
 .ag-home-v7 .ag-home-article,.ag-home-v7 .ag-home-article.has-image{grid-template-columns:1fr;min-height:0;padding:17px}
 .ag-home-v7 .ag-home-article__media{width:100%;height:150px}
 .ag-home-v7 .ag-home-article__title{font-size:15px}
 .ag-home-v7 .ag-home-tool,.ag-home-v7 .ag-home-tool:last-child{grid-column:auto;min-height:73px}
 .ag-home-v7 .ag-sidebar{grid-template-columns:1fr}
 .ag-side-categories{grid-template-columns:1fr 1fr}
}
/* V1.6.0 visual corrections */
.ag-home-v7 .ag-home-question__answers{grid-template-rows:auto auto;align-content:center;justify-items:center;gap:3px}
.ag-home-v7 .ag-home-question__answers span{margin-top:0;line-height:1}

/* V1.7.0 — account identity, comments and sidebar compatibility */
.ag-login-shell--single{display:block;width:min(100%,680px);min-height:0;margin-inline:auto}
.ag-login-shell--single .ag-login-shell__form{min-height:560px;padding:64px 72px}

/* Core and legacy WordPress widgets share the same stable sidebar geometry. */
.ag-sidebar .ag-widget{min-width:0}
.ag-sidebar .ag-widget>h2.ag-widget__title,.ag-sidebar .ag-widget>.wp-block-heading{margin:0;padding:19px 20px 13px;border-bottom:1px solid #eceee8;font-size:18px;line-height:1.25;letter-spacing:-.4px}
.ag-sidebar .ag-widget>ul,.ag-sidebar .ag-widget>.wp-block-latest-posts,.ag-sidebar .ag-widget>.wp-block-latest-comments,.ag-sidebar .ag-widget>.wp-block-categories-list,.ag-sidebar .ag-widget>.wp-block-archives-list{display:grid;margin:0;padding:7px 16px 13px;list-style:none}
.ag-sidebar .ag-widget li{min-width:0;margin:0;border-top:1px solid #e8ebe5}
.ag-sidebar .ag-widget li:first-child{border-top:0}
.ag-sidebar .ag-widget li a{display:block;overflow-wrap:anywhere;padding:11px 2px;color:var(--ag-ink);font-size:12px;font-weight:750;line-height:1.45}
.ag-sidebar .ag-widget li a:hover{color:var(--ag-green)}
.ag-sidebar .ag-widget .recentcomments{padding:11px 2px;color:var(--ag-muted);font-size:10px;line-height:1.5}
.ag-sidebar .ag-widget .recentcomments a{display:inline;padding:0;font-size:11px}
.ag-sidebar .ag-widget select{width:calc(100% - 32px);min-height:44px;margin:0 16px 16px;padding:9px 12px;border:1px solid var(--ag-line-dark);border-radius:11px;background:#fff}
.ag-sidebar .ag-widget.widget_search form,.ag-sidebar .ag-widget_search form{padding:0 14px 15px}
.ag-sidebar .ag-widget.widget_search .wp-block-search__inside-wrapper,.ag-sidebar .ag-widget_search .wp-block-search__inside-wrapper{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.ag-sidebar .ag-widget.widget_search input,.ag-sidebar .ag-widget_search input{min-width:0;width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--ag-line-dark);border-radius:11px}
.ag-sidebar .ag-widget.widget_search button,.ag-sidebar .ag-widget_search button{min-width:62px;margin:0;padding:9px 11px;border:0;border-radius:11px;background:var(--ag-green-dark);color:#fff;font-weight:800}
.ag-widget--ask{background:#fff!important;color:var(--ag-ink)!important;border-left:4px solid var(--ag-green)!important}
.ag-widget--ask .ag-widget__heading{padding:17px 18px 8px}
.ag-widget--ask .ag-widget__title{color:var(--ag-ink)!important;font-size:17px}
.ag-widget--ask p{margin:0;padding:0 18px 13px;color:var(--ag-muted)!important;font-size:11px}
.ag-widget--ask .ag-button{width:auto;margin:0 18px 18px;background:var(--ag-green-dark)!important;color:#fff!important}

/* Reply UI: clear context instead of visually drifting nested comments. */
.ag-comment .children{margin:14px 0 0!important;padding:0!important;border-left:0!important;list-style:none}
.ag-comment .children>.ag-comment{margin-top:10px;padding:15px;border:1px solid #dfe7e1;border-radius:13px;background:#fafcf9}
.ag-comment__reply-context{margin:0 0 12px;padding:9px 11px;border-bottom:2px solid #b8cdbd;border-radius:9px 9px 0 0;background:#edf5ef;color:#466052;font-size:10px;line-height:1.45}
.ag-comment__reply-context strong{color:#23563a}
.ag-comment__body .reply{display:inline-flex;margin-top:11px}
.ag-comment__body .comment-reply-link{display:inline-flex;align-items:center;min-height:32px;padding:7px 11px;border:1px solid #d7e2d9;border-radius:9px;background:#f6faf7;color:#2b6040;font-size:10px;font-weight:850;text-decoration:none}
.comment-reply-title{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.comment-reply-title small{display:inline-flex;margin:0}
#cancel-comment-reply-link{display:inline-flex;padding:6px 9px;border:1px solid #efd5d2;border-radius:8px;background:#fff7f6;color:#9a3d36;font-size:10px;font-weight:800;text-decoration:none}
.ag-comment-controls[hidden],.ag-comment-controls.is-complete{display:none!important}

@media(max-width:620px){
 .ag-login-shell--single .ag-login-shell__form{min-height:0;padding:33px 22px}
 .ag-comment .children>.ag-comment{padding:12px}
 .ag-comment__reply-context{font-size:9px}
}

/* Prevent long account/tab/widget content from widening the mobile viewport. */
.ag-layout>*,.ag-sidebar,.ag-sidebar .ag-widget{min-width:0;max-width:100%}
@media(max-width:920px){.ag-layout{width:100%;min-width:0}.ag-layout>*,.ag-sidebar{width:100%;max-width:100%}}


/* V1.8.0 — simplified footer, responsive mobile logo and question age */
.ag-footer{margin-top:clamp(54px,7vw,92px)}
.ag-footer__grid{padding-top:52px}
.ag-footer__bottom{font-size:9px;letter-spacing:.2px;text-transform:none}
.ag-question-detail__author{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.ag-question-detail__age{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border:1px solid #dfe6e1;border-radius:999px;background:#f7faf7;color:#66736b;font-size:9px;font-weight:800;white-space:nowrap}
@media(max-width:920px){
 .ag-nav__mobile-head{min-height:88px;padding:14px 18px 12px;background:#fff;color:var(--ag-ink);border-bottom:1px solid var(--ag-line)}
 .ag-nav__mobile-brand{display:flex;align-items:center;min-width:0;max-width:calc(100% - 52px)}
 .ag-nav__mobile-brand .custom-logo-link,.ag-nav__mobile-brand>a{display:flex;align-items:center;gap:9px;min-width:0;color:var(--ag-green-dark)}
 .ag-nav__mobile-brand .custom-logo{display:block;width:auto;max-width:190px;height:auto;max-height:52px;object-fit:contain}
 .ag-nav__mobile-brand .ag-brand__mark{flex:0 0 36px;width:36px;height:36px}
 .ag-nav__mobile-brand .ag-brand__wordmark strong{font-size:18px}
 .ag-nav__mobile-brand .ag-brand__wordmark small{font-size:9px}
 .ag-nav-close{border-color:#d8dfda!important;background:#f7f9f7!important;color:var(--ag-green-dark)!important}
 .ag-nav__list{padding-top:14px}
}
@media(max-width:420px){.ag-nav__mobile-brand .custom-logo{max-width:155px;max-height:46px}.ag-nav__mobile-head{min-height:80px}}


/* --------------------------------------------------------------------------
   V10 — category archive, clean links and responsive horizontal logo
   -------------------------------------------------------------------------- */

/* The site no longer uses decorative underline treatments. */
a,
a:hover,
a:focus,
.ag-entry-content a,
.ag-comments-jump,
.ag-text-link,
.ag-feed-block__head > a,
.ag-profile-inline-tab {
  text-decoration: none !important;
}
.ag-eyebrow::before { display: none !important; }
.ag-text-link,
.ag-feed-block__head > a { padding-bottom: 0; border-bottom: 0 !important; }
.ag-question-index__top,
.ag-question-detail__meta,
.ag-comments__header { border-bottom: 0 !important; }

/* Horizontal logo safe area. Recommended source: 640 × 160 px (4:1). */
.ag-brand .custom-logo-link,
.ag-nav__mobile-brand .custom-logo-link {
  display: flex;
  align-items: center;
  max-width: 270px;
  min-width: 0;
}
.ag-brand .custom-logo {
  width: auto;
  max-width: 270px;
  max-height: 58px;
  object-fit: contain;
  object-position: left center;
}
.ag-nav__mobile-brand { min-width: 0; }
.ag-nav__mobile-brand .custom-logo-link { max-width: 225px; }
.ag-nav__mobile-brand .custom-logo {
  width: auto;
  max-width: 225px;
  max-height: 58px;
  object-fit: contain;
  object-position: left center;
}

/* Category archive: ten stable, vertical rows per page. */
.ag-category-page .ag-content { min-width: 0; }
.ag-page-header--category {
  margin: 0 0 18px;
  padding: 25px 27px;
  border: 1px solid var(--ag-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: var(--ag-shadow-soft);
}
.ag-category-kicker {
  display: inline-flex;
  margin-bottom: 7px;
  color: var(--ag-green);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .9px;
  text-transform: uppercase;
}
.ag-page-header--category h1 {
  margin: 0;
  font-size: clamp(29px, 3.2vw, 42px);
  line-height: 1.12;
  letter-spacing: -1.4px;
}
.ag-category-description,
.ag-category-description p {
  max-width: 760px;
  margin: 8px 0 0;
  color: var(--ag-muted);
  font-size: 13px;
}
.ag-category-list { display: grid; gap: 11px; }
.ag-category-item {
  position: relative;
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr);
  min-height: 150px;
  overflow: hidden;
  border: 1px solid var(--ag-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(26,52,38,.035);
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.ag-category-item.is-text-only { grid-template-columns: minmax(0, 1fr); min-height: 142px; }
.ag-category-item:hover {
  transform: translateY(-1px);
  border-color: #b8c7bc;
  box-shadow: 0 13px 30px rgba(26,52,38,.07);
}
.ag-category-item__overlay { position: absolute; inset: 0; z-index: 3; }
.ag-category-item__media {
  min-width: 0;
  overflow: hidden;
  background: #eef2ee;
}
.ag-category-item__media img {
  width: 100%;
  height: 100%;
  min-height: 150px;
  object-fit: cover;
  transition: transform .28s ease;
}
.ag-category-item:hover .ag-category-item__media img { transform: scale(1.025); }
.ag-category-item__body {
  position: relative;
  z-index: 1;
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  padding: 21px 23px;
}
.ag-category-item__meta { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.ag-category-item__meta span {
  display: inline-flex;
  min-height: 22px;
  align-items: center;
  padding: 4px 8px;
  border-radius: 999px;
  background: #edf3ee;
  color: var(--ag-green);
  font-size: 8px;
  font-weight: 850;
}
.ag-category-item__meta span + span { background: #f5f6f4; color: var(--ag-muted); }
.ag-category-item h2 {
  margin: 8px 0 5px;
  color: var(--ag-ink);
  font-size: clamp(17px, 1.7vw, 21px);
  line-height: 1.3;
  letter-spacing: -.45px;
}
.ag-category-item p {
  display: -webkit-box;
  overflow: hidden;
  margin: 0;
  color: var(--ag-muted);
  font-size: 12px;
  line-height: 1.55;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.ag-category-item__action {
  margin-top: 10px;
  color: var(--ag-green-dark);
  font-size: 10px;
  font-weight: 850;
}
.ag-category-pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 22px;
}
.ag-category-pagination .page-numbers {
  display: grid;
  min-width: 40px;
  height: 40px;
  padding: 0 11px;
  place-items: center;
  border: 1px solid var(--ag-line);
  border-radius: 10px;
  background: #fff;
  color: var(--ag-ink-soft);
  font-size: 11px;
  font-weight: 850;
  transition: background .16s ease, border-color .16s ease, color .16s ease;
}
.ag-category-pagination a.page-numbers:hover {
  border-color: var(--ag-green);
  background: #f4f8f4;
  color: var(--ag-green-dark);
}
.ag-category-pagination .page-numbers.current {
  border-color: var(--ag-green-dark);
  background: var(--ag-green-dark);
  color: #fff;
}

@media (max-width: 920px) {
  .ag-brand .custom-logo { max-width: 235px; max-height: 54px; }
}
@media (max-width: 680px) {
  .ag-brand .custom-logo-link { max-width: 190px; }
  .ag-brand .custom-logo { max-width: 190px; max-height: 48px; }
  .ag-nav__mobile-brand .custom-logo-link { max-width: 205px; }
  .ag-nav__mobile-brand .custom-logo { max-width: 205px; max-height: 54px; }
  .ag-page-header--category { padding: 20px; }
  .ag-category-item,
  .ag-category-item.is-text-only { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  .ag-category-item__media { aspect-ratio: 16 / 8.5; }
  .ag-category-item__media img { min-height: 0; }
  .ag-category-item__body { padding: 18px; }
  .ag-category-item p { -webkit-line-clamp: 3; }
  .ag-category-pagination { gap: 6px; }
  .ag-category-pagination .page-numbers { min-width: 37px; height: 37px; padding-inline: 9px; }
}


/* --------------------------------------------------------------------------
   V11 — calmer home headings, scoped search, question date and mobile account
   -------------------------------------------------------------------------- */
.ag-home-v7 .ag-home-block__header h1,
.ag-home-v7 .ag-home-block__header h2 {
  font-size: clamp(21px, 2.1vw, 28px);
  line-height: 1.18;
  letter-spacing: -.7px;
}
.ag-home-v7 .ag-home-block__header { padding-block: 22px 18px; }
.ag-home-v7 .ag-home-block__header p { max-width: 610px; font-size: 11.5px; }
.ag-home-v7 .ag-home-label { font-size: 7.5px; letter-spacing: .8px; }

.ag-widget--search .ag-search-form { display: grid; gap: 11px; padding: 0 16px 17px; }
.ag-search-form__row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; }
.ag-search-form__input-wrap { position: relative; display: block; min-width: 0; }
.ag-search-form__input-wrap svg { position: absolute; left: 13px; top: 50%; width: 18px; height: 18px; transform: translateY(-50%); color: #7a867e; pointer-events: none; }
.ag-widget--search .ag-search-form input[type="search"] { min-height: 48px; padding: 10px 12px 10px 40px; border-radius: 12px; }
.ag-widget--search .ag-search-form input[type="search"].is-invalid { border-color: #c84d45; box-shadow: 0 0 0 3px rgba(200,77,69,.1); }
.ag-widget--search .ag-search-form button { min-width: 66px; border-radius: 12px; }
.ag-search-scope { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; margin: 0; padding: 0; border: 0; }
.ag-search-scope label { position: relative; min-width: 0; cursor: pointer; }
.ag-search-scope input { position: absolute; opacity: 0; pointer-events: none; }
.ag-search-scope span { display: flex; min-height: 36px; align-items: center; justify-content: center; padding: 7px 8px; border: 1px solid #e0e6e1; border-radius: 10px; background: #f7f9f7; color: #66736b; font-size: 9px; font-weight: 800; text-align: center; transition: .16s ease; }
.ag-search-scope input:checked + span { border-color: #a8bcae; background: #eaf2ec; color: var(--ag-green-dark); box-shadow: inset 0 0 0 1px rgba(40,96,71,.08); }
.ag-search-scope input:focus-visible + span { outline: 3px solid rgba(40,96,71,.13); outline-offset: 1px; }
.ag-search-form__hint { margin: -2px 1px 0!important; color: #849087!important; font-size: 8.5px!important; line-height: 1.4!important; }
.ag-search-form__notice { padding: 9px 11px; border: 1px solid #efc3bf; border-radius: 10px; background: #fff4f3; color: #9a3731; font-size: 9.5px; font-weight: 800; opacity: 0; transform: translateY(-3px); transition: .18s ease; }
.ag-search-form__notice.is-visible { opacity: 1; transform: translateY(0); }
.ag-page-header--search h1 { font-size: clamp(28px,3vw,40px); }
.ag-search-result-list .ag-core-empty { padding: 34px; border: 1px solid var(--ag-line); border-radius: 16px; background: #fff; }

.ag-question-detail__meta-side { display: flex; align-items: flex-end; flex-direction: column; gap: 7px; }
.ag-question-detail__date { color: var(--ag-muted); font-size: 9px; font-weight: 750; white-space: nowrap; }

@media (max-width: 920px) {
  .ag-nav { display: flex; min-height: 100dvh; flex-direction: column; }
  .ag-nav__list { flex: 0 0 auto; }
  .ag-nav__mobile-actions { margin-top: auto; padding-top: 17px; border-top: 1px solid var(--ag-line); background: #fff; }
  .ag-mobile-account { margin-bottom: 5px; border-color: #e0e6e1; border-radius: 12px; background: #f7f9f7; color: var(--ag-ink); }
  .ag-mobile-account small { color: var(--ag-muted); }
  .ag-mobile-account img { width: 42px; height: 42px; }
  .ag-button--logout { order: 99; margin-top: 8px; border-color: #e5aaa5!important; background: #fff2f1!important; color: #9a312c!important; font-weight: 900; }
}
@media (max-width: 680px) {
  .ag-home-v7 .ag-home-block__header h1,
  .ag-home-v7 .ag-home-block__header h2 { font-size: 21px; letter-spacing: -.45px; }
  .ag-home-v7 .ag-home-block__header { padding: 18px 17px 15px; }
  .ag-search-scope { grid-template-columns: 1fr; }
  .ag-question-detail__meta { align-items: flex-start; }
  .ag-question-detail__meta-side { align-items: flex-start; width: 100%; }
}
.ag-widget--search .ag-search-form { grid-template-columns: minmax(0,1fr); }
.ag-widget--search .ag-search-form__row { width: 100%; }
.ag-widget--search .ag-search-form__input-wrap,
.ag-widget--search .ag-search-form__input-wrap input { width: 100%; }

/* --------------------------------------------------------------------------
   V12 — consistent question context, calm content headers and Facebook panel
   -------------------------------------------------------------------------- */
.ag-home-v7 .ag-home-question__meta {
  align-items: center;
  row-gap: 5px;
}
.ag-home-v7 .ag-home-question__meta time,
.ag-search-question-identity time,
.ag-sidebar-feed__footer time,
.ag-page-date {
  color: #859087;
  font-size: 8.5px;
  font-weight: 700;
  white-space: nowrap;
}
.ag-home-v7 .ag-home-question__meta .ag-user-rank {
  margin-left: 1px;
}
.ag-search-question-identity {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
  color: var(--ag-muted);
  font-size: 9px;
}
.ag-search-question-identity > span { font-weight: 800; }

.ag-sidebar-feed__identity {
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 7px !important;
}
.ag-sidebar-feed__identity b {
  color: #657169;
  font-size: 9px;
  font-weight: 800;
}
.ag-sidebar-feed__identity .ag-user-rank {
  margin: 0;
}
.ag-sidebar-feed__footer {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 6px !important;
}
.ag-sidebar-feed__footer em {
  color: var(--ag-green-dark);
  font-size: 8.5px;
  font-style: normal;
  font-weight: 850;
  white-space: nowrap;
}

.ag-widget--facebook {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.ag-facebook-card {
  display: grid;
  grid-template-columns: 42px minmax(0,1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 17px;
  overflow: hidden;
  border: 1px solid #ccd9ef;
  border-radius: 17px;
  background: linear-gradient(145deg,#f8fbff,#edf4ff);
  color: #17243a;
  box-shadow: 0 11px 30px rgba(35,77,144,.07);
  transition: transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.ag-facebook-card:hover {
  transform: translateY(-1px);
  border-color: #9eb7e2;
  color: #17243a;
  box-shadow: 0 15px 34px rgba(35,77,144,.11);
}
.ag-facebook-card__icon {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 13px;
  background: #1877f2;
  color: #fff;
  font-family: Arial,sans-serif;
  font-size: 25px;
  font-weight: 900;
}
.ag-facebook-card__body { display: grid; min-width: 0; }
.ag-facebook-card__body small {
  color: #56729f;
  font-size: 7.5px;
  font-weight: 900;
  letter-spacing: .8px;
  text-transform: uppercase;
}
.ag-facebook-card__body strong { margin-top: 2px; font-size: 14px; line-height: 1.2; }
.ag-facebook-card__body em {
  display: -webkit-box;
  overflow: hidden;
  margin-top: 4px;
  color: #66748a;
  font-size: 9px;
  font-style: normal;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.ag-facebook-card__action {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  padding: 6px 10px;
  border-radius: 9px;
  background: #1877f2;
  color: #fff;
  font-size: 9px;
  font-weight: 900;
}

/* Compact article and standard-page headers. */
.ag-article-single,
.ag-content--standard { padding-top: 24px; }
.ag-article-header,
.ag-page-header--content {
  margin: 0 0 22px;
  padding: 0;
  border: 0;
}
.ag-article-header h1,
.ag-page-header--content h1 {
  max-width: 880px;
  margin: 9px 0 0;
  font-family: var(--ag-font-display);
  font-size: clamp(30px,3.6vw,46px);
  line-height: 1.08;
  letter-spacing: -1.55px;
}
.ag-page-header--content .ag-page-date {
  display: block;
  margin-top: 11px;
}
.ag-article-byline {
  gap: 9px;
  margin-top: 15px;
}
.ag-article-author {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  padding: 4px 8px;
  border: 1px solid #e1e6e1;
  border-radius: 10px;
  background: #f8faf8;
}
.ag-article-author strong { font-size: 11px; }
.ag-article-byline > time,
.ag-comments-jump {
  color: var(--ag-muted);
  font-size: 10px;
  font-weight: 750;
}
.ag-comments-jump { color: var(--ag-green-dark); }

@media (max-width: 680px) {
  .ag-article-single,
  .ag-content--standard { padding-top: 18px; }
  .ag-article-header h1,
  .ag-page-header--content h1 { font-size: 29px; letter-spacing: -1px; }
  .ag-article-byline { align-items: flex-start; }
  .ag-facebook-card { grid-template-columns: 40px minmax(0,1fr) auto; padding: 15px; }
  .ag-facebook-card__action { padding-inline: 9px; }
}

/* Keep compact rank components intact inside home/sidebar metadata. */
.ag-home-v7 .ag-home-question__meta .ag-user-rank,
.ag-sidebar-feed__identity .ag-user-rank {
  display: inline-flex !important;
  min-height: 22px;
  align-items: center;
  gap: 4px;
  padding: 2px 6px 2px 3px !important;
  border-radius: 999px;
  font-size: 8px !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-transform: none !important;
}
.ag-home-v7 .ag-home-question__meta .ag-user-rank > span,
.ag-sidebar-feed__identity .ag-user-rank > span {
  display: inline-flex;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: inherit !important;
  font: inherit !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
.ag-home-v7 .ag-home-question__meta .ag-user-rank .ag-user-rank__fallback,
.ag-sidebar-feed__identity .ag-user-rank .ag-user-rank__fallback {
  display: grid !important;
  width: 17px;
  height: 17px;
  place-items: center;
  border-radius: 50%;
  background: var(--ag-rank-text,#624d13) !important;
  color: var(--ag-rank-bg,#fff) !important;
}


/* --------------------------------------------------------------------------
   V13 — overflow-safe ranks and a calmer category heading
   -------------------------------------------------------------------------- */
/* The rank chip is used in very different widths. Keep the icon fixed, allow
   the label to shrink, and expose the complete rank through the title tooltip. */
.ag-user-rank {
  display: inline-flex !important;
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
  align-items: center;
  flex: 0 1 auto;
  overflow: hidden;
  vertical-align: middle;
}
.ag-user-rank__image,
.ag-user-rank__fallback {
  flex: 0 0 auto !important;
}
.ag-user-rank__label {
  display: block !important;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: inherit !important;
  font: inherit !important;
  letter-spacing: inherit !important;
  line-height: inherit !important;
  text-overflow: ellipsis;
  text-transform: none !important;
  white-space: nowrap;
}

/* Context limits prevent a long rank such as “Astsubay Kıdemli Başçavuş”
   from pushing dates, answer counts or usernames out of the layout. */
.ag-article-author,
.ag-comment__author,
.ag-question-detail__author,
.ag-home-question__meta,
.ag-sidebar-feed__identity,
.ag-search-question-identity,
.ag-core-question-card__meta,
.ag-profile-summary__identity {
  min-width: 0;
}
.ag-article-author > strong,
.ag-comment__author > strong,
.ag-question-detail__author > strong,
.ag-sidebar-feed__identity > b,
.ag-search-question-identity > span:not(.ag-user-rank) {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ag-article-author .ag-user-rank { max-width: min(190px, 52vw); }
.ag-comment__author .ag-user-rank { max-width: min(185px, 48vw); }
.ag-question-detail__author .ag-user-rank { max-width: min(230px, 60vw); }
.ag-profile-summary__identity .ag-user-rank { max-width: min(240px, 72vw); }
.ag-home-v7 .ag-home-question__meta .ag-user-rank { max-width: 155px; }
.ag-sidebar-feed__identity .ag-user-rank { max-width: 126px; }
.ag-search-question-identity .ag-user-rank { max-width: 165px; }
.ag-core-question-card__meta .ag-user-rank { max-width: 170px; }

/* Metadata rows may wrap, but no child is allowed to stretch the card. */
.ag-home-v7 .ag-home-question__meta,
.ag-sidebar-feed__identity,
.ag-search-question-identity,
.ag-core-question-card__meta,
.ag-article-byline,
.ag-question-detail__author,
.ag-comment__author {
  max-width: 100%;
}
.ag-article-byline > *,
.ag-home-v7 .ag-home-question__meta > *,
.ag-search-question-identity > *,
.ag-core-question-card__meta > * {
  max-width: 100%;
}

/* Category heading: quieter hierarchy, less card-like mass and safer wrapping. */
.ag-page-header--category {
  margin-bottom: 15px;
  padding: 4px 2px 13px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.ag-category-kicker {
  margin-bottom: 5px;
  font-size: 8px;
  letter-spacing: .75px;
}
.ag-page-header--category h1 {
  max-width: 760px;
  overflow-wrap: anywhere;
  font-family: var(--ag-font-body);
  font-size: clamp(24px, 2vw, 31px);
  font-weight: 850;
  line-height: 1.18;
  letter-spacing: -.7px;
}
.ag-category-description,
.ag-category-description p {
  margin-top: 7px;
  font-size: 12.5px;
  line-height: 1.55;
}

/* Small resilience improvements found during the site-wide sweep. */
.ag-category-item h2,
.ag-home-question h2,
.ag-sidebar-feed__item > strong,
.ag-core-question-card h3,
.ag-article-header h1,
.ag-question-detail h1 {
  overflow-wrap: anywhere;
}
.ag-sidebar-feed__item,
.ag-home-question,
.ag-core-question-card__link,
.ag-article-author {
  min-width: 0;
}

@media (max-width: 680px) {
  .ag-page-header--category { padding: 2px 0 12px; }
  .ag-page-header--category h1 { font-size: 23px; letter-spacing: -.55px; }
  .ag-article-author .ag-user-rank { max-width: 148px; }
  .ag-comment__author .ag-user-rank { max-width: 145px; }
  .ag-question-detail__author .ag-user-rank { max-width: 175px; }
  .ag-profile-summary__identity .ag-user-rank { max-width: 190px; }
  .ag-home-v7 .ag-home-question__meta .ag-user-rank { max-width: 122px; }
  .ag-sidebar-feed__identity .ag-user-rank { max-width: 116px; }
  .ag-search-question-identity .ag-user-rank,
  .ag-core-question-card__meta .ag-user-rank { max-width: 135px; }
}


/* --------------------------------------------------------------------------
   V14 — stable home rank rows, compact page titles and front-end logout forms
   -------------------------------------------------------------------------- */
.ag-header-logout-form,.ag-mobile-logout-form{display:flex;margin:0}
.ag-header-logout-form{align-items:center}
.ag-header-logout-form button,.ag-mobile-logout-form button{appearance:none;font:inherit;cursor:pointer}
.ag-mobile-logout-form{order:99;width:100%;margin-top:8px}
.ag-mobile-logout-form .ag-button--logout{width:100%;margin-top:0}

/* Separate context/date from identity/rank so a long rank can never distort
   the home question row. */
.ag-home-v7 .ag-home-question__meta{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;align-items:start;min-width:0}
.ag-home-question__context{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:10px}
.ag-home-question__category{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ag-home-question__identity{display:flex;min-width:0;max-width:100%;align-items:center;gap:6px;overflow:hidden}
.ag-home-question__identity>small{display:block;min-width:0;max-width:45%;overflow:hidden;color:#667169;font-size:9px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.ag-home-question__identity .ag-user-rank{max-width:min(175px,52%);margin:0!important;flex:0 1 auto}
.ag-home-question__identity .ag-user-rank__label{min-width:0}
.ag-home-v7 .ag-home-question__meta>time{display:none}

/* Standard WordPress pages should read like calm content pages, not landing
   page billboards. This final rule intentionally wins over older headers. */
.ag-content--standard{padding-top:16px}
.ag-content--standard .ag-page-header--content{margin-bottom:16px}
.ag-content--standard .ag-page-header--content h1{max-width:820px;margin-top:0;font-family:var(--ag-font-body);font-size:clamp(24px,2.25vw,34px);font-weight:850;line-height:1.16;letter-spacing:-.8px;overflow-wrap:anywhere}
.ag-content--standard .ag-page-header--content .ag-page-date{margin-top:8px}

@media(max-width:680px){
 .ag-home-question__context{gap:7px}
 .ag-home-question__identity>small{max-width:42%}
 .ag-home-question__identity .ag-user-rank{max-width:min(142px,56%)}
 .ag-content--standard{padding-top:12px}
 .ag-content--standard .ag-page-header--content{margin-bottom:13px}
 .ag-content--standard .ag-page-header--content h1{font-size:23px;line-height:1.2;letter-spacing:-.55px}
}

/* V14 final visual refinements after mobile stress testing. */
.ag-home-v7 .ag-home-question__identity>small{display:block!important;flex:0 1 auto}
.ag-content--standard .ag-page-header--content h1{font-size:clamp(22px,1.85vw,30px);letter-spacing:-.65px}
@media(max-width:680px){
 .ag-home-v7 .ag-home-question__identity>small{display:block!important;max-width:40%}
 .ag-content--standard .ag-page-header--content h1{font-size:22px;letter-spacing:-.45px}
}


/* --------------------------------------------------------------------------
   V15 hotfix — home question rank badge isolation
   The old descendant selector styled every span inside metadata, including
   rank icon and label spans. Keep category styling scoped only to category.
   -------------------------------------------------------------------------- */
.ag-home-v7 .ag-home-question__identity {
  display: flex;
  min-width: 0;
  max-width: 100%;
  min-height: 24px;
  align-items: center;
  gap: 7px;
  overflow: hidden;
}
.ag-home-v7 .ag-home-question__identity > small {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 48%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ag-home-v7 .ag-home-question__identity > .ag-user-rank {
  display: inline-flex !important;
  flex: 0 1 auto;
  width: auto !important;
  max-width: min(178px, 50%);
  min-width: 0;
  min-height: 23px !important;
  margin: 0 !important;
  padding: 2px 7px 2px 3px !important;
  align-items: center;
  gap: 5px;
  overflow: hidden;
  border-radius: 999px !important;
  font-size: 8px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  vertical-align: middle;
}
.ag-home-v7 .ag-home-question__identity > .ag-user-rank > .ag-user-rank__image,
.ag-home-v7 .ag-home-question__identity > .ag-user-rank > .ag-user-rank__fallback {
  display: grid !important;
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  place-items: center;
  overflow: hidden;
  border: 0 !important;
  border-radius: 50% !important;
  font-size: 8px !important;
  line-height: 18px !important;
  letter-spacing: 0 !important;
}
.ag-home-v7 .ag-home-question__identity > .ag-user-rank > .ag-user-rank__label {
  display: block !important;
  min-width: 0;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: inherit !important;
  font: inherit !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-overflow: ellipsis;
  text-transform: none !important;
  white-space: nowrap;
}
@media (max-width: 680px) {
  .ag-home-v7 .ag-home-question__identity > small { max-width: 44%; }
  .ag-home-v7 .ag-home-question__identity > .ag-user-rank { max-width: min(146px, 54%); }
}