
/* Professional About + Contact pages */
.professional-page .page-hero--simple { padding: 2.5rem 0 3.25rem; }
.professional-page .page-hero--simple .page-hero__inner { min-height: auto; }
.eyebrow { display:inline-block; margin-bottom:.65rem; color:var(--clr-primary); font-size:.75rem; font-weight:800; letter-spacing:.12em; }
.professional-page h2 { font-size:clamp(1.65rem,3vw,2.35rem); line-height:1.2; margin-bottom:1rem; }
.professional-page p { color:var(--clr-text-muted); }
.about-intro { display:grid; grid-template-columns:1fr; gap:2rem; align-items:center; }
.about-highlight { padding:1.5rem; border:1px solid var(--clr-border); border-radius:var(--radius-lg); background:linear-gradient(145deg,#f7faff,#fff); box-shadow:var(--shadow-sm); }
.about-highlight strong { display:block; color:var(--clr-text); font-size:1.15rem; margin-bottom:.5rem; }
.pro-grid { display:grid; grid-template-columns:1fr; gap:1rem; }
.pro-grid article { padding:1.35rem; background:#fff; border:1px solid var(--clr-border); border-radius:var(--radius-lg); }
.pro-icon { display:inline-flex; width:38px; height:38px; align-items:center; justify-content:center; border-radius:50%; background:#eaf3ff; color:var(--clr-primary); font-weight:800; margin-bottom:.8rem; }
.pro-grid h3 { font-size:1.1rem; margin-bottom:.45rem; }
.pro-services { display:grid; grid-template-columns:1fr; gap:.9rem; }
.pro-services a { display:block; padding:1.15rem; border:1px solid var(--clr-border); border-radius:var(--radius-md); text-decoration:none; background:#fff; transition:transform .15s ease,box-shadow .15s ease; }
.pro-services a:hover { transform:translateY(-2px); box-shadow:var(--shadow-md); }
.pro-services strong,.pro-services span { display:block; }
.pro-services strong { color:var(--clr-text); margin-bottom:.25rem; }
.pro-services span { color:var(--clr-text-muted); font-size:.9rem; }
.contact-layout { display:grid; grid-template-columns:1fr; gap:2rem; }
.contact-cards { display:grid; grid-template-columns:1fr; gap:.75rem; margin-top:1.5rem; }
.contact-card { display:flex; align-items:center; gap:.9rem; padding:1rem; border:1px solid var(--clr-border); border-radius:var(--radius-md); background:#fff; text-decoration:none; }
.contact-card__icon { flex:0 0 42px; width:42px; height:42px; display:flex; align-items:center; justify-content:center; border-radius:10px; background:#eaf3ff; color:var(--clr-primary); font-weight:800; }
.contact-card strong,.contact-card small { display:block; }
.contact-card strong { color:var(--clr-text); }
.contact-card small { color:var(--clr-text-muted); margin-top:.15rem; }
.contact-panel { padding:1.5rem; background:#fff; border:1px solid var(--clr-border); border-radius:var(--radius-lg); box-shadow:var(--shadow-sm); }
.contact-panel h2 { font-size:1.6rem; }
.professional-form { display:grid; gap:.55rem; margin-top:1.25rem; }
.professional-form label { font-size:.9rem; font-weight:700; color:var(--clr-text); }
.professional-form input,.professional-form select,.professional-form textarea { width:100%; padding:.8rem .9rem; border:1px solid var(--clr-border); border-radius:var(--radius-md); background:#fff; color:var(--clr-text); font:inherit; }
.professional-form input:focus,.professional-form select:focus,.professional-form textarea:focus { outline:2px solid rgba(0,85,179,.18); border-color:var(--clr-primary); }
.professional-form button { margin-top:.6rem; width:100%; }
.area-list { display:flex; flex-wrap:wrap; justify-content:center; gap:.6rem; }
.area-list span { padding:.55rem .8rem; background:#fff; border:1px solid var(--clr-border); border-radius:999px; color:var(--clr-text); font-size:.9rem; }
@media (min-width:700px) { .about-intro{grid-template-columns:1.7fr 1fr}.pro-grid{grid-template-columns:repeat(2,1fr)}.pro-services{grid-template-columns:repeat(2,1fr)}.contact-layout{grid-template-columns:1.15fr .85fr}.contact-cards{grid-template-columns:repeat(2,1fr)} }
@media (min-width:1024px) { .pro-grid{grid-template-columns:repeat(4,1fr)}.pro-services{grid-template-columns:repeat(3,1fr)} }
@media (max-width:480px) { .professional-page .page-hero--simple{padding:2rem 0 2.5rem}.professional-page .page-hero__title{font-size:1.75rem}.contact-panel{padding:1.15rem} }

/* WordPress editor content on About/Contact templates */
.editor-content-section {
    background: #fff;
}

.professional-editor-content {
    max-width: 900px;
    margin: 0 auto;
    color: #334155;
    font-size: 17px;
    line-height: 1.8;
}

.professional-editor-content > *:first-child { margin-top: 0; }
.professional-editor-content > *:last-child { margin-bottom: 0; }

.professional-editor-content h2,
.professional-editor-content h3,
.professional-editor-content h4 {
    color: #0f2747;
    line-height: 1.3;
    margin: 1.8em 0 .65em;
    font-weight: 800;
}

.professional-editor-content h2 { font-size: clamp(26px, 4vw, 34px); }
.professional-editor-content h3 { font-size: clamp(22px, 3vw, 28px); }
.professional-editor-content h4 { font-size: 21px; }

.professional-editor-content p { margin: 0 0 1.15em; }
.professional-editor-content a { color: #075bb5; text-decoration: underline; text-underline-offset: 2px; }
.professional-editor-content strong { color: #0f2747; }
.professional-editor-content ul,
.professional-editor-content ol { margin: 0 0 1.25em; padding-left: 1.5em; }
.professional-editor-content li { margin: .45em 0; }
.professional-editor-content blockquote {
    margin: 1.5em 0;
    padding: 18px 22px;
    border-left: 4px solid #075bb5;
    background: #f5f8fc;
    border-radius: 0 8px 8px 0;
}
.professional-editor-content img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}
.professional-editor-content figure { margin: 1.5em 0; }
.professional-editor-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5em 0;
    overflow: hidden;
}
.professional-editor-content th,
.professional-editor-content td {
    padding: 12px;
    border: 1px solid #dbe3ec;
    text-align: left;
}
.professional-editor-content th { background: #f5f8fc; color: #0f2747; }

@media (max-width: 768px) {
    .professional-editor-content {
        font-size: 16px;
        line-height: 1.7;
    }
    .professional-editor-content table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}
