/* PaidMedia.ca theme styles that theme.json can't express. Colours come from the theme palette variables. */
:root{
  --pmc-navy:var(--wp--preset--color--navy,#0E1A2B);--pmc-red:var(--wp--preset--color--pixel-red,#D7261E);
  --pmc-snow:var(--wp--preset--color--snow,#F7F9FB);--pmc-birch:var(--wp--preset--color--birch,#EFE9DF);
  --pmc-slate:var(--wp--preset--color--slate,#3B4656);--pmc-line:var(--wp--preset--color--hairline,#D9DFE6);
  --pmc-teal-ink:var(--wp--preset--color--teal-ink,#127A75);--pmc-teal-light:var(--wp--preset--color--teal-light,#3CC2BB);
  --pmc-line-dark:var(--wp--preset--color--hairline-dark,#24324A);--pmc-mist:var(--wp--preset--color--mist,#D5DCE5);
}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3{text-wrap:balance}
img{max-width:100%;height:auto}
:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--pmc-red);outline-offset:2px}

/* Logo */
.pmc-logo{display:inline-flex;align-items:center;flex:none;text-decoration:none}
.pmc-logo img{display:block;height:32px;width:auto}
.pmc-footer .pmc-logo img{height:30px}

/* Header */
.pmc-header{background:#fff;border-bottom:1px solid var(--pmc-line);position:relative;z-index:20}
.pmc-header .pmc-bar{gap:10px}
.pmc-header .wp-block-search__button{width:44px;height:44px;padding:0;border:1px solid var(--pmc-line);border-radius:8px;background:transparent;color:var(--pmc-navy)}
.pmc-header .wp-block-search__button svg{fill:currentColor}
.pmc-header .wp-block-search.wp-block-search__searchfield-hidden .wp-block-search__input{width:0;padding:0;border:0}
.pmc-btn-outline .wp-block-button__link{background:transparent;color:var(--pmc-navy);border:1px solid var(--pmc-navy)}
.pmc-btn-outline .wp-block-button__link::before{content:"";display:inline-block;width:7px;height:7px;background:var(--pmc-red);margin-right:8px;vertical-align:1px}
.pmc-btn-outline .wp-block-button__link:hover{background:var(--pmc-navy);color:#fff}
.pmc-header .wp-block-button__link{padding:11px 16px;font-size:15px}
.pmc-mobile-nav{display:none !important}
.pmc-lang{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600}
.pmc-lang a{color:var(--pmc-slate);text-decoration:none;padding:10px 4px}
.pmc-lang a:hover{color:var(--pmc-navy)}
.pmc-lang span[aria-hidden]{color:var(--pmc-line)}
.pmc-topics{border-top:1px solid var(--pmc-line)}
.pmc-topics .wp-block-navigation__container{flex-wrap:nowrap !important;overflow-x:auto;white-space:nowrap;scrollbar-width:none;gap:0 28px !important}
.pmc-topics .wp-block-navigation__container::-webkit-scrollbar{display:none}
.pmc-topics .wp-block-navigation-item__content{display:inline-flex;align-items:center;height:48px;box-sizing:border-box;border-bottom:3px solid transparent}
.pmc-topics .current-menu-item>.wp-block-navigation-item__content{font-weight:700;border-bottom-color:var(--pmc-red)}
@media (max-width:781px){
  .pmc-desktop{display:none !important}
  .pmc-mobile-nav{display:flex !important}
  .pmc-mobile-nav .wp-block-navigation__responsive-container-open{width:44px;height:44px;justify-content:center;align-items:center;background:var(--pmc-navy);color:#fff;border-radius:8px}
  .pmc-mobile-nav .wp-block-navigation__responsive-container.is-menu-open{padding:24px}
  .pmc-mobile-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{font-size:20px;font-weight:600}
}

/* Labels and the pixel */
.pmc-pixel{display:inline-block;width:8px;height:8px;background:var(--pmc-red);flex:none}
.pmc-eyebrow,.pmc-label{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--pmc-teal-ink);text-decoration:none}
.has-navy-background-color .pmc-eyebrow,.has-navy-background-color .pmc-label,.pmc-dark .pmc-label{color:var(--pmc-teal-light)}
.pmc-kicker{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.pmc-breadcrumb{font-size:14px;color:var(--pmc-slate)}
.pmc-breadcrumb a{color:inherit}
.has-navy-background-color .pmc-breadcrumb{color:var(--wp--preset--color--fog,#A9B4C2)}

/* Byline and author box */
.pmc-byline{display:flex;align-items:center;gap:12px;padding:16px 0;border-top:1px solid var(--pmc-line);border-bottom:1px solid var(--pmc-line);font-size:14px}
.pmc-byline img{width:44px;height:44px;flex:none}
.pmc-byline div{display:flex;flex-direction:column;gap:2px}
.pmc-byline span{color:var(--pmc-slate)}
.has-navy-background-color .pmc-byline{border-color:var(--pmc-line-dark)}
.has-navy-background-color .pmc-byline span{color:var(--wp--preset--color--fog,#A9B4C2)}
.pmc-author{display:flex;gap:16px;padding:24px;background:#fff;border:1px solid var(--pmc-line);border-radius:8px;font-size:15px;line-height:1.6}
.pmc-author img{width:56px;height:56px;flex:none}
.pmc-author p{margin:6px 0;color:var(--pmc-slate)}
.pmc-author a{font-weight:600}

/* Table of contents */
.pmc-toc{display:flex;flex-direction:column;gap:10px;padding:24px;background:#fff;border:1px solid var(--pmc-line);border-radius:8px;font-size:15px}
.pmc-toc .pmc-label{color:var(--pmc-slate)}
.pmc-toc ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}
.pmc-toc ol li::marker{color:var(--pmc-red);font-weight:700}
.pmc-toc a{color:var(--pmc-navy);text-decoration:none}
.pmc-toc a:hover{text-decoration:underline}
.pmc-sticky{position:sticky;top:24px}

/* Post lists */
.pmc-posts{list-style:none;margin:0;padding:0}
.pmc-posts a{text-decoration:none;color:var(--pmc-navy);display:flex;flex-direction:column;gap:8px}
.pmc-posts .pmc-title{font-weight:700;line-height:1.35}
.pmc-posts .pmc-ex{color:var(--pmc-slate);font-size:15px;line-height:1.55}
.pmc-posts .pmc-meta{color:var(--pmc-slate);font-size:14px}
.pmc-posts a:hover .pmc-title{text-decoration:underline;text-underline-offset:3px}
.pmc-posts--cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px}
.pmc-posts--cards a{height:100%;box-sizing:border-box;padding:24px;background:#fff;border:1px solid var(--pmc-line);border-radius:8px}
.pmc-posts--cards .pmc-title{font-size:20px}
.pmc-posts--list li{border-bottom:1px solid var(--pmc-line)}
.pmc-posts--list a{padding:22px 0}
.pmc-posts--list .pmc-title{font-size:21px}
.pmc-posts--links li{border-bottom:1px solid var(--pmc-line)}
.pmc-posts--links a{padding:16px 0}
.pmc-posts--links .pmc-title{font-size:17px}
.pmc-posts--dark-links li{border-top:1px solid var(--pmc-line-dark)}
.pmc-posts--dark-links a{color:#fff;padding:16px 0;gap:6px}
.pmc-posts--dark-links .pmc-label{color:var(--pmc-teal-light)}
.pmc-posts--dark-links .pmc-title{font-size:17px;font-weight:600}
.pmc-posts--feature-dark a{color:#fff;gap:18px}
.pmc-posts--feature-dark .pmc-eyebrow{color:var(--pmc-teal-light)}
.pmc-posts--feature-dark .pmc-title{font-size:clamp(32px,5vw,52px);line-height:1.08;letter-spacing:-.025em;max-width:20ch}
.pmc-posts--feature-dark .pmc-ex{color:var(--pmc-mist);font-size:19px;max-width:56ch}
.pmc-posts--feature-dark .pmc-meta{color:var(--wp--preset--color--fog,#A9B4C2)}
.pmc-empty{color:var(--pmc-slate);font-size:15px}
.has-navy-background-color .pmc-empty{color:var(--pmc-mist)}
.pmc-section-head{border-bottom:2px solid var(--pmc-navy);padding-bottom:12px}

/* Content */
.wp-block-post-content>*+h2{margin-top:2em}
.wp-block-post-content{color:#1F2A3A}
.wp-block-post-content p,.wp-block-post-content li{font-size:18px;line-height:1.7}
.is-style-pixel{list-style:none;padding-left:0}
.is-style-pixel li{position:relative;padding-left:22px}
.is-style-pixel li::before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:8px;background:var(--pmc-red)}
.is-style-card{background:#fff;border:1px solid var(--pmc-line);border-radius:8px;padding:24px}
.is-style-tip{background:#fff;border:1px solid var(--pmc-line);border-radius:8px;padding:20px 22px 20px 46px;position:relative}
.is-style-tip::before{content:"";position:absolute;left:22px;top:30px;width:10px;height:10px;background:var(--pmc-red)}
.is-style-tip p{font-size:16px !important;margin:0}
.wp-block-table.is-style-pmc,.wp-block-post-content .wp-block-table{overflow-x:auto}
.wp-block-post-content .wp-block-table table,.is-style-pmc table{border-collapse:collapse;width:100%;min-width:520px;background:#fff;border:1px solid var(--pmc-line);border-radius:8px}
.wp-block-post-content .wp-block-table th,.is-style-pmc th{background:var(--pmc-snow);text-align:left;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--pmc-slate)}
.wp-block-post-content .wp-block-table td,.wp-block-post-content .wp-block-table th,.is-style-pmc td,.is-style-pmc th{padding:12px 16px;border:0;border-top:1px solid var(--pmc-line);vertical-align:top}
.wp-block-post-content .wp-block-table td{font-size:15px;line-height:1.5}

/* Pagination, search, 404 */
.wp-block-query-pagination{gap:8px;font-weight:600}
.wp-block-query-pagination-numbers .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;border:1px solid var(--pmc-line);border-radius:4px;background:#fff;text-decoration:none;color:var(--pmc-navy)}
.wp-block-query-pagination-numbers .current{background:var(--pmc-navy);color:#fff;border-color:var(--pmc-navy)}
.wp-block-search__input{border:1px solid var(--pmc-line);border-radius:4px;min-height:48px;padding:0 14px;font:inherit}

/* Cards in the dark sections */
.pmc-dark-card{background:var(--wp--preset--color--navy-raised,#13203A);border:1px solid var(--pmc-line-dark);border-radius:8px}

/* Footer */
.pmc-footer a{color:var(--pmc-mist);text-decoration:none}
.pmc-footer a:hover{color:#fff;text-decoration:underline}
.pmc-footer .pmc-kicker{color:#fff}
.pmc-footer .pmc-legal a{color:var(--wp--preset--color--fog,#A9B4C2)}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto !important;transition:none !important}}
.pmc-footer ul{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.pmc-footer .pmc-kicker{margin:0}