/* Paragraphs the converter put around links and text that stood alone: no box and nothing of their own, as in the concept */
:root:not(:has(.editor-styles-wrapper)) :is(p.lkw-a,p.lkw-inline,p.lkw-flow){all:inherit!important;display:contents!important}
/* Colour names the theme's own pages and form use, given the concept's nearest colours */
:where(:root){--accent:var(--blue-bright);--on-ink:var(--paper);--on-paper:var(--fg);--on-accent:var(--ink)}
/* SVG drawings that stood inside links and text */
.lkw-i1::after{content:"";display:inline-block;flex-shrink:0;width:16px;height:16px;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='arrow' viewBox='0 0 16 16' aria-hidden='true'%3E%3Cpath d='M3 13 13 3M6 3h7v7' fill='none' stroke='currentColor' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='arrow' viewBox='0 0 16 16' aria-hidden='true'%3E%3Cpath d='M3 13 13 3M6 3h7v7' fill='none' stroke='currentColor' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E") center/contain no-repeat}
.lkw-i2::before{content:"";display:inline-block;flex-shrink:0;width:24px;height:24px;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='M12 2.5 20.2 7.25v9.5L12 21.5 3.8 16.75v-9.5Z'%3E%3C/path%3E%3Ccircle cx='12' cy='12' r='3.6'%3E%3C/circle%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='M12 2.5 20.2 7.25v9.5L12 21.5 3.8 16.75v-9.5Z'%3E%3C/path%3E%3Ccircle cx='12' cy='12' r='3.6'%3E%3C/circle%3E%3C/svg%3E") center/contain no-repeat}
/* Copies of the concept rules that styled those drawings */
.lkw-i1::after{display: block;max-width: 100%}
.btn.lkw-i1::after{width: .95em;height: .95em;transition: transform .45s var(--ease-out)}
.btn:hover.lkw-i1::after{transform: translate(2px, -2px)}
.svc-tile__link.lkw-i1::after{width: .9em;height: .9em;transition: transform .4s var(--ease-out)}
.svc-tile:hover .svc-tile__link.lkw-i1::after{transform: translate(2px, -2px)}
.stat > :where(p.lkw-a,p.lkw-inline,p.lkw-flow) > span{font-family: var(--font-mono);font-size: .68rem;letter-spacing: .14em;text-transform: uppercase;color: var(--muted)}
.media__img > img{width:100%;height:100%;object-fit:cover}
.logo-marquee__img > img{width:100%;height:100%;object-fit:contain}
@media (max-width: 640px){
.logo-marquee__img > img{height:100%}
}
.lkw-i2::before{display: block;max-width: 100%}
.svc-note__icon.lkw-i2::before{width: 26px;height: 26px}
.lk-badge > img{height:100%;width:100%;border-radius:10px}
.lk-badge--xl > img{height:100%;border-radius:18px}
@media (max-width: 640px){
.lk-badge--xl > img{height:100%}
}
.map__card > :where(p.lkw-a,p.lkw-inline,p.lkw-flow) > span:not(.eyebrow){color: var(--muted)}
.avatar > img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.avatar--xl > img{width:100%;height:100%;border-radius:24px}
@media (max-width: 640px){
.avatar--xl > img{width:100%;height:100%;border-radius:18px}
}
/* The form: Contact Form 7 puts each field in a span; copies of the rules that find what follows a field */
.field :where(.wpcf7-form-control-wrap):has(> input:focus) + label,.field :where(.wpcf7-form-control-wrap):has(> textarea:focus) + label,.field :where(.wpcf7-form-control-wrap):has(> input:not(:placeholder-shown)) + label,.field :where(.wpcf7-form-control-wrap):has(> textarea:not(:placeholder-shown)) + label{transform: translateY(-2rem);font-family: var(--font-mono);font-size: .66rem;letter-spacing: .14em;text-transform: uppercase;color: var(--blue-bright)}
