/*
Theme Name: STATUS GAME
Theme URI: https://inspectororange.com/
Author: STATUS GAME
Author URI: https://inspectororange.com/
Description: STATUS GAME menjadi ruang untuk mengenal berbagai sisi dunia game, dari jenis permainan dan platform hingga istilah yang akrab di kalangan pemain. Tema klasik dengan header logo, menu bar, breadcrumb, grid konten, dan sidebar bertab.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: statusgame
Tags: blog, two-columns, right-sidebar, custom-logo, custom-menu, featured-images, threaded-comments
*/

/* ---------- Tokens ---------- */
:root {
	--sg-deep: #070a0c;
	--sg-dark: #0f1418;
	--sg-surface: #1a2025;
	--sg-nav: #0e5824;
	--sg-ink: #11191d;
	--sg-teal: #15c24a;
	--sg-teal-2: #22d35a;
	--sg-mint: #c5ccd1;
	--sg-orange: #15c24a;
	--sg-orange-deep: #0e8a35;
	--sg-gold: #7df19d;
	--sg-bg: #f3f5f4;
	--sg-card: #ffffff;
	--sg-line: #dde3e0;
	--sg-muted: #5f6b66;
	--sg-text: #1c2522;
	--sg-radius: 10px;
	--sg-shadow: 0 6px 20px rgba(7, 10, 12, .10);
	--sg-font-head: "Exo 2", "Segoe UI", system-ui, sans-serif;
	--sg-font-body: "Nunito Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
	--sg-wrap: 1170px;
}

