/* Kebab Theme — design system matched to reference clone */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{
	margin:0;
	max-width:100%;
	overflow-x:clip;
	font-family:var(--theme-font-body);
	font-size:var(--theme-font-size-base);
	line-height:var(--theme-line-height);
	color:var(--theme-text);
	background:var(--theme-page-background);
}
img{max-width:100%;height:auto;display:block}
:focus-visible{outline:3px solid var(--theme-primary);outline-offset:2px}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Spacing scale */
:root{
	--space-xs:8px;
	--space-sm:12px;
	--space-md:20px;
	--space-lg:32px;
	--space-xl:48px;
	--space-2xl:72px;
}

/* Global container — matches reference site-container (1290px) */
.site-container,
.kebab-container{
	width:min(100% - 24px, var(--theme-content-width));
	margin-inline:auto;
}
@media (min-width:768px){
	.site-container,
	.kebab-container{width:min(100% - 40px, var(--theme-content-width))}
}
@media (min-width:1025px){
	.site-container,
	.kebab-container{width:min(100% - 32px, var(--theme-content-width))}
}

.kebab-skip-link{
	position:absolute;left:-9999px;top:auto;z-index:9999;
	padding:.75rem 1rem;background:var(--theme-header-background);color:var(--theme-light-text);
}
.kebab-skip-link:focus{left:1rem;top:1rem}

/* Header */
.kebab-header{
	background:var(--theme-header-background);
	color:var(--theme-light-text);
	position:sticky;top:0;z-index:100;
	border-bottom:1px solid rgba(255,255,255,.06);
}
.kebab-header__inner{
	display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);
	min-height:var(--theme-header-height);
}
.kebab-header__brand{flex:0 0 auto}
.kebab-header__logo-link,.kebab-site-title{
	color:var(--theme-light-text);
	font-weight:900;font-size:1.1rem;text-decoration:none;
}
.kebab-header__logo-link img,
.kebab-header__logo-link .kebab-logo,
.kebab-header__logo-link svg.kebab-logo{max-height:58px;width:auto;max-width:min(100%,280px);display:block}
.kebab-logo--wordmark{max-height:58px;width:auto;max-width:min(100%,280px)}
.kebab-logo--inline{height:58px;width:auto;max-width:min(100%,280px)}
.kebab-logo--icon{max-height:44px;width:auto;border-radius:10px}
.kebab-footer__logo img,
.kebab-footer__logo .kebab-logo,
.kebab-footer__logo svg.kebab-logo{max-height:52px;width:auto;max-width:min(100%,280px);display:block}
.kebab-footer__logo .kebab-logo--inline{height:52px}

.kebab-nav--desktop{display:none;flex:1 1 auto;justify-content:flex-end}
.kebab-menu{
	display:flex;align-items:center;gap:.15rem;
	list-style:none;margin:0;padding:0;
}
.kebab-menu-item{position:relative}
.kebab-menu-link,
.kebab-menu a{
	display:flex;align-items:center;gap:.35rem;
	padding:.6em .85em;
	color:var(--theme-light-text);
	font-weight:900;font-size:15px;
	line-height:1.2;
	text-decoration:none;
	white-space:nowrap;
	border-radius:4px;
}
.kebab-menu-link:hover,
.kebab-menu-link:focus,
.kebab-menu a:hover,
.kebab-menu a:focus{
	color:var(--theme-primary);
	background:rgba(255,255,255,.08);
	text-decoration:none;
}
.kebab-menu-item.current-menu-item>.kebab-menu-link,
.kebab-menu-item.current-menu-ancestor>.kebab-menu-link{
	color:var(--theme-primary);
	background:rgba(255,255,255,.06);
}

.kebab-menu-item__caret{
	display:inline-flex;width:1rem;height:1rem;opacity:.85;
}
.kebab-menu-item__caret svg{width:100%;height:100%;fill:currentColor}

