.elementor-12775 .elementor-element.elementor-element-9e574a8{--display:flex;}body.elementor-page-12775:not(.elementor-motion-effects-element-type-background), body.elementor-page-12775 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://pdotuitionservices.com/wp-content/uploads/2025/08/ChatGPT-Image-Aug-14-2025-11_00_39-AM-1.png");}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-9c1cbdd *//* ==========================================================================
   ONTARIO PSYCHOLOGY ONLINE TUITION — PREMIUM STYLESHEET
   Concept: "The Case Notebook" — a psychologist's research-journal
   identity: soft lavender-white paper, deep plum ink, a warm terracotta
   "insight" accent, and a hero built around a head silhouette holding a
   small neural network — thought as connection, not clinical imagery.
   Deliberately softer and more humanist than the harder-science pages on
   this site (Biology's herbarium paper, Chemistry's lab bench, Science's
   graph-paper orbit, Economics' ledger, Business's pitch deck, Accounting's
   T-account grid) — Psychology is about people, so the palette and type
   lean warmer and more editorial.

   STRUCTURE NOTE
   This page's HTML doesn't use .eyebrow or .section-heading wrappers the
   way the sibling pages do — headings and intro copy sit directly in
   .container, and .section-note is a single <p>, not a div. Styling is
   adapted to that actual structure rather than assuming markup that isn't
   there. In place of an eyebrow tag, every h2 gets a short accent
   underline as this page's heading signature.

   SCOPING NOTE
   Every rule is anchored to this page's own markup via
   [class*="ontario-psychology-"] (section wrappers) or the shared
   component suffixes already in the HTML — [class$="-grid"],
   [class$="-card"], .section-note, .section-intro, .btn — plus the
   one-off classes that don't follow the suffix pattern (.step-number,
   .faq-item, .hero-actions, .final-cta-actions). The native
   <details>/<summary> FAQ markup is scoped under .ontario-psychology-faq.
   Alternating section backgrounds are assigned by explicit class name,
   never by :nth-of-type. No HTML changes required.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@500;600;700&family=Mulish:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap');

/* ---------- Tokens ---------- */
:root{
  --psy-bg:          #F3F0F4;
  --psy-bg-alt:      #EAE3EC;
  --psy-card:        #FFFFFF;
  --psy-ink:         #2C2438;
  --psy-ink-soft:    #5C5468;
  --psy-plum:        #5B3A6B;
  --psy-plum-soft:   #C9B8D1;
  --psy-coral:       #D97757;
  --psy-coral-dark:  #A85B3F;
  --psy-line:        #E1D8E4;
  --psy-shadow:      0 12px 28px rgba(44,36,56,0.13);

  --psy-font-display: 'Lora', Georgia, serif;
  --psy-font-body:    'Mulish', -apple-system, BlinkMacSystemFont, sans-serif;
  --psy-font-mono:    'DM Mono', ui-monospace, monospace;

  --psy-measure: 66ch;
  --psy-radius: 6px;
}

/* ---------- Scoped reset & base ---------- */
[class*="ontario-psychology-"],
[class*="ontario-psychology-"] *{
  box-sizing: border-box;
}

