/* DC-009 — pages rendered by includes/site.php (about, contact, FAQ, gallery, blog index, legal, stubs…).
   Uses only :root tokens from style.css. RTL-first with logical properties; EN mirror via [dir=ltr]. */

.dc-hero{min-height:240px}
.dc-hero .page-hero-content{max-width:var(--container-max);width:100%;margin:0 auto}
.dc-hero .page-hero-content p{max-width:640px}

.dc-page{max-width:900px;margin:0 auto;padding:56px 24px 24px;color:var(--color-text);font-size:var(--fs-base);line-height:var(--lh-relaxed)}
.dc-page .section{padding:0;margin:0 0 40px}
.dc-page .section:last-child{margin-bottom:0}
.dc-page h2{font-size:var(--fs-xl);font-weight:var(--fw-black);color:var(--color-heading);line-height:var(--lh-snug);margin:40px 0 14px;padding-inline-start:14px;border-inline-start:4px solid var(--color-gold)}
.dc-page h2:first-child{margin-top:0}
.dc-page h3{font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--color-heading);margin:28px 0 10px}
.dc-page p{margin:0 0 16px}
.dc-page em{color:var(--color-text-muted);font-style:normal;font-size:var(--fs-sm)}
.dc-page a:not([class]){color:var(--color-gold-text);font-weight:var(--fw-medium);text-decoration:underline;text-decoration-color:rgba(201,168,76,.45);text-underline-offset:4px}
.dc-page a:not([class]):hover{text-decoration-color:var(--color-gold)}
.dc-page ul:not([class]),.dc-page ol:not([class]){margin:0 0 20px;padding-inline-start:22px}
.dc-page ul:not([class]) li,.dc-page ol:not([class]) li{margin-bottom:8px}
.dc-page ul:not([class]) li::marker{color:var(--color-gold)}
.dc-page .about-list{margin:8px 0 24px}
.dc-page table{width:100%;border-collapse:collapse;margin:0 0 24px;font-size:var(--fs-sm)}
.dc-page th,.dc-page td{padding:12px 14px;border-bottom:1px solid var(--color-border);text-align:start;vertical-align:top}
.dc-page th{background:var(--color-surface-warm);color:var(--color-heading);font-weight:var(--fw-bold)}
.dc-page blockquote{margin:0 0 20px;padding:16px 20px;background:var(--color-surface-warm);border-inline-start:4px solid var(--color-gold);border-radius:var(--radius-sm)}
.dc-page details{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:10px;box-shadow:var(--shadow-card)}
.dc-page details summary{cursor:pointer;padding:16px 20px;font-weight:var(--fw-bold);color:var(--color-heading);list-style:none}
.dc-page details summary::-webkit-details-marker{display:none}
.dc-page details summary::after{content:'+';float:inline-end;color:var(--color-gold);font-weight:var(--fw-black)}
.dc-page details[open] summary::after{content:'−'}
.dc-page details > :not(summary){padding:0 20px 16px;margin:0}
.dc-page .loc-section{margin-top:48px}

/* Related topics */
.dc-related{max-width:900px;margin:0 auto;padding:8px 24px 64px}
.dc-related h2{font-size:var(--fs-lg);font-weight:var(--fw-black);color:var(--color-heading);margin:0 0 16px}
.dc-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.dc-related-card{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:56px;padding:14px 18px;background:var(--color-surface-warm);border:1px solid var(--color-border-warm);border-radius:var(--radius-md);color:var(--color-heading);font-weight:var(--fw-bold);text-decoration:none;transition:border-color .2s,transform .2s}
.dc-related-card::after{content:'←';color:var(--color-gold)}
[dir="ltr"] .dc-related-card::after{content:'→'}
.dc-related-card:hover{border-color:var(--color-gold);transform:translateY(-2px)}
.dc-related-card:focus-visible{outline:3px solid var(--color-gold);outline-offset:2px}

@media (max-width:768px){
  .dc-hero .page-hero-content{padding:44px 16px}
  .dc-hero .page-hero-content h1{font-size:28px}
  .dc-page{padding:36px 16px 16px}
  .dc-page h2{font-size:var(--fs-lg)}
  .dc-page .about-list{grid-template-columns:1fr}
  .dc-related{padding:8px 16px 48px}
}

/* Article index (blog.php / en/blog.php) */
.dc-page .dc-card-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.dc-page .dc-card-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;height:100%;min-height:64px;padding:16px 18px;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);color:var(--color-heading);font-weight:var(--fw-bold);line-height:var(--lh-snug);text-decoration:none;transition:border-color .2s,transform .2s}
.dc-page .dc-card-list a::after{content:'←';color:var(--color-gold);flex-shrink:0}
[dir="ltr"] .dc-page .dc-card-list a::after{content:'→'}
.dc-page .dc-card-list a:hover{border-color:var(--color-gold);transform:translateY(-2px)}
@media (max-width:768px){.dc-page .dc-card-list{grid-template-columns:1fr}}