/* 03 — visual components */
@layer components {
  .ibn-ultra-focus{position:relative;overflow:clip;border:1px solid var(--ibn-border-strong);border-radius:var(--ibn-radius-lg);background:var(--ibn-navy);box-shadow:var(--ibn-shadow-1)}
  .ibn-ultra-focus__screen{position:relative;display:block;block-size:clamp(190px,17vw,245px);overflow:clip;isolation:isolate}
  .ibn-ultra-focus__media{position:absolute;inset:0;margin:0}
  .ibn-ultra-focus__image,.ibn-ultra-focus__placeholder{display:block;inline-size:100%;block-size:100%}
  .ibn-ultra-focus__image{object-fit:cover;object-position:center 45%;transition:transform 360ms var(--ibn-ease)}
  .ibn-ultra-focus__placeholder{background:linear-gradient(135deg,var(--ibn-navy),var(--ibn-navy-2))}
  .ibn-ultra-focus__screen::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(2,15,31,.7),rgba(2,15,31,.05) 62%,transparent 82%);pointer-events:none}
  .ibn-ultra-focus__content{position:absolute;z-index:2;inset-inline:clamp(.7rem,1.8vw,1.2rem);inset-block-end:clamp(.65rem,1.5vw,1rem);display:grid;justify-items:start;gap:.25rem}
  .ibn-ultra-focus__meta{margin:0;color:#f4d77c;font-size:var(--ibn-text-xs);font-weight:760}
  .ibn-ultra-focus__title{max-inline-size:min(42rem,72%);margin:0}
  .ibn-ultra-focus__title span{display:-webkit-box;overflow:hidden;padding:.42rem .72rem;border:1px solid rgba(226,181,67,.75);border-radius:999px;background:rgba(4,26,50,.9);color:#fffaf0;box-shadow:0 8px 24px rgba(0,0,0,.22);font-size:clamp(1rem,1.3vw,var(--ibn-featured-title));line-height:1.28;font-weight:850;-webkit-line-clamp:2;-webkit-box-orient:vertical;backdrop-filter:blur(8px)}
  .ibn-ultra-focus:hover .ibn-ultra-focus__image{transform:scale(1.015)}

  .ibn-ultra-tool{display:grid;grid-template-rows:auto auto;place-items:center;gap:.16rem;inline-size:88px;block-size:var(--ibn-tool-card-height);padding:.3rem .25rem;border:1px solid var(--ibn-border);border-radius:.8rem;background:var(--ibn-surface);color:var(--ibn-navy);box-shadow:0 5px 14px rgba(18,25,38,.06);flex:0 0 auto;transition:transform var(--ibn-duration) var(--ibn-ease),border-color var(--ibn-duration) var(--ibn-ease),box-shadow var(--ibn-duration) var(--ibn-ease)}
  .ibn-ultra-tool__icon{display:grid;place-items:center;inline-size:2.25rem;block-size:2.25rem;color:var(--ibn-navy-2)}
  .ibn-ultra-tool__icon svg{inline-size:var(--ibn-tool-icon-size);block-size:var(--ibn-tool-icon-size);fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
  .ibn-ultra-tool strong{overflow:hidden;max-inline-size:100%;font-size:.75rem;line-height:1.1;font-weight:820;text-overflow:ellipsis;white-space:nowrap}
  .ibn-ultra-tool:is(:hover,:focus-visible){transform:translateY(-2px);border-color:var(--ibn-gold);box-shadow:var(--ibn-shadow-1)}

  .ibn-ultra-card{align-self:start;overflow:clip;border:1px solid var(--ibn-border);border-radius:var(--ibn-radius-md);background:var(--ibn-surface);box-shadow:var(--ibn-shadow-1);transition:transform var(--ibn-duration) var(--ibn-ease),border-color var(--ibn-duration) var(--ibn-ease),box-shadow var(--ibn-duration) var(--ibn-ease)}
  .ibn-ultra-card__inner{display:block}
  .ibn-ultra-card__media{display:block;overflow:clip;aspect-ratio:16/9;margin:0;background:var(--ibn-navy);line-height:0}
  .ibn-ultra-card__media img{display:block;inline-size:100%;block-size:100%;object-fit:cover;transition:transform 320ms var(--ibn-ease)}
  .ibn-ultra-card__body{display:block;padding:.48rem .68rem .62rem}
  .ibn-ultra-card__body time{display:block;margin:0 0 .22rem;color:var(--ibn-muted);font-size:.73rem;line-height:1.15;font-weight:680}
  .ibn-ultra-card__body h3{display:-webkit-box;overflow:hidden;margin:0;color:var(--ibn-ink);font-size:clamp(.92rem,.82rem + .16vw,1.02rem);line-height:1.35;font-weight:820;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .ibn-ultra-card__body h3 a{color:inherit}
  .ibn-ultra-card:is(:hover,:focus-within){transform:translateY(-2px);border-color:var(--ibn-border-strong);box-shadow:var(--ibn-shadow-2)}
  .ibn-ultra-card:hover .ibn-ultra-card__media img{transform:scale(1.02)}

  .ibn-ultra-panel,.ibn-thani-widget,.auto-youtube-widget,.auto-quicklinks-widget{inline-size:100%;margin:0;padding:var(--ibn-widget-padding,.78rem);border:1px solid var(--ibn-border);border-radius:var(--ibn-widget-radius,var(--ibn-radius-md));background:var(--ibn-widget-background,var(--ibn-surface));color:var(--ibn-ink);box-shadow:var(--ibn-shadow-1)}
  :is(.ibn-ultra-panel,.ibn-thani-widget,.auto-youtube-widget,.auto-quicklinks-widget) :is(h2,.ibn-thani-widget__title){margin:0 0 .52rem;padding-block-end:.38rem;border-block-end:1px solid var(--ibn-border);color:var(--ibn-navy);font-size:1rem;line-height:1.25;font-weight:850}
  .ibn-thani-widget-area{display:grid;grid-template-columns:1fr;gap:.7rem;inline-size:100%}
  :is(.ibn-ultra-panel,.ibn-thani-widget) ul{margin:0;padding:0;list-style:none}
  :is(.widget_categories,.widget_pages,.widget_nav_menu,.auto-quicklinks-widget)>ul,.widget_nav_menu .menu,.ibn-links-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.38rem}
  :is(.widget_categories,.widget_pages,.widget_nav_menu,.auto-quicklinks-widget)>ul>li,.widget_nav_menu .menu>li,.ibn-links-grid>*{min-inline-size:0;margin:0}
  :is(.widget_categories,.widget_pages,.widget_nav_menu,.auto-quicklinks-widget)>ul>li>a,.widget_nav_menu .menu>li>a,.ibn-links-grid a{display:grid;place-items:center;min-block-size:2.45rem;padding:.38rem .48rem;border:1px solid var(--ibn-border);border-radius:.65rem;background:var(--ibn-surface-2);color:var(--ibn-navy);font-size:.77rem;line-height:1.25;font-weight:760;text-align:center}
  :is(.widget_recent_entries,.widget_recent_comments,.widget_rss,.widget_archive,.widget_text) ul{display:grid;gap:.34rem}
  :is(.widget_recent_entries,.widget_recent_comments,.widget_rss,.widget_archive,.widget_text) li{padding-block-end:.34rem;border-block-end:1px solid rgba(175,126,30,.18)}
  :is(.widget_recent_entries,.widget_recent_comments,.widget_rss,.widget_archive,.widget_text) li:last-child{padding-block-end:0;border-block-end:0}
  :is(.widget_recent_entries,.widget_recent_comments,.widget_rss,.widget_archive,.widget_text) li a{color:var(--ibn-navy-2);font-size:.82rem;line-height:1.45;font-weight:660}
  .widget li:empty,.ibn-links-grid>:empty{display:none}

  .ibnthani-youtube-widget{display:grid;gap:.55rem}
  .ibnthani-youtube-frame{position:relative;overflow:clip;aspect-ratio:16/9;border:1px solid var(--ibn-border);border-radius:.78rem;background:var(--ibn-navy);box-shadow:0 8px 22px rgba(6,28,54,.14)}
  .ibnthani-youtube-frame iframe{position:absolute;inset:0;inline-size:100%;block-size:100%;border:0}
  .ibnthani-youtube-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem;align-items:center}
  .ibnthani-youtube-meta a{display:inline-flex;align-items:center;justify-content:center;min-block-size:2.25rem;padding:.38rem .62rem;border:1px solid var(--ibn-border);border-radius:.65rem;background:var(--ibn-surface-2);color:var(--ibn-navy);font-size:.76rem;line-height:1.25;font-weight:780;text-align:center}
  .ibnthani-youtube-channel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .ibnthani-youtube-meta .ibnthani-youtube-open{background:linear-gradient(180deg,#b7261e,#8f1612);color:#fff;border-color:#76110e}
  .ibnthani-youtube-meta a:is(:hover,:focus-visible){transform:translateY(-1px);box-shadow:0 6px 14px rgba(6,28,54,.12)}
  .ibn-thani-footer{position:relative;padding-block:var(--ibn-footer-padding,32px);background:var(--ibn-footer-background,var(--ibn-navy));color:var(--ibn-footer-text,var(--ibn-on-dark))}
  .ibn-thani-footer :where(p,a){color:inherit}
}