[class*="ontario-psychology-"]{
  background-color: var(--psy-bg);
  color: var(--psy-ink);
  font-family: var(--psy-font-body);
  font-size: 17px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

/* a faint dot field — a quiet stand-in for a network of thoughts,
   the one texture every section shares */
section[class*="ontario-psychology-"]{
  background-image: radial-gradient(rgba(91,58,107,0.09) 1.2px, transparent 1.6px);
  background-size: 26px 26px;
}

[class*="ontario-psychology-"] h1,
[class*="ontario-psychology-"] h2,
[class*="ontario-psychology-"] h3{
  font-family: var(--psy-font-display);
  color: var(--psy-ink);
  font-weight: 600;
  line-height: 1.24;
  margin: 0 0 0.5em;
  letter-spacing: -0.005em;
}

[class*="ontario-psychology-"] h1{ font-size: clamp(2.25rem, 4vw, 3.2rem); font-weight: 700; }
[class*="ontario-psychology-"] h2{ font-size: clamp(1.55rem, 2.5vw, 2.15rem); }
[class*="ontario-psychology-"] h3{ font-size: 1.1rem; font-weight: 600; }

/* signature heading mark — this page's stand-in for an eyebrow tag */
[class*="ontario-psychology-"] h2::after{
  content: "";
  display: block;
  width: 46px;
  height: 3px;
  border-radius: 2px;
  background: var(--psy-coral);
  margin-top: 14px;
}

[class*="ontario-psychology-"] p{ margin: 0 0 1em; max-width: var(--psy-measure); color: var(--psy-ink-soft); }

.section-intro{ max-width: 680px; font-size: 1.02rem; margin-bottom: 2.6rem; }

[class*="ontario-psychology-"] p a,
[class*="ontario-psychology-"] li a{
  color: var(--psy-plum);
  text-decoration-color: var(--psy-plum-soft);
  text-underline-offset: 3px;
  transition: color 0.15s ease, text-decoration-color 0.15s ease;
}
[class*="ontario-psychology-"] p a:hover,
[class*="ontario-psychology-"] li a:hover{
  color: var(--psy-coral-dark);
  text-decoration-color: var(--psy-coral);
}

section[class*="ontario-psychology-"] > .container{
  position: relative;
  z-index: 1;
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 32px;
}

section[class*="ontario-psychology-"]{
  padding: 88px 0;
  border-bottom: 1px solid var(--psy-line);
  position: relative;
}

/* explicit alternating stock — assigned by section name */
.ontario-psychology-core-concepts,
.ontario-psychology-human-development,
.ontario-psychology-research-evidence,
.ontario-psychology-assessment-preparation,
.ontario-psychology-why-pdo,
.ontario-psychology-faq{
  background-color: var(--psy-bg-alt);
}

/* ==========================================================================
   NOTE CALLOUT — a single <p class="section-note"> on this page, not a div
   ========================================================================== */
p.section-note{
  margin-top: 1.6rem;
  padding: 18px 22px;
  border: 1px solid var(--psy-line);
  border-left: 3px solid var(--psy-coral);
  background: var(--psy-card);
  border-radius: 0 var(--psy-radius) var(--psy-radius) 0;
  font-size: 0.96rem;
  max-width: 68ch;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
p.section-note:hover{
  border-left-color: var(--psy-plum);
  box-shadow: var(--psy-shadow);
}

/* ==========================================================================
   BUTTONS
   ========================================================================== */
[class*="ontario-psychology-"] .btn{
  display: inline-flex;
  align-items: center;
  gap: 0.55em;
  font-family: var(--psy-font-body);
  font-weight: 600;
  font-size: 0.97rem;
  padding: 0.85em 1.7em;
  border-radius: var(--psy-radius);
  text-decoration: none;
  border: 1.5px solid transparent;
  transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease,
              color 0.15s ease, border-color 0.15s ease;
}

[class*="ontario-psychology-"] .btn-primary{
  background: var(--psy-plum);
  color: #FAF7FB;
  box-shadow: var(--psy-shadow);
}
[class*="ontario-psychology-"] .btn-primary:hover{
  background: #452C52;
  transform: translateY(-2px);
  box-shadow: 0 16px 32px rgba(44,36,56,0.24);
}
[class*="ontario-psychology-"] .btn-primary:active{ transform: translateY(0); }

[class*="ontario-psychology-"] .btn-secondary{
  background: transparent;
  color: var(--psy-ink);
  border-color: var(--psy-plum-soft);
}
[class*="ontario-psychology-"] .btn-secondary:hover{
  background: var(--psy-plum);
  border-color: var(--psy-plum);
  color: #FAF7FB;
}

[class*="ontario-psychology-"] .btn:focus-visible{
  outline: 2px solid var(--psy-coral);
  outline-offset: 3px;
}

.hero-actions, .final-cta-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 2.1rem;
}

/* ==========================================================================
   HERO — no .hero-content wrapper in this markup, so the heading and
   copy are constrained directly; the head + neural-network graphic
   bleeds off the right edge behind them
   ========================================================================== */
.ontario-psychology-hero{
  padding: 108px 0 96px;
  overflow: hidden;
}

.ontario-psychology-hero > .container{ position: relative; z-index: 1; }

.ontario-psychology-hero h1{ max-width: 760px; }
.hero-intro{ font-size: 1.08rem; color: var(--psy-ink); max-width: 680px; }

/* the head outline stays fixed; the network of nodes inside it turns
   slowly, like thoughts moving — a centered circular mask (matching the
   rotation pivot) so nothing at the edges gets clipped as it spins */
.ontario-psychology-hero::after{
  content: "";
  position: absolute;
  top: 50%;
  right: -10px;
  width: 420px;
  height: 420px;
  transform: translateY(-50%);
  opacity: 0.9;
  animation: psy-mind-spin 40s linear infinite;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 280'%3E%3Ccircle cx='140' cy='140' r='108' fill='none' stroke='%235B3A6B' stroke-width='2'/%3E%3Cline x1='90' y1='100' x2='140' y2='130' stroke='%235B3A6B' stroke-width='1.4'/%3E%3Cline x1='140' y1='130' x2='190' y2='95' stroke='%235B3A6B' stroke-width='1.4'/%3E%3Cline x1='140' y1='130' x2='120' y2='175' stroke='%235B3A6B' stroke-width='1.4'/%3E%3Cline x1='140' y1='130' x2='175' y2='170' stroke='%235B3A6B' stroke-width='1.4'/%3E%3Cline x1='120' y1='175' x2='95' y2='190' stroke='%235B3A6B' stroke-width='1.4'/%3E%3Cline x1='175' y1='170' x2='195' y2='195' stroke='%235B3A6B' stroke-width='1.4'/%3E%3Ccircle cx='90' cy='100' r='6' fill='%235B3A6B'/%3E%3Ccircle cx='190' cy='95' r='6' fill='%235B3A6B'/%3E%3Ccircle cx='140' cy='130' r='8' fill='%23D97757'/%3E%3Ccircle cx='120' cy='175' r='6' fill='%235B3A6B'/%3E%3Ccircle cx='175' cy='170' r='6' fill='%235B3A6B'/%3E%3Ccircle cx='95' cy='190' r='5' fill='%235B3A6B'/%3E%3Ccircle cx='195' cy='195' r='5' fill='%235B3A6B'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask-image: radial-gradient(circle at 50% 50%, #000 60%, transparent 82%);
          mask-image: radial-gradient(circle at 50% 50%, #000 60%, transparent 82%);
  pointer-events: none;
}

@keyframes psy-mind-spin{
  from{ transform: translateY(-50%) rotate(0deg); }
  to{ transform: translateY(-50%) rotate(360deg); }
}

/* ==========================================================================
   SHARED CARD-GRID SYSTEM
   ========================================================================== */
[class$="-grid"]{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(255px, 1fr));
  gap: 20px;
  margin-top: 2rem;
}

article[class$="-card"]{
  position: relative;
  background: var(--psy-card);
  border: 1px solid var(--psy-line);
  border-radius: var(--psy-radius);
  padding: 28px 24px 26px;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
  overflow: visible;
}

article[class$="-card"]:hover{
  border-color: var(--psy-plum-soft);
  transform: translateY(-4px);
  box-shadow: var(--psy-shadow);
}

/* signature micro-interaction: three small "thinking" dots rise from the
   bottom-left corner on hover, like a thought forming */
article[class$="-card"]::after{
  content: "";
  position: absolute;
  bottom: 12px; left: 14px;
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--psy-coral);
  box-shadow:
    14px -9px 0 -1px var(--psy-plum-soft),
    26px -20px 0 -2px var(--psy-plum);
  opacity: 0;
  transform: scale(0.4);
  transition: opacity 0.28s ease, transform 0.28s ease;
}
article[class$="-card"]:hover::after{ opacity: 1; transform: scale(1); }

