/* RedKnight — static-site additions (layout + interaction states) */
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--surface-page);font-family:var(--font-sans)}

/* Service detail: content + sticky aside, stacking on small screens */
.rk-detail{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start}
@media (max-width:920px){
  .rk-detail{grid-template-columns:1fr}
  .rk-detail aside{position:static !important}
}

/* Form focus states (were prototype style-focus attributes) */
input:focus,textarea:focus{
  border-color:var(--rk-red-500) !important;
  box-shadow:0 0 0 3px var(--rk-red-100);
}

/* Button + link hover states */
button[type="submit"]:hover{background:var(--accent-hover) !important;border-color:var(--accent-hover) !important}
a{transition:opacity .15s ease}
a:hover{opacity:.88}

/* Keep embedded media inside their boxes */
img,svg,iframe{max-width:100%}
svg{flex:none}

/* Small-screen padding relief */
@media (max-width:640px){
  h1{overflow-wrap:break-word}
}