/* Kusworo Tech — responsive technology news/magazine theme */
:root {
  --kusworo-radius: 14px;
  --kusworo-transition: 180ms ease;
  --kusworo-container-pad: clamp(16px, 3vw, 28px);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { overflow-x: hidden; }
img, video, iframe { max-width: 100%; }
.wp-site-blocks { min-height: 100vh; }
.wp-site-blocks > * { min-width: 0; }

:where(a, button, input, textarea, select):focus-visible {
  outline: 3px solid color-mix(in srgb, var(--wp--preset--color--gold) 78%, white);
  outline-offset: 3px;
}

.kusworo-tech-utility a,
.kusworo-tech-masthead a,
.kusworo-tech-header a,
.kusworo-tech-footer a { text-decoration: none; }

.kusworo-tech-utility p,
.kusworo-tech-footer p { margin-block-start: 0; }
.kusworo-tech-bismillah { font-family: var(--wp--preset--font-family--arabic); }

.kusworo-tech-masthead {
  position: relative;
  overflow: hidden;
}
.kusworo-tech-masthead::before,
.kusworo-tech-footer::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .045;
  background-image:
    linear-gradient(30deg, currentColor 12%, transparent 12.5%, transparent 87%, currentColor 87.5%, currentColor),
    linear-gradient(150deg, currentColor 12%, transparent 12.5%, transparent 87%, currentColor 87.5%, currentColor),
    linear-gradient(30deg, currentColor 12%, transparent 12.5%, transparent 87%, currentColor 87.5%, currentColor),
    linear-gradient(150deg, currentColor 12%, transparent 12.5%, transparent 87%, currentColor 87.5%, currentColor);
  background-size: 46px 80px;
  background-position: 0 0, 0 0, 23px 40px, 23px 40px;
}
.kusworo-tech-masthead > *, .kusworo-tech-footer > * { position: relative; }
.kusworo-tech-masthead-inner { min-height: 66px; }
.kusworo-tech-brand { min-width: 0; }
.kusworo-tech-site-logo:has(img) + .kusworo-tech-logo-mark { display: none; }
.kusworo-tech-site-logo img { border-radius: 12px; }

.kusworo-tech-logo-mark {
  display: inline-flex;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  margin: 0;
  align-items: center;
  justify-content: center;
  border-radius: 50% 50% 50% 12px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.2);
  font-size: 14px;
  font-weight: 950;
  letter-spacing: -.04em;
  line-height: 1;
}
.kusworo-tech-site-title {
  max-width: min(50vw, 520px);
  overflow-wrap: anywhere;
  letter-spacing: -.045em;
}
.kusworo-tech-tagline { letter-spacing: .08em; }

.kusworo-tech-header-search { width: min(430px, 40vw); }
.kusworo-tech-header-search .wp-block-search__inside-wrapper {
  min-width: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--wp--preset--color--line);
  border-radius: 999px;
  background: var(--wp--preset--color--surface);
}
.kusworo-tech-header-search .wp-block-search__input {
  min-width: 0;
  min-height: 44px;
  padding-inline: 18px;
  border: 0;
  background: transparent;
}
.kusworo-tech-header-search .wp-block-search__button {
  min-width: 48px;
  min-height: 44px;
  margin: 0;
  border-radius: 0;
  background: var(--wp--preset--color--primary);
}

.kusworo-tech-nav-shell {
  position: sticky;
  top: 0;
  z-index: 99;
  border-bottom: 3px solid var(--wp--preset--color--gold);
  transition: box-shadow var(--kusworo-transition);
}
.admin-bar .kusworo-tech-nav-shell { top: 32px; }
.kusworo-tech-nav-shell.is-scrolled { box-shadow: 0 8px 26px rgba(4,62,158,.24); }
.kusworo-tech-nav-inner { min-width: 0; }
.kusworo-tech-main-nav { min-width: 0; }
.kusworo-tech-main-nav .wp-block-navigation__container { min-width: 0; }
.kusworo-tech-main-nav .wp-block-navigation-item__content {
  display: flex;
  min-height: 50px;
  padding: 0 13px;
  align-items: center;
  color: #fff;
  white-space: nowrap;
}
.kusworo-tech-main-nav .wp-block-navigation-item__content:hover,
.kusworo-tech-main-nav .current-menu-item > .wp-block-navigation-item__content {
  background: rgba(255,255,255,.10);
  color: #fff;
}
.kusworo-tech-prayer-link {
  flex: 0 0 auto;
  margin: 0;
  border-radius: 999px;
  background: var(--wp--preset--color--gold);
}
.kusworo-tech-prayer-link a {
  display: inline-flex;
  min-height: 36px;
  padding: 0 13px;
  align-items: center;
  color: var(--wp--preset--color--forest) !important;
}

.kusworo-tech-trending .alignwide { min-width: 0; }
.kusworo-tech-trending-label {
  flex: 0 0 auto;
  margin: 0;
  padding: 5px 10px;
  border-radius: 999px;
}
.kusworo-tech-ticker {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
}
.kusworo-tech-ticker.wp-block-latest-posts,
.kusworo-tech-ticker .wp-block-latest-posts {
  display: flex;
  gap: 1.65rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.kusworo-tech-ticker li { display: inline-block; }
.kusworo-tech-ticker li::before {
  content: "◆";
  margin-right: .6rem;
  color: var(--wp--preset--color--gold);
  font-size: .65em;
}

.kusworo-tech-welcome { border-bottom: 1px solid var(--wp--preset--color--gold-light); }
.kusworo-tech-welcome p { margin: 0; }
.kusworo-tech-arabic { direction: rtl; }

.kusworo-tech-section-heading {
  gap: 10px;
  padding-bottom: 11px;
  border-bottom: 2px solid var(--wp--preset--color--forest);
}
.kusworo-tech-section-title {
  position: relative;
  margin-top: 0;
  padding-left: 16px;
}
.kusworo-tech-section-title::before {
  content: "";
  position: absolute;
  inset: .09em auto .09em 0;
  width: 5px;
  border-radius: 10px;
  background: linear-gradient(var(--wp--preset--color--gold) 0 35%, var(--wp--preset--color--primary) 35% 100%);
}
.kusworo-tech-category a {
  display: inline-block;
  color: var(--wp--preset--color--primary) !important;
  font-size: .72rem;
  font-weight: 850;
  letter-spacing: .025em;
  text-decoration: none;
  text-transform: uppercase;
}
.kusworo-tech-meta {
  color: var(--wp--preset--color--muted);
  font-size: .78rem;
}
.kusworo-tech-meta a { color: inherit; }

.kusworo-tech-headline-card,
.kusworo-tech-card,
.kusworo-tech-sidebar-panel,
.kusworo-tech-daily-note,
.kusworo-tech-reading-card {
  overflow: hidden;
  border: 1px solid var(--wp--preset--color--line);
  border-radius: var(--kusworo-radius);
  background: #fff;
}
.kusworo-tech-headline-card { box-shadow: var(--wp--preset--shadow--card); }
.kusworo-tech-headline-card .wp-block-post-featured-image,
.kusworo-tech-card .wp-block-post-featured-image {
  margin: 0;
  overflow: hidden;
  border-radius: 0;
}
.kusworo-tech-headline-card img,
.kusworo-tech-card img { transition: transform 350ms ease; }
.kusworo-tech-headline-card:hover img,
.kusworo-tech-card:hover img { transform: scale(1.025); }
.kusworo-tech-headline-body { padding: clamp(16px,3vw,24px); }
.kusworo-tech-headline-body .wp-block-post-title { letter-spacing: -.025em; }

.kusworo-tech-mini-query { margin-top: 18px; }
.kusworo-tech-mini-query .wp-block-post-template,
.kusworo-tech-editor-picks .wp-block-post-template { gap: clamp(14px,2vw,22px); }
.kusworo-tech-mini-card { min-width: 0; height: 100%; }
.kusworo-tech-mini-card .wp-block-post-featured-image {
  margin-bottom: 10px;
  overflow: hidden;
}
.kusworo-tech-mini-card .wp-block-post-title { margin: 0; }

.kusworo-tech-popular-panel {
  height: 100%;
  border: 1px solid var(--wp--preset--color--line);
  border-top: 4px solid var(--wp--preset--color--gold);
  border-radius: var(--kusworo-radius);
}
.kusworo-tech-popular-list .wp-block-post-template { counter-reset: popular; }
.kusworo-tech-popular-list .wp-block-post { counter-increment: popular; }
.kusworo-tech-popular-item {
  position: relative;
  padding-left: 38px !important;
}
.kusworo-tech-popular-item::before {
  content: counter(popular);
  position: absolute;
  top: 12px;
  left: 0;
  color: var(--wp--preset--color--primary);
  font-size: 25px;
  font-weight: 900;
  line-height: 1;
}
.kusworo-tech-popular-item:last-child { border-bottom: 0 !important; }

.kusworo-tech-topic-buttons { gap: 7px; }
.kusworo-tech-topic-buttons .wp-block-button__link {
  min-height: 34px;
  padding: 5px 12px;
  border: 1px solid var(--wp--preset--color--line) !important;
  border-radius: 999px;
  background: #fff !important;
  color: var(--wp--preset--color--ink) !important;
  font-size: 12px;
  font-weight: 700;
}
.kusworo-tech-topic-buttons .wp-block-button__link:hover {
  border-color: var(--wp--preset--color--primary) !important;
  color: var(--wp--preset--color--primary) !important;
}

.kusworo-tech-card {
  height: 100%;
  transition: transform var(--kusworo-transition), box-shadow var(--kusworo-transition), border-color var(--kusworo-transition);
}
.kusworo-tech-card:hover {
  transform: translateY(-3px);
  border-color: transparent;
  box-shadow: var(--wp--preset--shadow--card);
}
.kusworo-tech-card-body { padding: 16px; }

.kusworo-tech-list-card {
  min-width: 0;
  align-items: flex-start;
}
.kusworo-tech-list-card > * { min-width: 0; }
.kusworo-tech-list-card .wp-block-post-featured-image {
  flex: 0 0 230px;
  margin: 0;
  overflow: hidden;
  border-radius: 12px;
}
.kusworo-tech-list-card .wp-block-post-featured-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.kusworo-tech-list-card .wp-block-post-title { margin: .1rem 0; overflow-wrap: anywhere; }

.kusworo-tech-sidebar { min-width: 0; }
.kusworo-tech-sidebar-panel,
.kusworo-tech-daily-note { padding: 20px; }
.kusworo-tech-sidebar > .wp-block-template-part { padding: 0; border: 0; background: transparent; }
.kusworo-tech-sidebar .kusworo-tech-ad-slot { padding: 0; }
.kusworo-tech-daily-note {
  border-color: var(--wp--preset--color--gold-light);
  background-image: linear-gradient(135deg, rgba(201,152,50,.08), transparent 60%);
}
.kusworo-tech-latest-widget { margin: 0; padding: 0; list-style: none; }
.kusworo-tech-latest-widget li {
  padding: 11px 0;
  border-bottom: 1px solid var(--wp--preset--color--line);
  font-size: 14px;
  font-weight: 750;
  line-height: 1.4;
}
.kusworo-tech-latest-widget li:last-child { border-bottom: 0; }
.kusworo-tech-latest-widget .wp-block-latest-posts__post-date {
  margin-top: 4px;
  color: var(--wp--preset--color--muted);
  font-size: 11px;
}
.kusworo-tech-category-list { margin: 0; padding: 0; list-style: none; }
.kusworo-tech-category-list li {
  display: flex;
  gap: 10px;
  padding: 9px 0;
  justify-content: space-between;
  border-bottom: 1px solid var(--wp--preset--color--line);
}
.kusworo-tech-sidebar .wp-block-tag-cloud a,
.kusworo-tech-post-tags a {
  display: inline-block;
  margin: 3px;
  padding: 5px 9px;
  border-radius: 999px;
  background: var(--wp--preset--color--surface);
  text-decoration: none;
}

.kusworo-tech-newsletter { position: relative; overflow: hidden; box-shadow: var(--wp--preset--shadow--floating); }
.kusworo-tech-newsletter::after {
  content: "✦";
  position: absolute;
  right: clamp(18px,5vw,70px);
  bottom: -35px;
  color: rgba(255,255,255,.08);
  font-size: clamp(120px,18vw,230px);
  line-height: 1;
}
.kusworo-tech-newsletter > * { position: relative; z-index: 1; }
.kusworo-tech-pagination { margin-top: 24px; gap: 7px; }
.kusworo-tech-pagination .page-numbers,
.kusworo-tech-pagination a {
  display: inline-flex;
  min-width: 40px;
  min-height: 40px;
  padding: 0 .75rem;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--wp--preset--color--line);
  border-radius: 999px;
  text-decoration: none;
}
.kusworo-tech-pagination .current {
  border-color: var(--wp--preset--color--primary);
  background: var(--wp--preset--color--primary);
  color: #fff;
}

.kusworo-tech-article-header { max-width: 940px; }
.kusworo-tech-article-header .wp-block-post-title { overflow-wrap: anywhere; letter-spacing: -.035em; }
.kusworo-tech-article-deck { max-width: 820px; }
.kusworo-tech-reading-card { padding: clamp(0px,1vw,8px) clamp(0px,2vw,18px); border-color: transparent; }
.kusworo-tech-article-body { min-width: 0; }
.kusworo-tech-article-body > p:first-of-type::first-letter {
  float: left;
  margin: .12em .12em 0 0;
  color: var(--wp--preset--color--primary);
  font-family: var(--wp--preset--font-family--headline);
  font-size: 4.4em;
  font-weight: 900;
  line-height: .72;
}
.kusworo-tech-article-body :is(h2,h3,h4) { margin-top: 1.7em; }
.kusworo-tech-article-body blockquote {
  margin-inline: 0;
  padding: 1.1rem 1.4rem;
  border-left: 5px solid var(--wp--preset--color--gold);
  border-radius: 0 12px 12px 0;
  background: var(--wp--preset--color--cream);
}
.kusworo-tech-article-body table { display: block; width: 100%; overflow-x: auto; white-space: nowrap; }
.kusworo-tech-article-body pre { max-width: 100%; overflow-x: auto; }
.kusworo-tech-article-body .wp-block-embed { max-width: 100%; }
.wp-block-post-terms a { text-decoration: none; }
.wp-block-post-navigation-link { max-width: 48%; }
.wp-block-post-navigation-link a { font-weight: 800; text-decoration: none; }

/* Editable ad slots */
.kusworo-tech-ad-wrap { clear: both; }
.kusworo-tech-ad-slot { width: 100%; max-width: 100%; margin-inline: auto; }
.kusworo-tech-ad-slot .wp-block-html { margin: 0; }
.kusworo-tech-ad-placeholder {
  display: flex;
  width: 100%;
  min-height: 90px;
  padding: 1rem 1.25rem;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: .22rem;
  overflow: hidden;
  border: 1px dashed #aab8b0;
  border-radius: 12px;
  background:
    linear-gradient(135deg, rgba(11,107,79,.035) 25%, transparent 25%) 0 0/18px 18px,
    linear-gradient(315deg, rgba(201,152,50,.04) 25%, transparent 25%) 0 0/18px 18px,
    var(--wp--preset--color--surface);
  color: var(--wp--preset--color--muted);
  text-align: center;
  line-height: 1.35;
}
.kusworo-tech-ad-placeholder strong { color: var(--wp--preset--color--ink); font-size: .9rem; }
.kusworo-tech-ad-placeholder small { max-width: 92%; font-size: .72rem; overflow-wrap: anywhere; }
.kusworo-tech-ad-rectangle .kusworo-tech-ad-placeholder { min-height: 250px; }
.kusworo-tech-ad-slot iframe,
.kusworo-tech-ad-slot ins,
.kusworo-tech-ad-slot img { max-width: 100% !important; }

.kusworo-tech-footer { position: relative; overflow: hidden; }
.kusworo-tech-footer a { color: inherit; }
.kusworo-tech-footer a:hover { color: var(--wp--preset--color--gold); }


