[hidden] {
  display: none !important;
}

.document-list button {
  position: relative;
  transition: border-color .25s ease, background .25s ease, transform .25s ease, box-shadow .25s ease;
}

.document-list button:hover {
  transform: translateX(-6px);
  border-color: rgba(243, 107, 43, .55);
  box-shadow: 0 12px 30px rgba(16, 22, 23, .08);
}

.document-list button.is-ready {
  border-color: #5d8e72;
  background: #eff7f1;
  box-shadow: inset 5px 0 0 #5d8e72;
}

.document-list button.is-ready span {
  color: #fff;
  background: #5d8e72;
}

.document-list button.is-ready small {
  color: #427159;
  font-weight: 700;
}

.check-progress.is-complete span {
  color: #427159;
  font-weight: 700;
}

.tool-purpose {
  margin: 28px 0 24px;
  padding: 18px 20px;
  background: rgba(243, 107, 43, .08);
  border: 1px solid rgba(243, 107, 43, .24);
  border-left: 4px solid var(--orange);
  border-radius: 12px;
}

.tool-purpose strong {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
}

.tool-purpose p {
  margin: 0;
  color: #596362;
  font-size: 13px;
  line-height: 1.65;
}

.tool-purpose-dark {
  color: #fff;
  background: rgba(255, 255, 255, .07);
  border-color: rgba(255, 255, 255, .13);
  border-left-color: var(--orange);
}

.tool-purpose-dark p {
  color: #c3cdca;
}

.paper-progress {
  margin: 18px 0 10px;
}

.paper-progress > span {
  display: block;
  margin-bottom: 8px;
  color: #5d6868;
  font-size: 12px;
  font-weight: 700;
}

.paper-progress > i {
  display: block;
  height: 5px;
  overflow: hidden;
  background: #e5e7e1;
  border-radius: 5px;
}

.paper-progress > i > em {
  display: block;
  height: 100%;
  background: var(--orange);
  border-radius: inherit;
  transition: width .3s ease;
}

.paper-list label.is-checked,
.guide-situation-paper label.is-checked {
  background: #f1f8f3;
}

.paper-list label.is-checked b,
.guide-situation-paper label.is-checked b {
  color: #38634c;
}

.paper-list-footer,
.guide-paper-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.paper-list-footer p,
.guide-paper-footer p {
  margin: 0;
}

.paper-list-footer a,
.guide-paper-footer button {
  flex: 0 0 auto;
  color: var(--orange);
  font-size: 12px;
  font-weight: 700;
}

.guide-paper-footer button {
  padding: 8px 0;
  background: transparent;
  border: 0;
  cursor: pointer;
}

.portal-mock.is-highlighted {
  animation: demoHighlight 1.4s ease;
}

@keyframes demoHighlight {
  0%, 100% { box-shadow: inherit; }
  40% { box-shadow: 0 0 0 8px rgba(243, 107, 43, .22), 0 35px 80px rgba(16, 22, 23, .22); }
}

@media (max-width: 720px) {
  .paper-list-footer,
  .guide-paper-footer {
    align-items: flex-start;
    flex-direction: column;
  }
}
.brand-upload{display:block;max-width:170px;max-height:52px;width:auto;height:auto;object-fit:contain}.brand-light .brand-upload{filter:brightness(0) invert(1)}

