/* wp-sitechecker.com – works on top of any block theme (made with Twenty Twenty-Five). No external fonts. */
:root {
	--scs-ink: #0f172a;
	--scs-muted: #64748b;
	--scs-line: #e2e8f0;
	--scs-soft: #f8fafc;
	--scs-blue: #2563eb;
	--scs-brand: #4f46e5;
	--scs-brand-grad: linear-gradient(135deg, #6366f1 0%, #2563eb 55%, #0ea5e9 100%);
	--scs-radius: 16px;
}

.scs-logo { display: block; border-radius: 22%; box-shadow: 0 6px 18px rgba(15, 23, 42, .12); }
.scs-lead { font-size: 1.2em; line-height: 1.55; color: var(--scs-muted); }
.scs-hero .scs-lead { max-width: 46rem; }
.scs-muted { color: var(--scs-muted); }
.scs-small { font-size: .85em; }
.scs-note { background: #fef9c3; border-radius: 10px; padding: 10px 14px; }
mark.scs-missing { background: #fee2e2; color: #991b1b; border-radius: 4px; padding: 0 4px; }

/* Hero */
.scs-hero { padding: clamp(24px, 4vw, 48px) clamp(20px, 4vw, 48px) !important; margin-top: 1rem !important; border-radius: 28px; background:
	radial-gradient(circle at 92% 12%, rgba(14, 165, 233, .18), transparent 42%),
	radial-gradient(circle at 70% 95%, rgba(22, 163, 74, .14), transparent 40%),
	radial-gradient(circle at 8% 90%, rgba(234, 88, 12, .10), transparent 38%),
	linear-gradient(135deg, #eef2ff 0%, #f8fafc 60%, #f0f9ff 100%); }
.scs-hero h1 { font-size: clamp(2rem, 5vw, 3.4rem); line-height: 1.1; letter-spacing: -.02em; max-width: 18em; margin-top: 1rem; }
.scs-hero .wp-block-shortcode, .scs-tool-head .wp-block-shortcode { margin: 0; }

/* Buttons from shortcodes */
.scs-btn { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 22px; border-radius: 999px; font-weight: 600; text-decoration: none !important; line-height: 1.2; border: 2px solid transparent; transition: transform .12s, box-shadow .12s, background-color .12s; margin: 4px 8px 4px 0; }
.scs-btn--primary { background: var(--scs-brand-grad); color: #fff !important; box-shadow: 0 4px 14px rgba(79, 70, 229, .25); }
.scs-btn--primary:hover { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(79, 70, 229, .32); }
.scs-btn--ghost { border-color: var(--scs-brand); color: var(--scs-brand) !important; background: #fff; }
.scs-btn--muted { background: #f1f5f9; color: var(--scs-muted); cursor: default; }
.scs-btn:focus-visible { outline: 3px solid var(--scs-blue); outline-offset: 2px; }

/* Tool cards */
.scs-tools { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 18px; margin: 1.5rem 0 3rem; }
.scs-tool { background: #fff; border: 1px solid var(--scs-line); border-top: 4px solid var(--scs-accent, var(--scs-blue)); border-radius: var(--scs-radius); padding: 18px 20px; display: flex; flex-direction: column; gap: 10px; transition: transform .15s, box-shadow .15s; }
.scs-tool:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(15, 23, 42, .08); }
.scs-tool__head { display: flex; gap: 12px; align-items: center; }
.scs-tool__head .scs-logo { box-shadow: none; flex: none; }
.scs-tool h3 { margin: 2px 0 0; font-size: 1.05rem; line-height: 1.3; }
.scs-tool h3 a { color: var(--scs-ink); text-decoration: none; }
.scs-tool h3 a:hover { text-decoration: underline; }
.scs-tool p { margin: 0; color: #334155; font-size: .95rem; flex: 1; }
.scs-tool__foot { display: flex; justify-content: space-between; align-items: center; font-size: .9rem; }
.scs-link { font-weight: 600; color: var(--scs-accent, var(--scs-blue)); text-decoration: none; }
.scs-role { display: inline-block; font-size: .72rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--scs-accent, var(--scs-muted)); }
.scs-tag { font-size: .75rem; padding: 2px 10px; border-radius: 999px; background: #fef3c7; color: #92400e; font-weight: 600; }
.scs-tag--free { background: #dcfce7; color: #166534; }

/* Tool page head */
.scs-tool-head { padding: .5rem 0 1rem; }
.scs-kicker { margin: .75rem 0 0; }
.scs-kicker .scs-role { font-size: .8rem; }
.scs-accent-spacechecker { --scs-accent: #7c3aed; }
.scs-accent-mediachecker { --scs-accent: #16a34a; }
.scs-accent-pdfchecker { --scs-accent: #dc2626; }
.scs-accent-junkchecker { --scs-accent: #65a30d; }
.scs-accent-linkchecker { --scs-accent: #2563eb; }
.scs-accent-seochecker { --scs-accent: #ea580c; }
.scs-accent-privacychecker { --scs-accent: #0284c7; }
.scs-accent-backupchecker { --scs-accent: #4b5563; }

/* Lists with checks */
ul.scs-checks, .scs-checks { list-style: none; padding-left: 0; }
.scs-checks li { position: relative; padding-left: 1.8em; margin: .45em 0; }
.scs-checks li::before { content: ""; position: absolute; left: 0; top: .35em; width: 1.1em; height: 1.1em; border-radius: 50%; background: #dcfce7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3 3 7-7' stroke='%2316a34a' stroke-width='2.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 80% no-repeat; }
.scs-routine { padding-left: 1.2em; }
.scs-routine li { margin: .4em 0; }

/* Columns and bands */
.scs-cols .wp-block-column { background: var(--scs-soft); border-top: 4px solid #6366f1 !important; border: 1px solid var(--scs-line); border-radius: var(--scs-radius); padding: 18px 20px; }
.scs-cols h3 { margin-top: 0; font-size: 1.1rem; }
.scs-band { background: var(--scs-brand-grad); color: #eef2ff; border-radius: 24px; padding: 28px 32px !important; margin: 3rem 0 !important; }
.scs-band h2 { color: #fff; margin-top: 0; }
.scs-band .scs-btn--ghost { color: #fff !important; }
.scs-band .wp-block-button__link { background: #fff; color: var(--scs-brand); }

/* Pricing */
.scs-product { display: grid; grid-template-columns: minmax(220px, 1fr) 2fr; gap: 24px; border: 1px solid var(--scs-line); border-top: 4px solid var(--scs-accent); border-radius: var(--scs-radius); padding: 24px; margin: 1.5rem 0 .75rem; background: #fff; }
.scs-product__info h3 { margin: .75rem 0 .25rem; }
.scs-product__info .scs-logo { box-shadow: none; }
.scs-plans { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 14px; }
.scs-plan { border: 1px solid var(--scs-line); border-radius: 14px; padding: 16px; display: flex; flex-direction: column; gap: 6px; background: var(--scs-soft); }
.scs-plan.is-featured { border-color: var(--scs-accent); box-shadow: 0 0 0 1px var(--scs-accent) inset; background: #fff; }
.scs-plan h4 { margin: 0; font-size: 1rem; }
.scs-plan__sites { color: var(--scs-muted); font-size: .9rem; }
.scs-price { font-size: 1.8rem; font-weight: 700; letter-spacing: -.01em; margin: 4px 0 6px; }
.scs-price small { font-size: .9rem; font-weight: 400; color: var(--scs-muted); }
.scs-plan .scs-btn { width: 100%; margin: 0; }
.scs-plan__note { font-size: .8rem; color: var(--scs-muted); margin: 6px 0 0; }

/* Sections: wide, but text kept to a readable line length */
.scs-section > p, .scs-section > ul { max-width: 46rem; }
.scs-section { margin-top: 2.5rem !important; }

/* Footer */
.scs-footer { border-top: 1px solid var(--scs-line); padding: 24px clamp(16px, 4vw, 48px) !important; }
.scs-footer-links a { color: var(--scs-ink); text-decoration: none; margin-right: 2px; }
.scs-footer-links a:hover { text-decoration: underline; }

@media (max-width: 720px) {
	.scs-product { grid-template-columns: 1fr; padding: 18px; }
	.scs-band { padding: 22px 20px !important; border-radius: 18px; }
	.scs-lead { font-size: 1.08em; }
}

/* Standalone logo (hero, tool pages) sits at the left of the text column. */
.scs-logo-wrap { margin-bottom: .5rem; }
.scs-logo-wrap .scs-logo { margin: 0; }
.scs-tools-wrap h2 { margin-bottom: 0; }
.scs-product, .scs-plans { align-items: start; }

/* Page title printed by the Site Kit when the template has none (1.0.3). */
.scs-page-title { margin: 1.5rem 0 1rem; font-size: clamp(1.9rem, 4vw, 2.6rem); line-height: 1.15; letter-spacing: -.015em; }
.scs-tool-head .scs-page-title { margin: .25rem 0 0; font-size: clamp(1.6rem, 3.4vw, 2.3rem); text-wrap: balance; }

/* 1.1: checkers by group, Pro tag, Free/Pro matrix */
h3.scs-group { margin: 2rem 0 -.5rem; font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; color: var(--scs-muted); }
.scs-tag--pro { background: linear-gradient(90deg, #f59e0b, #ca8a04); color: #fff; }
.scs-tool__foot > span { display: flex; flex-wrap: wrap; gap: 4px; justify-content: flex-end; }
.scs-matrix-wrap { overflow-x: auto; margin: 1rem 0 2rem; }
.scs-matrix { width: 100%; border-collapse: collapse; font-size: .95rem; }
.scs-matrix th, .scs-matrix td { text-align: left; vertical-align: top; padding: 10px 12px; border-bottom: 1px solid var(--scs-line); }
.scs-matrix thead th { background: var(--scs-soft); }
.scs-matrix td:first-child { white-space: nowrap; font-weight: 600; }
.scs-matrix td:first-child a { color: var(--scs-ink); text-decoration: none; display: inline-flex; align-items: center; gap: 8px; }
.scs-matrix td:first-child .scs-logo { display: inline-block; box-shadow: none; }
.scs-matrix ul { margin: 0; padding-left: 1.1em; }
.scs-matrix__group th { background: #fff; font-size: .75rem; letter-spacing: .12em; text-transform: uppercase; color: var(--scs-muted); padding-top: 18px; }
@media (max-width: 600px) { .scs-matrix td:first-child { white-space: normal; } }
.scs-tag--core { background: #f1f5f9; color: #334155; }

.scs-cols .wp-block-column:nth-child(2) { border-top-color: #16a34a !important; }
.scs-cols .wp-block-column:nth-child(3) { border-top-color: #f59e0b !important; }
h3.scs-group { color: var(--scs-brand); }

/* Download page */
.scs-dl { display: grid; gap: 12px; margin: 24px 0; }
.scs-dl__item { display: flex; align-items: center; gap: 16px; background: #fff; border: 1px solid #e2e8f0; border-left: 4px solid var(--scs-accent, #4f46e5); border-radius: 12px; padding: 14px 18px; }
.scs-dl__item.is-core { background: linear-gradient(90deg, #eef2ff, #fff); }
.scs-dl__item img { flex: none; }
.scs-dl__text { flex: 1; min-width: 0; }
.scs-dl__text h3 { margin: 0 0 2px; font-size: 1.05rem; }
.scs-dl__text h3 a { color: inherit; text-decoration: none; }
.scs-dl__text p { margin: 0; }
.scs-dl__btn .scs-btn { margin: 0; white-space: nowrap; }
.scs-btn__ver { font-weight: 400; opacity: .8; margin-left: 6px; }
@media (max-width: 640px) { .scs-dl__item { flex-wrap: wrap; } .scs-dl__btn { width: 100%; } .scs-dl__btn .scs-btn { width: 100%; } }

/* Header: brand on one line, menu on one line, Download as a button; the menu turns into the theme's overlay menu on small screens. */
header .wp-block-site-title, header .wp-block-site-title a { white-space: nowrap; }
header .wp-block-navigation__container { flex-wrap: nowrap; }
header .wp-block-navigation-item__content { white-space: nowrap; }
header .wp-block-navigation .scs-nav-cta > .wp-block-navigation-item__content { background: var(--scs-brand-grad); color: #fff !important; border-radius: 999px; padding: 7px 16px; font-weight: 600; text-decoration: none; }
header .wp-block-navigation .scs-nav-cta > .wp-block-navigation-item__content:hover { opacity: .92; }
.wp-block-navigation__responsive-container.is-menu-open .scs-nav-cta > .wp-block-navigation-item__content { display: inline-block; margin-top: 8px; }
@media (min-width: 600px) and (max-width: 1100px) {
	header .wp-block-navigation__container { gap: 1rem; }
	header .wp-block-navigation { font-size: 0.95rem; }
}

/* Legal links added to the footer */
.scs-legal-wrap { padding: 12px 16px 20px; text-align: center; }
.scs-legal-links { margin: 0; font-size: 13px; color: var(--scs-muted); }
.scs-legal-links a { color: var(--scs-muted); text-decoration: none; }
.scs-legal-links a:hover { text-decoration: underline; }
.menu-item.scs-nav-cta > a { background: var(--scs-brand-grad); color: #fff !important; border-radius: 999px; padding: 7px 16px !important; font-weight: 600; }

/* Pro page: the packages side by side at the top (2.0 of the Pro page, site 1.7.1). A visitor who arrives from the
   Pro button of one plugin sees that plugin's Pro without scrolling; /pro/#media-cleanup-pro highlights it. */
.scs-chooser { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin: 1.25rem 0 2.5rem; align-items: stretch; }
.scs-choice { position: relative; display: flex; flex-direction: column; gap: 10px; background: #fff; border: 1px solid var(--scs-line); border-top: 4px solid var(--scs-accent); border-radius: var(--scs-radius); padding: 22px 20px 20px; scroll-margin-top: 90px; }
.scs-choice.is-featured { box-shadow: 0 10px 30px rgba(79, 70, 229, .14); border-color: #c7d2fe; border-top-color: var(--scs-accent); }
.scs-choice:target { outline: 3px solid var(--scs-accent); outline-offset: 3px; }
.scs-choice__badge { box-sizing: border-box; position: absolute; top: -13px; left: 18px; right: 18px; width: max-content; max-width: calc(100% - 36px); background: var(--scs-brand-grad); color: #fff; font-size: .78rem; font-weight: 600; line-height: 1.25; padding: 4px 10px; border-radius: 999px; }
.scs-choice__head { display: flex; gap: 12px; align-items: center; margin-top: 4px; }
.scs-choice__head .scs-logo { box-shadow: none; flex: 0 0 auto; }
.scs-choice h3 { margin: 0; font-size: 1.2rem; }
.scs-choice__head p { margin: 2px 0 0; font-size: .92rem; }
.scs-choice .scs-price { margin: 4px 0 0; }
.scs-choice .scs-checks { margin: 0; font-size: .92rem; flex: 1 1 auto; }
.scs-choice .scs-checks li { margin: .3em 0; }
.scs-choice .scs-btn { width: 100%; margin: 6px 0 0; }
.scs-product { scroll-margin-top: 90px; }
.scs-product:target { box-shadow: 0 0 0 3px var(--scs-accent); }
.scs-chooser-nav { display: none; }
@media (max-width: 900px) {
	.scs-chooser { grid-template-columns: 1fr; gap: 26px; }
	.scs-chooser-nav { display: flex; flex-wrap: wrap; gap: 8px; margin: 1rem 0 .25rem; }
	.scs-chooser-nav a { display: inline-flex; align-items: center; min-height: 40px; padding: 6px 14px; border-radius: 999px; border: 2px solid var(--scs-accent); color: var(--scs-ink); font-weight: 600; font-size: .92rem; text-decoration: none; background: #fff; }
}