@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Great+Vibes&display=swap');
.essentials-guide-button{display:inline-flex;align-items:center;padding:11px 20px;border:1px solid #d8b879;border-radius:6px;background:#071726;color:#d8b879;text-decoration:none;font:500 16px/1.5 'DM Sans',Arial,sans-serif}.essentials-guide-button:hover{background:#d8b879;color:#071726}.essentials-guide-button:focus-visible{outline:2px solid #f7f1e6;outline-offset:4px}
header.site-header{background:rgba(7,23,38,.96);border-bottom:1px solid #d8b87950;color:#f7f1e6}
header.site-header>.nav{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;min-height:80px;width:100%;max-width:1440px;margin:auto;padding:16px 28px}
header.site-header .logo{display:inline-flex;align-items:baseline;gap:4px;white-space:nowrap;text-decoration:none;flex-shrink:0;line-height:1.1}
header.site-header .logo em{font:400 38px/1.1 'Great Vibes',cursive;color:#d8b879;letter-spacing:0}
header.site-header .logo strong{font:700 27px/1.1 Georgia,serif;letter-spacing:.06em;color:#f7f1e6}
header.site-header>.nav>nav{display:flex;flex-wrap:nowrap;align-items:center;gap:0;white-space:nowrap;margin:0}
header.site-header>.nav>nav>a,header.site-header>.nav>nav>button,header.site-header>.nav>nav>details>summary{font:500 16px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.025em;text-transform:none;text-decoration:none;color:#f7f1e6;border:0;background:none;cursor:pointer;padding:8px 0;flex-shrink:0}
header.site-header>.nav>nav>:not(:first-child)::before{content:'♡';content:'♡' / '';display:inline-block;color:#d8b879;opacity:.9;margin:0 11px;pointer-events:none;font:400 15px/1 'Great Vibes',cursive;transform:rotate(12deg);vertical-align:baseline}
header.site-header>.nav>nav>details:not(:first-child)::before{position:absolute;left:-27px;top:50%;margin:0;transform:translateY(-50%) rotate(12deg)}
header.site-header>.nav>nav>details:not(:first-child){margin-left:34px}
header.site-header>.nav>nav>details>summary{color:#d8b879}
header.site-header>.nav>nav>a:hover,header.site-header>.nav>nav>button:hover{color:#d8b879}
header.site-header .guide-topics nav a{font-family:'DM Sans',Arial,sans-serif;font-size:16px;text-transform:none;letter-spacing:0}
header.site-header a:focus-visible,header.site-header button:focus-visible,header.site-header summary:focus-visible{outline:2px solid #d8b879;outline-offset:5px}
@media(max-width:1240px){header.site-header.home-header>.nav{flex-direction:column;align-items:flex-start;gap:8px;padding-top:14px;padding-bottom:10px}header.site-header.home-header>.nav>nav{max-width:100%;overflow-x:auto;padding-bottom:6px}}
@media(max-width:700px){header.site-header>.nav{flex-direction:column;align-items:flex-start;gap:8px;padding:14px 20px}header.site-header>.nav>nav{max-width:100%;gap:0}header.site-header>.nav>nav>a,header.site-header>.nav>nav>button,header.site-header>.nav>nav>details>summary{font-size:16px}header.site-header>.nav>nav>:not(:first-child)::before{margin:0 8px}header.site-header>.nav>nav>details:not(:first-child){margin-left:28px}header.site-header>.nav>nav>details:not(:first-child)::before{left:-21px}header.site-header:not(.has-guide-menu)>.nav>nav{overflow-x:auto;padding-bottom:6px}}

header.site-header .logo .logo-heart{display:inline-block;flex-shrink:0;font:400 34px/1 "Great Vibes",cursive;color:#d8b879;opacity:1;-webkit-text-stroke:.45px #d8b879;transform:rotate(12deg);margin:0 3px 0 -1px;align-self:center;}

/* The guide divider participates in the same flex row as its labels. */
header.site-header.has-guide-menu>.nav>nav>.header-divider{display:inline-flex;align-items:center;align-self:center;justify-content:center;flex-shrink:0;margin:0 11px;color:#d8b879;opacity:.9;font:400 15px/1 "Great Vibes",cursive;transform:translateY(2px) rotate(12deg);}
header.site-header.has-guide-menu>.nav>nav>.header-divider::before,header.site-header.has-guide-menu>.nav>nav>.header-divider+a::before,header.site-header.has-guide-menu>.nav>nav>details::before{content:none;display:none;}
header.site-header.has-guide-menu>.nav>nav>details:not(:first-child){margin-left:0;}
@media(max-width:700px){header.site-header.has-guide-menu>.nav>nav>.header-divider{margin:0 8px;}}