/* EGOIST: WordPress-specific styles (menus, admin bar, editor content, comments). Uses tokens from site.css. */

/* menu wrapper: the <nav> holds wp_nav_menu()'s list */
.nav .nav-menu{justify-self:start;min-width:0}
.nav .nav-menu ul{display:flex;gap:28px;list-style:none;margin:0;padding:0}
.nav .nav-menu li{margin:0}
.nav .nav-menu .current-menu-item > a::after,.nav .nav-menu .current_page_item > a::after{transform:scaleX(1)}
@media (max-width:960px){.nav .nav-menu{display:none}}

/* logged-in admin bar */
body.admin-bar .nav{top:32px}
body.admin-bar .filters{top:calc(32px + 58px)}
body.admin-bar .drawer{top:32px}
body.admin-bar .edit-sticky,body.admin-bar .campaign .stage{top:32px;height:calc(100vh - 32px)}
body.admin-bar .buy,body.admin-bar .summary{top:128px}
@media (max-width:782px){
  body.admin-bar .nav{top:46px}
  body.admin-bar .filters{top:calc(46px + 58px)}
  body.admin-bar .drawer{top:46px}
  body.admin-bar .edit-sticky,body.admin-bar .campaign .stage{top:46px;height:calc(100vh - 46px)}
}
@media (max-width:600px){
  /* WordPress lets the admin bar scroll away on phones */
  body.admin-bar .nav{position:absolute}
}

/* accessibility */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.skip-link:focus{clip:auto;clip-path:none;height:auto;width:auto;margin:0;left:16px;top:16px;z-index:200;background:var(--chalk);color:var(--oxblood);padding:12px 16px;font:500 14px var(--body)}

/* product page: server-rendered description */
.buy .desc p{margin:0 0 .8em;color:var(--chalk-dim);max-width:46ch}
.buy .desc p:last-child{margin-bottom:0}

/* ordinary pages, posts and archives */
.eg-content{padding-bottom:120px}
.eg-content .page-head{display:block;padding-bottom:32px}
.eg-content .page-head h1{font-size:clamp(48px,9vw,128px);text-wrap:balance}
.entries{display:grid;gap:48px;max-width:760px}
.entry{min-width:0}
.entry-title{margin:0 0 6px;font:400 clamp(28px,3.4vw,44px)/1.05 var(--display)}
.entry-title a{text-decoration:none}
.entry-title a:hover{font-style:italic}
.entry-thumb{margin:0 0 28px}
.entry-thumb img{width:100%;height:auto}
.entry-content{max-width:68ch;color:var(--chalk);font-size:18px;line-height:1.7}
.entry-content > *{margin-block:0 1.1em}
.entry-content h2,.entry-content h3,.entry-content h4{font-family:var(--display);font-weight:400;line-height:1.1;margin-top:1.6em;text-wrap:balance}
.entry-content h2{font-size:clamp(30px,3.4vw,44px)}
.entry-content h3{font-size:clamp(24px,2.6vw,32px)}
.entry-content a{color:var(--seaglass)}
.entry-content img,.entry-content video{max-width:100%;height:auto}
.entry-content blockquote{margin-inline:0;padding-left:20px;border-left:2px solid var(--seaglass);font:italic 400 1.3em/1.4 var(--display)}
.entry-content pre,.entry-content code{font-family:var(--mono);font-size:.9em}
.entry-content pre{overflow-x:auto;background:var(--oxblood-2);padding:16px}
.entry-content table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}
.entry-content th,.entry-content td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left}
.entry-content figure{margin-inline:0}
.entry-content figcaption,.wp-caption-text,.wp-element-caption{font-size:14px;color:var(--chalk-dim)}
.alignleft{float:left;margin:0 24px 16px 0}
.alignright{float:right;margin:0 0 16px 24px}
.aligncenter{display:block;margin-inline:auto}
.alignwide{max-width:min(1100px,100%)}
.alignfull{max-width:none}
.sticky,.bypostauthor,.gallery-caption{outline:0}
.wp-block-button__link,.entry-content .wp-block-button__link{display:inline-flex;padding:14px 24px;border-radius:999px;background:var(--chalk);color:var(--oxblood);text-decoration:none}
.page-links,.nav-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px;font:500 13px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.nav-links a,.nav-links span{padding:8px 12px;border:1px solid var(--line);text-decoration:none}
.nav-links .current{background:var(--chalk);color:var(--oxblood)}

/* forms in content and comments */
.search-form{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.search-form input[type="search"],.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"],.comment-form textarea{
  width:100%;max-width:520px;background:transparent;border:1px solid var(--line);color:var(--chalk);font:400 16px var(--body);padding:12px 14px}
.search-form input[type="search"]{width:auto;flex:1 1 220px}
.search-form button,.search-form input[type="submit"],.comment-form input[type="submit"]{appearance:none;cursor:pointer;background:var(--chalk);color:var(--oxblood);border:0;border-radius:999px;padding:12px 22px;font:500 15px var(--body)}

/* comments */
.comments-area{margin-top:64px;padding-top:32px;border-top:1px solid var(--line);max-width:68ch}
.comments-title{font:400 32px var(--display);font-style:italic;margin:0 0 20px}
.comment-list{list-style:none;padding:0;margin:0 0 32px;display:grid;gap:24px}
.comment-list .children{list-style:none;padding-left:24px;margin-top:20px}
.comment-body{border-bottom:1px solid var(--line);padding-bottom:20px}
.comment-meta,.comment-metadata a{font-size:13px;color:var(--chalk-dim)}
.comment-author .avatar{border-radius:50%;vertical-align:middle;margin-right:10px}
.comment-respond label{display:block;font-size:14px;color:var(--chalk-dim);margin-bottom:6px}
.comment-form p{margin:0 0 16px}