article[class$="-card"] h3{ font-size: 1.05rem; }
article[class$="-card"] h3::after{ display: none; } /* no underline mark on card headings, only h2 gets it */
article[class$="-card"] p{ font-size: 0.95rem; margin-bottom: 0; max-width: none; }

/* ==========================================================================
   LEARNING-AREAS CARDS — numbered like case notebook entries, since this
   is the page's index of every topic area
   ========================================================================== */
.psychology-learning-grid{ counter-reset: noteline; }

.psychology-learning-card{ counter-increment: noteline; padding-top: 42px; }

.psychology-learning-card::before{
  content: "Note " counter(noteline, decimal-leading-zero);
  position: absolute;
  top: 16px; left: 22px;
  font-family: var(--psy-font-mono);
  font-size: 0.7rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  color: var(--psy-plum-soft);
  transition: color 0.2s ease;
}
.psychology-learning-card:hover::before{ color: var(--psy-coral); }

/* ==========================================================================
   LITERAL PSYCHOLOGY-WORLD WATERMARKS
   ========================================================================== */
.ontario-psychology-perspectives-theories::before,
.ontario-psychology-human-development::before,
.ontario-psychology-cognition-learning::before,
.ontario-psychology-social-behaviour::before,
.ontario-psychology-research-evidence::before,
.ontario-psychology-real-world-application::before{
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: contain;
}

/* Psychological Perspectives and Theories — a Venn diagram, for
   comparing overlapping explanations */
.ontario-psychology-perspectives-theories::before{
  top: 9%; right: 5%;
  width: 220px; height: 170px;
  opacity: 0.14;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 180'%3E%3Ccircle cx='95' cy='90' r='70' fill='none' stroke='%235B3A6B' stroke-width='2'/%3E%3Ccircle cx='150' cy='90' r='70' fill='none' stroke='%23D97757' stroke-width='2'/%3E%3C/svg%3E");
}

/* Human Development and Behaviour — a growth spiral */
.ontario-psychology-human-development::before{
  bottom: 6%; right: 6%;
  width: 190px; height: 190px;
  opacity: 0.15;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220'%3E%3Cpath d='M110 110 A10 10 0 0 1 120 100 A20 20 0 0 1 140 120 A30 30 0 0 1 110 150 A40 40 0 0 1 70 110 A50 50 0 0 1 120 60' fill='none' stroke='%235B3A6B' stroke-width='2'/%3E%3Ccircle cx='120' cy='60' r='5' fill='%23D97757'/%3E%3C/svg%3E");
}

/* Cognition, Learning and Mental Processes — a small neural cluster */
.ontario-psychology-cognition-learning::before{
  top: 8%; right: 6%;
  width: 200px; height: 180px;
  opacity: 0.15;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 200'%3E%3Cline x1='40' y1='150' x2='100' y2='100' stroke='%235B3A6B' stroke-width='1.4'/%3E%3Cline x1='100' y1='100' x2='170' y2='130' stroke='%235B3A6B' stroke-width='1.4'/%3E%3Cline x1='100' y1='100' x2='130' y2='50' stroke='%235B3A6B' stroke-width='1.4'/%3E%3Cline x1='130' y1='50' x2='190' y2='60' stroke='%235B3A6B' stroke-width='1.4'/%3E%3Cline x1='170' y1='130' x2='190' y2='170' stroke='%235B3A6B' stroke-width='1.4'/%3E%3Ccircle cx='40' cy='150' r='6' fill='%235B3A6B'/%3E%3Ccircle cx='100' cy='100' r='7' fill='%23D97757'/%3E%3Ccircle cx='170' cy='130' r='6' fill='%235B3A6B'/%3E%3Ccircle cx='130' cy='50' r='6' fill='%235B3A6B'/%3E%3Ccircle cx='190' cy='60' r='5' fill='%235B3A6B'/%3E%3Ccircle cx='190' cy='170' r='5' fill='%235B3A6B'/%3E%3C/svg%3E");
}

/* Social Behaviour and Relationships — two overlapping conversation bubbles */
.ontario-psychology-social-behaviour::before{
  bottom: 7%; right: 5%;
  width: 210px; height: 170px;
  opacity: 0.14;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 180'%3E%3Crect x='20' y='20' width='110' height='70' rx='14' fill='none' stroke='%235B3A6B' stroke-width='2'/%3E%3Cpath d='M45 90 L45 115 L75 90 Z' fill='none' stroke='%235B3A6B' stroke-width='2'/%3E%3Crect x='100' y='70' width='100' height='65' rx='14' fill='none' stroke='%23D97757' stroke-width='2'/%3E%3Cpath d='M175 135 L175 158 L148 135 Z' fill='none' stroke='%23D97757' stroke-width='2'/%3E%3C/svg%3E");
}

/* Psychological Research and Evidence — a study clipboard with a
   magnifying glass over the findings */
.ontario-psychology-research-evidence::before{
  top: 8%; right: 5%;
  width: 190px; height: 190px;
  opacity: 0.14;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220'%3E%3Crect x='30' y='20' width='110' height='150' rx='6' fill='none' stroke='%235B3A6B' stroke-width='2'/%3E%3Crect x='60' y='10' width='50' height='16' rx='4' fill='none' stroke='%235B3A6B' stroke-width='1.5'/%3E%3Cline x1='48' y1='55' x2='122' y2='55' stroke='%235B3A6B' stroke-width='1.3'/%3E%3Cline x1='48' y1='75' x2='110' y2='75' stroke='%235B3A6B' stroke-width='1.3'/%3E%3Cline x1='48' y1='95' x2='118' y2='95' stroke='%235B3A6B' stroke-width='1.3'/%3E%3Ccircle cx='150' cy='140' r='30' fill='none' stroke='%23D97757' stroke-width='2.2'/%3E%3Cline x1='172' y1='162' x2='198' y2='188' stroke='%23D97757' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Applying Psychology to Real-World Situations — a lightbulb, for
   turning theory into insight */
.ontario-psychology-real-world-application::before{
  bottom: 8%; left: 4%;
  width: 140px; height: 190px;
  opacity: 0.14;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 220'%3E%3Ccircle cx='80' cy='80' r='55' fill='none' stroke='%23D97757' stroke-width='2'/%3E%3Cline x1='60' y1='60' x2='100' y2='100' stroke='%23D97757' stroke-width='1.5'/%3E%3Cline x1='100' y1='60' x2='60' y2='100' stroke='%23D97757' stroke-width='1.5'/%3E%3Cline x1='65' y1='130' x2='95' y2='130' stroke='%235B3A6B' stroke-width='2'/%3E%3Cline x1='68' y1='145' x2='92' y2='145' stroke='%235B3A6B' stroke-width='2'/%3E%3Cline x1='72' y1='160' x2='88' y2='160' stroke='%235B3A6B' stroke-width='2'/%3E%3C/svg%3E");
}

@media (max-width: 860px){
  .ontario-psychology-perspectives-theories::before,
  .ontario-psychology-human-development::before,
  .ontario-psychology-cognition-learning::before,
  .ontario-psychology-social-behaviour::before,
  .ontario-psychology-research-evidence::before,
  .ontario-psychology-real-world-application::before{
    opacity: 0.09;
    width: 130px; height: 130px;
  }
}

/* ==========================================================================
   HOW IT WORKS — idea-badges linked by a dotted "thought trail," echoing
   the card hover's thinking dots
   ========================================================================== */
.psychology-how-it-works-grid{
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
  margin-top: 3.2rem;
  padding-top: 6px;
}

.psychology-how-it-works-grid::before{
  content: "";
  position: absolute;
  top: 25px;
  left: 6%; right: 6%;
  height: 0;
  border-top: 3px dotted var(--psy-plum-soft);
}

.psychology-how-it-works-card{ position: relative; }

.step-number{
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px; height: 42px;
  margin-bottom: 16px;
  border-radius: 50%;
  background: var(--psy-plum);
  color: #FAF7FB;
  font-family: var(--psy-font-mono);
  font-weight: 500;
  font-size: 0.8rem;
  transition: background 0.2s ease, transform 0.2s ease;
}
.psychology-how-it-works-card:hover .step-number{
  background: var(--psy-coral);
  transform: scale(1.08);
}

.psychology-how-it-works-card h3{ font-size: 1.02rem; }
.psychology-how-it-works-card p{ font-size: 0.94rem; }

@media (max-width: 780px){
  .psychology-how-it-works-grid{ grid-template-columns: 1fr; }
  .psychology-how-it-works-grid::before{ display: none; }
}

/* ==========================================================================
   FINAL CTA
   ========================================================================== */
.ontario-psychology-final-cta{
  background-color: var(--psy-ink);
  border-bottom: none;
  overflow: hidden;
}

.ontario-psychology-final-cta::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: radial-gradient(rgba(250,247,251,0.06) 1.2px, transparent 1.6px);
  background-size: 26px 26px;
  pointer-events: none;
}

.ontario-psychology-final-cta > .container{ position: relative; z-index: 1; max-width: 700px; }

.ontario-psychology-final-cta h2{ color: #FAF7FB; }
.ontario-psychology-final-cta h2::after{ background: var(--psy-coral); }
.ontario-psychology-final-cta .section-intro{ color: rgba(250,247,251,0.78); }

.ontario-psychology-final-cta .btn-primary{
  background: var(--psy-coral);
  color: #2A160C;
}
.ontario-psychology-final-cta .btn-primary:hover{
  background: #E48F6C;
  box-shadow: 0 16px 32px rgba(217,119,87,0.3);
}

/* ==========================================================================
   FAQ — a spacious two-column grid of bordered cards using the full
   container width
   ========================================================================== */
.ontario-psychology-faq > .container{ max-width: 1160px; }

.faq-list{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px 24px;
  align-items: start;
  margin-top: 1rem;
}

.ontario-psychology-faq .faq-item{
  background: var(--psy-card);
  border: 1px solid var(--psy-line);
  border-radius: var(--psy-radius);
  padding: 4px 6px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.ontario-psychology-faq .faq-item:hover{
  border-color: var(--psy-plum-soft);
  box-shadow: var(--psy-shadow);
  transform: translateY(-2px);
}
.ontario-psychology-faq .faq-item[open]{ border-color: var(--psy-plum); }

.ontario-psychology-faq summary{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  list-style: none;
  cursor: pointer;
  font-family: var(--psy-font-display);
  font-size: 1.02rem;
  font-weight: 600;
  color: var(--psy-ink);
  padding: 20px 18px;
  transition: color 0.18s ease;
}
.ontario-psychology-faq summary::-webkit-details-marker{ display: none; }
.ontario-psychology-faq summary::marker{ content: ""; }

.ontario-psychology-faq summary:hover{ color: var(--psy-plum); }
.ontario-psychology-faq summary:focus-visible{
  outline: 2px solid var(--psy-coral);
  outline-offset: 4px;
}

/* toggle: a small circle that fills solid coral and rotates, echoing the
   coral "spark" node in the hero graphic */
.ontario-psychology-faq summary::after{
  content: "+";
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px; height: 26px;
  border-radius: 50%;
  border: 1.5px solid var(--psy-plum-soft);
  font-family: var(--psy-font-mono);
  font-size: 1rem;
  color: var(--psy-plum);
  transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease, color 0.25s ease;
}
.ontario-psychology-faq summary:hover::after{ border-color: var(--psy-coral); color: var(--psy-coral-dark); }

.ontario-psychology-faq .faq-item[open] summary::after{
  content: "–";
  background: var(--psy-coral);
  border-color: var(--psy-coral);
  color: #fff;
  transform: rotate(180deg);
}

.faq-answer{ padding: 0 18px 22px; }
.faq-answer p{ margin: 0; font-size: 0.97rem; max-width: 56ch; }

@media (max-width: 900px){
  .faq-list{ grid-template-columns: 1fr; }
}

/* ==========================================================================
   ACCESSIBILITY & MOTION
   ========================================================================== */
@media (prefers-reduced-motion: reduce){
  [class*="ontario-psychology-"],
  [class*="ontario-psychology-"] *{
    transition-duration: 0.001ms !important;
    animation-duration: 0.001ms !important;
  }
  .ontario-psychology-hero::after{ animation: none; }
}

[class*="ontario-psychology-"] a:focus-visible,
[class*="ontario-psychology-"] button:focus-visible{
  outline: 2px solid var(--psy-coral);
  outline-offset: 3px;
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width: 860px){
  section[class*="ontario-psychology-"]{ padding: 60px 0; }
  section[class*="ontario-psychology-"] > .container{ padding: 0 22px; }

  .ontario-psychology-hero{ padding: 72px 0 56px; }
  .ontario-psychology-hero::after{ right: -220px; opacity: 0.45; }

  [class$="-grid"]{ grid-template-columns: 1fr; }

  .hero-actions, .final-cta-actions{ flex-direction: column; align-items: stretch; }
  [class*="ontario-psychology-"] .btn{ justify-content: center; }
}

@media (max-width: 480px){
  [class*="ontario-psychology-"] h1{ font-size: 1.9rem; }
  [class*="ontario-psychology-"] h2{ font-size: 1.35rem; }
}/* End custom CSS */
/* Start custom CSS *//* ===========================
   SAFE FULL-WIDTH OVERRIDE
   (NO 100vw, NO OVERFLOW)
=========================== */

/* Allow theme to stretch */
.site,
.site-content,
.content-area,
.wrap,
.page-wrap {
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* Elementor root */
.elementor {
  max-width: 100% !important;
}

/* Elementor sections full width */
.elementor-section {
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* ===========================
   HERO – FULL SCREEN, CENTERED
=========================== */

.hero {
  min-height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 80px 20px;
  box-sizing: border-box;
}

/* Keep hero content aligned */
.hero > * {
  max-width: 1200px;
  margin: auto;
}

/* ===========================
   MOBILE SAFETY
=========================== */

@media (max-width: 768px) {
  .hero {
    min-height: 90vh;
    padding: 50px 16px;
    text-align: center;
  }
}




/* ===========================
   MOBILE VISIBILITY FIX
=========================== */

@media (max-width: 768px) {

  /* Restore section spacing */
  section {
    padding: 40px 16px !important;
    margin: 0 !important;
  }

  /* Ensure all sections show fully */
  section,
  .elementor-section {
    min-height: auto !important;
    height: auto !important;
    overflow: visible !important;
  }

  /* Fix grids stacking visibility */
  .stats,
  .features-grid,
  .subject-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  /* Prevent text from shrinking */
  p, li {
    font-size: 16px;
    line-height: 1.6;
  }

  /* Ensure background sections are visible */
  .subjects,
  .trust,
  .national-cbse,
  .global-cbse,
  .national-icse,
  .global-icse,
  .national-igcse,
  .global-igcse {
    background-clip: padding-box;
    padding: 40px 16px !important;
  }
}/* End custom CSS */