/* Employers guide
 * Ported from the Happy Baby child theme and re-skinned with the House of Yaya tokens
 * (--green, --deep, --ochre, --cream, --ivory, --ink, --line from assets/main.css).
 * Loaded only on pages that use the Core: Employers Guide template. */

/* Layout */
.eg-content {padding: 70px 0 96px;display: grid;grid-template-columns: 250px minmax(0, 1fr);gap: 50px;align-items: start;}
.eg-toc {position: sticky;top: 108px;border: 1px solid var(--line);background: var(--ivory);border-radius: 0px;padding: 20px 18px;}
.eg-toc-title {margin: 0 0 12px;line-height: 1.3;font-size: 22px;}
.eg-toc ul {list-style: none;padding: 0;margin: 0;}
.eg-toc li {margin: 0;border-bottom: 1px solid var(--line);}
.eg-toc li:last-child {border-bottom: 0;}
.eg-toc a {display: block;padding: 8px 6px;border-radius: 0px;font-size: 15px;line-height: 1.35;text-decoration: none;transition: all .2s ease;}
.eg-toc a:hover,.eg-toc a.active {color: #a66f1d !important;}
.eg-toc-cta {margin-top: 16px;padding-top: 14px;border-top: 1px solid var(--line);}
.eg-toc-cta strong {display: block;margin-bottom: 6px;font-size: 14px;color: var(--green);}
.eg-toc-cta p {margin: 0 0 12px;font-size: 12.5px;color: #5d5f58;line-height: 1.5;}
.eg-toc-cta a {display: block;text-align: center;background: var(--ink);color: #fff !important;text-decoration: none;padding: 10px 14px;border-radius: 0px;font-size: 14px;font-weight: 600;}
.eg-article {min-width: 0;}
.eg-article > *:first-child {margin-top: 0;}
.eg-article p {margin: 0 0 15px;line-height: 1.75;}
.eg-article h2 {margin: 40px 0 12px;padding-bottom: 9px;border-bottom: 2px solid var(--line);color: var(--green);font-size: 24px;line-height: 1.3;font-weight: 800;}
.eg-article section:first-of-type h2 {margin-top: 0;}
.eg-article ul,.eg-article ol {margin: 8px 0 18px;padding-left: 20px;}
.eg-article li {margin-bottom: 6px;line-height: 1.6;}
.eg-alert {margin: 22px 0;padding: 16px 18px;border-left: 4px solid;border-radius: 0px;}
.eg-alert p {margin: 6px 0 0;}
.eg-alert-yellow {background: #f5e6c8;border-color: var(--ochre);}
.eg-alert-red {background: #f6e4e1;border-color: #9b2c2c;}
.eg-table-wrap {width: 100%;overflow-x: auto;margin: 15px 0 25px;}
.eg-table {width: 100%;border-collapse: collapse;background: #fff;}
.eg-table th,.eg-table td {padding: 10px 12px;border: 1px solid var(--line);text-align: left;vertical-align: top;font-size: 14.5px;}
.eg-table th {background: var(--cream);color: var(--green);font-weight: 800;}
.eg-table td {color: var(--ink);}
.eg-partners-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 18px;margin: 22px 0;}
.eg-partner-card {background: var(--ivory);border: 1px solid var(--line);border-radius: 0px;padding: 16px;}
.eg-partner-card h4 {margin: 0 0 4px;font-size: 18px;font-weight: 800;color: var(--green);}
.eg-partner-card p {margin: 0 0 10px;font-size: 15px;line-height: 1.5;}
.eg-partner-tags {display: flex;flex-wrap: wrap;gap: 6px;}
.eg-partner-tags span {background: var(--cream);color: var(--green);font-size: 13px;padding: 1px 8px;border-radius: 0px;font-weight: 700;}
.eg-cta {margin: 32px 0;padding: 30px 25px;background: var(--green) !important;border-radius: 0px;text-align: center;color: #fff;}
.eg-cta h3 {margin: 0 0 8px;color: #fff;font-size: 24px;font-weight: 800;}
.eg-cta p {max-width: 550px;margin: 0 auto 18px;color: #efe8d9;}
.eg-cta a {display: inline-block;text-decoration: none;color: #fff !important;background: var(--ink) !important;border: none !important;padding: 15px 20px !important;border-radius: 0px !important;font-weight: 500;transition: background 0.3s !important;font-size: 18px !important;}
@media (max-width: 900px) {
    .eg-content {grid-template-columns: 190px minmax(0, 1fr);gap: 28px;}
    .eg-partners-grid {grid-template-columns: 1fr;}
}
@media (max-width: 700px) {
            .eg-content {display: block;padding-top: 30px;padding-bottom: 10px;}
    .eg-toc {position: static;margin-bottom: 30px;}
    .eg-article h2 {font-size: 20px;}
}


/* ---- House of Yaya skin ---- */
.eg-page{width:100%}
.eg-page *,.eg-page *::before,.eg-page *::after{box-sizing:border-box}
.eg-page img{max-width:100%;height:auto}
.eg-toc{border-radius:0;background:var(--ivory)}
.eg-toc-title{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;color:var(--green);font-size:26px}
.eg-article h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;color:var(--green);font-size:36px;line-height:1.08;border-bottom:1px solid var(--line)}
.eg-article h4,.eg-partner-card h4{font-family:Inter,Arial,sans-serif}
.eg-toc-cta a,.eg-cta a{background:var(--ochre)!important;color:var(--ink)!important;border:1px solid var(--ochre)!important;border-radius:0!important;
  font-size:12px!important;font-weight:700!important;letter-spacing:.08em;text-transform:uppercase;min-height:49px;display:inline-flex;align-items:center;justify-content:center;padding:0 22px!important}
.eg-toc-cta a{display:flex}
.eg-toc-cta a:hover,.eg-cta a:hover{background:#fff!important;border-color:#fff!important}
.eg-cta h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;font-size:38px;color:#fff}
.eg-partner-tags span{border-radius:0}
@media (max-width:700px){.eg-content{padding:40px 0 60px}.eg-article h2{font-size:30px}}