/* About (/hakkinda/): one reading column in the shell's type; tokens only, logical properties (Arabic is rtl).
   Not from a design handoff (owner, 2026-09-24: "I build it now"); headings follow the map pages' .hs-h1. */
.hk {
  max-width: 68ch;
  margin-inline: auto; /* centred column, text stays start-aligned (owner, 2026-09-24) */
  padding-block: 8px 32px;
  font-family: var(--font-sans);
  font-size: var(--fs-body);
  line-height: 1.6;
  color: var(--text-body);
}
.hk-h1 { margin: 0 0 16px; font-size: var(--fs-title); font-weight: 500; line-height: 1.2; color: var(--text-heading); }
.hk-giris { margin: 0; font-size: var(--fs-lead); line-height: 1.45; color: var(--text-body); text-wrap: pretty; }
.hk-h2 { margin: 32px 0 8px; font-size: var(--fs-card); font-weight: 500; line-height: 1.3; color: var(--text-heading); }
.hk p { margin: 0; text-wrap: pretty; }
.hk-liste { margin: 0; padding-inline-start: 1.1em; }
.hk-liste li { margin-block-end: 8px; text-wrap: pretty; }
.hk-liste li::marker { color: var(--text-faint); }
.hk strong { font-weight: 500; color: var(--text-heading); }
/* Links are URLs / addresses: always a left-to-right run, isolated so Arabic lines don't reorder them. */
.hk a { direction: ltr; unicode-bidi: isolate; color: inherit; text-decoration: underline; text-decoration-color: var(--border); text-underline-offset: 3px; }
.hk a:hover { color: var(--text-primary); text-decoration-color: currentColor; }
.hk a:focus-visible { outline: 1px solid var(--accent); outline-offset: 2px; }
@media (max-width: 840px) {
  .hk { padding: 16px 20px 24px; }
}