/* ═══════════════════════════════════════════════════════════════
   IDENTITY COACHING — pillar page
   Extends blog-post.css. Only the blocks that page needs and the
   articles do not: contents list, the loop diagram, the comparison
   table, accordion FAQs, sources and the closing invitation.
   ═══════════════════════════════════════════════════════════════ */

/* ── On this page ──────────────────────────────────────────── */
html body .toc{
  margin:0 0 34px;padding:20px 22px;background:#FBF7EE;
  border:1px solid rgba(51,80,46,.14);border-radius:12px;
}
html body .toc-k{
  font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;
  color:#8B6A20;margin:0 0 10px !important;
}
html body .toc ul{margin:0 !important;padding:0 !important;list-style:none !important;
  columns:2;column-gap:26px;}
html body .toc li{margin:0 0 7px !important;break-inside:avoid;}
html body .toc a{
  color:#33502E !important;text-decoration:none !important;font-size:14px;line-height:1.5;
  border-bottom:1px solid transparent;
}
html body .toc a:hover{border-bottom-color:#B0872F;color:#B0872F !important;}
@media (max-width:600px){ html body .toc ul{columns:1;} }

/* ── The lede: the answer, stated first ────────────────────── */
html body .lede{
  font-size:1.12rem !important;line-height:1.68 !important;color:#22331C !important;
  padding:20px 22px;background:rgba(176,135,47,.07);
  border-left:3px solid #B0872F;border-radius:0 10px 10px 0;margin-bottom:28px !important;
}
html body .lede strong{font-weight:500;}

/* A line that should stop the eye. Used once. */
html body .pull{
  margin:30px 0 !important;padding:0 0 0 22px;border-left:2px solid #B0872F;
  font-family:'Cormorant Garamond',Georgia,serif !important;
  font-size:1.32rem !important;line-height:1.5 !important;
  color:#33502E !important;font-style:italic;
}

/* ── The Identity Loop ─────────────────────────────────────── */
html body .loop{
  margin:26px 0 30px;border:1px solid rgba(51,80,46,.16);border-radius:12px;
  overflow:hidden;background:#FFFDF8;
}
html body .loop-row{
  display:grid;grid-template-columns:200px 1fr;gap:18px;
  padding:13px 18px;border-bottom:1px solid rgba(51,80,46,.09);align-items:baseline;
}
html body .loop-row--last{border-bottom:none;background:rgba(176,135,47,.09);}
html body .loop-k{
  font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:#8B6A20;
  padding-right:8px;word-break:normal;
}
html body .loop-v{
  font-family:'Cormorant Garamond',Georgia,serif;font-size:1.08rem;line-height:1.45;color:#22331C;
}
@media (max-width:600px){
  html body .loop-row{grid-template-columns:1fr;gap:4px;padding:12px 15px;}
}

/* ── Comparison table ──────────────────────────────────────── */
html body .cmp-wrap{overflow-x:auto;margin:24px 0 28px;-webkit-overflow-scrolling:touch;}
html body .cmp{
  width:100%;border-collapse:collapse;min-width:560px;
  font-size:14.5px;line-height:1.55;
}
html body .cmp th{
  text-align:left;padding:12px 14px;background:#33502E;color:#FFFCF0;
  font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase;
}
html body .cmp td{
  padding:14px;border-bottom:1px solid rgba(51,80,46,.12);
  color:#4A5340;vertical-align:top;
}
html body .cmp tbody tr:first-child{background:rgba(176,135,47,.07);}
html body .cmp tbody tr:first-child td{color:#22331C;}
html body .cmp strong{color:#33502E;}

/* ── FAQs ──────────────────────────────────────────────────── */
html body .faqs{margin:44px 0 0;}
html body .faq{
  border:1px solid rgba(51,80,46,.14);border-radius:10px;
  margin:0 0 10px;background:#FFFDF8;overflow:hidden;
}
html body .faq summary{
  cursor:pointer;padding:15px 46px 15px 18px;position:relative;list-style:none;
  font-weight:600;font-size:15.5px;line-height:1.45;color:#22331C;
}
html body .faq summary::-webkit-details-marker{display:none;}
html body .faq summary::after{
  content:'+';position:absolute;right:18px;top:13px;
  font-size:20px;font-weight:400;color:#B0872F;transition:transform .18s;
}
html body .faq[open] summary::after{content:'\2013';}
html body .faq summary:hover{background:#FBF7EE;}
html body .faq-a{padding:0 18px 16px;}
html body .faq-a p{
  margin:0 !important;font-size:14.5px !important;line-height:1.7 !important;color:#4A5340 !important;
}

/* ── Closing invitation ────────────────────────────────────── */
html body .pillar-cta{
  margin:44px 0 0;padding:30px 26px;text-align:center;border-radius:14px;
  background:linear-gradient(180deg,#FBF7EE,#FFFDF8);
  border:1px solid rgba(176,135,47,.3);
}
html body .pc-k{
  font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;
  color:#8B6A20;margin:0 0 8px !important;
}
html body .pillar-cta h3{
  font-family:'Cormorant Garamond',Georgia,serif !important;
  font-size:1.6rem !important;color:#33502E !important;margin:0 0 12px !important;
}
html body .pillar-cta p{font-size:15px !important;line-height:1.65 !important;
  max-width:460px !important;margin:0 auto 18px !important;color:#4A5340 !important;}
html body .pc-btn{
  display:inline-block;padding:13px 28px;border-radius:999px;
  background:#33502E;color:#FFFCF0 !important;text-decoration:none !important;
  font-weight:600;font-size:15px;transition:background .18s;
}
html body .pc-btn:hover{background:#B0872F;}
html body .pc-sub{font-size:13.5px !important;margin:16px auto 0 !important;color:rgba(74,83,64,.85) !important;}
html body .pc-sub a{color:#33502E !important;text-decoration:underline !important;}

/* ── Sources and the legal note ────────────────────────────── */
html body .sources{margin:44px 0 0;padding-top:26px;border-top:1px solid rgba(51,80,46,.16);}
html body .sources h2{font-family:'Inter',sans-serif !important;font-size:1rem !important;
  margin:0 0 14px !important;color:#33502E !important;max-width:none !important;}
html body .sources ol{margin:0;padding-left:20px;}
html body .sources li{font-size:13.5px;line-height:1.6;margin:0 0 10px;color:#4A5340;}
html body .sources a{color:#33502E;text-decoration:underline;text-underline-offset:2px;}

html body .disclaimer{
  margin:30px 0 0;padding:16px 18px;background:#FBF7EE;border-radius:10px;
  border:1px solid rgba(51,80,46,.12);
}
html body .disclaimer p{
  margin:0 !important;font-size:12.5px !important;line-height:1.65 !important;
  color:rgba(74,83,64,.9) !important;
}

/* ── The six questions, set apart from ordinary body list ──── */
html body ul.qlist{margin:20px 0 24px !important;padding:0 !important;list-style:none !important;}
html body ul.qlist li{
  margin:0 0 10px !important;padding:12px 16px;
  background:#FBF7EE;border-left:3px solid #B0872F;border-radius:0 8px 8px 0;
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:1.15rem;line-height:1.45;color:#33502E;font-style:italic;
}

/* Quiet hand-off between the two guides. */
html body .xlink{
  margin:34px 0 0 !important;padding:14px 16px;
  border:1px dashed rgba(51,80,46,.28);border-radius:10px;
  font-size:14.5px !important;line-height:1.65 !important;color:#4A5340 !important;
}
html body .xlink a{color:#33502E !important;font-weight:600;}

/* ── Clinical signpost ───────────────────────────────────────
   Sits above everything on pages that touch a clinical subject.
   Deliberately the loudest thing on the page: someone in trouble
   should meet the right advice before they meet the argument. */
html body .clinical{
  display:block;margin:0 0 26px;padding:16px 18px;
  background:#FBF0E6;border:1px solid #B4553A;border-left-width:4px;border-radius:0 10px 10px 0;
  font-size:15px;line-height:1.65;color:#8E3F27;
}
html body .clinical strong{color:#8E3F27;display:block;margin-bottom:4px;}