/* kodhisar.com — site additions on top of the active theme. Published as /css/kodhisar.css.
   Kept deliberately small: layout and colour come from the theme's tokens (--hb-*), this file only
   sizes the product marks the pages use. Scoped to the site's body class. */

/* Product marks at the top of a card: ![](/img/mark/...) renders as the card's first paragraph. */
.kodhisar-com .hb-card > p:first-child:has(> img:only-child){margin:0 0 .9rem}
.kodhisar-com .hb-card img[src^="/img/mark/"]{width:56px;height:56px;display:block;border-radius:12px}

/* A product mark used as a hero image: an icon, not a screenshot — no frame, modest size. */
.kodhisar-com .hb-shot[src^="/img/mark/"]{border:0;background:none;border-radius:22%;
  width:min(240px,60%);display:block;margin-inline:auto}

/* The illustration draws its own rounded background. */
.kodhisar-com .hb-shot[src^="/img/hero.svg"]{border:0}

/* On a phone the hero image goes below the text; keep the icon small there. */
@media (max-width:899px){
  .kodhisar-com .hb-shot[src^="/img/mark/"]{width:120px;margin-inline:0}
}