.kiska-interactive-card-grid{display:grid;gap:1.25rem;margin:1.5rem 0}.kiska-interactive-card-grid--cols-1{grid-template-columns:1fr}.kiska-interactive-card-grid--cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.kiska-interactive-card-grid--cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.kiska-interactive-card-grid--cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:900px){.kiska-interactive-card-grid--cols-3,.kiska-interactive-card-grid--cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.kiska-interactive-card-grid{grid-template-columns:1fr!important}}
.kiska-interactive-card{appearance:none;border:0;border-radius:1rem;box-shadow:none;display:flex;min-height:13rem;overflow:hidden;padding:1.35rem;position:relative;text-decoration:none;width:100%;transition:transform .18s ease,box-shadow .18s ease}.kiska-interactive-card:hover,.kiska-interactive-card:focus{box-shadow:0 .45rem 1.4rem rgba(0,0,0,.16);transform:translateY(-2px)}.kiska-interactive-card:focus-visible,.kiska-interactive-card__button:focus-visible{outline:3px solid currentColor;outline-offset:3px}.kiska-interactive-card--colour{align-items:center}.kiska-interactive-card--image{background-position:center;background-size:cover;color:#fff}.kiska-interactive-card__overlay{inset:0;position:absolute}.kiska-interactive-card--overlay-dark .kiska-interactive-card__overlay{background:rgba(0,0,0,.48)}.kiska-interactive-card--overlay-light{color:#111}.kiska-interactive-card--overlay-light .kiska-interactive-card__overlay{background:rgba(255,255,255,.72)}.kiska-interactive-card__body{display:flex;flex-direction:column;gap:.55rem;position:relative;width:100%;z-index:1}.kiska-interactive-card--align-centre .kiska-interactive-card__body{align-items:center;text-align:center}.kiska-interactive-card--align-left .kiska-interactive-card__body{align-items:flex-start;text-align:left}.kiska-interactive-card__icon.dashicons{font-size:2.8rem;height:2.8rem;width:2.8rem}.kiska-interactive-card__emoji{font-size:2.9rem;line-height:1}.kiska-interactive-card__title{font-size:1.32rem;font-weight:700;line-height:1.2}.kiska-interactive-card__intro{font-size:1rem;line-height:1.45}.kiska-interactive-card__button{cursor:pointer;margin-top:.4rem}.kiska-interactive-card-modal[hidden]{display:none}.kiska-interactive-card-modal{inset:0;position:fixed;z-index:99999}.kiska-interactive-card-modal__overlay{background:rgba(0,0,0,.62);inset:0;position:absolute}.kiska-interactive-card-modal__dialog{background:#fff;border-radius:.8rem;box-shadow:0 1rem 4rem rgba(0,0,0,.3);left:50%;max-height:86vh;max-width:min(820px,92vw);overflow:auto;padding:2rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.kiska-interactive-card-modal__close{background:#222;border:0;border-radius:50%;color:#fff;cursor:pointer;font-size:2rem;height:2.6rem;line-height:1;position:absolute;right:1rem;top:1rem;width:2.6rem}.kiska-interactive-card-modal__title{margin:0 3rem 1rem 0}.kiska-interactive-card-modal-open{overflow:hidden}


/* v0.1.7 layout options */
.kiska-interactive-card-grid--layout-equal .kiska-interactive-card-wrap{display:flex;min-width:0;}
.kiska-interactive-card-grid--layout-equal .kiska-interactive-card{height:100%;}
.kiska-interactive-card-grid--layout-natural{align-items:start;}
.kiska-interactive-card-grid--layout-fit{display:flex;flex-wrap:wrap;align-items:stretch;}
.kiska-interactive-card-grid--layout-fit .kiska-interactive-card-wrap{display:flex;flex:1 1 100%;min-width:0;}
.kiska-interactive-card-grid--layout-fit .kiska-interactive-card{height:100%;}
.kiska-interactive-card-grid--layout-fit.kiska-interactive-card-grid--cols-2 .kiska-interactive-card-wrap{flex-basis:calc(50% - .75rem);}
.kiska-interactive-card-grid--layout-fit.kiska-interactive-card-grid--cols-3 .kiska-interactive-card-wrap{flex-basis:calc(33.333% - .85rem);}
.kiska-interactive-card-grid--layout-fit.kiska-interactive-card-grid--cols-4 .kiska-interactive-card-wrap{flex-basis:calc(25% - 1rem);}
@media(max-width:900px){
  .kiska-interactive-card-grid--layout-fit.kiska-interactive-card-grid--cols-3 .kiska-interactive-card-wrap,
  .kiska-interactive-card-grid--layout-fit.kiska-interactive-card-grid--cols-4 .kiska-interactive-card-wrap{flex-basis:calc(50% - .75rem);}
}
@media(max-width:640px){.kiska-interactive-card-grid--layout-fit .kiska-interactive-card-wrap{flex-basis:100%!important;}}

/* v0.1.8: equal heights are now the standard desktop/tablet behaviour. */
.kiska-interactive-card-wrap{display:flex;min-width:0;}
.kiska-interactive-card{height:100%;}
.kiska-interactive-card-grid--cols-1 .kiska-interactive-card-wrap{display:block;}
.kiska-interactive-card-grid--cols-1 .kiska-interactive-card{height:auto;}
@media(max-width:640px){
  .kiska-interactive-card-wrap{display:block;}
  .kiska-interactive-card{height:auto;}
}


/* v0.2.1: keep card buttons visually consistent across theme/admin previews.
   Theme button classes can still provide shape/spacing, but colour is controlled here
   so buttons do not inherit the card background colour. */
.kiska-interactive-card .kiska-interactive-card__button,
.kiska-interactive-card .kiska-interactive-card__button.btn,
.kiska-interactive-card .kiska-interactive-card__button.btn:hover,
.kiska-interactive-card .kiska-interactive-card__button.btn:focus {
	background: #ffffff !important;
	border-color: #ffffff !important;
	color: #1d2327 !important;
	box-shadow: none;
	text-decoration: none;
}
.kiska-interactive-card--overlay-light .kiska-interactive-card__button,
.kiska-interactive-card--overlay-light .kiska-interactive-card__button.btn,
.kiska-interactive-card--overlay-light .kiska-interactive-card__button.btn:hover,
.kiska-interactive-card--overlay-light .kiska-interactive-card__button.btn:focus {
	background: #1d2327 !important;
	border-color: #1d2327 !important;
	color: #ffffff !important;
}

/* v0.2.2: front-end edit shortcut for logged-in editors. */
.kiska-interactive-card-wrap{position:relative;}
.kiska-interactive-card__edit-link{
	align-items:center;
	background:#f1f1f1;
	border:1px solid #d7d7d7;
	border-radius:.35rem;
	box-shadow:0 2px 7px rgba(0,0,0,.18);
	color:#1d2327!important;
	display:flex;
	height:2rem;
	justify-content:center;
	left:.55rem;
	opacity:.88;
	position:absolute;
	top:.55rem;
	width:2rem;
	z-index:5;
	text-decoration:none!important;
}
.kiska-interactive-card__edit-link:hover,
.kiska-interactive-card__edit-link:focus{
	background:#ffffff;
	color:#000!important;
	opacity:1;
	text-decoration:none!important;
}
.kiska-interactive-card__edit-link .dashicons{
	font-size:1.1rem;
	height:1.1rem;
	line-height:1;
	width:1.1rem;
}

.kiska-interactive-card-layout-editor-wrap {
	position: relative;
	border: 1px dashed rgba(0,0,0,.18);
	padding: 1rem;
	margin: 1rem 0;
}
.kiska-interactive-card-layout-edit-link {
	position: absolute;
	top: 0;
	left: 1rem;
	transform: translateY(-50%);
	z-index: 3;
	display: inline-flex;
	align-items: center;
	gap: .25rem;
	padding: .25rem .5rem;
	border: 1px solid #ccd0d4;
	border-radius: 3px;
	background: #f6f7f7;
	color: #1d2327;
	font-size: 12px;
	line-height: 1.2;
	text-decoration: none;
}
.kiska-interactive-card-layout-edit-link:hover,
.kiska-interactive-card-layout-edit-link:focus {
	background: #fff;
	color: #000;
	text-decoration: none;
}