.kusworo-tech-ad-label {
  font-size: .68rem;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.kusworo-tech-archive-grid { gap: clamp(16px,2vw,24px); }
.kusworo-tech-archive-grid > * { min-width: 0; }

/* Tablet */
@media (max-width: 1080px) {
  .kusworo-tech-main-nav .wp-block-navigation-item__content { padding-inline: 10px; }
  .kusworo-tech-prayer-link { display: none; }
  .kusworo-tech-lead-columns,
  .kusworo-tech-content-columns,
  .kusworo-tech-article-columns { gap: 28px !important; }
  .kusworo-tech-list-card .wp-block-post-featured-image { flex-basis: 190px; width: 190px !important; }
}

@media (max-width: 900px) {
  .kusworo-tech-archive-columns { display: block; }
  .kusworo-tech-archive-columns > .wp-block-column { width: 100% !important; flex-basis: auto !important; }
  .admin-bar .kusworo-tech-nav-shell { top: 46px; }
  .kusworo-tech-utility-links { display: none; }
  .kusworo-tech-masthead-inner { flex-wrap: wrap !important; gap: 14px; }
  .kusworo-tech-brand { flex: 1 1 auto; }
  .kusworo-tech-header-search { width: 100%; flex: 1 0 100%; }
  .kusworo-tech-nav-inner { min-height: 52px; }
  .kusworo-tech-main-nav { width: 100%; justify-content: flex-start; }
  .kusworo-tech-main-nav .wp-block-navigation__responsive-container-open {
    display: inline-flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    color: #fff;
  }
  .kusworo-tech-main-nav .wp-block-navigation__responsive-container.is-menu-open {
    padding: clamp(20px,5vw,38px);
  }
  .kusworo-tech-main-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
    min-height: 46px;
    padding: 7px 0;
    font-size: clamp(1.1rem,4vw,1.45rem);
  }
  .kusworo-tech-trending { display: none; }
  .kusworo-tech-lead-columns,
  .kusworo-tech-content-columns,
  .kusworo-tech-article-columns { display: block; }
  .kusworo-tech-lead-columns > .wp-block-column,
  .kusworo-tech-content-columns > .wp-block-column,
  .kusworo-tech-article-columns > .wp-block-column { width: 100% !important; flex-basis: auto !important; }
  .kusworo-tech-popular-panel,
  .kusworo-tech-sidebar { margin-top: 28px; }
  .kusworo-tech-editor-picks .wp-block-post-template { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .kusworo-tech-footer-columns { flex-wrap: wrap !important; }
  .kusworo-tech-footer-columns > .wp-block-column { flex-basis: calc(50% - 20px) !important; }
  .kusworo-tech-reading-card { padding: 0; border: 0; }
}

@media (max-width: 700px) {
  .kusworo-tech-archive-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .kusworo-tech-welcome-inner { align-items: flex-start; }
  .kusworo-tech-welcome .wp-block-buttons { width: 100%; }
  .kusworo-tech-welcome .wp-block-button { width: 100%; }
  .kusworo-tech-welcome .wp-block-button__link { width: 100%; justify-content: center; }
  .kusworo-tech-mini-query .wp-block-post-template { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .kusworo-tech-list-card {
    display: grid !important;
    grid-template-columns: 150px minmax(0,1fr);
    gap: 14px !important;
  }
  .kusworo-tech-list-card .wp-block-post-featured-image { width: 150px !important; flex-basis: 150px; }
  .kusworo-tech-list-card .wp-block-post-excerpt { display: none; }
  .kusworo-tech-list-card .wp-block-post-title { font-size: 17px !important; }
  .kusworo-tech-newsletter-inner { align-items: flex-start; }
  .kusworo-tech-newsletter .wp-block-buttons { width: 100%; }
  .kusworo-tech-newsletter .wp-block-button,
  .kusworo-tech-newsletter .wp-block-button__link { width: 100%; text-align: center; justify-content: center; }
  .kusworo-tech-post-navigation { display: grid !important; grid-template-columns: 1fr; }
  .wp-block-post-navigation-link { max-width: 100%; }
}

@media (max-width: 600px) {
  .kusworo-tech-archive-grid { grid-template-columns: 1fr !important; }
  .kusworo-tech-masthead { padding-block: 14px !important; }
  .kusworo-tech-logo-mark { width: 42px; height: 42px; flex-basis: 42px; }
  .kusworo-tech-site-logo img { width: 46px !important; height: auto; }
  .kusworo-tech-site-title { max-width: calc(100vw - 120px); font-size: 28px !important; }
  .kusworo-tech-tagline { font-size: 9px !important; }
  .kusworo-tech-headline-body { padding: 16px; }
  .kusworo-tech-mini-query .wp-block-post-template,
  .kusworo-tech-editor-picks .wp-block-post-template { grid-template-columns: 1fr; }
  .kusworo-tech-mini-card {
    display: grid;
    grid-template-columns: 120px minmax(0,1fr);
    gap: 12px;
    align-items: start;
  }
  .kusworo-tech-mini-card .wp-block-post-featured-image { grid-row: 1 / span 3; margin: 0; }
  .kusworo-tech-list-card { grid-template-columns: 118px minmax(0,1fr); gap: 12px !important; }
  .kusworo-tech-list-card .wp-block-post-featured-image { width: 118px !important; flex-basis: 118px; }
  .kusworo-tech-list-card .wp-block-post-title { font-size: 16px !important; }
  .kusworo-tech-list-card .kusworo-tech-meta:nth-last-child(n+2) { display: none; }
  .kusworo-tech-topic-strip .wp-block-group.alignwide { align-items: flex-start; }
  .kusworo-tech-topic-buttons { width: 100%; flex-wrap: nowrap !important; overflow-x: auto; padding-bottom: 4px; scrollbar-width: none; }
  .kusworo-tech-topic-buttons::-webkit-scrollbar { display: none; }
  .kusworo-tech-topic-buttons .wp-block-button { flex: 0 0 auto; }
  .kusworo-tech-ad-placeholder { min-height: 72px; padding: .75rem; }
  .kusworo-tech-ad-rectangle .kusworo-tech-ad-placeholder { min-height: 250px; }
  .kusworo-tech-ad-placeholder small { max-width: 260px; }
  .kusworo-tech-newsletter { padding-inline: 22px !important; }
  .kusworo-tech-footer-columns { display: block; }
  .kusworo-tech-footer-columns > .wp-block-column { width: 100% !important; margin-bottom: 28px; }
  .kusworo-tech-article-body > p:first-of-type::first-letter { font-size: 3.7em; }
}

@media (max-width: 430px) {
  .kusworo-tech-bismillah { font-size: 10px !important; }
  .kusworo-tech-brand { gap: 9px !important; }
  .kusworo-tech-site-title { font-size: 25px !important; }
  .kusworo-tech-header-search .wp-block-search__input { font-size: 14px; padding-inline: 14px; }
  .kusworo-tech-headline-body .wp-block-post-excerpt { display: none; }
  .kusworo-tech-list-card { grid-template-columns: 98px minmax(0,1fr); }
  .kusworo-tech-list-card .wp-block-post-featured-image { width: 98px !important; flex-basis: 98px; }
  .kusworo-tech-list-card .wp-block-post-title { font-size: 15px !important; line-height: 1.32 !important; }
  .kusworo-tech-mini-card { grid-template-columns: 100px minmax(0,1fr); }
  .kusworo-tech-mini-card .wp-block-post-title { font-size: 14px !important; }
  .kusworo-tech-sidebar-panel, .kusworo-tech-daily-note { padding: 17px; }
  .kusworo-tech-section-heading { align-items: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* Kusworo Tech Premium 4.0 — denser portal layout and new editorial modules */
body { background: var(--wp--preset--color--surface); }
.wp-site-blocks { background: var(--wp--preset--color--surface); }
.kusworo-tech-masthead,
.kusworo-tech-lead-section,
.kusworo-tech-editor-picks,
.kusworo-tech-latest-section { background: var(--wp--preset--color--white); }
.kusworo-tech-lead-section,
.kusworo-tech-editor-picks,
.kusworo-tech-latest-section { padding-inline: clamp(14px,2.4vw,24px); border-radius: 0; }

.kusworo-tech-masthead-inner { min-height: 62px; }
.kusworo-tech-brand:has(.kusworo-tech-site-logo img) .kusworo-tech-logo-mark,
.kusworo-tech-brand:has(.kusworo-tech-site-logo img) .kusworo-tech-brand-text { display: none; }
.kusworo-tech-site-logo { margin: 0; line-height: 0; }
.kusworo-tech-site-logo img {
  width: min(310px,40vw) !important;
  max-height: 76px;
  object-fit: contain;
  object-position: left center;
  border-radius: 0;
}
.kusworo-tech-header-search { width: min(400px,38vw); }
.kusworo-tech-main-nav .wp-block-navigation-item__content { min-height: 46px; padding-inline: 11px; font-size: 13px; font-weight: 760; }
.kusworo-tech-prayer-link a { min-height: 32px; padding-inline: 12px; }

.kusworo-tech-lead-columns { align-items: stretch; }
.kusworo-tech-headline-card { border-radius: 12px; }
.kusworo-tech-headline-body { padding: 18px 20px 20px; }
.kusworo-tech-popular-panel { border-radius: 12px; box-shadow: 0 8px 28px rgba(6,26,53,.06); }
.kusworo-tech-popular-with-thumb,
.kusworo-tech-sidebar-popular { min-width: 0; padding-left: 31px !important; align-items: center; }
.kusworo-tech-popular-with-thumb::before,
.kusworo-tech-sidebar-popular::before { top: 50%; transform: translateY(-50%); font-size: 21px; }
.kusworo-tech-popular-with-thumb .wp-block-post-featured-image,
.kusworo-tech-sidebar-popular .wp-block-post-featured-image { flex: 0 0 auto; margin: 0; overflow: hidden; border-radius: 8px; }
.kusworo-tech-popular-with-thumb .wp-block-post-featured-image img,
.kusworo-tech-sidebar-popular .wp-block-post-featured-image img { width: 100%; height: 100%; object-fit: cover; }
.kusworo-tech-popular-with-thumb > *,
.kusworo-tech-sidebar-popular > * { min-width: 0; }
.kusworo-tech-popular-with-thumb .wp-block-post-title,
.kusworo-tech-sidebar-popular .wp-block-post-title { margin: 0; }
.kusworo-tech-mini-card .wp-block-post-featured-image { border-radius: 9px; }

/* Prayer time bar */
.kusworo-prayer-section { position: relative; overflow: hidden; color: #fff; }
.kusworo-prayer-section::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .07;
  background-image: radial-gradient(circle at 20% 30%,#fff 0 1px,transparent 2px), radial-gradient(circle at 80% 60%,#fff 0 1px,transparent 2px);
  background-size: 38px 38px, 54px 54px;
}
.kusworo-prayer-section > * { position: relative; }
.kusworo-prayer-widget { display: grid; grid-template-columns: minmax(210px,1.15fr) minmax(0,3fr); gap: 18px; align-items: center; color: #fff; }
.kusworo-prayer-heading { min-width: 0; }
.kusworo-prayer-heading > div { display: grid; gap: 1px; }
.kusworo-prayer-kicker { color: var(--wp--preset--color--gold); font-size: 10px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.kusworo-prayer-heading strong { font-size: 17px; }
.kusworo-prayer-heading small { color: var(--wp--preset--color--sage); font-size: 10px; }
.kusworo-prayer-next { display: inline-flex; margin-top: 5px; padding: 3px 8px; border-radius: 999px; background: rgba(255,255,255,.09); color: var(--wp--preset--color--sage); font-size: 9px; }
.kusworo-prayer-grid { display: grid; grid-template-columns: repeat(6,minmax(72px,1fr)); gap: 7px; }
.kusworo-prayer-time { display: grid; gap: 1px; min-width: 0; padding: 8px 5px; border: 1px solid rgba(255,255,255,.14); border-radius: 10px; background: rgba(255,255,255,.06); text-align: center; transition: 180ms ease; }
.kusworo-prayer-time span { color: var(--wp--preset--color--sage); font-size: 10px; }
.kusworo-prayer-time strong { font-size: 16px; line-height: 1.2; }
.kusworo-prayer-time.is-next { border-color: var(--wp--preset--color--gold); background: var(--wp--preset--color--gold); color: var(--wp--preset--color--forest); transform: translateY(-2px); }
.kusworo-prayer-time.is-next span { color: var(--wp--preset--color--forest); }
.kusworo-prayer-source { grid-column: 2; color: rgba(255,255,255,.58); font-size: 8px; text-align: right; }

/* Video Kajian */
.kusworo-video-section { position: relative; overflow: hidden; }
.kusworo-video-section::after { content:""; position:absolute; inset:auto -160px -250px auto; width:520px; height:520px; border:1px solid rgba(255,255,255,.08); border-radius:50%; box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.02); }
.kusworo-video-section > * { position: relative; z-index: 1; }
.kusworo-tech-section-heading--light { border-bottom-color: rgba(255,255,255,.25); }
.kusworo-tech-section-heading--light a { color: var(--wp--preset--color--gold); }
.kusworo-video-query .wp-block-post-template { gap: 18px; }
.kusworo-video-card { height: 100%; overflow: hidden; border: 1px solid rgba(255,255,255,.14); border-radius: 12px; background: rgba(255,255,255,.06); transition: transform var(--kusworo-transition),background var(--kusworo-transition); }
.kusworo-video-card:hover { transform: translateY(-3px); background: rgba(255,255,255,.1); }
.kusworo-video-thumb { position: relative; overflow: hidden; }
.kusworo-video-thumb .wp-block-post-featured-image { margin: 0; }
.kusworo-video-thumb img { display: block; width: 100%; transition: transform 300ms ease; }
.kusworo-video-card:hover .kusworo-video-thumb img { transform: scale(1.035); }
.kusworo-play-icon { position: absolute; inset: 50% auto auto 50%; display: grid; width: 52px; height: 52px; margin: 0; place-items: center; transform: translate(-50%,-50%); border: 3px solid rgba(255,255,255,.86); border-radius: 50%; background: rgba(6,26,53,.78); color: #fff; font-size: 17px; text-indent: 3px; box-shadow: 0 9px 30px rgba(0,0,0,.24); }
.kusworo-video-body { padding: 14px 15px 16px; }
.kusworo-video-body .wp-block-post-title { margin: 0; }

/* Artikel Ustaz */
.kusworo-ustaz-section { border-block: 1px solid var(--wp--preset--color--gold-light); }
.kusworo-ustaz-query .wp-block-post-template { gap: 16px; }
.kusworo-ustaz-card { height: 100%; min-width: 0; gap: 13px; padding: 15px; align-items: center; border: 1px solid var(--wp--preset--color--gold-light); border-radius: 12px; background: #fff; box-shadow: 0 7px 24px rgba(111,68,32,.055); }
.kusworo-ustaz-card > * { min-width: 0; }
.kusworo-ustaz-card .wp-block-post-featured-image { flex: 0 0 112px; margin: 0; overflow: hidden; border: 3px solid var(--wp--preset--color--gold-light); border-radius: 50%; }
.kusworo-ustaz-card .wp-block-post-featured-image img { width: 100%; height: 100%; object-fit: cover; }
.kusworo-ustaz-card .wp-block-post-title { margin: 0; }
.kusworo-ustaz-card .wp-block-post-excerpt { margin: 0; }

.kusworo-tech-sidebar-panel { border-radius: 12px; box-shadow: 0 7px 24px rgba(6,26,53,.045); }
.kusworo-tech-list-card .wp-block-post-featured-image { flex-basis: 210px; border-radius: 10px; }

@media (max-width: 1080px) {
  .kusworo-prayer-widget { grid-template-columns: 1fr; gap: 10px; }
  .kusworo-prayer-heading { display:flex; gap:12px; justify-content:space-between; align-items:end; }
  .kusworo-prayer-source { grid-column: 1; text-align: left; }
  .kusworo-ustaz-card { align-items:flex-start; }
  .kusworo-ustaz-card .wp-block-post-featured-image { flex-basis: 88px; width:88px !important; height:88px !important; }
}

@media (max-width: 900px) {
  .kusworo-tech-site-logo img { width: min(260px,55vw) !important; max-height:64px; }
  .kusworo-prayer-grid { grid-template-columns: repeat(6,minmax(66px,1fr)); overflow-x:auto; padding-bottom:4px; scrollbar-width:none; }
  .kusworo-prayer-grid::-webkit-scrollbar { display:none; }
  .kusworo-prayer-time { min-width:72px; }
  .kusworo-video-query .wp-block-post-template,
  .kusworo-ustaz-query .wp-block-post-template { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .kusworo-video-query .wp-block-post:last-child,
  .kusworo-ustaz-query .wp-block-post:last-child { grid-column: 1 / -1; }
}

@media (max-width: 700px) {
  .kusworo-prayer-heading { display:block; }
  .kusworo-prayer-next { margin-top:6px; }
  .kusworo-video-query .wp-block-post-template,
  .kusworo-ustaz-query .wp-block-post-template { grid-template-columns: 1fr; }
  .kusworo-video-query .wp-block-post:last-child,
  .kusworo-ustaz-query .wp-block-post:last-child { grid-column:auto; }
  .kusworo-tech-popular-with-thumb { padding-left: 28px !important; }
}

@media (max-width: 600px) {
  .kusworo-tech-site-logo img { width: min(230px,68vw) !important; max-height:58px; }
  .kusworo-tech-brand:has(.kusworo-tech-site-logo img) { width:100%; }
  .kusworo-tech-masthead-inner { gap:10px; }
  .kusworo-prayer-section { padding-block: 11px !important; }
  .kusworo-prayer-grid { margin-inline: -4px; }
  .kusworo-prayer-time { min-width:67px; padding:7px 4px; }
  .kusworo-prayer-time strong { font-size:14px; }
  .kusworo-prayer-source { line-height:1.35; }
  .kusworo-tech-popular-with-thumb .wp-block-post-featured-image { width:76px !important; height:54px !important; }
  .kusworo-tech-sidebar-popular .wp-block-post-featured-image { width:60px !important; height:60px !important; }
  .kusworo-ustaz-card .wp-block-post-featured-image { flex-basis:82px; width:82px !important; height:82px !important; }
}

@media (max-width: 430px) {
  .kusworo-tech-site-logo img { width: min(215px,72vw) !important; }
  .kusworo-prayer-heading strong { font-size:15px; }
  .kusworo-prayer-grid { gap:5px; }
  .kusworo-tech-popular-with-thumb { padding-left: 25px !important; gap:7px !important; }
  .kusworo-tech-popular-with-thumb .wp-block-post-title { font-size:12.5px !important; }
}

/* Automatically generated demo-content notice. */
.kusworo-demo-editorial-note {
	margin-block: 1.25rem 1.75rem;
	padding: clamp(1rem, 2vw, 1.35rem);
	border: 1px solid rgba(212, 164, 66, 0.48);
	border-left: 5px solid #d4a442;
	border-radius: 12px;
	background: #fff9ea;
	color: #4c3a18;
}
.kusworo-demo-editorial-note p:last-child { margin-bottom: 0; }

/* ==========================================================
   Kusworo Tech 1.4 — wider portal layout and card readability
   ========================================================== */

/* Use more of the available desktop viewport on editorial sections. */
.kusworo-tech-lead-section.alignwide,
.kusworo-tech-editor-picks.alignwide,
.kusworo-tech-latest-section.alignwide,
.kusworo-video-section > .wp-block-group.alignwide,
.kusworo-ustaz-section > .wp-block-group.alignwide,
.kusworo-prayer-section > .wp-block-group.alignwide {
  width: min(1380px, calc(100vw - 40px)) !important;
  max-width: 1380px !important;
}

.kusworo-tech-lead-columns,
.kusworo-tech-content-columns {
  width: 100%;
  align-items: stretch;
}

.kusworo-tech-lead-columns > .wp-block-column,
.kusworo-tech-content-columns > .wp-block-column,
.kusworo-tech-popular-panel,
.kusworo-tech-sidebar,
.kusworo-tech-sidebar-panel,
.kusworo-ustaz-query,
.kusworo-ustaz-query .wp-block-post-template {
  min-width: 0;
  width: 100%;
}

/* Banyak Dibaca: number, thumbnail and title each receive a stable column. */
.kusworo-tech-popular-with-thumb {
  display: grid !important;
  grid-template-columns: 28px 92px minmax(0, 1fr);
  gap: 11px !important;
  padding-left: 0 !important;
  align-items: center;
}
.kusworo-tech-popular-with-thumb::before {
  position: static;
  align-self: center;
  transform: none;
  text-align: center;
}
.kusworo-tech-popular-with-thumb .wp-block-post-featured-image {
  width: 92px !important;
  height: 64px !important;
}
.kusworo-tech-popular-with-thumb .wp-block-post-title,
.kusworo-tech-sidebar-popular .wp-block-post-title {
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: auto;
}

/* Sidebar lists: increase usable text width and keep cards full width. */
.kusworo-tech-sidebar-panel,
.kusworo-tech-daily-note {
  width: 100%;
  padding: 22px;
}
.kusworo-tech-sidebar-popular {
  display: grid !important;
  grid-template-columns: 25px 72px minmax(0, 1fr);
  gap: 10px !important;
  padding-left: 0 !important;
  align-items: center;
}
.kusworo-tech-sidebar-popular::before {
  position: static;
  align-self: center;
  transform: none;
  text-align: center;
}
.kusworo-tech-sidebar-popular .wp-block-post-featured-image {
  width: 72px !important;
  height: 72px !important;
}
.kusworo-tech-latest-widget li {
  font-size: 15px;
  line-height: 1.48;
}

/* Artikel Ustaz: wider horizontal profile cards without squeezed titles. */
.kusworo-ustaz-query .wp-block-post-template {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}
.kusworo-ustaz-card {
  display: grid !important;
  grid-template-columns: 108px minmax(0, 1fr);
  gap: 16px;
  min-height: 176px;
  padding: 19px;
  align-items: center;
}
.kusworo-ustaz-card .wp-block-post-featured-image {
  width: 108px !important;
  height: 108px !important;
  flex-basis: auto;
}
.kusworo-ustaz-card .wp-block-post-title {
  font-size: 17px !important;
  line-height: 1.32 !important;
  overflow-wrap: break-word;
  word-break: normal;
}
.kusworo-ustaz-card .wp-block-post-excerpt {
  font-size: 13px !important;
  line-height: 1.55 !important;
}

/* Prayer shortcode should occupy the whole green bar. */
.kusworo-prayer-shortcode,
.kusworo-prayer-shortcode .kusworo-prayer-widget,
.kusworo-prayer-widget {
  width: 100%;
  max-width: none;
  margin: 0;
}
.kusworo-prayer-section .wp-block-shortcode {
  margin: 0;
}

@media (max-width: 1180px) {
  .kusworo-tech-lead-section.alignwide,
  .kusworo-tech-editor-picks.alignwide,
  .kusworo-tech-latest-section.alignwide,
  .kusworo-video-section > .wp-block-group.alignwide,
  .kusworo-ustaz-section > .wp-block-group.alignwide,
  .kusworo-prayer-section > .wp-block-group.alignwide {
    width: min(100%, calc(100vw - 32px)) !important;
  }
  .kusworo-ustaz-query .wp-block-post-template {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .kusworo-ustaz-query .wp-block-post:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 900px) {
  .kusworo-tech-lead-section.alignwide,
  .kusworo-tech-editor-picks.alignwide,
  .kusworo-tech-latest-section.alignwide,
  .kusworo-video-section > .wp-block-group.alignwide,
  .kusworo-ustaz-section > .wp-block-group.alignwide,
  .kusworo-prayer-section > .wp-block-group.alignwide {
    width: min(100%, calc(100vw - 28px)) !important;
  }
  .kusworo-tech-popular-with-thumb {
    grid-template-columns: 30px 106px minmax(0, 1fr);
  }
  .kusworo-tech-popular-with-thumb .wp-block-post-featured-image {
    width: 106px !important;
    height: 72px !important;
  }
}

@media (max-width: 700px) {
  .kusworo-ustaz-query .wp-block-post-template {
    grid-template-columns: 1fr;
  }
  .kusworo-ustaz-query .wp-block-post:last-child {
    grid-column: auto;
  }
  .kusworo-ustaz-card {
    grid-template-columns: 90px minmax(0, 1fr);
    min-height: 0;
    padding: 16px;
  }
  .kusworo-ustaz-card .wp-block-post-featured-image {
    width: 90px !important;
    height: 90px !important;
  }
}

@media (max-width: 520px) {
  .kusworo-tech-lead-section.alignwide,
  .kusworo-tech-editor-picks.alignwide,
  .kusworo-tech-latest-section.alignwide,
  .kusworo-video-section > .wp-block-group.alignwide,
  .kusworo-ustaz-section > .wp-block-group.alignwide,
  .kusworo-prayer-section > .wp-block-group.alignwide {
    width: min(100%, calc(100vw - 20px)) !important;
  }
  .kusworo-tech-popular-panel,
  .kusworo-tech-sidebar-panel,
  .kusworo-tech-daily-note {
    padding: 16px !important;
  }
  .kusworo-tech-popular-with-thumb {
    grid-template-columns: 24px 78px minmax(0, 1fr);
    gap: 8px !important;
  }
  .kusworo-tech-popular-with-thumb .wp-block-post-featured-image {
    width: 78px !important;
    height: 56px !important;
  }
  .kusworo-tech-sidebar-popular {
    grid-template-columns: 22px 62px minmax(0, 1fr);
    gap: 8px !important;
  }
  .kusworo-tech-sidebar-popular .wp-block-post-featured-image {
    width: 62px !important;
    height: 62px !important;
  }
  .kusworo-ustaz-card {
    grid-template-columns: 78px minmax(0, 1fr);
    gap: 12px;
  }
  .kusworo-ustaz-card .wp-block-post-featured-image {
    width: 78px !important;
    height: 78px !important;
  }
  .kusworo-ustaz-card .wp-block-post-excerpt {
    display: none;
  }
}

/* ==========================================================
   Kusworo Tech 1.5 — premium alignment system
   Semua modul utama memakai satu garis kiri/kanan dan kolom
   editorial yang cukup lebar agar judul tidak terjepit.
   ========================================================== */
:root {
  --kusworo-shell-max: 1480px;
  --kusworo-shell-gutter: clamp(16px, 2.4vw, 34px);
  --kusworo-panel-radius: 16px;
  --kusworo-panel-shadow: 0 14px 38px rgba(18, 63, 50, .075);
}

/* Satu lebar yang konsisten dari header sampai footer. */
:where(
  .kusworo-tech-utility,
  .kusworo-tech-masthead,
  .kusworo-tech-nav-shell,
  .kusworo-tech-trending,
  .kusworo-tech-welcome,
  .kusworo-prayer-section,
  .kusworo-tech-topic-strip,
  .kusworo-video-section,
  .kusworo-ustaz-section,
  .kusworo-tech-footer,
  .kusworo-tech-ad-wrap
) > .alignwide,
.kusworo-tech-lead-section.alignwide,
.kusworo-tech-editor-picks.alignwide,
.kusworo-tech-latest-section.alignwide,
.kusworo-tech-newsletter.alignwide,
.kusworo-video-section > .wp-block-group.alignwide,
.kusworo-ustaz-section > .wp-block-group.alignwide,
.kusworo-prayer-section > .wp-block-group.alignwide {
  width: min(var(--kusworo-shell-max), calc(100vw - var(--kusworo-shell-gutter) - var(--kusworo-shell-gutter))) !important;
  max-width: var(--kusworo-shell-max) !important;
  margin-inline: auto !important;
}

/* Hilangkan pembatas internal Gutenberg yang dapat membuat isi kartu menyempit. */
.kusworo-tech-popular-panel :where(.wp-block-query, .wp-block-post-template),
.kusworo-tech-popular-with-thumb > .wp-block-group,
.kusworo-tech-sidebar-popular > .wp-block-group,
.kusworo-ustaz-card > .wp-block-group,
.kusworo-tech-sidebar-panel > :where(.wp-block-query, .wp-block-latest-posts, .wp-block-categories, .wp-block-tag-cloud) {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
}

/* Kajian Utama + Banyak Dibaca: sidebar dibuat benar-benar lebar. */
.kusworo-tech-lead-columns {
  display: grid !important;
  grid-template-columns: minmax(0, 3fr) minmax(440px, 2fr) !important;
  gap: clamp(24px, 2.2vw, 36px) !important;
  align-items: stretch !important;
}
.kusworo-tech-lead-columns > .wp-block-column,
.kusworo-tech-content-columns > .wp-block-column {
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  flex-basis: auto !important;
}
.kusworo-tech-popular-panel {
  width: 100% !important;
  min-width: 0 !important;
  height: 100%;
  padding: 24px !important;
  border-radius: var(--kusworo-panel-radius) !important;
  box-shadow: var(--kusworo-panel-shadow) !important;
}
.kusworo-tech-popular-panel > .kusworo-tech-section-title {
  margin-bottom: 10px;
  font-size: clamp(1.35rem, 1.7vw, 1.65rem) !important;
}
.kusworo-tech-popular-with-thumb {
  display: grid !important;
  grid-template-columns: 34px 118px minmax(0, 1fr) !important;
  gap: 14px !important;
  min-height: 102px;
  padding: 14px 0 !important;
  align-items: center !important;
}
.kusworo-tech-popular-with-thumb::before {
  position: static !important;
  align-self: center;
  transform: none !important;
  font-size: 25px !important;
  text-align: center;
}
.kusworo-tech-popular-with-thumb .wp-block-post-featured-image {
  width: 118px !important;
  height: 78px !important;
  border-radius: 10px !important;
}
.kusworo-tech-popular-with-thumb .wp-block-post-title {
  margin: 0 !important;
  font-size: 15.5px !important;
  font-weight: 820 !important;
  line-height: 1.36 !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}
.kusworo-tech-popular-with-thumb .wp-block-post-title a {
  display: block;
}
.kusworo-tech-popular-with-thumb .kusworo-tech-meta {
  display: block;
  margin-top: 5px;
  font-size: 12px;
}

/* Kajian pilihan, video, artikel ustaz dan artikel terbaru sejajar. */
.kusworo-tech-lead-section,
.kusworo-tech-editor-picks,
.kusworo-tech-latest-section {
  padding-inline: 0 !important;
}
.kusworo-tech-section-heading {
  min-height: 52px;
  margin-bottom: 18px;
  align-items: end;
}
.kusworo-tech-section-heading .kusworo-tech-section-title {
  margin-bottom: 0;
}

/* Artikel Ustaz: kartu lebar dengan teks yang punya ruang. */
.kusworo-ustaz-query,
.kusworo-ustaz-query .wp-block-post-template {
  width: 100% !important;
  max-width: none !important;
}
.kusworo-ustaz-query .wp-block-post-template {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
}
.kusworo-ustaz-card {
  display: grid !important;
  grid-template-columns: 128px minmax(0, 1fr) !important;
  gap: 18px !important;
  min-height: 204px;
  padding: 22px !important;
  align-items: center !important;
  border-radius: var(--kusworo-panel-radius) !important;
  box-shadow: var(--kusworo-panel-shadow) !important;
}
.kusworo-ustaz-card .wp-block-post-featured-image {
  width: 128px !important;
  height: 128px !important;
  flex-basis: auto !important;
}
.kusworo-ustaz-card .wp-block-post-title {
  margin: 2px 0 0 !important;
  font-size: 18px !important;
  line-height: 1.34 !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}
.kusworo-ustaz-card .wp-block-post-excerpt {
  margin-top: 7px !important;
  font-size: 13.5px !important;
  line-height: 1.58 !important;
}

/* Artikel terbaru + sidebar: proporsi 62/38 dan seluruh panel penuh. */
.kusworo-tech-content-columns {
  display: grid !important;
  grid-template-columns: minmax(0, 1.63fr) minmax(430px, 1fr) !important;
  gap: clamp(26px, 2.4vw, 40px) !important;
  align-items: start !important;
}
.kusworo-tech-sidebar,
.kusworo-tech-sidebar > *,
.kusworo-tech-sidebar .wp-block-template-part,
.kusworo-tech-sidebar-panel,
.kusworo-tech-daily-note {
  width: 100% !important;
  max-width: none !important;
}
.kusworo-tech-sidebar-panel,
.kusworo-tech-daily-note {
  padding: 24px !important;
  border-radius: var(--kusworo-panel-radius) !important;
  box-shadow: var(--kusworo-panel-shadow) !important;
}
.kusworo-tech-sidebar-panel > .kusworo-tech-section-title {
  margin-bottom: 12px;
  font-size: 1.28rem !important;
}
.kusworo-tech-sidebar-popular {
  display: grid !important;
  grid-template-columns: 30px 88px minmax(0, 1fr) !important;
  gap: 13px !important;
  min-height: 104px;
  padding: 13px 0 !important;
  align-items: center !important;
}
.kusworo-tech-sidebar-popular::before {
  position: static !important;
  transform: none !important;
  font-size: 22px !important;
  text-align: center;
}
.kusworo-tech-sidebar-popular .wp-block-post-featured-image {
  width: 88px !important;
  height: 72px !important;
  border-radius: 10px !important;
}
.kusworo-tech-sidebar-popular .wp-block-post-title {
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.38 !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}
.kusworo-tech-latest-widget li {
  padding: 14px 0;
  font-size: 15.5px;
  line-height: 1.5;
}

/* Jadwal shalat mengikuti lebar shell dan tidak pernah terlihat seperti shortcode mentah. */
.kusworo-prayer-shortcode,
.kusworo-prayer-shortcode > *,
.kusworo-prayer-widget {
  width: 100% !important;
  max-width: none !important;
}
.kusworo-prayer-section .wp-block-shortcode {
  min-height: 92px;
}

@media (max-width: 1240px) {
  .kusworo-tech-lead-columns {
    grid-template-columns: minmax(0, 1.42fr) minmax(390px, 1fr) !important;
  }
  .kusworo-tech-content-columns {
    grid-template-columns: minmax(0, 1.5fr) minmax(390px, 1fr) !important;
  }
  .kusworo-tech-popular-with-thumb {
    grid-template-columns: 30px 100px minmax(0, 1fr) !important;
  }
  .kusworo-tech-popular-with-thumb .wp-block-post-featured-image {
    width: 100px !important;
    height: 70px !important;
  }
  .kusworo-ustaz-card {
    grid-template-columns: 104px minmax(0, 1fr) !important;
    min-height: 188px;
    padding: 19px !important;
  }
  .kusworo-ustaz-card .wp-block-post-featured-image {
    width: 104px !important;
    height: 104px !important;
  }
}

@media (max-width: 1040px) {
  .kusworo-tech-lead-columns,
  .kusworo-tech-content-columns {
    grid-template-columns: 1fr !important;
  }
  .kusworo-tech-popular-panel,
  .kusworo-tech-sidebar {
    margin-top: 8px !important;
  }
  .kusworo-tech-popular-list .wp-block-post-template {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 24px;
  }
  .kusworo-ustaz-query .wp-block-post-template {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .kusworo-ustaz-query .wp-block-post:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 700px) {
  :where(
    .kusworo-tech-utility,
    .kusworo-tech-masthead,
    .kusworo-tech-nav-shell,
    .kusworo-tech-trending,
    .kusworo-tech-welcome,
    .kusworo-prayer-section,
    .kusworo-tech-topic-strip,
    .kusworo-video-section,
    .kusworo-ustaz-section,
    .kusworo-tech-footer,
    .kusworo-tech-ad-wrap
  ) > .alignwide,
  .kusworo-tech-lead-section.alignwide,
  .kusworo-tech-editor-picks.alignwide,
  .kusworo-tech-latest-section.alignwide,
  .kusworo-tech-newsletter.alignwide,
  .kusworo-video-section > .wp-block-group.alignwide,
  .kusworo-ustaz-section > .wp-block-group.alignwide,
  .kusworo-prayer-section > .wp-block-group.alignwide {
    width: calc(100vw - 24px) !important;
  }
  .kusworo-tech-popular-list .wp-block-post-template,
  .kusworo-ustaz-query .wp-block-post-template {
    grid-template-columns: 1fr !important;
  }
  .kusworo-ustaz-query .wp-block-post:last-child {
    grid-column: auto;
  }
  .kusworo-tech-popular-panel,
  .kusworo-tech-sidebar-panel,
  .kusworo-tech-daily-note {
    padding: 18px !important;
  }
  .kusworo-tech-popular-with-thumb {
    grid-template-columns: 26px 86px minmax(0, 1fr) !important;
    min-height: 88px;
    gap: 10px !important;
  }
  .kusworo-tech-popular-with-thumb .wp-block-post-featured-image {
    width: 86px !important;
    height: 60px !important;
  }
  .kusworo-tech-popular-with-thumb .wp-block-post-title {
    font-size: 14px !important;
  }
  .kusworo-ustaz-card {
    grid-template-columns: 92px minmax(0, 1fr) !important;
    min-height: 0;
    padding: 17px !important;
  }
  .kusworo-ustaz-card .wp-block-post-featured-image {
    width: 92px !important;
    height: 92px !important;
  }
}

@media (max-width: 430px) {
  .kusworo-tech-popular-with-thumb,
  .kusworo-tech-sidebar-popular {
    grid-template-columns: 24px 76px minmax(0, 1fr) !important;
    gap: 8px !important;
  }
  .kusworo-tech-popular-with-thumb .wp-block-post-featured-image,
  .kusworo-tech-sidebar-popular .wp-block-post-featured-image {
    width: 76px !important;
    height: 56px !important;
  }
  .kusworo-tech-popular-with-thumb .wp-block-post-title,
  .kusworo-tech-sidebar-popular .wp-block-post-title {
    font-size: 13.5px !important;
    line-height: 1.34 !important;
  }
  .kusworo-ustaz-card {
    grid-template-columns: 78px minmax(0, 1fr) !important;
  }
  .kusworo-ustaz-card .wp-block-post-featured-image {
    width: 78px !important;
    height: 78px !important;
  }
}

/* ==========================================================
   Kusworo Tech 1.6 — premium latest-post slider
   ========================================================== */
.kusworo-latest-slider-shell > .alignwide,
.kusworo-latest-slider-section {
  width: min(var(--kusworo-shell-max, 1480px), calc(100vw - var(--kusworo-shell-gutter, 24px) - var(--kusworo-shell-gutter, 24px))) !important;
  max-width: var(--kusworo-shell-max, 1480px) !important;
  margin-inline: auto !important;
}
.kusworo-latest-slider-section {
  position: relative;
}
.kusworo-latest-slider-heading {
  display: flex;
  gap: 18px;
  margin-bottom: 16px;
  align-items: end;
  justify-content: space-between;
}
.kusworo-latest-slider-heading p,
.kusworo-latest-slider-heading h2 {
  margin: 0;
}
.kusworo-latest-slider-kicker {
  margin-bottom: 3px !important;
  color: var(--wp--preset--color--primary);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.kusworo-latest-slider-heading h2 {
  position: relative;
  padding-left: 16px;
  color: var(--wp--preset--color--ink);
  font-size: clamp(1.45rem, 2.25vw, 2rem);
  line-height: 1.15;
}
.kusworo-latest-slider-heading h2::before {
  content: "";
  position: absolute;
  inset: .08em auto .08em 0;
  width: 5px;
  border-radius: 10px;
  background: linear-gradient(var(--wp--preset--color--gold) 0 35%, var(--wp--preset--color--primary) 35% 100%);
}
.kusworo-latest-slider-all {
  flex: 0 0 auto;
  color: var(--wp--preset--color--primary);
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}
.kusworo-latest-slider {
  position: relative;
}
.kusworo-latest-slider-viewport {
  position: relative;
  min-height: clamp(390px, 37vw, 540px);
  overflow: hidden;
  border: 1px solid var(--wp--preset--color--line);
  border-radius: 20px;
  background: var(--wp--preset--color--forest);
  box-shadow: 0 22px 60px rgba(18, 63, 50, .16);
  isolation: isolate;
}
.kusworo-latest-slider-track,
.kusworo-latest-slide,
.kusworo-latest-slide-link {
  position: absolute;
  inset: 0;
  display: block;
}
.kusworo-latest-slide {
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  transform: scale(1.025);
  transition: opacity 650ms ease, transform 850ms ease, visibility 650ms ease;
}
.kusworo-latest-slide.is-active {
  z-index: 1;
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.kusworo-latest-slide-link {
  color: #fff;
  text-decoration: none;
}
.kusworo-latest-slide-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.kusworo-latest-slide-shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(5, 30, 24, .9) 0%, rgba(5, 30, 24, .72) 38%, rgba(5, 30, 24, .18) 76%, rgba(5, 30, 24, .08) 100%),
    linear-gradient(0deg, rgba(5, 30, 24, .58) 0%, transparent 48%);
}
.kusworo-latest-slide-content {
  position: absolute;
  z-index: 2;
  left: clamp(24px, 5vw, 78px);
  bottom: clamp(42px, 6vw, 82px);
  display: flex;
  width: min(760px, 68%);
  flex-direction: column;
  align-items: flex-start;
}
.kusworo-latest-slide-category {
  display: inline-flex;
  min-height: 29px;
  padding: 6px 11px;
  align-items: center;
  border-radius: 999px;
  background: var(--wp--preset--color--gold);
  color: var(--wp--preset--color--forest);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.kusworo-latest-slide-title {
  display: block;
  margin-top: 13px;
  font-size: clamp(2rem, 4.25vw, 4.15rem);
  font-weight: 900;
  letter-spacing: -.04em;
  line-height: 1.02;
  text-wrap: balance;
  text-shadow: 0 4px 18px rgba(0, 0, 0, .28);
}
.kusworo-latest-slide-excerpt {
  display: block;
  max-width: 680px;
  margin-top: 15px;
  color: rgba(255, 255, 255, .88);
  font-size: clamp(.95rem, 1.25vw, 1.12rem);
  line-height: 1.58;
}
.kusworo-latest-slide-meta {
  display: block;
  margin-top: 15px;
  color: rgba(255, 255, 255, .78);
  font-size: 12px;
  font-weight: 700;
}
.kusworo-latest-slider-control {
  position: absolute;
  z-index: 4;
  top: 50%;
  display: inline-flex;
  width: 48px;
  height: 48px;
  padding: 0;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,.38);
  border-radius: 50%;
  background: rgba(8, 75, 57, .58);
  color: #fff;
  cursor: pointer;
  font-size: 38px;
  line-height: 1;
  transform: translateY(-50%);
  backdrop-filter: blur(9px);
  transition: background var(--kusworo-transition), transform var(--kusworo-transition);
}
.kusworo-latest-slider-control:hover {
  background: var(--wp--preset--color--gold);
  color: var(--wp--preset--color--forest);
  transform: translateY(-50%) scale(1.06);
}
.kusworo-latest-slider-control.is-prev { left: 18px; }
.kusworo-latest-slider-control.is-next { right: 18px; }
.kusworo-latest-slider-status {
  position: absolute;
  z-index: 4;
  right: 22px;
  bottom: 18px;
  min-width: 62px;
  padding: 7px 11px;
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 999px;
  background: rgba(4,62,158,.62);
  color: #fff;
  font-size: 12px;
  font-weight: 850;
  text-align: center;
  backdrop-filter: blur(8px);
}
.kusworo-latest-slider-dots {
  display: flex;
  gap: 8px;
  margin-top: 14px;
  align-items: center;
  justify-content: center;
}
.kusworo-latest-slider-dot {
  width: 9px;
  height: 9px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: #c9d5cf;
  cursor: pointer;
  transition: width var(--kusworo-transition), background var(--kusworo-transition);
}
.kusworo-latest-slider-dot.is-active {
  width: 34px;
  background: var(--wp--preset--color--primary);
}

@media (max-width: 900px) {
  .kusworo-latest-slider-viewport {
    min-height: clamp(360px, 58vw, 480px);
    border-radius: 16px;
  }
  .kusworo-latest-slide-content {
    width: min(760px, calc(100% - 110px));
    left: 54px;
    bottom: 48px;
  }
  .kusworo-latest-slide-shade {
    background: linear-gradient(0deg, rgba(5,30,24,.94) 0%, rgba(5,30,24,.66) 55%, rgba(5,30,24,.14) 100%);
  }
  .kusworo-latest-slider-control {
    width: 42px;
    height: 42px;
    font-size: 32px;
  }
  .kusworo-latest-slider-control.is-prev { left: 12px; }
  .kusworo-latest-slider-control.is-next { right: 12px; }
}

@media (max-width: 700px) {
  .kusworo-latest-slider-shell > .alignwide,
  .kusworo-latest-slider-section {
    width: calc(100vw - 24px) !important;
  }
  .kusworo-latest-slider-heading {
    align-items: flex-start;
  }
  .kusworo-latest-slider-all {
    padding-top: 22px;
    font-size: 12px;
  }
  .kusworo-latest-slider-viewport {
    min-height: 430px;
  }
  .kusworo-latest-slide-content {
    left: 22px;
    bottom: 34px;
    width: calc(100% - 44px);
  }
  .kusworo-latest-slide-title {
    font-size: clamp(1.75rem, 8.7vw, 2.65rem);
    line-height: 1.07;
  }
  .kusworo-latest-slide-excerpt {
    font-size: .93rem;
    line-height: 1.5;
  }
  .kusworo-latest-slider-control {
    top: 28px;
    width: 38px;
    height: 38px;
    transform: none;
    font-size: 28px;
  }
  .kusworo-latest-slider-control:hover {
    transform: scale(1.05);
  }
  .kusworo-latest-slider-control.is-prev { left: auto; right: 58px; }
  .kusworo-latest-slider-control.is-next { right: 14px; }
  .kusworo-latest-slider-status {
    right: auto;
    left: 14px;
    top: 28px;
    bottom: auto;
  }
}

@media (max-width: 480px) {
  .kusworo-latest-slider-heading h2 { font-size: 1.35rem; }
  .kusworo-latest-slider-all span { display: none; }
  .kusworo-latest-slider-viewport { min-height: 410px; }
  .kusworo-latest-slide-excerpt { display: none; }
  .kusworo-latest-slide-title { margin-top: 11px; }
  .kusworo-latest-slide-meta { margin-top: 12px; }
}

@media (prefers-reduced-motion: reduce) {
  .kusworo-latest-slide { transition: none; }
}
.kusworo-latest-slider-legacy {
  padding-block: var(--wp--preset--spacing--30) var(--wp--preset--spacing--20);
  background: var(--wp--preset--color--white);
}

/* ==========================================================
   Kusworo Tech 1.8 — stable slider rendering
   Keeps the premium v1.6 dimensions while preventing shortcode
   text, ghost slides and overlapping titles.
   ========================================================== */
.kusworo-latest-slider-track {
  position: absolute !important;
  inset: 0 !important;
  overflow: hidden !important;
}
.kusworo-latest-slide[hidden] {
  display: none !important;
}
.kusworo-latest-slide {
  position: absolute !important;
  inset: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  z-index: 0 !important;
  transform: none !important;
  transition: none !important;
}
.kusworo-latest-slide.is-active:not([hidden]) {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 2 !important;
  animation: kusworo-slider-reveal 320ms ease-out both;
}
.kusworo-latest-slide-link,
.kusworo-latest-slide-image,
.kusworo-latest-slide-shade {
  position: absolute !important;
  inset: 0 !important;
}
.kusworo-latest-slide-content {
  isolation: isolate;
}
@keyframes kusworo-slider-reveal {
  from { opacity: 0; }
  to { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .kusworo-latest-slide.is-active:not([hidden]) {
    animation: none;
  }
}


/* Kusworo Tech 1.9 — premium brand implementation */
.kusworo-tech-masthead .kusworo-tech-site-logo img {
  width: min(310px, 40vw) !important;
  max-height: 76px;
  object-fit: contain;
  object-position: left center;
}
.kusworo-tech-footer-brand {
  min-height: 62px;
  margin-bottom: 14px;
}
.kusworo-tech-footer-logo {
  display: block;
  width: min(300px, 100%);
  aspect-ratio: 4 / 1;
  background: url('../demo/logo-kusworo-premium-light.png') left center / contain no-repeat;
  text-decoration: none;
}
@media (max-width: 782px) {
  .kusworo-tech-masthead .kusworo-tech-site-logo img {
    width: min(270px, 72vw) !important;
    max-height: 68px;
  }
  .kusworo-tech-footer-logo { width: min(270px, 82vw); }
}
@media (max-width: 430px) {
  .kusworo-tech-masthead .kusworo-tech-site-logo img {
    width: min(235px, 70vw) !important;
    max-height: 60px;
  }
}

/* Kusworo Tech 2.0 — exact official logo in header and footer */
.kusworo-tech-masthead .kusworo-tech-site-logo,
.kusworo-tech-masthead .kusworo-tech-site-logo a,
.kusworo-tech-footer-site-logo,
.kusworo-tech-footer-site-logo a {
  display: inline-flex !important;
  align-items: center;
  overflow: visible !important;
  line-height: 0;
}
.kusworo-tech-masthead .kusworo-tech-site-logo img {
  width: auto !important;
  height: 116px !important;
  max-width: 205px !important;
  max-height: 116px !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 0 !important;
}
.kusworo-tech-masthead-inner {
  min-height: 122px;
}
.kusworo-tech-footer-brand {
  min-height: 0;
  align-items: flex-start;
}
.kusworo-tech-footer-logo-card {
  display: inline-flex !important;
  width: auto !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.16);
  border: 1px solid rgba(212,164,66,.38);
}
.kusworo-tech-footer-site-logo img {
  display: block;
  width: auto !important;
  height: 150px !important;
  max-width: 230px !important;
  max-height: 150px !important;
  object-fit: contain !important;
  border-radius: 0 !important;
}
@media (max-width: 782px) {
  .kusworo-tech-masthead .kusworo-tech-site-logo img {
    width: auto !important;
    height: 96px !important;
    max-width: 175px !important;
    max-height: 96px !important;
  }
  .kusworo-tech-masthead-inner { min-height: 102px; }
  .kusworo-tech-footer-site-logo img {
    height: 132px !important;
    max-width: 205px !important;
  }
}
@media (max-width: 520px) {
  .kusworo-tech-masthead .kusworo-tech-site-logo img {
    width: auto !important;
    height: 84px !important;
    max-width: 155px !important;
    max-height: 84px !important;
  }
  .kusworo-tech-masthead-inner { min-height: auto; }
  .kusworo-tech-footer-site-logo img {
    height: 118px !important;
    max-width: 185px !important;
  }
}

/* Compatibility for a footer template saved by older theme versions. */
.kusworo-tech-footer-logo {
  width: 205px !important;
  height: 188px !important;
  aspect-ratio: auto !important;
  padding: 12px 14px;
  box-sizing: border-box;
  border-radius: 14px;
  border: 1px solid rgba(212,164,66,.38);
  background: #fff url('../demo/logo-kusworo-official.png') center / contain no-repeat !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.16);
}
@media (max-width: 520px) {
  .kusworo-tech-footer-logo {
    width: 180px !important;
    height: 165px !important;
  }
}

/* ==========================================================
   Kusworo Tech 1.0 — blue technology portal implementation
   ========================================================== */
body {
  background: var(--wp--preset--color--surface);
  color: var(--wp--preset--color--ink);
}
.kusworo-tech-masthead::before { display: none; }
.kusworo-tech-masthead-inner { min-height: 76px !important; }
.kusworo-tech-masthead .kusworo-tech-site-logo img {
  width: min(300px, 42vw) !important;
  height: auto !important;
  max-width: 300px !important;
  max-height: 76px !important;
  object-fit: contain !important;
  object-position: left center !important;
}
.kusworo-tech-site-logo:has(img) ~ .kusworo-tech-brand-text { display: none; }
.kusworo-tech-nav-shell {
  border-bottom: 0;
  background: linear-gradient(90deg,#043e9e,#0a5be0 55%,#006fe8) !important;
  box-shadow: 0 4px 14px rgba(4,62,158,.16);
}
.kusworo-tech-nav-shell.is-scrolled { box-shadow: 0 10px 26px rgba(4,62,158,.25); }
.kusworo-tech-prayer-link { background: rgba(255,255,255,.14); }
.kusworo-tech-prayer-link a { color: #fff !important; }
.kusworo-tech-header-search .wp-block-search__inside-wrapper { border-radius: 8px; }
.kusworo-tech-header-search .wp-block-search__button { background: #0a5be0; }
.kusworo-tech-trending-label { color: #fff !important; background: #0a5be0 !important; }
.kusworo-tech-ticker li::before { color: #00a8ff; }
.kusworo-tech-ad {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(0,168,255,.34);
  box-shadow: 0 12px 34px rgba(6,26,53,.14);
}
.kusworo-tech-ad::after {
  content: "";
  position: absolute;
  right: -50px;
  bottom: -90px;
  width: 250px;
  height: 250px;
  border: 40px solid rgba(0,168,255,.11);
  border-radius: 50%;
  pointer-events: none;
}
.kusworo-tech-ad h3,.kusworo-tech-ad p,.kusworo-tech-ad .wp-block-buttons { position: relative; z-index: 1; margin-block: 0; }
.kusworo-tech-ad--rectangle { min-height: 150px; justify-content: center; }
.kusworo-home-hero { max-width: 1480px !important; }
.kusworo-home-hero-columns { align-items: stretch; margin-bottom: 0; }
.kusworo-home-hero-columns > .wp-block-column { min-width: 0; }
.kusworo-home-hero .kusworo-latest-slider-section {
  width: 100% !important;
  max-width: 100% !important;
  height: 100%;
}
.kusworo-home-hero .kusworo-latest-slider,
.kusworo-home-hero .kusworo-latest-slider-viewport { height: 100%; }
.kusworo-home-hero .kusworo-latest-slider-viewport {
  min-height: 500px;
  border-radius: 10px;
  box-shadow: 0 14px 42px rgba(6,26,53,.18);
}
.kusworo-home-hero .kusworo-latest-slide-shade {
  background: linear-gradient(90deg,rgba(3,15,32,.93),rgba(3,20,43,.69) 48%,rgba(3,20,43,.12) 82%),linear-gradient(0deg,rgba(3,15,32,.72),transparent 56%);
}
.kusworo-home-hero .kusworo-latest-slide-content {
  left: clamp(24px,4vw,58px);
  bottom: 55px;
  width: min(650px,72%);
}
.kusworo-home-hero .kusworo-latest-slide-title { font-size: clamp(2rem,3.2vw,3.25rem); }
.kusworo-home-hero .kusworo-latest-slider-dots { margin-top: 10px; }
.kusworo-home-hero-side { height: 100%; }
.kusworo-server-tools {
  border: 1px solid var(--wp--preset--color--line);
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 8px 26px rgba(6,26,53,.06);
}
.kusworo-server-tools__head {
  display: flex;
  padding: 14px 16px 11px;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--wp--preset--color--line);
}
.kusworo-server-tools__head h3 { margin: 2px 0 0; font-size: 16px; text-transform: uppercase; }
.kusworo-server-tools__eyebrow { color: #0a5be0; font-size: 9px; font-weight: 900; letter-spacing: .12em; }
.kusworo-server-tools__status { display: inline-flex; gap: 6px; align-items: center; color: #289760; font-size: 10px; font-weight: 800; }
.kusworo-server-tools__status i { width: 7px; height: 7px; border-radius: 50%; background: #2bb673; box-shadow: 0 0 0 4px rgba(43,182,115,.12); }
.kusworo-server-tools__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); padding: 10px; gap: 7px; }
.kusworo-server-tool {
  display: flex;
  min-width: 0;
  min-height: 70px;
  padding: 8px 5px;
  flex-direction: column;
  gap: 6px;
  align-items: center;
  justify-content: center;
  border: 1px solid #e4edf7;
  border-radius: 8px;
  background: #f9fbfe;
  color: #1f2d3d;
  font-size: 10px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  transition: transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.kusworo-server-tool:hover { border-color: #62adff; box-shadow: 0 8px 18px rgba(10,91,224,.11); transform: translateY(-2px); }
.kusworo-server-tool__icon { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 8px; background: #e8f2ff; color: #0a5be0; font-size: 11px; font-weight: 900; }
.kusworo-mini-newsletter { border: 1px solid var(--wp--preset--color--line); box-shadow: 0 8px 24px rgba(6,26,53,.06); }
.kusworo-mini-newsletter h3,.kusworo-mini-newsletter p { margin-block: 0; }
.kusworo-tech-topic-buttons .wp-block-button__link { padding: 6px 12px; border-color: #cbd8e8; border-radius: 6px; color: #40546a; font-size: 11px; }
.kusworo-tech-category-columns { align-items: stretch; }
.kusworo-tech-channel-card {
  height: 100%;
  padding: 12px;
  border: 1px solid var(--wp--preset--color--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 7px 20px rgba(6,26,53,.045);
}
.kusworo-tech-channel-title { margin: 0 0 8px; padding-bottom: 10px; border-bottom: 1px solid var(--wp--preset--color--line); font-size: 13px !important; text-transform: uppercase; }
.kusworo-tech-channel-query .wp-block-post-template { gap: 0; }
.kusworo-tech-mini-story { gap: 8px; min-width: 0; padding: 8px 0; border-bottom: 1px solid #edf2f7; align-items: center; }
.kusworo-tech-mini-story .wp-block-post-featured-image { flex: 0 0 58px; margin: 0; overflow: hidden; border-radius: 6px; }
.kusworo-tech-mini-story .wp-block-post-title { margin: 0; }
.kusworo-channel-more { margin: 9px 0 0; color: #0a5be0; font-size: 10px; font-weight: 800; text-align: center; }
.kusworo-tech-card,.kusworo-ai-card { border-radius: 8px; box-shadow: 0 8px 22px rgba(6,26,53,.06); }
.kusworo-ai-query .wp-block-post-template { gap: 16px; }
.kusworo-ai-card { height: 100%; overflow: hidden; border: 1px solid var(--wp--preset--color--line); background: #fff; }
.kusworo-ai-card .wp-block-post-featured-image { margin: 0; border-radius: 0; }
.kusworo-video-section { background: linear-gradient(135deg,#061a35,#073c70) !important; }
.kusworo-tech-section-heading--light { border-bottom-color: rgba(255,255,255,.23); }
.kusworo-tech-footer { background: linear-gradient(135deg,#061a35,#052f5d) !important; }
.kusworo-tech-footer-site-logo img {
  width: min(260px,100%) !important;
  height: auto !important;
  max-width: 260px !important;
  max-height: 90px !important;
}
.kusworo-tech-footer-logo-card { border-color: rgba(0,168,255,.35); box-shadow: 0 10px 28px rgba(0,0,0,.18); }
.kusworo-latest-slider-control { background: rgba(4,62,158,.62); }
.kusworo-latest-slider-dot { background: #c7d4e4; }

@media (max-width: 1100px) {
  .kusworo-home-hero-columns { flex-wrap: wrap !important; }
  .kusworo-home-hero-columns > .wp-block-column { flex-basis: 100% !important; }
  .kusworo-home-hero-side { display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; }
  .kusworo-home-hero-side > *:last-child { grid-column: 1 / -1; }
  .kusworo-tech-category-columns { flex-wrap: wrap !important; }
  .kusworo-tech-category-columns > .wp-block-column { flex-basis: calc(50% - 8px) !important; }
}
@media (max-width: 782px) {
  .kusworo-tech-masthead-inner { min-height: auto !important; }
  .kusworo-tech-masthead .kusworo-tech-site-logo img { width: min(260px,68vw) !important; max-width: 260px !important; max-height: 68px !important; }
  .kusworo-tech-header-search { width: 100%; }
  .kusworo-home-hero .kusworo-latest-slider-viewport { min-height: 430px; }
  .kusworo-home-hero-side { grid-template-columns: 1fr; }
  .kusworo-home-hero-side > *:last-child { grid-column: auto; }
  .kusworo-tech-category-columns > .wp-block-column { flex-basis: 100% !important; }
  .kusworo-ai-query .wp-block-post-template,.kusworo-tech-card-query .wp-block-post-template { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 520px) {
  .kusworo-tech-utility-links { display: none; }
  .kusworo-tech-masthead .kusworo-tech-site-logo img { width: min(235px,72vw) !important; max-width: 235px !important; max-height: 62px !important; }
  .kusworo-home-hero .kusworo-latest-slider-section { width: 100% !important; }
  .kusworo-home-hero .kusworo-latest-slider-viewport { min-height: 390px; }
  .kusworo-home-hero .kusworo-latest-slide-content { left: 18px; bottom: 28px; width: calc(100% - 36px); }
  .kusworo-home-hero .kusworo-latest-slide-title { font-size: 1.75rem; }
  .kusworo-server-tools__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .kusworo-ai-query .wp-block-post-template,.kusworo-tech-card-query .wp-block-post-template { grid-template-columns: 1fr; }
}

/* ==========================================================
   Kusworo Tech 1.2.0 — wide hero, accurate channels, live tools
   ========================================================== */
:root {
  --kusworo-shell-max: 1680px;
}

.kusworo-home-hero,
.kusworo-category-pattern-shell {
  width: min(1680px, calc(100vw - 28px)) !important;
  max-width: 1680px !important;
  margin-inline: auto !important;
}

.kusworo-home-hero-columns {
  display: grid !important;
  grid-template-columns: minmax(0, 3.55fr) minmax(330px, 1fr) !important;
  gap: 18px !important;
  align-items: stretch !important;
}
.kusworo-home-hero-columns > .wp-block-column {
  width: auto !important;
  min-width: 0 !important;
  flex-basis: auto !important;
  margin: 0 !important;
}
.kusworo-home-hero .kusworo-latest-slider-viewport {
  min-height: 570px !important;
}
.kusworo-home-hero .kusworo-latest-slide-content {
  width: min(790px, 70%) !important;
}
.kusworo-home-hero .kusworo-latest-slide-title {
  font-size: clamp(2.25rem, 3.25vw, 3.75rem) !important;
}

/* Dynamic channel cards. */
.kusworo-category-shortcode {
  width: 100%;
}
.kusworo-category-shortcode .kusworo-tech-category-columns {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
}
.kusworo-category-shortcode .kusworo-tech-channel-card {
  min-width: 0;
  padding: 14px !important;
}
.kusworo-tech-channel-title {
  display: flex;
  gap: 8px;
  align-items: center;
}
.kusworo-channel-icon {
  display: inline-grid;
  width: 25px;
  height: 25px;
  flex: 0 0 25px;
  place-items: center;
  border-radius: 6px;
  background: #e8f2ff;
  color: #0a5be0;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: -.03em;
}
.kusworo-tech-channel-card.is-cpanel .kusworo-channel-icon { background: #fff0dc; color: #e87900; }
.kusworo-tech-channel-card.is-wordpress .kusworo-channel-icon { background: #e7f4ff; color: #1677b8; }
.kusworo-tech-channel-card.is-error .kusworo-channel-icon { background: #ffe9ed; color: #d62d45; }
.kusworo-tech-channel-card.is-server .kusworo-channel-icon { background: #eee8ff; color: #7048c8; }
.kusworo-channel-post-list {
  display: block !important;
  margin: 0;
  padding: 0;
}
.kusworo-category-shortcode .kusworo-tech-mini-story,
.kusworo-tech-channel-query .kusworo-tech-mini-story {
  display: grid !important;
  grid-template-columns: 72px minmax(0, 1fr) !important;
  gap: 11px !important;
  min-height: 91px;
  padding: 11px 0 !important;
  align-items: center !important;
}
.kusworo-channel-thumb {
  display: block;
  width: 72px;
  height: 64px;
  overflow: hidden;
  border-radius: 7px;
  background: #edf4fb;
}
.kusworo-channel-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 0 !important;
}
.kusworo-channel-thumb-placeholder {
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  color: #0a5be0;
  font-weight: 900;
}
.kusworo-channel-copy { min-width: 0; }
.kusworo-channel-copy h4 {
  margin: 0;
  font-family: var(--wp--preset--font-family--headline);
  font-size: 13px;
  line-height: 1.32;
}
.kusworo-channel-copy h4 a { text-decoration: none; }
.kusworo-channel-copy time {
  display: block;
  margin-top: 7px;
  color: var(--wp--preset--color--muted);
  font-size: 11px;
}
.kusworo-channel-empty {
  min-height: 236px;
  display: grid;
  margin: 0;
  place-items: center;
  color: var(--wp--preset--color--muted);
  font-size: 12px;
  text-align: center;
}

/* Tools panel: compact cards and working inline workspace. */
.kusworo-server-tools button {
  font-family: inherit;
}
.kusworo-server-tools__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}
.kusworo-server-tool {
  width: 100%;
  height: auto !important;
  min-height: 78px !important;
  margin: 0;
  cursor: pointer;
}
.kusworo-server-tool.is-active {
  border-color: #0a5be0;
  background: #edf5ff;
  box-shadow: inset 0 0 0 1px #0a5be0;
}
.kusworo-server-tools__workspace[hidden],
.kusworo-tool-form[hidden] {
  display: none !important;
}
.kusworo-server-tools__workspace {
  margin: 0 10px 10px;
  overflow: hidden;
  border: 1px solid #cbdced;
  border-radius: 9px;
  background: #f8fbff;
}
.kusworo-server-tools__workspace-head {
  display: flex;
  min-height: 42px;
  padding: 8px 10px 8px 13px;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #dce7f2;
  background: #fff;
  font-size: 13px;
}
.kusworo-tool-close {
  display: grid;
  width: 28px;
  height: 28px;
  padding: 0;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: #edf3fa;
  color: #42556b;
  cursor: pointer;
  font-size: 20px;
  line-height: 1;
}
.kusworo-tool-form {
  display: grid;
  grid-template-columns: 1fr;
  gap: 9px;
  padding: 13px;
}
.kusworo-tool-form p { margin: 0; font-size: 12px; line-height: 1.5; }
.kusworo-tool-form label {
  display: grid;
  gap: 5px;
  color: #27384b;
  font-size: 11px;
  font-weight: 800;
}
.kusworo-tool-form input,
.kusworo-tool-form select {
  width: 100%;
  min-height: 38px;
  padding: 7px 9px;
  border: 1px solid #cbd8e8;
  border-radius: 7px;
  background: #fff;
  color: #111827;
  font: inherit;
  font-size: 12px;
}
.kusworo-tool-form button[type="submit"] {
  min-height: 38px;
  padding: 8px 12px;
  border: 0;
  border-radius: 7px;
  background: #0a5be0;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  font-weight: 850;
}
.kusworo-tool-form button[disabled] { opacity: .6; cursor: wait; }
.kusworo-tool-note { color: #68798d; font-size: 10px !important; }
.kusworo-tool-result {
  max-height: 330px;
  overflow: auto;
  padding: 0 13px 13px;
  font-size: 11px;
}
.kusworo-tool-result:empty { display: none; }
.kusworo-tool-result.is-error p {
  margin: 0;
  padding: 10px;
  border: 1px solid #ffc5ce;
  border-radius: 7px;
  background: #fff0f2;
  color: #a62036;
}
.kusworo-tool-loading { color: #52667d; }
.kusworo-tool-result-card {
  overflow: auto;
  border: 1px solid #dce6f0;
  border-radius: 7px;
  background: #fff;
}
.kusworo-tool-result-card table {
  width: 100%;
  border-collapse: collapse;
  font-size: 11px;
}
.kusworo-tool-result-card th,
.kusworo-tool-result-card td {
  padding: 8px;
  border-bottom: 1px solid #edf2f7;
  text-align: left;
  vertical-align: top;
}
.kusworo-tool-result-card th { width: 34%; color: #52667d; }
.kusworo-tool-result-card code { white-space: normal; overflow-wrap: anywhere; }
.kusworo-tool-result-card pre {
  max-height: 260px;
  margin: 0;
  padding: 12px;
  overflow: auto;
  background: #061a35;
  color: #dcecff;
  font-size: 10px;
  line-height: 1.5;
  white-space: pre-wrap;
}
.kusworo-tool-result-card > p { margin: 0; padding: 10px 12px; }

@media (max-width: 1280px) {
  .kusworo-home-hero-columns {
    grid-template-columns: minmax(0, 2.7fr) minmax(315px, 1fr) !important;
  }
  .kusworo-home-hero .kusworo-latest-slider-viewport { min-height: 520px !important; }
  .kusworo-category-shortcode .kusworo-tech-category-columns { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 1040px) {
  .kusworo-home-hero-columns { grid-template-columns: 1fr !important; }
  .kusworo-home-hero-side { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 14px !important; }
  .kusworo-home-hero-side > *:last-child { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
  .kusworo-home-hero,
  .kusworo-category-pattern-shell { width: calc(100vw - 24px) !important; }
  .kusworo-home-hero-side { grid-template-columns: 1fr !important; }
  .kusworo-home-hero-side > *:last-child { grid-column: auto; }
  .kusworo-category-shortcode .kusworo-tech-category-columns { grid-template-columns: 1fr !important; }
  .kusworo-home-hero .kusworo-latest-slider-viewport { min-height: 440px !important; }
  .kusworo-home-hero .kusworo-latest-slide-content { width: calc(100% - 44px) !important; }
}
@media (max-width: 420px) {
  .kusworo-server-tools__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

/* ==========================================================
   Kusworo Tech 1.3.0 — full-bleed hero + DNS tool hardening
   ========================================================== */
.kusworo-home-hero {
  box-sizing: border-box !important;
  width: 100vw !important;
  max-width: none !important;
  margin-right: calc(50% - 50vw) !important;
  margin-left: calc(50% - 50vw) !important;
  padding-right: clamp(14px, 2vw, 34px) !important;
  padding-left: clamp(14px, 2vw, 34px) !important;
}
.kusworo-home-hero > .kusworo-home-hero-columns {
  width: min(1840px, 100%) !important;
  max-width: 1840px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}
@media (min-width: 1041px) {
  .kusworo-home-hero-columns {
    grid-template-columns: minmax(0, 1fr) clamp(300px, 20vw, 360px) !important;
    gap: clamp(14px, 1.25vw, 22px) !important;
  }
  .kusworo-home-hero .kusworo-latest-slider-viewport {
    min-height: clamp(570px, 38vw, 680px) !important;
  }
  .kusworo-home-hero .kusworo-latest-slide-content {
    width: min(820px, 64%) !important;
  }
}
@media (min-width: 1041px) and (max-width: 1280px) {
  .kusworo-home-hero-columns {
    grid-template-columns: minmax(0, 1fr) 300px !important;
  }
}
@media (max-width: 1040px) {
  .kusworo-home-hero {
    width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}

.kusworo-tool-table-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.kusworo-tool-result-summary {
  margin: 0 !important;
  padding: 10px 12px !important;
  border-bottom: 1px solid #d9e5f2;
  background: #f1f7ff;
  color: #334b65;
  font-size: 11px;
}
.kusworo-dns-results table {
  min-width: 500px;
}
.kusworo-dns-results td:nth-child(2) {
  max-width: 430px;
  overflow-wrap: anywhere;
}

/* ==========================================================
   Kusworo Tech 1.5.0 — Centered Tools Server & Email Security
   ========================================================== */
.kusworo-tools-page-shell {
  --tools-blue: #0b63ed;
  --tools-blue-dark: #073b91;
  --tools-ink: #101a2f;
  --tools-muted: #526176;
  --tools-line: #dce5f0;
  --tools-bg: #f5f8fc;
  position: relative;
  left: auto;
  width: min(1280px, calc(100% - 32px));
  max-width: 1280px;
  margin: 0 auto 42px !important;
  transform: none;
  color: var(--tools-ink);
  font-family: var(--wp--preset--font-family--body, system-ui, sans-serif);
}
.kusworo-tools-page-shell button,
.kusworo-tools-page-shell input,
.kusworo-tools-page-shell select { font: inherit; }
.kusworo-tools-page-intro {
  display: grid;
  grid-template-columns: minmax(0,1fr) 286px;
  gap: 24px;
  margin-bottom: 18px;
  align-items: center;
}
.kusworo-tools-page-intro h1 {
  margin: 0 0 8px;
  color: var(--tools-ink);
  font-size: clamp(2.2rem,4.3vw,4rem);
  line-height: .98;
  letter-spacing: -.055em;
}
.kusworo-tools-page-intro > div > p { margin: 0; color: var(--tools-muted); font-size: 15px; line-height: 1.75; }
.kusworo-tools-intro-card {
  padding: 18px 20px;
  border: 1px solid var(--tools-line);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 12px 36px rgba(28,55,88,.08);
}
.kusworo-tools-intro-card > div { display: flex; gap: 12px; margin-top: 14px; align-items: center; }
.kusworo-tools-intro-card p { margin: 0; line-height: 1.45; }
.kusworo-tools-intro-card small { color: var(--tools-muted); }
.kusworo-tools-intro-icon {
  display: grid; width: 42px; height: 42px; flex: 0 0 42px; place-items: center;
  border-radius: 12px; background: #e9f2ff; color: var(--tools-blue); font-size: 19px; font-weight: 950;
}

.kusworo-email-security-card,
.kusworo-tools-section-card,
.kusworo-tools-info-card {
  overflow: hidden;
  border: 1px solid var(--tools-line);
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 13px 36px rgba(28,55,88,.065);
}
.kusworo-email-security-card { margin-bottom: 16px; }
.kusworo-email-security-top {
  display: grid;
  grid-template-columns: minmax(0,1fr) 280px;
  min-height: 205px;
  padding: 30px 34px;
  align-items: center;
  border-bottom: 1px solid var(--tools-line);
  background: linear-gradient(110deg,#fff 0%,#fff 64%,#f0f6ff 100%);
}
.kusworo-email-security-copy { display: flex; gap: 17px; align-items: flex-start; }
.kusworo-security-icon {
  display: grid; width: 48px; height: 48px; flex: 0 0 48px; place-items: center;
  border-radius: 50%; background: #e7f1ff; color: var(--tools-blue); box-shadow: inset 0 0 0 1px #cfe1ff;
  font-size: 23px; font-weight: 900;
}
.kusworo-email-security-copy h2 { margin: 0; font-size: clamp(1.45rem,2.1vw,2rem); letter-spacing: -.03em; }
.kusworo-email-security-copy h2 em {
  display: inline-flex; margin-left: 10px; padding: 4px 8px; vertical-align: middle;
  border: 1px solid #80ddb7; border-radius: 999px; background: #e8fff5; color: #149a61;
  font-size: 9px; font-style: normal; letter-spacing: .04em;
}
.kusworo-email-security-copy p { max-width: 610px; margin: 8px 0 0; color: var(--tools-muted); line-height: 1.65; }
.kusworo-email-visual { position: relative; width: 220px; height: 155px; margin-left: auto; }
.kusworo-email-visual strong {
  position: absolute; left: 55px; bottom: 8px; display: grid; width: 120px; height: 92px; place-items: center;
  border-radius: 12px 12px 36px 36px; background: linear-gradient(145deg,#1d7aff,#0954d7); color: #fff;
  font-size: 54px; box-shadow: 0 18px 40px rgba(11,99,237,.25);
}
.kusworo-email-visual i {
  position: absolute; right: 17px; bottom: 0; display: grid; width: 65px; height: 65px; place-items: center;
  border-radius: 50% 50% 50% 18px; background: #0b63ed; color: #fff; font-size: 29px; font-style: normal; font-weight: 950;
}
.kusworo-email-visual > span { position: absolute; z-index: 2; padding: 7px 11px; border-radius: 7px; color: #fff; font-size: 10px; font-weight: 900; box-shadow: 0 8px 20px rgba(15,40,70,.13); }
.kusworo-email-visual .is-spf { top: 18px; left: 34px; background: #26c78d; }
.kusworo-email-visual .is-dkim { top: 3px; right: 43px; background: #ffbe42; }
.kusworo-email-visual .is-dmarc { top: 57px; right: 0; background: #8a6df2; }

.kusworo-email-security-form {
  display: grid;
  grid-template-columns: minmax(0,1.15fr) minmax(0,.9fr) 190px;
  gap: 14px;
  padding: 24px 34px 18px;
  align-items: end;
}
.kusworo-email-security-form label { display: grid; gap: 8px; color: var(--tools-ink); font-size: 12px; font-weight: 850; }
.kusworo-email-security-form label span { color: var(--tools-muted); font-weight: 500; }
.kusworo-email-security-form input {
  width: 100%; min-height: 48px; padding: 10px 14px;
  border: 1px solid #cbd8e8; border-radius: 8px; background: #fff; color: var(--tools-ink);
  box-shadow: inset 0 1px 2px rgba(15,38,65,.03);
}
.kusworo-email-security-form input:focus { border-color: var(--tools-blue); box-shadow: 0 0 0 3px rgba(11,99,237,.12); outline: 0; }
.kusworo-email-security-form > button {
  min-height: 48px; padding: 10px 16px; border: 0; border-radius: 8px; background: linear-gradient(135deg,#0b63ed,#0751cf);
  color: #fff; cursor: pointer; font-weight: 850; box-shadow: 0 10px 22px rgba(11,99,237,.2);
}
.kusworo-email-security-form > button:hover { filter: brightness(1.04); transform: translateY(-1px); }
.kusworo-email-security-form > button[disabled] { opacity: .62; cursor: wait; transform: none; }
.kusworo-email-security-help { grid-column: 1 / -1; margin: 0; color: var(--tools-muted); font-size: 11px; }
.kusworo-email-security-results { padding: 22px 24px 24px; border-top: 1px solid var(--tools-line); background: #fbfdff; }
.kusworo-security-results-heading { margin-bottom: 18px; text-align: center; }
.kusworo-security-results-heading h3 { margin: 0; font-size: 18px; }
.kusworo-security-results-heading p { margin: 4px 0 0; color: var(--tools-muted); font-size: 12px; }
.kusworo-security-result-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 12px; }
.kusworo-security-result-card {
  min-width: 0; min-height: 112px; padding: 15px;
  border: 1px solid var(--tools-line); border-radius: 10px; background: #fff;
}
.kusworo-security-result-card > div { display: flex; gap: 8px; align-items: center; justify-content: space-between; }
.kusworo-security-result-card > div > span {
  display: grid; width: 25px; height: 25px; flex: 0 0 25px; place-items: center;
  border-radius: 50%; background: #eef2f7; color: #8695a8; font-weight: 900;
}
.kusworo-security-result-card p { display: grid; gap: 3px; margin: 17px 0 0; }
.kusworo-security-result-card p b { font-size: 12px; }
.kusworo-security-result-card p small { color: var(--tools-muted); font-size: 10px; line-height: 1.45; }
.kusworo-security-result-card code {
  display: block; max-height: 70px; margin-top: 10px; padding: 7px; overflow: auto;
  border-radius: 6px; background: #f2f6fb; color: #28415d; font-size: 9px; white-space: normal; overflow-wrap: anywhere;
}
.kusworo-security-result-card.is-success { border-color: #a9e6cd; background: #fbfffd; }
.kusworo-security-result-card.is-success > div > span { background: #e2faef; color: #159b61; }
.kusworo-security-result-card.is-success p b { color: #159b61; }
.kusworo-security-result-card.is-warning { border-color: #f6d896; background: #fffdfa; }
.kusworo-security-result-card.is-warning > div > span { background: #fff2d8; color: #c78000; }
.kusworo-security-result-card.is-warning p b { color: #b87500; }
.kusworo-security-result-card.is-danger { border-color: #ffc6ce; background: #fffafb; }
.kusworo-security-result-card.is-danger > div > span { background: #ffe8eb; color: #c72940; }
.kusworo-security-result-card.is-danger p b { color: #b92239; }
.kusworo-email-detail-panel { margin-top: 15px; padding: 17px 19px; border: 1px solid var(--tools-line); border-radius: 10px; background: #fff; }
.kusworo-email-detail-panel h4 { margin: 0 0 10px; }
.kusworo-email-detail-panel ul { display: grid; gap: 7px; margin: 0; padding-left: 18px; color: #405269; font-size: 12px; line-height: 1.55; }
.kusworo-email-detail-panel li.is-danger::marker { color: #d32f48; }
.kusworo-email-detail-panel li.is-warning::marker { color: #d78b00; }
.kusworo-email-detail-panel li.is-success::marker { color: #159b61; }
.kusworo-email-disclaimer { margin: 12px 0 0; color: var(--tools-muted); font-size: 10px; }
.kusworo-email-main-loading { margin: 26px auto; text-align: center; }
.kusworo-email-main-error { margin: 0; padding: 13px; border: 1px solid #ffc6ce; border-radius: 8px; background: #fff0f2; color: #aa2036; text-align: center; }

.kusworo-tools-section-card { margin-top: 16px; padding: 18px; }
.kusworo-tools-section-title { display: flex; gap: 14px; margin-bottom: 14px; align-items: center; justify-content: space-between; }
.kusworo-tools-section-title h2 { margin: 0; font-size: 16px; }
.kusworo-tools-section-title > button { padding: 0; border: 0; background: transparent; color: var(--tools-blue); cursor: pointer; font-size: 11px; font-weight: 800; }
.kusworo-email-tool-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.kusworo-email-tool-grid article { display: flex; min-height: 132px; gap: 13px; padding: 18px; border: 1px solid var(--tools-line); border-radius: 10px; }
.kusworo-email-tool-grid article > span { display: grid; width: 42px; height: 42px; flex: 0 0 42px; place-items: center; border-radius: 50%; font-weight: 950; }
.kusworo-email-tool-grid article > span.is-green { background: #e1f9ee; color: #14a46a; }
.kusworo-email-tool-grid article > span.is-orange { background: #fff0dc; color: #e48613; }
.kusworo-email-tool-grid article > span.is-purple { background: #eee9ff; color: #7651d5; }
.kusworo-email-tool-grid h3 { margin: 0; font-size: 14px; }
.kusworo-email-tool-grid p { margin: 6px 0 13px; color: var(--tools-muted); font-size: 11px; line-height: 1.55; }
.kusworo-email-tool-grid button { padding: 7px 10px; border: 1px solid #cfe0f8; border-radius: 6px; background: #fff; color: var(--tools-blue); cursor: pointer; font-size: 10px; font-weight: 800; }

.kusworo-other-tools-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.kusworo-other-tool-card {
  display: flex; min-width: 0; min-height: 112px; gap: 13px; padding: 16px;
  align-items: flex-start; border: 1px solid var(--tools-line); border-radius: 10px; background: #fff;
  color: var(--tools-ink); cursor: pointer; text-align: left; transition: .18s ease;
}
.kusworo-other-tool-card:hover,.kusworo-other-tool-card.is-active { border-color: #7cb5ff; box-shadow: 0 9px 22px rgba(11,99,237,.09); transform: translateY(-2px); }
.kusworo-other-tool-card > span { display: grid; width: 38px; height: 38px; flex: 0 0 38px; place-items: center; border-radius: 9px; background: #e8f2ff; color: var(--tools-blue); font-size: 12px; font-weight: 950; }
.kusworo-other-tool-card:nth-child(3n+2) > span { background: #eee8ff; color: #7651d5; }
.kusworo-other-tool-card:nth-child(3n) > span { background: #e5faef; color: #179763; }
.kusworo-other-tool-card strong { display: block; margin: 1px 0 5px; font-size: 12px; }
.kusworo-other-tool-card small { display: block; color: var(--tools-muted); font-size: 10px; line-height: 1.5; }

.kusworo-tools-page-shell .kusworo-server-tools__workspace { margin: 16px 0 0; border-radius: 11px; }
.kusworo-tools-page-shell .kusworo-server-tools__workspace-head { min-height: 50px; padding-inline: 16px; font-size: 14px; }
.kusworo-tools-page-shell .kusworo-tool-form { grid-template-columns: repeat(2,minmax(0,1fr)); padding: 18px; }
.kusworo-tools-page-shell .kusworo-tool-form > button { grid-column: 1 / -1; }
.kusworo-tools-page-shell .kusworo-tool-result { max-height: 500px; padding: 0 18px 18px; font-size: 12px; }

.kusworo-tools-info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 16px; }
.kusworo-tools-info-card { padding: 22px; }
.kusworo-tools-info-card h2 { margin: 0 0 15px; font-size: 16px; }
.kusworo-tools-info-card ol,.kusworo-tools-info-card ul { display: grid; gap: 12px; margin: 0; padding-left: 25px; color: #405269; font-size: 11px; line-height: 1.6; }
.kusworo-tools-info-card li::marker { color: var(--tools-blue); font-weight: 900; }
.kusworo-tools-tip { margin: 18px 0 0; padding: 13px 14px; border: 1px solid #cae0ff; border-radius: 8px; background: #f1f7ff; color: #344a65; font-size: 10px; }
.kusworo-tools-benefits {
  display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; margin-top: 16px; padding: 20px;
  border-radius: 13px; background: linear-gradient(135deg,#071a36,#0d2b55); color: #fff;
}
.kusworo-tools-benefits > div { display: flex; min-width: 0; gap: 12px; padding: 7px 18px; border-right: 1px solid rgba(255,255,255,.09); align-items: center; }
.kusworo-tools-benefits > div:last-child { border-right: 0; }
.kusworo-tools-benefits span { display: grid; width: 42px; height: 42px; flex: 0 0 42px; place-items: center; border-radius: 9px; background: rgba(255,255,255,.08); font-size: 19px; }
.kusworo-tools-benefits p { display: grid; gap: 4px; margin: 0; }
.kusworo-tools-benefits strong { font-size: 11px; }
.kusworo-tools-benefits small { color: #b9c9dd; font-size: 9px; line-height: 1.45; }

/* Compact widget update: one combined email-security entry plus existing utilities. */
.kusworo-server-tools--compact .kusworo-server-tool--featured { grid-column: 1 / -1; min-height: 62px !important; flex-direction: row; }
.kusworo-server-tools--compact .kusworo-server-tool--featured .kusworo-server-tool__icon { background: #dff8ed; color: #13945f; }
.kusworo-server-tools--compact .kusworo-tool-form--email label span { color: #78889a; font-weight: 500; }

@media (max-width: 900px) {
  .kusworo-tools-page-intro,.kusworo-email-security-top { grid-template-columns: 1fr; }
  .kusworo-tools-intro-card { max-width: 420px; }
  .kusworo-email-visual { display: none; }
  .kusworo-email-security-form { grid-template-columns: 1fr 1fr; }
  .kusworo-email-security-form > button { grid-column: 1 / -1; }
  .kusworo-security-result-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .kusworo-security-result-card:last-child { grid-column: 1 / -1; }
  .kusworo-other-tools-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .kusworo-tools-benefits { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .kusworo-tools-benefits > div:nth-child(2) { border-right: 0; }
}
@media (max-width: 620px) {
  .kusworo-tools-page-shell { width: calc(100% - 20px); }
  .kusworo-tools-page-intro { grid-template-columns: 1fr; }
  .kusworo-email-security-top { min-height: auto; padding: 22px 18px; }
  .kusworo-email-security-copy { gap: 12px; }
  .kusworo-security-icon { width: 40px; height: 40px; flex-basis: 40px; }
  .kusworo-email-security-copy h2 em { display: table; margin: 7px 0 0; }
  .kusworo-email-security-form { grid-template-columns: 1fr; padding: 18px; }
  .kusworo-email-security-form > button,.kusworo-email-security-help { grid-column: auto; }
  .kusworo-email-security-results { padding: 18px; }
  .kusworo-security-result-grid,.kusworo-email-tool-grid,.kusworo-other-tools-grid,.kusworo-tools-info-grid,.kusworo-tools-benefits { grid-template-columns: 1fr; }
  .kusworo-security-result-card:last-child { grid-column: auto; }
  .kusworo-tools-benefits > div { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.09); }
  .kusworo-tools-benefits > div:last-child { border-bottom: 0; }
  .kusworo-tools-page-shell .kusworo-tool-form { grid-template-columns: 1fr; }
  .kusworo-tools-page-shell .kusworo-tool-form > button { grid-column: auto; }
}

/* Dedicated clean header for the Tools Server page. */
.kusworo-tools-header { position: sticky; top: 0; z-index: 120; box-shadow: 0 4px 18px rgba(18,42,72,.035); }
.admin-bar .kusworo-tools-header { top: 32px; }
.kusworo-tools-header-inner { min-height: 46px; }
.kusworo-tools-header-brand { min-width: 180px; }
.kusworo-tools-header-logo:has(img) + .kusworo-tools-header-title { display: none; }
.kusworo-tools-header-logo img { width: auto !important; max-width: 215px !important; max-height: 48px !important; object-fit: contain; }
.kusworo-tools-header-title a { text-decoration: none; }
.kusworo-tools-header-nav .wp-block-navigation-item__content {
  position: relative; padding: 12px 15px; color: #172238; font-size: 12px; font-weight: 650; text-decoration: none;
}
.kusworo-tools-header-nav .wp-block-navigation-item__content:hover { color: #0b63ed; }
.kusworo-tools-header-nav .wp-block-navigation-item__content[href$="/tools/"] { color: #0b63ed; font-weight: 850; }
.kusworo-tools-header-nav .wp-block-navigation-item__content[href$="/tools/"]::after {
  content: ""; position: absolute; right: 15px; bottom: 3px; left: 15px; height: 2px; border-radius: 5px; background: #0b63ed;
}
.kusworo-tools-template { min-height: 70vh; }
.kusworo-tools-template-centered {
  box-sizing: border-box;
  width: 100%;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.kusworo-tools-template-centered > .wp-block-shortcode,
.kusworo-tools-template-centered .wp-block-shortcode {
  box-sizing: border-box;
  width: 100%;
  max-width: none !important;
  margin: 0 !important;
}
/* Keep the Tools page centered even when a legacy page/content template has a narrow content column. */
body:has(.kusworo-tools-page-shell) .wp-site-blocks,
body:has(.kusworo-tools-page-shell) main,
body:has(.kusworo-tools-page-shell) .entry-content {
  overflow-x: clip;
}
@supports not (overflow: clip) {
  body:has(.kusworo-tools-page-shell) .wp-site-blocks,
  body:has(.kusworo-tools-page-shell) main,
  body:has(.kusworo-tools-page-shell) .entry-content { overflow-x: hidden; }
}
@media (max-width: 900px) {
  .kusworo-tools-header-nav .wp-block-navigation__responsive-container-open { color: #172238; }
  .kusworo-tools-header-nav .wp-block-navigation-item__content[href$="/tools/"]::after { display: none; }
}
@media (max-width: 782px) { .admin-bar .kusworo-tools-header { top: 46px; } }
.kusworo-tools-footer a { color: inherit; text-decoration: none; }
.kusworo-tools-footer a:hover { color: #0b63ed; }

/* ==========================================================
   Kusworo Tech 1.6.0 — wider homepage category channels
   ========================================================== */
/* Break the category pattern out of the 900px content column and align it
   with the wide "Tutorial Terbaru" section below. */
.kusworo-category-pattern-shell {
  box-sizing: border-box !important;
  width: 100vw !important;
  max-width: none !important;
  margin-right: calc(50% - 50vw) !important;
  margin-left: calc(50% - 50vw) !important;
  padding-right: clamp(20px, 3.1vw, 56px) !important;
  padding-left: clamp(20px, 3.1vw, 56px) !important;
}
.kusworo-category-pattern-shell > .wp-block-shortcode,
.kusworo-category-pattern-shell .kusworo-category-shortcode {
  box-sizing: border-box !important;
  width: min(1680px, 100%) !important;
  max-width: 1680px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}
.kusworo-category-shortcode .kusworo-tech-category-columns {
  grid-template-columns: repeat(4, minmax(250px, 1fr)) !important;
  gap: clamp(16px, 1.35vw, 24px) !important;
}
.kusworo-category-shortcode .kusworo-tech-channel-card {
  padding: clamp(15px, 1.25vw, 20px) !important;
  border-radius: 10px !important;
}
.kusworo-category-shortcode .kusworo-tech-channel-title {
  margin-bottom: 10px !important;
  padding-bottom: 12px !important;
  font-size: 14px !important;
}
.kusworo-category-shortcode .kusworo-tech-mini-story {
  grid-template-columns: 88px minmax(0, 1fr) !important;
  gap: 13px !important;
  min-height: 108px !important;
  padding: 13px 0 !important;
}
.kusworo-category-shortcode .kusworo-channel-thumb {
  width: 88px !important;
  height: 74px !important;
}
.kusworo-category-shortcode .kusworo-channel-copy h4 {
  font-size: clamp(13px, .86vw, 15px) !important;
  line-height: 1.34 !important;
}
.kusworo-category-shortcode .kusworo-channel-copy time {
  margin-top: 8px !important;
  font-size: 11px !important;
}
.kusworo-category-shortcode .kusworo-channel-more {
  margin-top: 12px !important;
  font-size: 11px !important;
}

@media (max-width: 1280px) {
  .kusworo-category-shortcode .kusworo-tech-category-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 700px) {
  .kusworo-category-pattern-shell {
    width: 100vw !important;
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
  .kusworo-category-shortcode .kusworo-tech-category-columns {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .kusworo-category-shortcode .kusworo-tech-mini-story {
    grid-template-columns: 82px minmax(0, 1fr) !important;
  }
  .kusworo-category-shortcode .kusworo-channel-thumb {
    width: 82px !important;
    height: 69px !important;
  }
}


/* =========================================================
   Kusworo Tech 1.7.0 — user-editable WordPress menu locations
   ========================================================= */
.kusworo-tech-utility .wp-block-shortcode,
.kusworo-tech-nav-inner > .wp-block-shortcode {
  margin: 0;
}
.kusworo-classic-nav { min-width: 0; }
.kusworo-classic-nav--primary {
  position: relative;
  width: 100%;
  flex: 1 1 auto;
}
.kusworo-classic-menu {
  display: flex;
  min-width: 0;
  margin: 0;
  padding: 0;
  align-items: stretch;
  list-style: none;
}
.kusworo-classic-menu li {
  position: relative;
  min-width: 0;
  margin: 0;
  list-style: none;
}
.kusworo-classic-menu--primary > li > a {
  display: flex;
  min-height: 50px;
  padding: 0 13px;
  align-items: center;
  color: #fff;
  font-size: 13px;
  font-weight: 760;
  line-height: 1.15;
  text-decoration: none;
  white-space: nowrap;
}
.kusworo-classic-menu--primary > li > a:hover,
.kusworo-classic-menu--primary > li.current-menu-item > a,
.kusworo-classic-menu--primary > li.current-menu-ancestor > a {
  color: #fff;
  background: rgba(255,255,255,.11);
}
.kusworo-classic-menu--primary > li.kusworo-menu-tools > a {
  min-height: 32px;
  margin: 7px 5px;
  padding-inline: 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.14);
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}
.kusworo-classic-menu .sub-menu {
  position: absolute;
  z-index: 120;
  top: 100%;
  left: 0;
  display: none;
  width: max-content;
  min-width: 210px;
  margin: 0;
  padding: 7px;
  border: 1px solid rgba(6,26,53,.12);
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 16px 40px rgba(6,26,53,.18);
  list-style: none;
}
.kusworo-classic-menu li:hover > .sub-menu,
.kusworo-classic-menu li:focus-within > .sub-menu { display: block; }
.kusworo-classic-menu .sub-menu .sub-menu { top: 0; left: 100%; }
.kusworo-classic-menu .sub-menu a {
  display: block;
  padding: 10px 12px;
  border-radius: 7px;
  color: #172238;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}
.kusworo-classic-menu .sub-menu a:hover { color: #0a5be0; background: #eef6ff; }
.kusworo-menu-toggle {
  display: none;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 25px;
  line-height: 1;
  cursor: pointer;
}
.kusworo-classic-nav--utility { width: auto; }
.kusworo-classic-menu--utility { gap: 12px; flex-wrap: wrap; justify-content: flex-end; }
.kusworo-classic-menu--utility a {
  color: var(--wp--preset--color--ink);
  font-size: 12px;
  text-decoration: none;
  white-space: nowrap;
}
.kusworo-classic-menu--utility a:hover { color: var(--wp--preset--color--primary); }

@media (max-width: 1180px) {
  .kusworo-classic-menu--primary > li > a { padding-inline: 9px; font-size: 12px; }
}
@media (max-width: 900px) {
  .kusworo-classic-nav--utility { display: none; }
  .kusworo-classic-nav--primary { min-height: 52px; }
  .kusworo-menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .kusworo-classic-menu--primary {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 130;
    display: none;
    max-height: calc(100vh - 120px);
    padding: 14px;
    overflow: auto;
    flex-direction: column;
    align-items: stretch;
    background: linear-gradient(180deg,#043e9e,#061a35);
    box-shadow: 0 18px 36px rgba(6,26,53,.28);
  }
  .kusworo-classic-nav--primary.is-open .kusworo-classic-menu--primary { display: flex; }
  .kusworo-classic-menu--primary > li > a,
  .kusworo-classic-menu--primary > li.kusworo-menu-tools > a {
    min-height: 46px;
    margin: 0;
    padding: 9px 12px;
    border-radius: 7px;
    font-size: 16px;
    text-transform: none;
  }
  .kusworo-classic-menu .sub-menu,
  .kusworo-classic-menu .sub-menu .sub-menu {
    position: static;
    display: block;
    width: auto;
    min-width: 0;
    margin: 0 0 4px 14px;
    padding: 0 0 0 10px;
    border: 0;
    border-left: 1px solid rgba(255,255,255,.24);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  .kusworo-classic-menu .sub-menu a {
    color: rgba(255,255,255,.9);
    white-space: normal;
  }
  .kusworo-classic-menu .sub-menu a:hover { color: #fff; background: rgba(255,255,255,.1); }
}

/* Kusworo Tech 1.8 — SEO tools. */
.kusworo-seo-tools-section { overflow: hidden; }
.kusworo-seo-tools-heading { align-items: flex-start; }
.kusworo-seo-tools-heading > div { display: grid; gap: 4px; }
.kusworo-seo-tools-heading p { margin: 0; color: var(--tools-muted,#66758a); font-size: 12px; font-weight: 500; }
.kusworo-seo-tools-heading > span { padding: 6px 9px; border: 1px solid #c9dcff; border-radius: 999px; background: #eef5ff; color: #075fe2; font-size: 9px; font-weight: 900; letter-spacing: .08em; }
.kusworo-seo-tool-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; padding: 0 16px 18px; }
.kusworo-seo-tool-card { display: grid; grid-template-columns: 48px 1fr; gap: 13px; align-items: start; min-height: 132px; padding: 19px; border: 1px solid var(--tools-line,#d9e3f0); border-radius: 12px; background: #fff; color: var(--tools-ink,#101b31); text-align: left; cursor: pointer; transition: border-color .2s ease,transform .2s ease,box-shadow .2s ease; }
.kusworo-seo-tool-card:hover,.kusworo-seo-tool-card.is-active { border-color: #0b63ed; transform: translateY(-2px); box-shadow: 0 12px 28px rgba(22,57,105,.1); }
.kusworo-seo-tool-card > span { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 13px; font-size: 13px; font-weight: 900; }
.kusworo-seo-tool-card > span.is-blue { background: #e7f1ff; color: #075fe2; }
.kusworo-seo-tool-card > span.is-green { background: #e4f8ef; color: #168d5c; }
.kusworo-seo-tool-card > span.is-purple { background: #f0e9ff; color: #7045d7; }
.kusworo-seo-tool-card div { display: grid; gap: 7px; }
.kusworo-seo-tool-card strong { font-size: 15px; }
.kusworo-seo-tool-card small { color: var(--tools-muted,#66758a); font-size: 11px; line-height: 1.55; }
.kusworo-seo-tools-workspace { margin: 0 16px 18px; border: 1px solid var(--tools-line,#d9e3f0); border-radius: 12px; background: #fbfdff; overflow: hidden; }
.kusworo-seo-tools-workspace[hidden],.kusworo-seo-tool-form[hidden] { display: none !important; }
.kusworo-seo-tool-form { grid-template-columns: repeat(2,minmax(0,1fr)); padding: 20px; }
.kusworo-seo-tool-form[data-seo-tool-form="onpage"],.kusworo-seo-tool-form[data-seo-tool-form="authority"] { grid-template-columns: 1fr; }
.kusworo-seo-tool-form > button { grid-column: 1 / -1; }
.kusworo-seo-tool-result { max-height: none !important; padding: 0 20px 20px; }
.kusworo-seo-result-summary { display: flex; gap: 15px; align-items: center; margin-top: 18px; padding: 18px; border: 1px solid #dbe5f1; border-radius: 12px; background: #fff; }
.kusworo-seo-result-summary h3 { margin: 0 0 5px; font-size: 18px; }
.kusworo-seo-result-summary p { margin: 0; color: #65748a; font-size: 12px; overflow-wrap: anywhere; }
.kusworo-seo-score { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 0 0 72px; width: 72px; height: 72px; border: 6px solid #dfe7f2; border-radius: 50%; background: #fff; }
.kusworo-seo-score strong { font-size: 21px; line-height: 1; }
.kusworo-seo-score span { margin-top: 4px; color: #718096; font-size: 9px; }
.kusworo-seo-score.is-success { border-color: #45c889; color: #148653; }
.kusworo-seo-score.is-warning { border-color: #f3b940; color: #a96a00; }
.kusworo-seo-score.is-danger { border-color: #f16f7b; color: #c93445; }
.kusworo-seo-score.is-neutral { border-color: #82afff; color: #075fe2; }
.kusworo-seo-metric-grid,.kusworo-authority-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin-top: 12px; }
.kusworo-authority-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.kusworo-seo-metric-card { min-width: 0; padding: 15px; border: 1px solid #dbe5f1; border-radius: 11px; background: #fff; }
.kusworo-seo-metric-card > div { display: flex; justify-content: space-between; gap: 8px; align-items: center; }
.kusworo-seo-metric-card > div strong { font-size: 11px; }
.kusworo-seo-metric-card > div span { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: #edf2f8; font-size: 11px; }
.kusworo-seo-metric-card > b { display: block; margin-top: 13px; color: #101b31; font-size: 16px; overflow-wrap: anywhere; }
.kusworo-seo-metric-card > small { display: block; margin-top: 6px; color: #718096; font-size: 9px; line-height: 1.45; overflow-wrap: anywhere; }
.kusworo-seo-metric-card.is-success { border-color: #bfe8d4; background: #fbfffd; }
.kusworo-seo-metric-card.is-success > div span { background: #e2f8ed; color: #168d5c; }
.kusworo-seo-metric-card.is-warning { border-color: #f2dba6; background: #fffdf8; }
.kusworo-seo-metric-card.is-warning > div span { background: #fff3d5; color: #a96a00; }
.kusworo-seo-metric-card.is-danger { border-color: #f2c1c7; background: #fffafb; }
.kusworo-seo-metric-card.is-danger > div span { background: #ffe6e9; color: #c93445; }
.kusworo-seo-recommendations { margin-top: 12px; padding: 18px; border: 1px solid #dbe5f1; border-radius: 11px; background: #fff; }
.kusworo-seo-recommendations h4 { margin: 0 0 10px; font-size: 14px; }
.kusworo-seo-recommendations ul { display: grid; gap: 7px; margin: 0; padding-left: 19px; color: #35445b; font-size: 11px; line-height: 1.55; }
.kusworo-seo-disclaimer { margin: 13px 0 0; padding-top: 12px; border-top: 1px solid #e3eaf3; color: #6d7b8f; font-size: 10px; line-height: 1.55; }
@media (max-width: 900px) {
  .kusworo-seo-tool-grid { grid-template-columns: 1fr; }
  .kusworo-seo-metric-grid,.kusworo-authority-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 600px) {
  .kusworo-seo-tools-heading { align-items: flex-start; }
  .kusworo-seo-tools-heading > span { display: none; }
  .kusworo-seo-tool-grid { padding-inline: 10px; }
  .kusworo-seo-tools-workspace { margin-inline: 10px; }
  .kusworo-seo-tool-form { grid-template-columns: 1fr; padding: 16px; }
  .kusworo-seo-tool-form > button { grid-column: auto; }
  .kusworo-seo-tool-result { padding: 0 16px 16px; }
  .kusworo-seo-metric-grid,.kusworo-authority-grid { grid-template-columns: 1fr; }
  .kusworo-seo-result-summary { align-items: flex-start; }
}

/* ================================================================
   Kusworo Tech 1.9.0 — Sky Blue identity + AdSense-safe spacing
   ================================================================ */
:root {
  --kusworo-sky-50: #f2f9fd;
  --kusworo-sky-100: #e0f2fe;
  --kusworo-sky-200: #bae6fd;
  --kusworo-sky-300: #7dd3fc;
  --kusworo-sky-400: #38bdf8;
  --kusworo-sky-500: #0ea5e9;
  --kusworo-sky-600: #0284c7;
  --kusworo-sky-700: #0369a1;
  --kusworo-navy: #0c3557;
  --kusworo-ink-blue: #10233f;
}

body {
  background: linear-gradient(180deg, #f8fcff 0, var(--kusworo-sky-50) 520px, #f4f9fc 100%);
  color: var(--kusworo-ink-blue);
}

.kusworo-tech-utility {
  background: #eef9ff !important;
  border-bottom-color: var(--kusworo-sky-200) !important;
}
.kusworo-tech-masthead { background: #fff !important; }
.kusworo-tech-masthead::before { color: var(--kusworo-sky-500); }
.kusworo-tech-header-search .wp-block-search__inside-wrapper {
  border-color: #bddff0;
  background: #f8fcff;
}
.kusworo-tech-header-search .wp-block-search__button,
.wp-element-button,
.wp-block-button__link:not(.has-background) {
  background: var(--kusworo-sky-600);
}
.kusworo-tech-header-search .wp-block-search__button:hover,
.wp-element-button:hover,
.wp-block-button__link:not(.has-background):hover {
  background: var(--kusworo-sky-700);
}

.kusworo-tech-nav-shell,
.kusworo-tech-nav-shell.has-primary-background-color {
  border-bottom-color: var(--kusworo-sky-200);
  background: linear-gradient(90deg, #075985 0%, #0284c7 48%, #0ea5e9 82%, #38bdf8 100%) !important;
  box-shadow: 0 5px 18px rgba(3,105,161,.14);
}
.kusworo-tech-nav-shell.is-scrolled { box-shadow: 0 10px 28px rgba(3,105,161,.25); }
.kusworo-tech-main-nav .wp-block-navigation-item__content:hover,
.kusworo-tech-main-nav .current-menu-item > .wp-block-navigation-item__content,
.kusworo-classic-menu--primary > li > a:hover,
.kusworo-classic-menu--primary > li.current-menu-item > a {
  background: rgba(255,255,255,.16);
}
.kusworo-tech-prayer-link,
.kusworo-menu-tools > a {
  background: rgba(255,255,255,.18) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.22);
}

.kusworo-tech-trending {
  border-bottom-color: var(--kusworo-sky-200) !important;
  background: #fff !important;
}
.kusworo-tech-trending-label {
  background: var(--kusworo-sky-600) !important;
  color: #fff !important;
}
.kusworo-tech-ticker li::before { color: var(--kusworo-sky-400); }

.kusworo-tech-section-heading { border-bottom-color: var(--kusworo-navy); }
.kusworo-tech-section-title::before {
  background: linear-gradient(var(--kusworo-sky-300) 0 35%, var(--kusworo-sky-600) 35% 100%);
}
.kusworo-tech-category a,
.kusworo-channel-more,
.kusworo-tech-popular-item::before { color: var(--kusworo-sky-600) !important; }

.kusworo-tech-headline-card,
.kusworo-tech-card,
.kusworo-tech-sidebar-panel,
.kusworo-tech-channel-card,
.kusworo-ai-card,
.kusworo-mini-newsletter,
.kusworo-tech-reading-card {
  border-color: #cfe7f4;
  box-shadow: 0 9px 28px rgba(12,53,87,.065);
}
.kusworo-tech-card:hover,
.kusworo-tech-channel-card:hover,
.kusworo-ai-card:hover {
  border-color: var(--kusworo-sky-300);
  box-shadow: 0 14px 32px rgba(3,105,161,.12);
}
.kusworo-tech-topic-buttons .wp-block-button__link:hover {
  border-color: var(--kusworo-sky-500) !important;
  color: var(--kusworo-sky-700) !important;
}

.kusworo-tech-ad,
.kusworo-tech-ad--leaderboard,
.kusworo-tech-ad--rectangle {
  background: linear-gradient(120deg, #0c3557 0%, #0369a1 55%, #38bdf8 100%) !important;
}
.kusworo-tech-ad .wp-block-button__link {
  background: #e0f2fe !important;
  color: #0c3557 !important;
}

.kusworo-latest-slider {
  border-color: rgba(56,189,248,.34);
  box-shadow: 0 16px 42px rgba(12,53,87,.16);
}
.kusworo-latest-slider-control { background: rgba(3,105,161,.72); }
.kusworo-latest-slider-dot { background: #c7deeb; }
.kusworo-latest-slider-dot.is-active { background: var(--kusworo-sky-500); }

.kusworo-server-tools,
.kusworo-tools-card,
.kusworo-tools-section,
.kusworo-email-security-card {
  border-color: #cfe7f4;
  box-shadow: 0 10px 30px rgba(12,53,87,.07);
}
.kusworo-server-tools__eyebrow { color: var(--kusworo-sky-600); }
.kusworo-server-tool,
.kusworo-other-tool-card,
.kusworo-seo-tool-card {
  border-color: #d5e9f4;
  background: #fbfeff;
}
.kusworo-server-tool:hover,
.kusworo-other-tool-card:hover,
.kusworo-seo-tool-card:hover,
.kusworo-seo-tool-card.is-active {
  border-color: var(--kusworo-sky-400);
  box-shadow: 0 10px 24px rgba(3,105,161,.11);
}
.kusworo-server-tool__icon,
.kusworo-other-tool-card > span,
.kusworo-seo-tool-card > span.is-blue {
  background: var(--kusworo-sky-100);
  color: var(--kusworo-sky-700);
}

.kusworo-tools-page-shell {
  --tools-blue: #0284c7;
  --tools-blue-dark: #075985;
  --tools-ink: #10233f;
  --tools-muted: #60758a;
  --tools-line: #cfe7f4;
  --tools-bg: #f2f9fd;
}
.kusworo-tools-intro-card,
.kusworo-email-security-card,
.kusworo-tools-section,
.kusworo-tools-info-card { box-shadow: 0 12px 34px rgba(12,53,87,.07); }
.kusworo-email-security-icon,
.kusworo-tools-intro-icon { background: var(--kusworo-sky-100); color: var(--kusworo-sky-700); }
.kusworo-email-security-form input:focus {
  border-color: var(--kusworo-sky-500);
  box-shadow: 0 0 0 3px rgba(14,165,233,.13);
}
.kusworo-email-security-form button,
.kusworo-tool-form > button,
.kusworo-seo-form button {
  background: linear-gradient(135deg, var(--kusworo-sky-700), var(--kusworo-sky-500));
  color: #fff;
}

.kusworo-video-section {
  background: linear-gradient(135deg,#0c3557,#075985) !important;
}
.kusworo-tech-footer {
  background: linear-gradient(135deg,#092a46,#0c4169) !important;
}
.kusworo-tech-footer::before { color: var(--kusworo-sky-300); }
.kusworo-tech-footer-logo-card { border-color: rgba(125,211,252,.4); }

/* AdSense slots: clearly labelled, separated from navigation and controls. */
.kusworo-adsense-slot {
  width: min(100% - 32px, 1280px);
  min-height: 0;
  margin: 28px auto;
  padding: 14px;
  overflow: hidden;
  border: 1px solid #d5e9f4;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(12,53,87,.05);
  text-align: center;
  clear: both;
}
.kusworo-adsense-slot--sidebar {
  width: 100%;
  margin: 22px 0;
}
.kusworo-adsense-slot--inline { margin-block: 36px; }
.kusworo-adsense-label {
  display: block;
  margin: 0 0 9px;
  color: #6b7f92;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 1;
  text-transform: uppercase;
}
.kusworo-adsense-code {
  display: grid;
  min-height: 50px;
  place-items: center;
}
.kusworo-adsense-code ins.adsbygoogle { max-width: 100%; }
.kusworo-tools-page-shell .kusworo-adsense-slot { margin-block: 42px; }
.kusworo-tools-page-shell button + .kusworo-adsense-slot,
.kusworo-tools-page-shell .kusworo-adsense-slot + button { margin-top: 42px; }

/* Old empty demo placeholders are hidden; real configured ad code is unaffected. */
body:not(.wp-admin) .kusworo-tech-ad-placeholder { display: none !important; }

@media (max-width: 782px) {
  .kusworo-adsense-slot { width: calc(100% - 20px); margin-block: 24px; padding: 10px; }
  .kusworo-tech-nav-shell { background: linear-gradient(135deg,#075985,#0ea5e9) !important; }
}