/* ---------- Base ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
	margin: 0;
	background: var(--sg-bg);
	color: var(--sg-text);
	font-family: var(--sg-font-body);
	font-size: 16px;
	line-height: 1.7;
}
img, svg, video { max-width: 100%; height: auto; }
a { color: var(--sg-nav); text-decoration: none; transition: color .2s; }
a:hover, a:focus { color: var(--sg-orange-deep); }
h1, h2, h3, h4, h5, h6 {
	font-family: var(--sg-font-head);
	color: var(--sg-ink);
	line-height: 1.25;
	margin: 0 0 .6em;
	font-weight: 700;
}
h1 { font-size: clamp(1.7rem, 3.4vw, 2.5rem); font-weight: 600; }
h2 { font-size: clamp(1.35rem, 2.4vw, 1.8rem); }
h3 { font-size: 1.2rem; }
p { margin: 0 0 1.1em; }
ul, ol { padding-left: 1.3em; }
:focus-visible { outline: 3px solid var(--sg-orange); outline-offset: 2px; }
.screen-reader-text {
	border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%);
	height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0;
	position: absolute !important; word-wrap: normal !important;
}
.skip-link:focus {
	clip: auto; clip-path: none; height: auto; width: auto; margin: 0;
	left: 12px; top: 12px; z-index: 1000; padding: 10px 16px;
	background: var(--sg-orange); color: var(--sg-deep); font-weight: 700;
}
.sg-wrap { max-width: var(--sg-wrap); margin: 0 auto; padding: 0 16px; }

/* ---------- Header (logo + social) ---------- */
.site-header {
	background:
		radial-gradient(ellipse at 20% -40%, rgba(21,194,74,.35), transparent 60%),
		radial-gradient(ellipse at 90% 140%, rgba(125,241,157,.15), transparent 55%),
		var(--sg-deep);
	color: #e3e8ea;
}
.site-header .sg-wrap {
	display: flex; align-items: center; justify-content: space-between;
	gap: 20px; padding-top: 18px; padding-bottom: 18px;
}
.site-branding { display: flex; align-items: center; gap: 18px; min-width: 0; }
.site-logo img { display: block; width: 400px; max-width: 100%; height: auto; }
.site-branding-text { min-width: 0; }
.site-title {
	font-family: var(--sg-font-head); font-size: 1.55rem; font-weight: 700;
	margin: 0; line-height: 1.1; letter-spacing: .04em;
}
.site-title a { color: var(--sg-teal); }
.site-title a span { color: var(--sg-mint); }
.site-description { margin: 4px 0 0; font-size: .92rem; color: #aab4ba; }

.sg-social { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.sg-social a {
	display: inline-flex; align-items: center; justify-content: center;
	width: 36px; height: 36px; border-radius: 50%;
	color: var(--sg-mint); border: 1px solid rgba(197,204,209,.35);
	transition: background .2s, color .2s, transform .2s;
}
.sg-social a:hover, .sg-social a:focus { background: var(--sg-orange); border-color: var(--sg-orange); color: var(--sg-deep); transform: translateY(-2px); }
.sg-social svg { width: 17px; height: 17px; fill: currentColor; }

/* ---------- Nav bar ---------- */
.main-navigation {
	background: linear-gradient(90deg, var(--sg-nav), var(--sg-surface));
	border-bottom: 3px solid var(--sg-orange);
	position: sticky; top: 0; z-index: 50;
}
.admin-bar .main-navigation { top: 32px; }
@media (max-width: 782px) { .admin-bar .main-navigation { top: 0; } }
.main-navigation .sg-wrap { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.main-navigation ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; }
.main-navigation li { position: relative; }
.main-navigation a {
	display: block; padding: 14px 16px; color: #fff;
	font-family: var(--sg-font-head); font-weight: 600; font-size: .98rem; letter-spacing: .02em;
}
.main-navigation a:hover, .main-navigation a:focus,
.main-navigation .current-menu-item > a, .main-navigation .current_page_item > a,
.main-navigation .current-menu-ancestor > a { background: rgba(7,10,12,.35); color: var(--sg-gold); }
.main-navigation .sub-menu {
	display: none; position: absolute; left: 0; top: 100%; min-width: 210px;
	background: var(--sg-surface); box-shadow: var(--sg-shadow); flex-direction: column; z-index: 60;
}
.main-navigation li:hover > .sub-menu, .main-navigation li:focus-within > .sub-menu { display: flex; }
.nav-badge {
	display: inline-flex; align-items: center; gap: 6px; white-space: nowrap;
	color: var(--sg-gold); font-size: .88rem; font-weight: 700; padding: 6px 0;
}
.nav-badge svg { width: 16px; height: 16px; fill: var(--sg-orange); }
.menu-toggle {
	display: none; background: transparent; border: 0; color: #fff; cursor: pointer;
	padding: 12px 4px; font: 600 1rem var(--sg-font-head); align-items: center; gap: 8px;
}
.menu-toggle svg { width: 22px; height: 22px; fill: currentColor; }

/* ---------- Breadcrumb + page header ---------- */
.sg-breadcrumb { font-size: .9rem; color: var(--sg-muted); padding: 22px 0 6px; }
.sg-breadcrumb ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.sg-breadcrumb li + li::before { content: "/"; margin-right: 6px; color: #9ba7a2; }
.sg-breadcrumb a { color: var(--sg-muted); }
.sg-breadcrumb a:hover { color: var(--sg-orange-deep); }

.sg-layout {
	display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 34px;
	padding-bottom: 50px;
}
.sg-layout.no-sidebar { grid-template-columns: minmax(0, 1fr); }
.content-area { min-width: 0; }

.page-header { margin: 8px 0 22px; }
.page-header .lead { font-size: 1.06rem; color: #3f4a46; max-width: 760px; }

/* ---------- Toolbar (results + filter) ---------- */
.sg-toolbar {
	display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px;
	padding: 12px 0; margin-bottom: 18px; border-bottom: 1px solid var(--sg-line);
	font-size: .93rem; color: var(--sg-muted);
}
.sg-filter { display: flex; flex-wrap: wrap; gap: 6px; }
.sg-filter button {
	border: 1px solid var(--sg-line); background: #fff; color: var(--sg-ink); cursor: pointer;
	padding: 6px 14px; border-radius: 999px; font: 600 .85rem var(--sg-font-body);
	transition: all .2s;
}
.sg-filter button:hover { border-color: var(--sg-teal); color: var(--sg-teal); }
.sg-filter button[aria-pressed="true"] { background: var(--sg-ink); border-color: var(--sg-ink); color: var(--sg-gold); }

/* ---------- Card grid (Unite "shop" style) ---------- */
.sg-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: 0 0 40px; padding: 0; list-style: none; }
.sg-grid.cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sg-grid.cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sg-card {
	background: var(--sg-card); border: 1px solid var(--sg-line); border-radius: var(--sg-radius);
	display: flex; flex-direction: column; overflow: hidden; position: relative;
	transition: transform .25s, box-shadow .25s, border-color .25s;
}
.sg-card:hover { transform: translateY(-4px); box-shadow: var(--sg-shadow); border-color: #b7d9c1; }
.sg-card[hidden] { display: none; }
.sg-card-media {
	aspect-ratio: 4 / 3.4; margin: 10px 10px 0; border-radius: 8px; overflow: hidden;
	background:
		radial-gradient(circle at 50% 55%, rgba(21,194,74,.45), transparent 62%),
		linear-gradient(160deg, var(--sg-surface), var(--sg-deep));
	display: flex; align-items: center; justify-content: center; position: relative;
}
.sg-card-media::after {
	content: ""; position: absolute; inset: 0;
	background-image: radial-gradient(rgba(125,241,157,.8) 1px, transparent 1.4px);
	background-size: 46px 46px; background-position: 12px 8px; opacity: .35;
}
.sg-card-media svg { width: 54%; height: auto; position: relative; z-index: 1; filter: drop-shadow(0 6px 10px rgba(0,0,0,.35)); }
.sg-card-media img { width: 100%; height: 100%; object-fit: cover; }
.sg-badge {
	position: absolute; top: 18px; right: 18px; z-index: 2;
	width: 46px; height: 46px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
	background: var(--sg-orange); color: var(--sg-deep); font-size: .68rem; font-weight: 800; letter-spacing: .02em;
	box-shadow: 0 3px 8px rgba(0,0,0,.25);
}
.sg-card-body { padding: 14px 14px 16px; display: flex; flex-direction: column; flex: 1; }
.sg-card-title { font-size: 1.05rem; margin: 0 0 4px; }
.sg-card-title a { color: var(--sg-ink); }
.sg-card-title a:hover { color: var(--sg-orange-deep); }
.sg-meter { display: flex; gap: 3px; margin: 2px 0 8px; align-items: center; font-size: .75rem; color: var(--sg-muted); }
.sg-meter i { width: 14px; height: 6px; border-radius: 3px; background: #dbe2df; display: inline-block; }
.sg-meter i.on { background: var(--sg-orange); }
.sg-meter span { margin-left: 6px; }
.sg-card-text { font-size: .9rem; color: #434e4a; margin: 0 0 12px; }
.sg-tags { display: flex; flex-wrap: wrap; gap: 4px; margin: 0 0 12px; padding: 0; list-style: none; }
.sg-tags li { font-size: .72rem; font-weight: 700; padding: 2px 8px; border-radius: 999px; background: #e2f7e8; color: var(--sg-nav); }
.sg-card details { margin-top: auto; }
.sg-card summary { width: 100%; }
.sg-card summary, .sg-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 6px;
	cursor: pointer; list-style: none; user-select: none;
	padding: 8px 14px; border-radius: 6px; border: 0;
	background: var(--sg-orange); color: var(--sg-deep);
	font: 700 .85rem var(--sg-font-body); transition: background .2s, color .2s;
}
.sg-card summary::-webkit-details-marker { display: none; }
.sg-card summary:hover, .sg-btn:hover, .sg-btn:focus { background: var(--sg-ink); color: var(--sg-gold); }
.sg-card details[open] summary { background: var(--sg-ink); color: var(--sg-gold); }
.sg-card details > div { font-size: .88rem; color: #3f4a46; padding-top: 10px; }
.sg-card details > div p:last-child { margin-bottom: 0; }
.sg-btn-ghost { background: transparent; color: var(--sg-ink); border: 1px solid var(--sg-line); }

/* ---------- Home sections ---------- */
.sg-section { margin: 0 0 46px; scroll-margin-top: 80px; }
.sg-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; margin-bottom: 18px; border-bottom: 2px solid var(--sg-line); }
.sg-section-head h2 { margin: 0; padding-bottom: 10px; position: relative; }
.sg-section-head h2::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 64px; height: 2px; background: var(--sg-orange); }
.sg-section-head p { margin: 0 0 10px; font-size: .9rem; color: var(--sg-muted); }

.sg-hero {
	border-radius: 14px; overflow: hidden; margin: 6px 0 30px; color: #e3e8ea; position: relative;
	background:
		radial-gradient(ellipse at 15% 0%, rgba(21,194,74,.55), transparent 55%),
		radial-gradient(ellipse at 100% 100%, rgba(125,241,157,.22), transparent 50%),
		var(--sg-deep);
	padding: 34px 32px; display: grid; grid-template-columns: minmax(0,1fr) 170px; gap: 24px; align-items: center;
}
.sg-hero::before {
	content: ""; position: absolute; inset: 0; pointer-events: none;
	background-image: radial-gradient(rgba(125,241,157,.9) 1px, transparent 1.5px);
	background-size: 60px 60px; opacity: .25;
}
.sg-hero > * { position: relative; }
.sg-hero .eyebrow { display: inline-block; font: 700 .78rem var(--sg-font-head); letter-spacing: .18em; text-transform: uppercase; color: var(--sg-gold); margin-bottom: 8px; }
.sg-hero h1 { color: #fff; margin-bottom: 14px; }
.sg-hero h1 em { font-style: normal; color: var(--sg-gold); }
.sg-hero p { color: #b9c3c8; margin-bottom: 18px; max-width: 620px; }
.sg-hero img { width: 170px; height: 170px; filter: drop-shadow(0 10px 24px rgba(21,194,74,.45)); }
.sg-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.sg-hero .sg-btn-ghost { color: #e3e8ea; border-color: rgba(197,204,209,.45); }
.sg-hero .sg-btn-ghost:hover { background: rgba(197,204,209,.12); color: var(--sg-gold); }

.sg-split { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.sg-panel { background: #fff; border: 1px solid var(--sg-line); border-radius: var(--sg-radius); padding: 22px; }
.sg-panel h3 { display: flex; align-items: center; gap: 10px; }
.sg-panel h3 svg { width: 30px; height: 30px; flex: none; }
.sg-panel ul { margin: 0; padding-left: 1.1em; }
.sg-panel li { margin-bottom: 6px; }
.sg-panel li::marker { color: var(--sg-orange); }
.sg-panel.dark { background: linear-gradient(160deg, var(--sg-surface), var(--sg-deep)); border-color: var(--sg-surface); color: #d3dadd; }
.sg-panel.dark h3 { color: var(--sg-gold); }

.sg-glossary { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; margin: 0; }
.sg-glossary div { background: #fff; border: 1px solid var(--sg-line); border-left: 4px solid var(--sg-teal); border-radius: 8px; padding: 12px 14px; }
.sg-glossary dt { font: 700 1rem var(--sg-font-head); color: var(--sg-ink); }
.sg-glossary dd { margin: 2px 0 0; font-size: .9rem; color: #434e4a; }

.sg-faq details { background: #fff; border: 1px solid var(--sg-line); border-radius: 8px; margin-bottom: 10px; }
.sg-faq summary { cursor: pointer; padding: 14px 44px 14px 16px; font: 700 1rem var(--sg-font-head); color: var(--sg-ink); list-style: none; position: relative; }
.sg-faq summary::-webkit-details-marker { display: none; }
.sg-faq summary::after { content: "+"; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); font-size: 1.4rem; color: var(--sg-orange-deep); }
.sg-faq details[open] summary::after { content: "–"; }
.sg-faq details > div { padding: 0 16px 14px; color: #3f4a46; }

/* ---------- Posts ---------- */
.sg-post-card .sg-card-media { aspect-ratio: 16 / 10; }
.sg-post-meta { font-size: .8rem; color: var(--sg-muted); margin: 0 0 8px; }
.entry { background: #fff; border: 1px solid var(--sg-line); border-radius: var(--sg-radius); padding: 30px; }
.entry-header { margin-bottom: 18px; }
.entry-meta { font-size: .88rem; color: var(--sg-muted); }
.entry-thumb { margin: 0 0 22px; border-radius: 8px; overflow: hidden; }
.entry-thumb img { display: block; width: 100%; }
.entry-content h2 { margin-top: 1.4em; }
.entry-content h2:first-child { margin-top: 0; }
.entry-content h3 { margin-top: 1.2em; }
.entry-content blockquote { margin: 1.2em 0; padding: 12px 18px; border-left: 4px solid var(--sg-orange); background: #f6f8f7; }
.entry-content table { width: 100%; border-collapse: collapse; margin: 1em 0; }
.entry-content th, .entry-content td { border: 1px solid var(--sg-line); padding: 8px 10px; text-align: left; }
.entry-content .sg-note { background: #e9f8ee; border: 1px solid #bfe8cc; border-radius: 8px; padding: 14px 16px; }
.entry-content .sg-updated { font-size: .88rem; color: var(--sg-muted); }
.entry-footer { margin-top: 20px; font-size: .88rem; color: var(--sg-muted); }
.pagination, .nav-links { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 30px; }
.page-numbers { display: inline-block; padding: 6px 12px; border: 1px solid var(--sg-line); border-radius: 6px; background: #fff; }
.page-numbers.current { background: var(--sg-ink); color: var(--sg-gold); border-color: var(--sg-ink); }
.post-navigation .nav-links { justify-content: space-between; }

/* ---------- Sidebar ---------- */
.widget-area { min-width: 0; }
.widget { background: #fff; border: 1px solid var(--sg-line); border-radius: var(--sg-radius); padding: 18px; margin-bottom: 22px; }
.widget-title { font-size: 1.02rem; margin: 0 0 12px; text-transform: uppercase; letter-spacing: .06em; }
.widget ul { list-style: none; margin: 0; padding: 0; }
.widget li { padding: 7px 0; border-bottom: 1px dashed var(--sg-line); }
.widget li:last-child { border-bottom: 0; }

.search-form { display: flex; }
.search-field {
	flex: 1; min-width: 0;
	width: 100%; padding: 10px 12px; border: 1px solid var(--sg-line); border-right: 0;
	border-radius: 6px 0 0 6px; font: inherit; background: #fff; color: var(--sg-text);
}
.search-submit {
	border: 0; background: var(--sg-nav); color: #fff; padding: 0 14px; cursor: pointer;
	border-radius: 0 6px 6px 0; display: inline-flex; align-items: center;
}
.search-submit:hover { background: var(--sg-orange); color: var(--sg-deep); }
.search-submit svg { width: 18px; height: 18px; fill: currentColor; }

.sg-tabs { padding: 0; overflow: hidden; }
.sg-tablist { display: flex; border-bottom: 1px solid var(--sg-line); }
.sg-tablist button {
	flex: 1; border: 0; background: #eff2f1; cursor: pointer; padding: 12px 8px;
	font: 700 .82rem var(--sg-font-head); letter-spacing: .08em; text-transform: uppercase; color: var(--sg-muted);
	display: inline-flex; align-items: center; justify-content: center;
}
.sg-tablist button svg { width: 16px; height: 16px; fill: currentColor; }
.sg-tablist button[aria-selected="true"] { background: #fff; color: var(--sg-ink); box-shadow: inset 0 -3px 0 var(--sg-orange); }
.sg-tabpanel { padding: 14px 18px 8px; }
.sg-mini { display: flex; gap: 12px; align-items: center; padding: 8px 0; border-bottom: 1px dashed var(--sg-line); }
.sg-mini:last-child { border-bottom: 0; }
.sg-mini-thumb {
	flex: none; width: 52px; height: 52px; border-radius: 6px; overflow: hidden;
	background: linear-gradient(160deg, var(--sg-surface), var(--sg-deep)); display: flex; align-items: center; justify-content: center;
}
.sg-mini-thumb img { width: 100%; height: 100%; object-fit: cover; }
.sg-mini-thumb svg { width: 60%; height: 60%; }
.sg-mini a { font-weight: 700; color: var(--sg-ink); line-height: 1.35; display: block; font-size: .92rem; }
.sg-mini a:hover { color: var(--sg-orange-deep); }
.sg-mini time, .sg-mini small { font-size: .78rem; color: var(--sg-muted); }
.widget .sg-social a { color: var(--sg-nav); border-color: var(--sg-line); }
.widget .sg-social a:hover { color: var(--sg-deep); }

/* ---------- Footer ---------- */
.site-footer { background: var(--sg-deep); color: #aab4ba; font-size: .93rem; border-top: 3px solid var(--sg-orange); }
.footer-widgets { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 34px; padding: 42px 0 30px; }
.site-footer h2 { color: var(--sg-gold); font-size: 1.02rem; text-transform: uppercase; letter-spacing: .08em; }
.site-footer a { color: #d3dadd; }
.site-footer a:hover { color: var(--sg-gold); }
.site-footer ul { list-style: none; margin: 0; padding: 0; }
.site-footer li { padding: 4px 0; }
.footer-brand { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.footer-brand img { width: 52px; height: 52px; }
.footer-brand strong { font: 700 1.25rem var(--sg-font-head); color: var(--sg-gold); letter-spacing: .04em; }
.footer-brand strong span { color: var(--sg-mint); }
.site-info { border-top: 1px solid rgba(197,204,209,.15); padding: 16px 0; font-size: .85rem; }
.site-info .sg-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; }

/* ---------- Comments ---------- */
.comments-area { margin-top: 26px; }
.comment-list { list-style: none; padding: 0; }
.comment-body { background: #fff; border: 1px solid var(--sg-line); border-radius: 8px; padding: 14px; margin-bottom: 12px; }
.comment-form input[type=text], .comment-form input[type=email], .comment-form input[type=url], .comment-form textarea {
	width: 100%; padding: 10px; border: 1px solid var(--sg-line); border-radius: 6px; font: inherit;
}
.comment-form .submit { background: var(--sg-orange); border: 0; padding: 10px 18px; border-radius: 6px; font-weight: 700; cursor: pointer; }

/* ---------- WP core alignment ---------- */
.alignleft { float: left; margin: 0 1.2em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1.2em; }
.aligncenter { display: block; margin: 0 auto 1em; }
.wp-caption-text, figcaption { font-size: .85rem; color: var(--sg-muted); }
.sticky .sg-card { border-color: var(--sg-orange); }

/* ---------- Responsive ---------- */
@media (max-width: 1080px) {
	.nav-badge { display: none; }
	.sg-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 960px) {
	.sg-layout { grid-template-columns: minmax(0, 1fr); }
	.footer-widgets { grid-template-columns: 1fr 1fr; }
	.footer-widgets > :first-child { grid-column: 1 / -1; }
}
@media (max-width: 860px) {
	.menu-toggle { display: inline-flex; }
	.nav-badge { display: none; }
	.main-navigation .sg-wrap { flex-wrap: wrap; }
	.main-navigation .menu-wrap { display: none; width: 100%; padding-bottom: 8px; }
	.main-navigation.is-open .menu-wrap { display: block; }
	.main-navigation ul { flex-direction: column; }
	.main-navigation .sub-menu { position: static; display: flex; box-shadow: none; background: transparent; padding-left: 14px; }
	.site-header .sg-wrap { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 700px) {
	.sg-grid, .sg-grid.cols-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
	.sg-split, .sg-glossary, .sg-grid.cols-2 { grid-template-columns: 1fr; }
	.sg-hero { grid-template-columns: 1fr; padding: 26px 20px; }
	.sg-hero img { width: 110px; height: 110px; order: -1; }
	.entry { padding: 20px 16px; }
	.site-branding-text { display: none; }
}
@media (max-width: 420px) {
	.sg-grid, .sg-grid.cols-3 { grid-template-columns: 1fr; }
	.footer-widgets { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
	* { transition: none !important; scroll-behavior: auto !important; }
}