/* Dropdown */
.kebab-submenu{
	position:absolute;left:0;top:100%;
	min-width:240px;max-width:260px;
	margin:0;padding:0;list-style:none;
	background:var(--theme-dropdown-background);
	box-shadow:0 2px 13px rgba(0,0,0,.18);
	border-radius:0 0 4px 4px;
	display:none;z-index:120;
}
.kebab-menu-item--has-children.is-open>.kebab-submenu,
.kebab-menu-item--has-children:hover>.kebab-submenu,
.kebab-menu-item--has-children:focus-within>.kebab-submenu{display:block}
.kebab-submenu .kebab-menu-item{border-bottom:1px solid rgba(255,255,255,.1)}
.kebab-submenu .kebab-menu-item:last-child{border-bottom:0}
.kebab-submenu .kebab-menu-link{
	width:100%;min-height:44px;
	padding:1em 1.1em;
	color:var(--theme-light-text);
	font-weight:600;font-size:12px;
	white-space:normal;
}
.kebab-submenu .kebab-menu-link:hover,
.kebab-submenu .kebab-menu-link:focus{
	color:var(--theme-light-text);
	background:var(--theme-dropdown-hover);
}
.kebab-submenu-toggle{display:none}

.kebab-header__actions{display:flex;align-items:center;gap:.75rem;flex:0 0 auto;min-width:0}
.kebab-menu-toggle{
	display:inline-flex;align-items:center;justify-content:center;
	width:42px;height:42px;padding:0;flex-shrink:0;
	background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);
	color:var(--theme-light-text);cursor:pointer;border-radius:8px;
	font-size:1.25rem;line-height:1;
}
.kebab-btn{
	display:inline-flex;align-items:center;justify-content:center;
	padding:.65rem 1.15rem;border-radius:var(--theme-button-radius);
	font-weight:900;font-size:14px;border:2px solid transparent;
	cursor:pointer;text-decoration:none;white-space:nowrap;
	line-height:1.2;
}
.kebab-btn--primary,
.kebab-btn--header{
	background:var(--theme-button-bg);color:var(--theme-button-text);
	border-color:var(--theme-button-bg);
}
.kebab-btn--primary:hover,
.kebab-btn--primary:focus,
.kebab-btn--header:hover,
.kebab-btn--header:focus{
	background:var(--theme-primary-hover);color:var(--theme-button-text);text-decoration:none;
}
.kebab-btn--secondary{
	background:var(--theme-secondary);color:var(--theme-light-text);
	border-color:var(--theme-secondary);
}
.kebab-btn--secondary:hover,
.kebab-btn--secondary:focus{
	background:var(--theme-dropdown-hover);color:var(--theme-light-text);text-decoration:none;
}
.kebab-btn--ghost{
	background:var(--theme-content-background);color:var(--theme-text);
	border-color:var(--theme-border);
}
.kebab-btn--ghost:hover,
.kebab-btn--ghost:focus{
	border-color:var(--theme-primary);color:var(--theme-primary);text-decoration:none;
}
.kebab-btn--large{padding:.85rem 1.5rem;font-size:1rem}

/* Mobile drawer */
.kebab-mobile-drawer[hidden]{display:none}
.kebab-mobile-drawer{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:200}
.kebab-mobile-drawer__panel{
	position:absolute;right:0;top:0;bottom:0;
	width:min(340px,92vw);
	background:var(--theme-header-background);
	padding:var(--space-md);overflow:auto;
}
.kebab-mobile-drawer__close{
	background:transparent;border:0;color:var(--theme-primary);
	font-size:2rem;cursor:pointer;line-height:1;
}
.kebab-menu--mobile{flex-direction:column;align-items:stretch;gap:0}
.kebab-menu--mobile .kebab-menu-item{border-bottom:1px solid rgba(255,255,255,.1)}
.kebab-menu--mobile .kebab-menu-link{
	width:100%;padding:1em .5em;font-size:14px;white-space:normal;
}
.kebab-menu--mobile .kebab-submenu{
	position:static;display:none;min-width:0;max-width:none;
	box-shadow:none;background:rgba(0,0,0,.2);margin:.25rem 0 .5rem;
}
.kebab-menu--mobile .kebab-menu-item--has-children.is-open>.kebab-submenu{display:block}
.kebab-menu--mobile .kebab-submenu .kebab-menu-link{padding-left:1.5rem;font-size:13px}
.kebab-menu--mobile .kebab-submenu-toggle{
	display:inline-flex;align-items:center;justify-content:center;
	margin-left:auto;background:transparent;border:0;color:var(--theme-primary);
	padding:.5rem;cursor:pointer;
}

/* Main content areas */
.kebab-main{padding:0;background:var(--theme-page-background)}
.kebab-main:not(.kebab-main--reference){padding:var(--space-lg) 0}
.kebab-article{
	background:var(--theme-content-background);
	border-radius:var(--theme-radius);
	padding:var(--space-lg);
	box-shadow:0 15px 15px -10px rgba(0,0,0,.05);
}
.kebab-article a{color:var(--theme-primary)}
.kebab-article__title{margin-top:0;color:var(--theme-secondary)}
.kebab-article__intro{font-size:1.05rem;color:var(--theme-muted);max-width:72ch}
.kebab-breadcrumbs{margin-bottom:var(--space-md);font-size:.9rem;color:var(--theme-muted)}
.kebab-breadcrumbs a{color:var(--theme-primary)}
.kebab-breadcrumbs__list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}
.kebab-breadcrumbs__item:not(:last-child)::after{content:"/";margin-left:.5rem;color:var(--theme-muted)}

/* Footer */
.kebab-footer{
	background:var(--theme-footer-background);
	color:var(--theme-light-text);
	padding:40px 0 24px;
	margin-top:0;
}
.kebab-footer a{
	color:var(--theme-light-text);
	text-decoration:none;
}
.kebab-footer a:hover,
.kebab-footer a:focus{
	color:var(--theme-button-hover);
	text-decoration:underline;
}
.kebab-footer__grid{
	display:grid;grid-template-columns:1.4fr 1fr 1fr;
	gap:var(--space-xl);margin-bottom:var(--space-lg);
}
.kebab-footer__brand-name{
	font-size:16px;font-weight:700;color:var(--theme-light-text);
	letter-spacing:.1em;text-transform:uppercase;margin:0 0 4px;
}
.kebab-footer__brand-tag{
	font-size:9px;letter-spacing:.25em;text-transform:uppercase;
	color:var(--theme-primary);margin-bottom:14px;
}
.kebab-footer__brand-text{
	font-size:13px;color:var(--theme-light-text);line-height:1.8;max-width:36ch;margin:0 0 8px;
}
.kebab-footer__heading{
	font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;
	color:var(--theme-light-text);margin:0 0 12px;
}
.kebab-footer__links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.kebab-footer__links a{font-size:13px;color:var(--theme-light-text)}
.kebab-footer__links a:hover,
.kebab-footer__links a:focus{color:var(--theme-button-hover)}
.kebab-footer__bottom{
	border-top:1px solid color-mix(in srgb, var(--theme-primary) 25%, transparent);
	padding-top:18px;display:flex;justify-content:space-between;align-items:center;
	flex-wrap:wrap;gap:10px;
}
.kebab-footer__copyright,
.kebab-footer__responsible{font-size:11px;color:var(--theme-light-text);margin:0}
.kebab-footer__meta-links{display:flex;flex-wrap:wrap;gap:1rem}
.kebab-footer__meta-links a{font-size:11px;color:var(--theme-light-text)}

/* Utility components */
.kebab-direct-answer,.kebab-key-facts{
	background:var(--theme-soft-background);border:1px solid var(--theme-border);
	border-left:4px solid var(--theme-primary);padding:1rem 1.25rem;
	border-radius:var(--theme-radius);margin:1rem 0;color:var(--theme-text);
}
.kebab-toc,.kebab-faq__item,.kebab-author-box{
	background:var(--theme-card-background);border:1px solid var(--theme-border);
	color:var(--theme-text);
}
.kebab-author-line,.kebab-reviewed-by{color:var(--theme-muted)}
.kebab-faq__title{color:var(--theme-secondary)}
.kebab-faq__question{color:var(--theme-text)}
.kebab-faq__answer,.kebab-faq__item p{color:var(--theme-text)}
.kebab-toc__toggle{color:var(--theme-secondary)}
.kebab-author-box__name{color:var(--theme-secondary)}
.kebab-disclaimer{color:var(--theme-muted);font-size:.8rem;line-height:1.5}
.entry-content h2,.entry-content h3{margin-top:2rem;color:var(--theme-secondary)}
.entry-content p,.entry-content li{color:var(--theme-text)}
.entry-content ul,.entry-content ol{padding-left:1.5rem}

/* Native Gutenberg content converted from imported reference pages */
.entry-content .kebab-native-flow,
.entry-content .kebab-native-section{
	margin:0;
	padding:0;
}
.entry-content .kebab-native-section{
	margin-block:clamp(24px,4vw,44px);
}
.entry-content .kebab-native-section>.wp-block-group__inner-container,
.entry-content .kebab-native-section{
	display:block;
}
.entry-content .wp-block-group.kebab-native-section{
	background:transparent;
	border-radius:0;
	padding:0;
	border:0;
}
.entry-content .wp-block-group.kebab-native-section:has(.kebab-native-button){
	background:transparent;
	border-left:0;
}
.entry-content .kebab-native-section h2,
.entry-content .kebab-native-section h3{
	margin-top:0;
	margin-bottom:14px;
	font-weight:900;
	line-height:1.2;
}
.entry-content .kebab-native-section p{
	max-width:78ch;
	margin:0 0 16px;
	line-height:1.75;
}
.entry-content .kebab-native-section a{
	color:var(--theme-primary);
	font-weight:600;
	text-decoration:none;
}
.entry-content .kebab-native-section a:hover,
.entry-content .kebab-native-section a:focus{
	text-decoration:underline;
}
.entry-content .kebab-native-buttons{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin:18px 0;
}
.entry-content .kebab-native-button .wp-block-button__link{
	background:var(--theme-button-bg);
	color:var(--theme-button-text);
	border-radius:var(--theme-button-radius);
	font-weight:800;
	padding:12px 20px;
	text-decoration:none;
}
.entry-content .kebab-native-button .wp-block-button__link:hover,
.entry-content .kebab-native-button .wp-block-button__link:focus{
	background:var(--theme-primary-hover);
	color:var(--theme-button-text);
	text-decoration:none;
}
.entry-content .kebab-native-table{
	margin:20px 0;
	overflow-x:auto;
}
.entry-content .kebab-native-table table{
	width:100%;
	min-width:520px;
	border-collapse:collapse;
	background:var(--theme-content-background);
	border:1px solid var(--theme-border);
	border-radius:10px;
	overflow:hidden;
}
.entry-content .kebab-native-table th,
.entry-content .kebab-native-table td{
	padding:11px 14px;
	border-bottom:1px solid var(--theme-border);
	text-align:left;
	vertical-align:top;
}
.entry-content .kebab-native-table th{
	background:var(--theme-soft-background);
	color:var(--theme-secondary);
	font-size:12px;
	font-weight:800;
	text-transform:uppercase;
	letter-spacing:.06em;
}
.entry-content .kebab-native-table tr:last-child td{border-bottom:0}
.entry-content .wp-block-image{
	margin:24px 0;
}
.entry-content .wp-block-image img{
	border-radius:10px;
}
.kebab-editor-added-content{
	width:min(100%,960px);
	margin:clamp(28px,4vw,48px) auto 0;
	padding:0 clamp(16px,3vw,32px);
}
.kebab-editor-added-content h2,
.kebab-editor-added-content h3{
	color:var(--theme-primary);
	margin:0 0 16px;
	font-weight:900;
	line-height:1.25;
}
.kebab-editor-added-content p{
	max-width:76ch;
	margin:0 0 16px;
	line-height:1.75;
}
.kebab-editor-added-content img{
	max-width:100%;
	height:auto;
	border-radius:10px;
}

@media (min-width:1025px){
	.kebab-nav--desktop{display:flex}
	.kebab-menu-toggle{display:none}
}
@media (max-width:1024px){
	.kebab-footer__grid{grid-template-columns:1fr 1fr}
	.kebab-header{overflow-x:clip}
	.kebab-header .site-container.kebab-header__inner{
		width:100%;max-width:100%;
		padding-inline:12px;
		gap:8px;
	}
	.kebab-header__brand{
		flex:1 1 auto;min-width:0;max-width:calc(100% - 150px);
	}
	.kebab-header__logo-link img,
	.kebab-header__logo-link .kebab-logo,
	.kebab-header__logo-link svg.kebab-logo{
		max-height:44px;max-width:min(100%,170px);
	}
	.kebab-logo--inline{height:44px;max-width:min(100%,170px)}
	.kebab-header__actions{gap:6px}
	.kebab-btn--header{
		padding:.5rem .7rem;font-size:12px;
	}
	.kebab-menu-toggle{display:inline-flex}
}
@media (max-width:767px){
	.kebab-main:not(.kebab-main--reference){padding:var(--space-md) 0}
	.kebab-article{padding:var(--space-md)}
	.kebab-footer__grid{grid-template-columns:1fr}
	.kebab-btn--header{
		padding:.45rem .55rem;font-size:11px;
	}
}
@media (max-width:380px){
	.kebab-header__logo-link img,
	.kebab-header__logo-link .kebab-logo,
	.kebab-header__logo-link svg.kebab-logo{
		max-width:min(100%,130px);
	}
	.kebab-logo--inline{max-width:min(100%,130px)}
}