/* tech201 Theme Toggle 1.0.3: homepage, page and form styles */
/* Kadence has no theme.json, so Group blocks wrap children in an inner container: let it pass layout through */
[class*="t201-"] > .wp-block-group__inner-container{display:contents}
.t201-section-head > *,.t201-section-head > .wp-block-group__inner-container > *{flex:0 0 auto}
.t201-topics .t201-card,.t201-latest .t201-card{margin:0}
.t201-wrap{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;box-sizing:border-box}
.entry-content > .t201-hero{margin-top:0;padding:88px 0 80px}
.t201-hero .t201-wrap > *{max-width:860px}
.t201-kicker{margin:0 0 24px;font-family:var(--t201-mono);font-size:13px;letter-spacing:.04em;color:var(--global-palette1)}
.t201-hero .t201-hero-title{margin:0 0 24px;font-size:clamp(38px,5.4vw,64px);line-height:1.05;font-weight:800;letter-spacing:-.03em}
.t201-lead{margin:0 0 28px;max-width:640px;font-size:19px;line-height:1.6;color:var(--global-palette6)}
.t201-hero-search{max-width:640px}
.t201-hero-search .wp-block-search__inside-wrapper{display:flex;flex-wrap:wrap;gap:10px;border:0;padding:0}
.t201-hero-search .wp-block-search__input{flex:1 1 300px;min-width:0;height:52px;padding:0 18px;border-radius:12px;border:1px solid var(--t201-border2);background:var(--t201-surface2);color:var(--global-palette4);font-size:16px}
.t201-hero-search .wp-block-search__input::placeholder{color:var(--global-palette6);opacity:1}
.t201-hero-search .wp-block-search__input:focus{outline:2px solid var(--global-palette1);outline-offset:1px;border-color:transparent}
.t201-hero-search .wp-block-search__button:not(.has-background){height:52px;margin:0;padding:0 24px;border:0;border-radius:12px;background:var(--global-palette1);color:var(--global-palette9);font-size:16px;font-weight:700}
.t201-hero-search .wp-block-search__button:not(.has-background):hover{background:var(--global-palette2)}
.t201-section{padding-top:64px;padding-bottom:8px}
.entry-content > .t201-section:last-child{padding-bottom:72px}
.t201-section h2{margin:0 0 24px;font-size:28px;letter-spacing:-.02em}
.t201-section-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:24px}
.t201-section-head h2{margin:0}
.t201-section-head p{margin:0}
.t201-section-head a{font-weight:600;text-decoration:none}
.t201-latest .wp-block-post-template{gap:20px}
.t201-latest .t201-card{height:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:12px}
.t201-latest .t201-card > *{margin:0}
.t201-card-cat,.t201-card-cat a{font-family:var(--t201-mono);font-size:12px;text-decoration:none}
.t201-card-title{font-size:20px;line-height:1.35}
.t201-card-title a{color:var(--global-palette3);text-decoration:none}
.t201-card-title a:hover{color:var(--global-palette1)}
.t201-card-excerpt,.t201-card-excerpt p{margin:0;font-size:15px;line-height:1.6;color:var(--global-palette6)}
.t201-card-excerpt .wp-block-post-excerpt__more-text{display:none}
.t201-empty{padding:24px;border:1px dashed var(--t201-border2);border-radius:14px;color:var(--global-palette6)}
.t201-topics{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.t201-topics > *{margin:0}
.t201-card.t201-topic{position:relative;display:grid;grid-template-columns:44px 1fr;column-gap:16px;align-items:start;padding:22px;background:var(--t201-surface2)}
.t201-topic::before{content:"";grid-row:1 / span 2;width:44px;height:44px;box-sizing:border-box;border-radius:10px;border:1px solid var(--global-palette7);background:var(--global-palette9)}
.t201-topic::after{content:"";position:absolute;left:33px;top:33px;width:22px;height:22px;background:var(--global-palette1);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}
.t201-topic h3{grid-column:2;margin:0 0 4px;font-size:17px;line-height:1.35}
.t201-topic h3 a{color:var(--global-palette3);text-decoration:none}
.t201-topic h3 a::before{content:"";position:absolute;inset:0;border-radius:14px}
.t201-topic:hover{border-color:var(--t201-border2)}
.t201-topic p{grid-column:2;margin:0;font-size:14px;line-height:1.5;color:var(--global-palette6)}
.t201-card.t201-author{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:32px 36px}
.t201-author > *{margin:0}
.t201-author-text{flex:1 1 480px}
.t201-author-text p{margin:0}
.t201-author-name{font-weight:700;font-size:19px;color:var(--global-palette3)}
.t201-author-text p + p{margin-top:6px;font-size:15px;color:var(--global-palette6)}
.t201-author .wp-block-button__link{border-radius:12px}
@media (max-width:767px){.entry-content > .t201-hero{padding:56px 0 48px}.t201-section{padding-top:48px}.t201-card.t201-author{padding:24px}}

/* Topic card icons */
.t201-topic-linux::after{-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Crect x="3" y="4" width="18" height="16" rx="2"/%3E%3Cpath d="M7 9l3 3-3 3M12 15h5"/%3E%3C/svg%3E');mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Crect x="3" y="4" width="18" height="16" rx="2"/%3E%3Cpath d="M7 9l3 3-3 3M12 15h5"/%3E%3C/svg%3E')}
.t201-topic-windows::after{-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Crect x="3" y="4" width="18" height="12" rx="2"/%3E%3Cpath d="M8 20h8M12 16v4"/%3E%3C/svg%3E');mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Crect x="3" y="4" width="18" height="12" rx="2"/%3E%3Cpath d="M8 20h8M12 16v4"/%3E%3C/svg%3E')}
.t201-topic-microsoft-365::after{-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Crect x="3" y="3" width="7" height="7" rx="1.5"/%3E%3Crect x="14" y="3" width="7" height="7" rx="1.5"/%3E%3Crect x="3" y="14" width="7" height="7" rx="1.5"/%3E%3Crect x="14" y="14" width="7" height="7" rx="1.5"/%3E%3C/svg%3E');mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Crect x="3" y="3" width="7" height="7" rx="1.5"/%3E%3Crect x="14" y="3" width="7" height="7" rx="1.5"/%3E%3Crect x="3" y="14" width="7" height="7" rx="1.5"/%3E%3Crect x="14" y="14" width="7" height="7" rx="1.5"/%3E%3C/svg%3E')}
.t201-topic-networking::after{-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M2 9a15 15 0 0 1 20 0"/%3E%3Cpath d="M5.5 12.5a10 10 0 0 1 13 0"/%3E%3Cpath d="M9 16a5 5 0 0 1 6 0"/%3E%3Ccircle cx="12" cy="19.5" r="1"/%3E%3C/svg%3E');mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M2 9a15 15 0 0 1 20 0"/%3E%3Cpath d="M5.5 12.5a10 10 0 0 1 13 0"/%3E%3Cpath d="M9 16a5 5 0 0 1 6 0"/%3E%3Ccircle cx="12" cy="19.5" r="1"/%3E%3C/svg%3E')}
.t201-topic-backup-security::after{-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M12 3l8 3v6c0 4.5-3.4 8.3-8 9-4.6-.7-8-4.5-8-9V6z"/%3E%3Cpath d="M9 12l2 2 4-4"/%3E%3C/svg%3E');mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M12 3l8 3v6c0 4.5-3.4 8.3-8 9-4.6-.7-8-4.5-8-9V6z"/%3E%3Cpath d="M9 12l2 2 4-4"/%3E%3C/svg%3E')}
.t201-topic-hardware::after{-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Crect x="6" y="6" width="12" height="12" rx="2"/%3E%3Cpath d="M9 2v4M15 2v4M9 18v4M15 18v4M2 9h4M2 15h4M18 9h4M18 15h4"/%3E%3C/svg%3E');mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Crect x="6" y="6" width="12" height="12" rx="2"/%3E%3Cpath d="M9 2v4M15 2v4M9 18v4M15 18v4M2 9h4M2 15h4M18 9h4M18 15h4"/%3E%3C/svg%3E')}
.t201-topic-oracle-apex::after{-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M8 8l-4 4 4 4M16 8l4 4-4 4M14 5l-4 14"/%3E%3C/svg%3E');mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M8 8l-4 4 4 4M16 8l4 4-4 4M14 5l-4 14"/%3E%3C/svg%3E')}

/* ---------- Formidable Forms: follow the site palette in both modes ---------- */
.with_frm_style {
	--title-color: var(--global-palette3);
	--form-desc-color: var(--global-palette6);
	--font-size: 15px;
	--label-color: var(--global-palette3);
	--weight: 600;
	--required-color: var(--global-palette13);
	--description-font-size: 13px;
	--description-color: var(--global-palette6);
	--field-font-size: 16px;
	--field-height: 48px;
	--line-height: 1.5;
	--field-pad: 10px 14px;
	--text-color: var(--global-palette4);
	--border-color: var(--t201-border2);
	--bg-color: var(--t201-surface2);
	--bg-color-active: var(--t201-surface2);
	--border-color-active: var(--global-palette1);
	--text-color-error: var(--global-palette4);
	--bg-color-error: var(--t201-surface2);
	--border-color-error: var(--global-palette13);
	--bg-color-disabled: var(--global-palette7);
	--border-color-disabled: var(--global-palette7);
	--text-color-disabled: var(--global-palette6);
	--check-label-color: var(--global-palette4);
	--border-radius: 10px;
	--submit-font-size: 16px;
	--submit-weight: 700;
	--submit-bg-color: var(--global-palette1);
	--submit-border-color: var(--global-palette1);
	--submit-text-color: var(--global-palette9);
	--submit-hover-bg-color: var(--global-palette2);
	--submit-hover-border-color: var(--global-palette2);
	--submit-hover-color: var(--global-palette9);
	--submit-active-bg-color: var(--global-palette2);
	--submit-active-border-color: var(--global-palette2);
	--submit-active-color: var(--global-palette9);
	--submit-border-radius: 12px;
	--submit-padding: 12px 24px;
	--success-bg-color: var(--t201-badge-bg);
	--success-border-color: var(--t201-badge);
	--success-text-color: var(--t201-badge);
	--error-bg: var(--t201-note-bg);
	--error-border: var(--t201-note-border);
	--error-text: var(--t201-note);
}
.with_frm_style input[type="text"],
.with_frm_style input[type="email"],
.with_frm_style input[type="url"],
.with_frm_style textarea,
.with_frm_style select {
	border-radius: 10px !important;
}
.with_frm_style input::placeholder,
.with_frm_style textarea::placeholder {
	color: var(--global-palette6);
	opacity: 1;
}
.with_frm_style input:focus,
.with_frm_style textarea:focus {
	outline: 2px solid var(--global-palette1);
	outline-offset: 1px;
	box-shadow: none !important;
}
.with_frm_style .frm_submit button {
	border-radius: 12px;
	padding: 12px 24px;
	font-weight: 700;
	box-shadow: none;
}
.with_frm_style .frm_message,
.frm_forms .frm_message {
	padding: 16px 20px;
	border-radius: 12px;
	border: 1px solid var(--t201-badge);
	background: var(--t201-badge-bg);
	color: var(--t201-badge);
}
.with_frm_style .frm_error_style {
	border-radius: 12px;
	border: 1px solid var(--t201-note-border);
	background: var(--t201-note-bg);
	color: var(--t201-note);
}