/*
Theme Name: Pcglance
Theme URI: https://pcglance.com/
Description: The 2026 pcglance look on GeneratePress: a blue header with search and topics, a home page with the newest and most-read guides, and calm, easy-to-read articles. Light colours, no lines, no underlines, no arrows.
Author: Pcglance
Template: generatepress
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: pcglance
*/

/* Values and sizes come from the approved preview (10 Nov 2026). */
:root {
	--pcg-brand: #1d68cf;
	--pcg-brand-2: #1a62c6;
	--pcg-deep: #124c9c;
	--pcg-link: #1a5ec2;
	--pcg-pale: #edf4fd;
	--pcg-pale-2: #f5f9fe;
	--pcg-pale-hover: #e1ecfb;
	--pcg-ink: #132033;
	--pcg-text: #2b3546;
	--pcg-muted: #566173;
	--pcg-ad: #eef1f5;
	--pcg-r: 14px;
	--pcg-r-lg: 20px;
	--pcg-ui: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--pcg-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--pcg-shadow-pic: 0 4px 14px rgba(19, 32, 51, .08);
}

/* ---------- base ---------- */
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body.pcg { margin: 0; background: #fff; color: var(--pcg-text); font: 17px/1.6 var(--pcg-body); }
.pcg img { max-width: 100%; height: auto; }
.pcg a, .pcg a:visited { color: var(--pcg-link); text-decoration: none; }
.pcg a:hover, .pcg a:focus, .pcg a:active { color: var(--pcg-deep); text-decoration: none; }
.pcg a:focus-visible, .pcg button:focus-visible, .pcg input:focus-visible, .pcg textarea:focus-visible, .pcg select:focus-visible {
	outline: none; box-shadow: 0 0 0 3px rgba(43, 125, 227, .45); border-radius: 10px;
}
.pcg h1, .pcg h2, .pcg h3, .pcg h4, .pcg h5, .pcg h6 { font-family: var(--pcg-ui); color: var(--pcg-ink); margin: 0; }
.pcg-wrap { max-width: 1200px; margin: 0 auto; padding: 0 24px; box-sizing: border-box; }
.pcg-ico { width: 20px; height: 20px; flex: none; }

/* ---------- GeneratePress frame, made to fit the new layout ---------- */
.pcg #page.site { max-width: none; margin: 0; padding: 0; background: transparent; }
body.pcg.one-container .site-content { display: block; max-width: 1200px; margin: 0 auto; padding: 40px 24px 64px; box-sizing: border-box; }
body.pcg.one-container.right-sidebar .site-content { display: grid; grid-template-columns: minmax(0, 1fr) 300px; column-gap: 48px; align-items: stretch; }
body.pcg .site-content .content-area, body.pcg .site-content .is-right-sidebar { width: auto; min-width: 0; }
body.pcg.one-container .site-main, body.pcg.one-container.right-sidebar .site-main { margin: 0; }
body.pcg .site-main > * { margin-bottom: 0; }
body.pcg .inside-article { padding: 0; background: transparent; }
body.pcg.one-container.archive .post:not(:last-child):not(.is-loop-template-item),
body.pcg.one-container.blog .post:not(:last-child):not(.is-loop-template-item) { padding-bottom: 0; }
body.pcg.one-container.pcg-list-cards .site-main > .pcg-row.post { padding: 18px; }
body.pcg .entry-content:not(:first-child) { margin-top: 0; }
body.pcg .site-footer { background: none; padding: 0; }

/* ---------- top: header bar + topics (blue) ---------- */
.pcg-top { background: linear-gradient(180deg, var(--pcg-brand-2) 0%, var(--pcg-brand) 100%); color: #fff; }
.pcg-bar { display: flex; align-items: center; gap: 28px; min-height: 78px; }
.pcg-logo { flex: none; display: block; line-height: 0; }
.pcg-logo img { height: 40px; width: auto; }
.pcg-logo-text { font: 800 26px/40px var(--pcg-ui); color: #fff; }
.pcg-head-search { flex: 1; max-width: 520px; margin: 0 0 0 auto; position: relative; }
.pcg .pcg-head-search input[type="search"] { width: 100%; height: 46px; border: 0; border-radius: 12px; background: #fff; padding: 0 16px 0 46px; font: 500 15px var(--pcg-ui); color: var(--pcg-ink); box-sizing: border-box; -webkit-appearance: none; appearance: none; }
.pcg-head-search input::placeholder { color: var(--pcg-muted); opacity: 1; }
.pcg .pcg-head-search input[type="search"]:focus { background: #fff; }
.pcg-head-search .pcg-ico { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: var(--pcg-muted); width: 19px; height: 19px; }
.pcg-head-links { display: flex; gap: 6px; flex: none; margin-right: -12px; }
.pcg .pcg-head-links a { color: #fff; font: 600 15px var(--pcg-ui); padding: 8px 12px; border-radius: 10px; }
.pcg .pcg-head-links a:hover, .pcg .pcg-head-links a:focus { color: #fff; background: rgba(0, 0, 0, .14); }
.pcg-search-btn { display: none; }
.pcg-has-big-search .pcg-head-search { visibility: hidden; }
.pcg-topics-in { display: flex; gap: 8px; overflow-x: auto; padding: 0 0 16px; scrollbar-width: none; }
.pcg-topics-in::-webkit-scrollbar { display: none; }
.pcg .pcg-topics a { flex: none; color: #fff; background: rgba(0, 0, 0, .13); font: 600 14px/1.6 var(--pcg-ui); padding: 8px 13px; border-radius: 999px; white-space: nowrap; }
.pcg .pcg-topics a:hover, .pcg .pcg-topics a:focus { background: rgba(0, 0, 0, .24); color: #fff; }
@media (min-width: 1240px) { .pcg-topics-in { justify-content: space-between; gap: 0; } }
.pcg .pcg-topics a.pcg-on { background: #fff; color: var(--pcg-brand); }
.pcg .pcg-topics a.pcg-more-topics { display: none; }
@media (min-width: 641px) and (max-width: 1239px) {
	.pcg .pcg-topics a.pcg-extra { display: none; }
	.pcg .pcg-topics a.pcg-more-topics { display: inline-block; }
}
@media (min-width: 641px) and (max-width: 799px) { .pcg .pcg-topics a.pcg-extra2 { display: none; } }

/* ---------- home top part (continues the blue) ---------- */
.pcg-hero { padding: 44px 0 64px; }
.pcg-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) 440px; gap: 64px; align-items: center; }
.pcg-hero-grid.pcg-hero-solo { grid-template-columns: minmax(0, 1fr); }
.pcg-lead-in { font: 700 15px var(--pcg-ui); color: #fff; margin: 0 0 14px; }
.pcg .pcg-hero h1 { color: #fff; font-size: 50px; line-height: 1.08; font-weight: 800; letter-spacing: -.02em; margin: 0 0 18px; max-width: 600px; text-wrap: balance; }
.pcg-hero-sub { color: #fff; font-size: 18.5px; line-height: 1.6; margin: 0 0 28px; text-wrap: balance; }
.pcg-big-search { display: flex; align-items: center; gap: 10px; max-width: 720px; margin: 0; background: #fff; border-radius: 16px; padding: 8px 8px 8px 20px; box-shadow: 0 18px 44px rgba(8, 28, 66, .28); box-sizing: border-box; }
.pcg-big-search .pcg-ico { width: 22px; height: 22px; color: var(--pcg-muted); }
.pcg .pcg-big-search input[type="search"] { flex: 1; min-width: 0; border: 0; background: transparent; font: 500 17px var(--pcg-ui); color: var(--pcg-ink); height: 48px; padding: 0 4px; -webkit-appearance: none; appearance: none; }
.pcg-big-search input::placeholder { color: var(--pcg-muted); opacity: 1; }
.pcg .pcg-big-search input[type="search"]:focus { background: transparent; box-shadow: none; }
.pcg .pcg-big-search:focus-within { box-shadow: 0 18px 44px rgba(8, 28, 66, .28), 0 0 0 3px rgba(43, 125, 227, .45); }
.pcg .pcg-band .pcg-big-search:focus-within { box-shadow: 0 0 0 3px rgba(43, 125, 227, .45); }
.pcg .pcg-big-search button { flex: none; border: 0; background: var(--pcg-brand); color: #fff; font: 700 16px var(--pcg-ui); height: 48px; padding: 0 26px; border-radius: 12px; cursor: pointer; }
.pcg .pcg-big-search button:hover, .pcg .pcg-big-search button:focus { background: var(--pcg-deep); color: #fff; }
.pcg-hero-pop { margin: 16px 0 0; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; color: #fff; font: 600 14px var(--pcg-ui); }
.pcg-hero-pop a, .pcg-hero-pop span { flex: none; white-space: nowrap; }
.pcg-hero-pop .pcg-pop-short { display: none; }
@media (min-width: 641px) and (max-width: 1239px) { .pcg-hero-pop .pcg-pop-long { display: none; } .pcg-hero-pop .pcg-pop-short { display: inline; } }
.pcg .pcg-hero-pop a { color: #fff; background: rgba(0, 0, 0, .15); padding: 7px 14px; border-radius: 999px; }
.pcg .pcg-hero-pop a:hover, .pcg .pcg-hero-pop a:focus { color: #fff; background: rgba(0, 0, 0, .26); }
.pcg-facts { display: flex; gap: 44px; margin: 34px 0 0; padding: 0; list-style: none; color: #fff; }
.pcg-facts li { margin: 0; }
.pcg-facts b { display: block; font: 800 26px/1.2 var(--pcg-ui); }
.pcg-facts span { font: 500 15px var(--pcg-ui); white-space: nowrap; }

/* the real guide card in the top part */
.pcg .pcg-guide-card { display: block; background: #fff; border-radius: 22px; padding: 26px; box-shadow: 0 26px 60px rgba(8, 28, 66, .32); color: var(--pcg-text); }
.pcg .pcg-guide-card:hover, .pcg .pcg-guide-card:focus { color: var(--pcg-text); }
.pcg .pcg-guide-card:hover h2 { color: var(--pcg-link); }
.pcg-guide-card .pcg-kicker { margin: 0 0 8px; }
.pcg .pcg-guide-card h2 { font-size: 21px; line-height: 1.3; font-weight: 800; margin: 0 0 18px; letter-spacing: -.01em; }
.pcg-steps { list-style: none; margin: 0 0 22px; padding: 0; display: grid; gap: 12px; }
.pcg-steps li { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 12px; align-items: start; font: 600 15px/1.45 var(--pcg-ui); color: var(--pcg-ink); margin: 0; }
.pcg-steps li span:last-child { padding-top: 4px; }
.pcg-steps .pcg-n { width: 30px; height: 30px; border-radius: 50%; background: var(--pcg-pale); color: var(--pcg-brand); display: grid; place-items: center; font: 800 14px var(--pcg-ui); }
.pcg-guide-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; background: var(--pcg-pale-2); border-radius: 14px; padding: 12px 12px 12px 14px; }
.pcg-guide-foot .pcg-who { display: flex; align-items: center; gap: 10px; min-width: 0; }
.pcg-guide-foot .pcg-avatar { width: 38px; height: 38px; font-size: 14px; }
.pcg-guide-foot b { display: block; font: 700 14.5px/1.3 var(--pcg-ui); color: var(--pcg-ink); }
.pcg-guide-foot .pcg-when { display: block; font: 500 13.5px/1.3 var(--pcg-ui); color: var(--pcg-muted); }
.pcg-guide-foot .pcg-read { flex: none; font: 700 14.5px var(--pcg-ui); color: #fff; background: var(--pcg-brand); padding: 10px 16px; border-radius: 10px; }
.pcg-guide-card:hover .pcg-read { background: var(--pcg-deep); }

/* ---------- sections ---------- */
.pcg-sec { padding: 60px 0; }
.pcg-sec.pcg-pale { background: var(--pcg-pale-2); }
.pcg-sec-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin: 0 0 26px; }
.pcg-wrap.pcg-sec-head { margin: 0 auto 26px; }
.pcg .pcg-sec-head h2 { font-size: 30px; line-height: 1.2; font-weight: 800; letter-spacing: -.01em; }
.pcg-sec-head p { margin: 6px 0 0; color: var(--pcg-muted); font: 500 16px var(--pcg-ui); }
.pcg .pcg-more { flex: none; font: 700 15px var(--pcg-ui); color: var(--pcg-link); background: var(--pcg-pale); padding: 10px 18px; border-radius: 999px; white-space: nowrap; }
.pcg .pcg-more:hover, .pcg .pcg-more:focus { background: var(--pcg-pale-hover); color: var(--pcg-deep); }
.pcg .pcg-pale .pcg-more { background: #fff; }
.pcg .pcg-pale .pcg-more:hover, .pcg .pcg-pale .pcg-more:focus { background: var(--pcg-pale-hover); }
.pcg-kicker { display: block; font: 700 13.5px var(--pcg-ui); color: var(--pcg-link); margin: 0 0 6px; }
.pcg-meta { font: 500 14px var(--pcg-ui); color: var(--pcg-muted); }
.pcg-pic { display: block; overflow: hidden; aspect-ratio: 667 / 337; background: var(--pcg-pale); box-shadow: var(--pcg-shadow-pic); }
.pcg-pic img { display: block; width: 100%; height: 100%; object-fit: cover; }
.pcg h3 a, .pcg .entry-title a { color: var(--pcg-ink); }
.pcg h3 a:hover, .pcg h3 a:focus, .pcg .entry-title a:hover, .pcg .entry-title a:focus { color: var(--pcg-link); }
.pcg-sum { margin: 0 0 10px; color: var(--pcg-text); display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }

/* popular: one big + five small */
.pcg-pop { display: grid; grid-template-columns: 7fr 5fr; gap: 44px; align-items: start; }
.pcg-lead .pcg-pic { border-radius: var(--pcg-r-lg); }
.pcg-lead .pcg-kicker { margin-top: 18px; }
.pcg .pcg-lead h3 { font-size: 28px; line-height: 1.25; margin: 0 0 10px; letter-spacing: -.01em; }
.pcg-lead .pcg-sum { font-size: 17px; line-height: 1.6; -webkit-line-clamp: 4; }
.pcg-mini { display: grid; grid-template-columns: 168px minmax(0, 1fr); gap: 18px; align-items: center; }
.pcg-mini + .pcg-mini { margin-top: 20px; }
.pcg-pop-list { display: flex; flex-direction: column; justify-content: space-between; align-self: stretch; }
.pcg-pop-list .pcg-mini + .pcg-mini { margin-top: 18px; }
.pcg-mini .pcg-pic { border-radius: 12px; }
.pcg .pcg-mini-title { font-size: 17px; line-height: 1.35; margin: 0 0 6px; }

/* the home page's newest guides sit on a pale band with the side column */
.pcg-home #page.site { background: var(--pcg-pale-2); padding-top: 60px; }
body.pcg.pcg-home.one-container .site-content { padding-top: 0; padding-bottom: 60px; }

/* ---------- list rows ---------- */
.pcg-row .inside-article { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 30px; align-items: center; }
.pcg-list-cards .pcg-row { background: #fff; border-radius: var(--pcg-r-lg); padding: 18px; }
body.pcg .site-main > .pcg-row + .pcg-row { margin-top: 16px; }
.pcg-row .pcg-pic { border-radius: 12px; }
.pcg .pcg-row .entry-title { font-size: 21px; line-height: 1.3; font-weight: 700; margin: 0 0 10px; }
.pcg-row .pcg-sum { font-size: 16px; line-height: 1.55; -webkit-line-clamp: 4; margin: 0; }
.pcg-row-meta { display: flex; align-items: baseline; flex-wrap: wrap; gap: 0 8px; margin: 0 0 8px; }
.pcg-row-meta .pcg-kicker { margin: 0; }
.pcg-dot { color: var(--pcg-muted); font: 700 14px var(--pcg-ui); }
.pcg-list-plain .pcg-row .inside-article { align-items: start; }
body.pcg.pcg-list-plain .site-main > .pcg-row + .pcg-row { margin-top: 34px; }
.pcg-list-foot { margin-top: 28px; }
.pcg .pcg-btn { display: inline-block; font: 700 15.5px var(--pcg-ui); color: #fff; background: var(--pcg-brand); padding: 13px 24px; border-radius: 12px; }
.pcg .pcg-btn:hover, .pcg .pcg-btn:focus { color: #fff; background: var(--pcg-deep); }
.pcg-empty h2 { font-size: 26px; margin: 0 0 10px; }
.pcg-empty p { margin: 0; }
.pcg-404 .pcg-grid3 { margin-top: 22px; }

/* ---------- side column ---------- */
body.pcg .is-right-sidebar .inside-right-sidebar { height: 100%; margin: 0; }
.pcg .inside-right-sidebar > * + * { margin-top: 24px; }
.pcg-ad-demo { background: var(--pcg-ad); border-radius: var(--pcg-r); display: grid; place-items: center; color: var(--pcg-muted); font: 600 14px var(--pcg-ui); }
.pcg-ad-tall { height: 600px; }
.pcg-ad-wide { height: 250px; margin: 34px 0; }
.pcg-card { background: #fff; border-radius: var(--pcg-r-lg); padding: 24px; }
.pcg-card.pcg-tint { background: var(--pcg-pale-2); }
.pcg .pcg-card-title { font-size: 18px; line-height: 1.3; font-weight: 800; margin: 0 0 14px; }
.pcg-card p { margin: 0 0 14px; font-size: 15.5px; line-height: 1.6; }
.pcg-writer { display: flex; gap: 14px; align-items: center; margin: 0 0 14px; }
.pcg-writer b { display: block; font: 800 16.5px var(--pcg-ui); color: var(--pcg-ink); }
.pcg-writer .pcg-role { font: 500 14px var(--pcg-ui); color: var(--pcg-muted); }
.pcg-avatar { width: 52px; height: 52px; border-radius: 50%; background: var(--pcg-brand); color: #fff; display: grid; place-items: center; font: 800 18px var(--pcg-ui); flex: none; }
.pcg-textlink { font: 700 15px var(--pcg-ui); }
.pcg-side-list .pcg-mini { grid-template-columns: 96px minmax(0, 1fr); gap: 14px; }
.pcg-side-list .pcg-mini + .pcg-mini { margin-top: 16px; }
.pcg-side-list .pcg-mini .pcg-pic { border-radius: 10px; }
.pcg .pcg-side-list .pcg-mini-title { font-size: 15px; line-height: 1.4; margin: 0; }
.pcg .sidebar .widget { padding: 0; background: transparent; }

/* ---------- topic blocks ---------- */
.pcg-blk { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; row-gap: 26px; column-gap: 16px; }
.pcg .pcg-blk-title { font-size: 30px; line-height: 1.2; font-weight: 800; letter-spacing: -.01em; }
.pcg-blk .pcg-grid4 { grid-column: 1 / -1; }
.pcg-grid4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; }
.pcg-grid3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.pcg-tile { display: flex; flex-direction: column; }
.pcg-tile-txt { display: flex; flex-direction: column; flex: 1; }
.pcg-tile .pcg-pic { border-radius: var(--pcg-r); margin: 0 0 14px; }
.pcg .pcg-tile h3 { font-size: 17.5px; line-height: 1.35; margin: 0 0 8px; }
.pcg-tile .pcg-sum { font-size: 15.5px; line-height: 1.5; -webkit-line-clamp: 5; }
.pcg-tile .pcg-meta { margin-top: auto; }

/* ---------- article ---------- */
body.pcg.single .site-content, body.pcg.page .site-content { padding-top: 40px; }
.pcg-crumbs { font: 600 14px var(--pcg-ui); color: var(--pcg-muted); margin: 0 0 16px; }
.pcg-crumbs .pcg-sep { margin: 0 8px; }
.pcg .entry-header .entry-title, .pcg .page-header-title { font-size: 40px; line-height: 1.18; font-weight: 800; letter-spacing: -.015em; margin: 0 0 20px; }
.pcg.page .entry-header { margin: 0 0 24px; }
.pcg.page .entry-header .entry-title { margin: 0; }
.pcg-byline { display: flex; align-items: center; gap: 14px; margin: 0 0 30px; }
.pcg-byline .pcg-avatar { width: 46px; height: 46px; font-size: 16px; }
.pcg-byline b { display: block; font: 700 15.5px var(--pcg-ui); color: var(--pcg-ink); }
.pcg .pcg-byline b a { color: var(--pcg-ink); }
.pcg .pcg-byline b a:hover, .pcg .pcg-byline b a:focus { color: var(--pcg-link); }
.pcg-byline .pcg-when { font: 500 14.5px var(--pcg-ui); color: var(--pcg-muted); }
.pcg .entry-content { font-size: 18px; line-height: 1.75; color: var(--pcg-text); }
.pcg .entry-content p { margin: 0 0 20px; }
.pcg .entry-content h2 { font-size: 27px; line-height: 1.3; font-weight: 800; margin: 46px 0 14px; letter-spacing: -.01em; scroll-margin-top: 20px; padding: 0; background: none; box-shadow: none; color: var(--pcg-ink); }
.pcg .entry-content h3 { font-size: 22px; line-height: 1.35; font-weight: 800; margin: 34px 0 12px; scroll-margin-top: 20px; }
.pcg .entry-content h4 { font-size: 19px; line-height: 1.4; font-weight: 800; margin: 28px 0 10px; }
.pcg .entry-content h5, .pcg .entry-content h6 { font-size: 17px; line-height: 1.4; font-weight: 800; margin: 24px 0 8px; }
.pcg .entry-content ul, .pcg .entry-content ol { padding-left: 24px; margin: 0 0 22px; }
.pcg .entry-content li { margin: 0 0 8px; }
.pcg .entry-content li > ul, .pcg .entry-content li > ol { margin: 8px 0 0; }
.pcg .entry-content li::marker { color: var(--pcg-brand); }
.pcg .entry-content figure { margin: 30px 0; }
.pcg .entry-content figure img, .pcg .entry-content .wp-block-image img { border-radius: var(--pcg-r); }
.pcg .entry-content figcaption { font: 500 14.5px/1.5 var(--pcg-ui); color: var(--pcg-muted); margin-top: 10px; }
.pcg .entry-content strong { color: var(--pcg-ink); }
.pcg .entry-content a { font-weight: 600; }
.pcg .entry-content > [class*="wp-block-"]:not(:last-child) { margin-bottom: 1.5em; }
.pcg .entry-content blockquote, .pcg blockquote { border: 0; background: var(--pcg-pale-2); border-radius: var(--pcg-r-lg); padding: 20px 24px; margin: 0 0 24px; font-size: 18px; font-style: normal; color: var(--pcg-text); }
.pcg blockquote p:last-child { margin: 0; }
.pcg cite { font-size: 15px; font-style: normal; color: var(--pcg-muted); }
.pcg hr, .pcg .wp-block-separator { border: 0; height: 0; background: none; margin: 36px 0; }
.pcg table, .pcg td, .pcg th { border: 0; }
.pcg .entry-content table { border-collapse: separate; border-spacing: 0; width: 100%; margin: 0 0 24px; font-size: 16px; line-height: 1.55; border-radius: var(--pcg-r); overflow: hidden; background: #fff; }
.pcg .entry-content th, .pcg .entry-content thead td { background: var(--pcg-pale); color: var(--pcg-ink); font: 700 15px/1.45 var(--pcg-ui); text-align: left; padding: 12px 14px; }
.pcg .entry-content td { padding: 11px 14px; vertical-align: top; background: #fff; }
.pcg .entry-content tbody tr:nth-child(even) td { background: var(--pcg-pale-2); }
.pcg .wp-block-table { overflow-x: auto; }
.pcg .wp-block-table table, .pcg .wp-block-table td, .pcg .wp-block-table th, .pcg .wp-block-table thead, .pcg .wp-block-table tfoot { border: 0; }
.pcg .wp-block-table.is-style-stripes { border: 0; border-radius: var(--pcg-r); }
.pcg .wp-block-table.is-style-stripes tbody tr:nth-child(odd) td { background: var(--pcg-pale-2); }
.pcg .wp-block-table.is-style-stripes tbody tr:nth-child(even) td { background: #fff; }
.pcg .entry-content div.gb-headline { font: 700 12px/1 var(--pcg-ui); text-transform: uppercase; letter-spacing: .1em; }

/* the contents box (Easy Table of Contents) */
#ez-toc-container#ez-toc-container { display: block; width: 100%; box-sizing: border-box; background: var(--pcg-pale); border: 0; border-radius: var(--pcg-r-lg); box-shadow: none; padding: 22px 26px; margin: 6px 0 32px; color: var(--pcg-ink); }
#ez-toc-container#ez-toc-container .ez-toc-title-container { display: block; padding: 0; margin: 0; }
#ez-toc-container#ez-toc-container p.ez-toc-title { display: block; font: 800 18px/1.3 var(--pcg-ui); color: var(--pcg-ink); margin: 0 0 12px; padding: 0; }
#ez-toc-container#ez-toc-container .ez-toc-title-toggle, #ez-toc-container#ez-toc-container .ez-toc-toggle, #ez-toc-container#ez-toc-container label.cssicon { display: none; }
#ez-toc-container#ez-toc-container nav { display: block; }
#ez-toc-container#ez-toc-container ul.ez-toc-list { display: block; columns: 2; column-gap: 36px; margin: 0; padding: 0; list-style: none; }
#ez-toc-container#ez-toc-container ul.ez-toc-list ul { columns: 1; margin: 6px 0 0; padding: 0 0 0 14px; list-style: none; }
#ez-toc-container#ez-toc-container li { break-inside: avoid; margin: 0 0 10px; padding: 0; font: 600 15px/1.45 var(--pcg-ui); list-style: none; background: none; }
#ez-toc-container#ez-toc-container li li { margin: 0 0 6px; font-size: 14px; }
#ez-toc-container#ez-toc-container li::before, #ez-toc-container#ez-toc-container a::before { content: none; display: none; }
#ez-toc-container#ez-toc-container a, #ez-toc-container#ez-toc-container a:visited { color: var(--pcg-ink); font-weight: 600; padding: 0; box-shadow: none; text-decoration: none; }
#ez-toc-container#ez-toc-container li li a { color: var(--pcg-text); font-weight: 500; }
#ez-toc-container#ez-toc-container a:hover, #ez-toc-container#ez-toc-container a:focus { color: var(--pcg-link); text-decoration: none; }

/* author box and more guides under the article */
.pcg-author-box { display: flex; gap: 18px; align-items: flex-start; background: var(--pcg-pale-2); border-radius: var(--pcg-r-lg); padding: 26px; margin: 48px 0 0; }
.pcg-author-box .pcg-avatar { width: 60px; height: 60px; font-size: 20px; }
.pcg-author-box b { display: block; font: 800 18px var(--pcg-ui); color: var(--pcg-ink); margin: 0 0 6px; }
.pcg-author-box p { margin: 0 0 10px; font-size: 16px; line-height: 1.6; }
.pcg-related { margin-top: 56px; }
.pcg .pcg-related h2 { font-size: 26px; line-height: 1.25; font-weight: 800; margin: 0 0 22px; }

/* comments */
.pcg .comments-area { margin-top: 56px; padding: 0; background: transparent; }
.pcg .comments-title, .pcg .comment-reply-title { font: 800 24px/1.3 var(--pcg-ui); color: var(--pcg-ink); margin: 0 0 18px; padding: 0; background: none; box-shadow: none; }
.pcg .comment-reply-title small { font-size: 15px; margin-left: 10px; }
.pcg .comment-list { list-style: none; margin: 0 0 40px; padding: 0; }
.pcg .comment-list li { margin: 0; }
.pcg .comment-list .comment-body, .pcg .comment-list .pingback .comment-body { background: var(--pcg-pale-2); border-radius: 16px; padding: 18px 20px; margin: 0 0 14px; border: 0; }
.pcg .comment-list .children { list-style: none; margin: 0 0 0 24px; padding: 0; border: 0; }
.pcg .comment .children { border-left: 0; padding-left: 0; margin-top: 0; }
.pcg .comment-meta .avatar { border-radius: 50%; }
.pcg .comment-author cite, .pcg .comment-author .fn { font: 700 16px var(--pcg-ui); color: var(--pcg-ink); font-style: normal; }
.pcg .comment-metadata, .pcg .comment-metadata a { font: 500 14px var(--pcg-ui); color: var(--pcg-muted); }
.pcg .comment-content { border: 0; padding: 0; margin-top: 10px; }
.pcg .comment-content p:last-child { margin-bottom: 0; }
.pcg .reply a, .pcg .comment-reply-link { display: inline-block; margin-top: 8px; font: 700 14px var(--pcg-ui); color: var(--pcg-link); background: #fff; padding: 6px 14px; border-radius: 999px; }
.pcg .comment-form > p, .pcg .comment-form > input { margin: 0 0 16px; }
.pcg .comment-form-cookies-consent { display: flex; gap: 10px; align-items: flex-start; font-size: 15px; }
.pcg .comment-form-cookies-consent input { margin-top: 5px; }

/* forms everywhere (comments, Contact Form 7): soft fields, no frames */
.pcg input[type="text"], .pcg input[type="email"], .pcg input[type="url"], .pcg input[type="tel"], .pcg input[type="number"], .pcg input[type="password"], .pcg input[type="search"], .pcg select, .pcg textarea {
	border: 0; border-radius: 12px; background: var(--pcg-pale-2); color: var(--pcg-ink); padding: 12px 14px; font: 16px/1.5 var(--pcg-body); box-sizing: border-box; max-width: 100%;
}
.pcg .comment-form input[type="text"], .pcg .comment-form input[type="email"], .pcg .comment-form input[type="url"], .pcg .wpcf7 input[type="text"], .pcg .wpcf7 input[type="email"], .pcg .wpcf7 input[type="url"], .pcg .wpcf7 input[type="tel"], .pcg .wpcf7 textarea { width: 100%; }
.pcg input[type="text"]:focus, .pcg input[type="email"]:focus, .pcg input[type="url"]:focus, .pcg input[type="tel"]:focus, .pcg input[type="search"]:focus, .pcg textarea:focus { background: var(--pcg-pale); color: var(--pcg-ink); }
.pcg input[type="submit"], .pcg button[type="submit"], .pcg .wpcf7-submit { border: 0; border-radius: 12px; background: var(--pcg-brand); color: #fff; font: 700 15.5px var(--pcg-ui); padding: 13px 24px; cursor: pointer; text-transform: none; letter-spacing: 0; line-height: 1.4; }
.pcg input[type="submit"]:hover, .pcg input[type="submit"]:focus, .pcg .wpcf7-submit:hover { background: var(--pcg-deep); color: #fff; }
.pcg .wpcf7 label { font: 600 15px var(--pcg-ui); color: var(--pcg-ink); }
.pcg .wpcf7 form .wpcf7-response-output { border: 0; background: var(--pcg-pale); border-radius: 12px; padding: 12px 16px; margin: 16px 0 0; }
.pcg .wpcf7 form.invalid .wpcf7-response-output, .pcg .wpcf7 form.failed .wpcf7-response-output { background: #fdf0e6; }

/* Amazon boxes (AAWP): soft cards instead of frames */
.pcg .aawp .aawp-product, .pcg .aawp .aawp-product--horizontal, .pcg .aawp .aawp-product--vertical, .pcg .aawp-tb, .pcg .aawp-tb__row, .pcg .aawp-tb__data, .pcg .aawp-tb__head { border: 0; box-shadow: none; }
.pcg .aawp .aawp-product { background: var(--pcg-pale-2); border-radius: var(--pcg-r-lg); }
.pcg .aawp .aawp-button, .pcg .aawp-button { border: 0; border-radius: 10px; box-shadow: none; }

/* page numbers */
.pcg-pager { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin: 44px 0 0; }
.pcg .pcg-pager .page-numbers { min-width: 44px; height: 44px; display: grid; place-items: center; box-sizing: border-box; border-radius: 12px; background: var(--pcg-pale); color: var(--pcg-ink); font: 700 15px var(--pcg-ui); padding: 0 14px; }
.pcg .pcg-pager a.page-numbers:hover, .pcg .pcg-pager a.page-numbers:focus { background: var(--pcg-pale-hover); color: var(--pcg-ink); }
.pcg .pcg-pager .page-numbers.current { background: var(--pcg-brand); color: #fff; }
.pcg .pcg-pager .page-numbers.dots { background: transparent; min-width: 20px; padding: 0; }

/* ---------- topic, search and writer bands ---------- */
.pcg-band { background: var(--pcg-pale); padding: 34px 0; }
.pcg .pcg-band h1 { font-size: 40px; line-height: 1.15; font-weight: 800; letter-spacing: -.015em; margin: 0 0 10px; }
.pcg-band .pcg-page-no { color: var(--pcg-muted); font-weight: 700; font-size: .6em; letter-spacing: 0; white-space: nowrap; }
.pcg-band .pcg-lede { max-width: 720px; margin: 0; color: var(--pcg-text); font-size: 17.5px; }
.pcg-band .pcg-count { display: block; margin-top: 14px; font: 700 14.5px var(--pcg-ui); color: var(--pcg-link); }
.pcg-band .pcg-big-search { max-width: 760px; box-shadow: none; }
.pcg-band label { display: block; font: 700 15px var(--pcg-ui); color: var(--pcg-ink); margin: 0 0 12px; }
.pcg-band .pcg-lede + .pcg-big-search { margin-top: 18px; }
.pcg-writer-head { display: flex; align-items: center; gap: 16px; margin: 0 0 16px; }
.pcg-writer-head h1 { margin: 0; }
.pcg .pcg-writer-head h1 { margin: 0; }

/* ---------- footer (blue) ---------- */
.pcg-foot { background: linear-gradient(180deg, var(--pcg-brand) 0%, var(--pcg-brand-2) 100%); color: #fff; padding: 58px 0 30px; }
.pcg-foot-in { display: grid; grid-template-columns: 1.1fr 1.85fr 1.05fr .85fr .95fr; gap: 28px; }
.pcg-foot .pcg-logo img { height: 38px; margin: 0 0 16px; }
.pcg-foot p { margin: 0; color: #fff; font-size: 15.5px; line-height: 1.65; max-width: 340px; }
.pcg .pcg-foot-title { font: 800 15.5px/1 var(--pcg-ui); color: #fff; margin: 2px 0 16px; }
.pcg-foot ul { list-style: none; margin: 0; padding: 0; }
.pcg-foot li { margin: 0; }
.pcg-foot-topics ul { columns: 2; column-gap: 20px; }
.pcg .pcg-foot li a { display: inline-block; color: #fff; font: 500 15px/1.6 var(--pcg-ui); padding: 5px 8px; margin-left: -8px; border-radius: 8px; white-space: nowrap; }
.pcg .pcg-foot li a:hover, .pcg .pcg-foot li a:focus { color: #fff; background: rgba(0, 0, 0, .15); }
.pcg-foot-bottom { margin-top: 42px; font: 500 14px var(--pcg-ui); color: #fff; }

/* the Popup Maker fix that lived in Additional CSS */
.pum-overlay.pum-active, .pum-overlay.pum-active .popmake.active { display: block !important; }

/* ---------- tablet ---------- */
@media (min-width: 901px) and (max-width: 1239px) {
	.pcg-hero-grid { grid-template-columns: minmax(0, 1fr) 380px; gap: 44px; }
	.pcg .pcg-hero h1 { font-size: 44px; }
	.pcg-facts { gap: 32px; }
	.pcg .pcg-guide-card { padding: 22px; }
	.pcg .pcg-guide-card h2 { font-size: 19px; }
	.pcg-steps li { font-size: 14.5px; }
	.pcg-guide-foot .pcg-read { flex: 1 1 100%; text-align: center; }
	.pcg-hero-pop { font-size: 13.5px; }
	.pcg .pcg-hero-pop a { padding: 7px 12px; }
}
@media (max-width: 1239px) {
	.pcg-row .inside-article { grid-template-columns: minmax(0, 1fr); gap: 0; }
	body.pcg.one-container.pcg-list-cards .site-main > .pcg-row.post { padding: 0; overflow: hidden; }
	.pcg-list-cards .pcg-row .pcg-pic { border-radius: 0; box-shadow: none; }
	.pcg-list-cards .pcg-row .pcg-txt { padding: 20px 22px 22px; }
	.pcg-list-plain .pcg-row .pcg-pic { border-radius: var(--pcg-r); }
	.pcg-list-plain .pcg-row .pcg-txt { padding: 16px 0 0; }
	.pcg-foot-in { grid-template-columns: 1.3fr 1.5fr 1fr; }
}
@media (max-width: 1100px) {
	body.pcg.one-container.right-sidebar .site-content { column-gap: 32px; }
	.pcg-grid4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.pcg-foot-in { grid-template-columns: 1fr 1fr; gap: 36px; }
}
@media (max-width: 900px) {
	body.pcg.one-container.right-sidebar .site-content { grid-template-columns: minmax(0, 1fr); }
	.pcg .site-content .is-right-sidebar { margin-top: 40px; }
	.pcg-ad-tall { display: none; }
	.pcg-pop { grid-template-columns: minmax(0, 1fr); gap: 30px; }
	.pcg-head-links { display: none; }
	.pcg-band .pcg-big-search { max-width: none; }
	.pcg-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 36px; }
	.pcg .pcg-guide-card { max-width: 560px; }
	.pcg .pcg-hero h1 { font-size: 42px; }
}
@media (max-width: 768px) {
	body.pcg .site-content { flex-direction: column; }
}

/* ---------- phone ---------- */
@media (max-width: 640px) {
	body.pcg { font-size: 16.5px; }
	.pcg-wrap { padding: 0 16px; }
	body.pcg.one-container .site-content { padding: 28px 16px 48px; }
	.pcg-bar { min-height: 64px; gap: 12px; flex-wrap: wrap; }
	.pcg-logo img { height: 32px; }
	.pcg-head-search { display: none; order: 3; flex: 0 0 100%; max-width: none; margin: 0 0 12px; visibility: visible; }
	.pcg-search-open .pcg-head-search { display: block; }
	.pcg-has-big-search .pcg-head-search { visibility: visible; }
	.pcg-search-btn { display: grid; place-items: center; margin-left: auto; width: 44px; height: 44px; border: 0; border-radius: 12px; background: rgba(0, 0, 0, .15); color: #fff; cursor: pointer; padding: 0; }
	.pcg-search-btn:hover, .pcg-search-btn:focus { background: rgba(0, 0, 0, .24); color: #fff; }
	.pcg-search-btn .pcg-ico { width: 21px; height: 21px; }
	.pcg-has-big-search .pcg-search-btn { display: none; }
	.pcg-topics-in { margin: 0 -16px; padding: 0 16px 14px; }
	.pcg-topics-in::after { content: ""; flex: 0 0 8px; }
	.pcg .pcg-topics a { font-size: 14px; padding: 7px 12px; }
	.pcg-hero { padding: 26px 0 40px; }
	.pcg-hero-grid { gap: 30px; }
	.pcg-lead-in { font-size: 14px; margin-bottom: 10px; }
	.pcg .pcg-hero h1 { font-size: 31px; line-height: 1.12; margin-bottom: 14px; }
	.pcg-hero-sub { font-size: 16.5px; margin-bottom: 20px; }
	.pcg-big-search { padding: 6px 6px 6px 14px; border-radius: 14px; }
	.pcg-big-search .pcg-ico { display: none; }
	.pcg .pcg-big-search input[type="search"] { font-size: 16px; height: 44px; }
	.pcg .pcg-big-search button { height: 44px; padding: 0 16px; font-size: 15px; }
	.pcg .pcg-guide-card { padding: 20px; border-radius: 18px; }
	.pcg .pcg-guide-card h2 { font-size: 18px; margin-bottom: 14px; }
	.pcg-steps { gap: 9px; margin-bottom: 18px; }
	.pcg-steps li { font-size: 14.5px; grid-template-columns: 28px minmax(0, 1fr); gap: 10px; }
	.pcg-steps .pcg-n { width: 28px; height: 28px; font-size: 13px; }
	.pcg-steps li span:last-child { padding-top: 3px; }
	.pcg-hero-pop { gap: 7px; font-size: 13.5px; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 16px -16px 0; padding: 0 16px; }
	.pcg-hero-pop::-webkit-scrollbar { display: none; }
	.pcg-hero-pop::after { content: ""; flex: 0 0 8px; }
	.pcg-guide-foot { padding: 12px; }
	.pcg-guide-foot .pcg-read { flex: 1 1 100%; text-align: center; }
	.pcg .pcg-hero-pop a { padding: 6px 12px; }
	.pcg-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 28px; }
	.pcg-facts b { font-size: 19px; }
	.pcg-facts span { display: block; font-size: 13px; line-height: 1.4; white-space: normal; }
	.pcg-sec { padding: 40px 0; }
	.pcg-sec-head { flex-wrap: wrap; align-items: flex-end; margin-bottom: 20px; }
	.pcg .pcg-sec-head h2 { font-size: 24px; }
	.pcg-sec-head p { font-size: 15px; }
	.pcg-home #page.site { padding-top: 40px; }
	body.pcg.pcg-home.one-container .site-content { padding-bottom: 40px; }
	.pcg-lead .pcg-kicker { margin-top: 14px; }
	.pcg .pcg-lead h3 { font-size: 22px; }
	.pcg-lead .pcg-sum { font-size: 16px; -webkit-line-clamp: 6; }
	.pcg-mini { grid-template-columns: 120px minmax(0, 1fr); gap: 14px; }
	.pcg .pcg-mini-title { font-size: 16px; }
	.pcg-list-cards .pcg-row .pcg-txt { padding: 16px 16px 18px; }
	.pcg .pcg-row .entry-title { font-size: 18.5px; }
	.pcg-list-plain .pcg-row .pcg-txt { padding: 14px 0 0; }
	body.pcg.pcg-list-plain .site-main > .pcg-row + .pcg-row { margin-top: 30px; }
	.pcg-blk { grid-template-columns: minmax(0, 1fr); row-gap: 20px; }
	.pcg .pcg-blk-title { font-size: 24px; }
	.pcg-blk .pcg-grid4 { order: 2; }
	.pcg-blk .pcg-more { order: 3; justify-self: stretch; text-align: center; }
	.pcg-grid4, .pcg-grid3 { grid-template-columns: minmax(0, 1fr); gap: 18px; }
	.pcg-tile { display: grid; grid-template-columns: 128px minmax(0, 1fr); gap: 14px; align-items: center; }
	.pcg-tile .pcg-pic { margin: 0; border-radius: 10px; }
	.pcg .pcg-tile h3 { font-size: 16px; margin: 0 0 4px; }
	.pcg-tile .pcg-sum { display: none; }
	body.pcg.single .site-content, body.pcg.page .site-content { padding-top: 28px; }
	.pcg .entry-header .entry-title, .pcg .page-header-title { font-size: 28px; line-height: 1.22; }
	.pcg-byline { margin-bottom: 24px; }
	.pcg .entry-content { font-size: 17px; line-height: 1.72; }
	.pcg .entry-content h2 { font-size: 23px; margin-top: 38px; }
	.pcg .entry-content h3 { font-size: 20px; }
	#ez-toc-container#ez-toc-container { padding: 18px; }
	#ez-toc-container#ez-toc-container ul.ez-toc-list { columns: 1; }
	.pcg-ad-wide { height: 250px; margin: 28px 0; }
	.pcg-author-box { flex-direction: column; padding: 22px; gap: 12px; }
	.pcg-band { padding: 26px 0; }
	.pcg .pcg-band h1 { font-size: 30px; }
	.pcg-band .pcg-lede { font-size: 16.5px; }
	.pcg-band .pcg-big-search .pcg-ico { display: none; }
	.pcg-foot { padding: 44px 0 26px; }
	.pcg-foot-in { grid-template-columns: minmax(0, 1fr); gap: 30px; }
	.pcg .entry-content ol, .pcg .entry-content ul { padding-left: 1.3em; }
	.pcg .entry-content li ol, .pcg .entry-content li ul { padding-left: 1em; }
}

/* Mediavine fit on the smallest phones (carried over from Additional CSS): a 300 px ad stays inside the screen. */
@media only screen and (max-width: 359px) {
	body.pcg.one-container .site-content { padding-left: 10px; padding-right: 10px; }
}