/* Shared improvements; preserve the original blue, charcoal and tea theme. */
html { scroll-padding-top: 7rem; }
body { overflow-wrap: break-word; }
.skip-link { position: fixed; top: -8rem; left: 1rem; z-index: 20; padding: .75rem 1rem; color: #08101f; background: #4a9eff; border-radius: .5rem; }
.skip-link:focus { top: 1rem; }
.site-nav { display:flex; flex-wrap:wrap; gap:.5rem 1.5rem; padding:1.25rem 0 0; font-size:.9rem; }
.site-nav a, .connection-help a, .stream a, .home-faq a, .breadcrumbs a, .join-fallback a, .join-actions a:not(.join-button) { color:var(--accent); text-underline-offset: .2em; }
.hero-subtitle { display:block; font-size:clamp(1.1rem,2vw,1.4rem); line-height:1.5; letter-spacing:0; font-weight:500; color:var(--accent); margin-top:1.1rem; }
.actions { flex-wrap:wrap; }
.actions .btn { min-height:44px; }
#copy { flex-wrap:wrap; gap:.4rem .7rem; max-width:100%; }
#addr { overflow-wrap:anywhere; }
.copy-caption { font-size:.875rem; }
.copy-feedback { min-height:1.5em; font-size:.875rem; color:var(--accent); margin-top:.5rem; }
.connection-help { font-size:.9rem; }
.steps-head, .more-head { font-size:.875rem; line-height:1.6; }
.oda-left h2 { font-family:var(--display); font-size:1.5rem; line-height:1.3; font-weight:500; margin-bottom:1rem; }
.tree-head { flex-wrap:wrap; }
.tree-head em { max-width:100%; font-size:.8rem; }
.tree-head .unknown { color:var(--muted); }
.tree-head .unknown .dot { background:var(--muted); box-shadow:none; animation:none; }
.home-faq { padding-bottom:3rem; }
.home-faq h2 { font-family:var(--display); font-size:1.5rem; margin-bottom:1rem; }
.home-faq details { padding:1rem 0; border-bottom:1px solid var(--line); }
.home-faq summary { cursor:pointer; min-height:28px; font-weight:500; }
.home-faq details p { color:var(--muted); padding-top:.75rem; max-width:70ch; }
.breadcrumbs { display:flex; flex-wrap:wrap; gap:.5rem; font-size:.875rem; color:var(--muted); padding-top:1.5rem; }
.breadcrumbs + .hero { padding-top:2rem; }
.toc { border:1px solid var(--line); background:var(--panel); border-radius:10px; padding:1.1rem 1.3rem; margin-bottom:2rem; }
.toc strong { font-family:var(--display); font-size:1rem; }
.toc ul { margin:.75rem 0 0 1.25rem; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.5rem 1.5rem; }
.toc a { color:var(--accent); font-size:.9rem; text-decoration:none; }
.toc a:hover { text-decoration:underline; }
article h2[id], #kendi-odan, #nasil-baglanirim, #rehberler { scroll-margin-top:7rem; }
.join-panel { padding:1.4rem; border:1px solid var(--accent-dim); border-radius:12px; background:var(--panel); margin:2rem 0; }
.join-panel h3 { margin:0 0 .6rem; }
.join-actions { display:flex; flex-wrap:wrap; align-items:center; gap:.75rem; }
.join-button, button[data-copy-address] { font:inherit; cursor:pointer; }
.join-actions .join-button { background:var(--accent); color:#08101f; padding:.7rem 1rem; border:0; border-radius:8px; text-decoration:none; }
.join-actions button { color:var(--text); background:transparent; border:1px solid var(--line); border-radius:8px; padding:.7rem 1rem; }
.join-fallback { margin-top:1rem; font-size:.9rem; color:var(--muted); }
.join-fallback button { border:0; padding:0; text-decoration:underline; color:var(--accent); background:transparent; }
.editorial-date { font-size:.875rem; color:var(--muted); padding-top:1rem; border-top:1px solid var(--line); }
.note .label { font-size:.8rem; }
.kicker { font-size:.8rem; }
.endcap-text { min-width:0; }
.endcap a { white-space:normal; text-align:center; }
pre { max-width:100%; }
pre code { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; }
img { max-width:100%; }
@media(max-width:600px) {
  .toc ul { grid-template-columns:1fr; }
  .topbar-in { flex-wrap:wrap; padding:12px 18px; }
  .topbar .cta { font-size:.875rem; }
  .topbar span { font-size:.875rem; }
  .join-actions { align-items:stretch; }
  .join-actions .join-button, .join-actions button { width:100%; text-align:center; }
  .join-panel { padding:1rem; }
  .endcap { gap:16px; }
  .endcap-text { flex-basis:calc(100% - 68px); }
  .endcap > a { width:100%; }
}
@media(max-width:380px) {
  .wrap { padding:0 16px; }
  .topbar .cta { margin-left:0; }
  .actions .btn { width:100%; justify-content:center; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }