/**
 * Area guide typography — the styling for .fidu-guide-content.
 *
 * WHY THIS FILE EXISTS AT ALL
 * These rules used to live only inside a <style> block pasted into each area
 * page's own post_content. Identical on eleven pages, a ten-rule subset on
 * dubai-south, and MISSING ENTIRELY on five: al-jaddaf, arjan,
 * jumeirah-village-triangle, liwan and mohammed-bin-rashid-city. Those five
 * rendered their whole guide body unstyled — full-bleed width, browser-default
 * headings, no brand colour — because .fidu-guide-content appeared nowhere in
 * the compiled theme CSS. This file is what fixes that.
 *
 * WHY NOT build/input.css
 * That would be the tidier home, but rebuilding assets/css/tailwind.css needs
 * the Tailwind toolchain (node/npm are not installed on this server) plus a
 * complete content scan of every theme PHP and JS file and a freshly harvested
 * harvested.html. Building from a partial content set produces a smaller
 * stylesheet that silently drops utilities across all twenty templates — an
 * uncompiled Tailwind class has no rule and raises no error. Fourteen plain CSS
 * rules are not worth that risk. When the baked area template lands and
 * introduces genuinely new utility classes, the full rebuild becomes necessary
 * and should be done properly then, with the whole theme present.
 *
 * Enqueued only on children of the Areas page — see fidu_area_guide_styles()
 * in functions.php.
 */

.fidu-guide-content {
    max-width: 56rem;
    margin: 0 auto;
    padding: 3rem 1.5rem;
    color: #2C2C2A;
    font-size: 16px;
    line-height: 1.75;
    font-family: inherit;
}

.fidu-guide-content > p {
    margin: 0 0 1.25rem;
}

.fidu-guide-content h2 {
    color: #2F3466;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.3;
    margin: 2.25rem 0 1rem;
    letter-spacing: -0.01em;
}

.fidu-guide-content ul,
.fidu-guide-content ol {
    margin: 0 0 1.25rem;
    padding-left: 1.4rem;
}

.fidu-guide-content li {
    margin: 0 0 .5rem;
}

.fidu-guide-content ul li {
    list-style: disc;
}

.fidu-guide-content ol li {
    list-style: decimal;
}

.fidu-guide-content a {
    color: #2F3466;
    font-weight: 600;
    text-decoration: underline;
}

.fidu-guide-content a:hover {
    opacity: .8;
}

.fidu-guide-content strong {
    color: #100D2D;
    font-weight: 700;
}

/* Rank Math's FAQ block, when a guide uses it. Present in the eleven-page
   version of the inline block; absent from dubai-south's subset. Kept here so
   every guide gets it rather than only the pages that happened to have it. */
.fidu-guide-content .wp-block-rank-math-faq-block {
    margin-top: 1rem;
}

.fidu-guide-content .rank-math-faq-item {
    border-top: 1px solid #EEE;
    padding: 1.1rem 0;
}

.fidu-guide-content .rank-math-question {
    color: #2F3466;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 .5rem;
}

.fidu-guide-content .rank-math-answer {
    margin: 0;
}

/* DELIBERATELY NOT STYLED: h3.
 *
 * The twelve rewritten guides carry 21 h3 sub-headings each, and the original
 * inline block never styled h3 at all — the old 400-word pages had only three
 * and inherited the theme default (bold, browser size, body colour). Giving h3
 * its own step in the scale would improve those pages, but it is a design
 * change to twelve live pages rather than a bug fix, and design changes go to
 * the owner with a mockup first. Proposed, not applied.
 *
 * This file reproduces the existing inline rules exactly, so the only visible
 * change is that the five pages which had NO styling now match the other twelve.
 */