/* v0.14.0 — teknik SEO: görünür breadcrumb ve 404 */
.site-breadcrumbs{background:#f7f8f8;border-bottom:1px solid rgba(15,39,62,.08)}
.site-breadcrumbs .site-shell{display:flex;align-items:center;gap:9px;min-height:42px;font-size:12px;color:#718096;white-space:nowrap;overflow:hidden}
.site-breadcrumbs a{color:#53657a;text-decoration:none;transition:color .2s ease}
.site-breadcrumbs a:hover{color:#ef5a3c}
.site-breadcrumbs span[aria-hidden]{opacity:.45}
.site-breadcrumbs span[aria-current]{color:#172a40;font-weight:700;overflow:hidden;text-overflow:ellipsis}
.error-page{min-height:62vh;display:flex;align-items:center;background:radial-gradient(circle at 80% 20%,rgba(239,90,60,.08),transparent 28%),#f4f6f7}
.error-page-inner{position:relative;max-width:920px;padding-top:70px;padding-bottom:70px}
.error-code{position:absolute;right:0;top:28px;font-size:clamp(120px,18vw,250px);font-weight:900;line-height:1;color:rgba(15,39,62,.045);letter-spacing:-.08em;pointer-events:none}
.error-page h1{position:relative;max-width:720px;font-size:clamp(38px,5vw,72px);line-height:.98;letter-spacing:-.04em;margin:18px 0 22px;color:#102943}
.error-page>div>p:not(.eyebrow){position:relative;max-width:680px;color:#65758a;font-size:17px;line-height:1.7}
.error-actions{position:relative;display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
@media(max-width:720px){.site-breadcrumbs .site-shell{min-height:38px}.error-code{font-size:120px;top:48px}.error-page-inner{padding-top:58px;padding-bottom:58px}}

/* v0.16.0 — masaüstü görsel regresyon korumaları */

/* Sticky ana başlık alanları, 74px'e küçülen sabit header'ın altında kalmasın. */
@media (min-width: 961px) {
  .faq-intro {
    top: 104px;
  }
}

/* Dinamik/müşteri metinleri grid kolonlarını genişletip yatay taşma üretmesin. */
.program-layout > *,
.program-card > *,
.selector-layout > *,
.classes-stage > *,
.method-layout > *,
.portal-layout > *,
.guide-grid > *,
.faq-layout > *,
.register-layout > *,
.about-story-grid > *,
.team-window-grid > *,
.detail-intro-grid > *,
.document-check-grid > *,
.process-explorer-grid > *,
.plan-estimator-grid > *,
.fear-program-grid > *,
.document-tool-grid > *,
.branch-stage > *,
.contact-board-grid > *,
.guide-article-layout > * {
  min-width: 0;
}

/* AJAX doğrulama mesajları formun tasarım dilinde görünür. */
.form-field-error {
  display: block;
  margin-top: 7px;
  color: #b7432f;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.register-form-wrap [aria-invalid="true"],
.contact-form-panel [aria-invalid="true"] {
  border-color: rgba(183, 67, 47, .78);
  box-shadow: 0 0 0 3px rgba(183, 67, 47, .10);
}

/* Uzun başlıkların masaüstünde tek kelime/garip satır kırılımları üretmesini azaltır. */
.page-hero-copy h1,
.section-heading h2,
.blog-detail-copy h1 {
  text-wrap: balance;
}


/* v0.16.1 — tablet / mobil QA */
@media (max-width: 960px) {
  html, body { max-width: 100%; overflow-x: hidden; }
  .main-nav {
    z-index: 95;
    max-height: calc(100dvh - 98px);
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
  }
  .main-nav a { white-space: normal; }
  .program-tabs,
  .filter-chips,
  .document-type-tabs { scrollbar-width: thin; }
  .site-breadcrumbs .site-shell { overflow-x: auto; scrollbar-width: none; }
  .site-breadcrumbs .site-shell::-webkit-scrollbar { display: none; }
  .guide-rich-content pre,
  .blog-prose pre { max-width: 100%; overflow-x: auto; }
  .guide-rich-content table,
  .blog-prose table { max-width: 100%; }
  .guide-rich-content iframe,
  .blog-prose iframe { max-width: 100%; }
}

@media (max-width: 680px) {
  body { padding-bottom: calc(70px + env(safe-area-inset-bottom, 0px)); }
  body.site-menu-open { overflow: hidden; }
  .main-nav {
    top: 66px;
    left: 14px;
    right: 14px;
    padding: 14px 16px;
    max-height: calc(100dvh - 82px);
    border: 1px solid rgba(16,22,23,.08);
  }
  .main-nav a { padding: 12px 4px; line-height: 1.35; }
  .mobile-actions {
    height: calc(70px + env(safe-area-inset-bottom, 0px));
    padding-bottom: calc(7px + env(safe-area-inset-bottom, 0px));
  }
  .back-to-top { bottom: calc(84px + env(safe-area-inset-bottom, 0px)); }
  .register-form-wrap input,
  .register-form-wrap select,
  .register-form-wrap textarea,
  .contact-form-panel input,
  .contact-form-panel select,
  .contact-form-panel textarea { font-size: 16px; }
  .program-tabs,
  .document-type-tabs { scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; }
  .program-tabs > *,
  .document-type-tabs > * { scroll-snap-align: start; }
  .filter-chips { max-width: 100%; overflow-x: auto; flex-wrap: nowrap; padding-bottom: 4px; -webkit-overflow-scrolling: touch; }
  .filter-chips button { flex: 0 0 auto; }
  .guide-rich-content table,
  .blog-prose table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .guide-rich-content,
  .blog-prose,
  .page-hero-copy,
  .section-heading { overflow-wrap: anywhere; }
  .error-actions .button { width: 100%; }
}

@media (max-width: 390px) {
  .site-shell { width: calc(100% - 24px); }
  .hero-copy h1,
  .page-hero-copy h1 { font-size: 35px; }
  h2 { font-size: 34px; }
  .program-card { padding-left: 18px; padding-right: 18px; }
  .selector-panel,
  .register-form-wrap,
  .contact-form-panel { padding-left: 16px; padding-right: 16px; }
  .faq-list article>button { grid-template-columns: 30px minmax(0,1fr) 32px; }
}