.etiquette-page { min-height: 100vh; display: block; background: var(--bg-ink, #140d08); }
.etiquette-page .etiquette-language-en { direction: ltr; text-align: left; }
.etiquette-page .etiquette-language-en .etiquette-intro,
.etiquette-page .etiquette-language-en .etiquette-panel { text-align: left; }
.etiquette-main { max-width: 980px; margin: 0 auto; padding: 128px 28px 80px; }
.etiquette-hero { text-align: center; margin-bottom: 42px; }
.etiquette-hero h1 { margin: 12px 0; color: var(--parchment, #e8d5a4); font: 700 clamp(2.4rem, 6vw, 4.4rem) var(--font-arabic); }
.etiquette-hero p { max-width: 680px; margin: auto; color: #c8b189; font-size: 1.15rem; line-height: 2; }
.etiquette-content { background: rgba(36, 24, 9, .7); border: 1px solid var(--border-color); border-radius: 18px; padding: clamp(22px, 5vw, 54px); }
.etiquette-intro { border-bottom: 1px solid var(--border-color); padding-bottom: 32px; margin-bottom: 16px; }
.etiquette-kicker { color: var(--gold, #c9a24b); font-size: .85rem; letter-spacing: 2px; }
.etiquette-intro h2 { color: var(--parchment, #e8d5a4); font: 700 2rem var(--font-arabic); margin: 9px 0 12px; }
.etiquette-intro p, .etiquette-panel p, .etiquette-panel li { color: #d7c59f; font: 1.06rem/2 var(--font-arabic); }
.etiquette-panel p { margin-bottom: 16px; }
.etiquette-panel ul { margin: 0; padding-right: 22px; }
.etiquette-accordion details { border-bottom: 1px solid var(--border-color); }
.etiquette-accordion summary { display: flex; align-items: center; gap: 16px; cursor: pointer; list-style: none; padding: 22px 4px; color: var(--parchment, #e8d5a4); font: 700 1.35rem var(--font-arabic); }
.etiquette-accordion summary::-webkit-details-marker { display: none; }
.etiquette-accordion summary i { margin-right: auto; color: var(--gold, #c9a24b); transition: transform .25s; }
.etiquette-accordion details[open] summary i { transform: rotate(180deg); }
.section-number { direction: ltr; color: var(--gold, #c9a24b); font: 600 .8rem var(--font-sans); letter-spacing: 1px; }
.etiquette-panel { padding: 0 4px 28px; }
.etiquette-subheader { display: block; margin: 20px 0 6px; color: var(--gold, #c9a24b); font: 700 1rem/1.7 var(--font-arabic); letter-spacing: .3px; }
.etiquette-panel p + .etiquette-subheader { margin-top: 24px; }
.etiquette-point { display: grid; grid-template-columns: 42px 1fr; gap: 14px; align-items: start; margin: 12px 0; padding: 14px 16px; border: 1px solid rgba(201,162,75,.12); border-radius: 10px; background: rgba(255,255,255,.025); }
.point-number { direction: ltr; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: rgba(201,162,75,.14); color: var(--gold, #c9a24b); font: 700 .82rem var(--font-sans); }
.etiquette-point .etiquette-subheader { margin-top: 0; }
.etiquette-rendered-en .term-table th,
.etiquette-rendered-en .term-table td { text-align: left; }
.etiquette-list { margin: 0; padding-right: 28px; }
.etiquette-list li { padding: 6px 0; }
.etiquette-quote { margin-top: 20px; padding: 18px 22px; border-right: 3px solid var(--gold, #c9a24b); background: rgba(201,162,75,.08); color: #ead8ae; font: 1.1rem/2 var(--font-arabic); }
.term-table-wrap { overflow-x: auto; }
.term-table { width: 100%; border-collapse: collapse; color: #d7c59f; font: 1rem/1.8 var(--font-arabic); }
.term-table th, .term-table td { border: 1px solid rgba(201,162,75,.18); padding: 12px 14px; text-align: right; vertical-align: top; }
.term-table thead th { background: rgba(201,162,75,.12); color: var(--gold, #c9a24b); }
.term-table tbody th { color: var(--parchment, #e8d5a4); white-space: nowrap; }
@media (max-width: 720px) { .etiquette-main { padding: 104px 16px 50px; } .etiquette-content { padding: 20px 16px; } .etiquette-accordion summary { font-size: 1.1rem; gap: 10px; } .etiquette-panel p, .etiquette-panel li { font-size: 1rem; } }

/* Match the shared hero rhythm used by the blog and contact pages. */
.etiquette-main { padding-top: 140px; }
.etiquette-hero { margin-bottom: 48px; }
.etiquette-hero h1 { font-size: clamp(2.7rem, 5vw, 4.2rem); line-height: 1.1; min-height: 2.2em; display: flex; align-items: center; justify-content: center; }
.etiquette-hero p { line-height: 1.8; }
@media (max-width: 720px) { .etiquette-main { padding-top: 110px; } }