/* womit-kann.de · article components (inside post content) */
body.wk-site .wk-prose > .elementor > * + *{margin-top:0}
body.wk-site .wk-prose :is(.wk-quick,.wk-toc,.wk-base-grid,.wk-idea-grid,.wk-tip,.wk-answer,.wk-recipe,.wk-faq-list){margin:2em 0}

/* quick answer */
body.wk-site .wk-quick{display:flex;flex-direction:column;gap:16px;padding:clamp(24px,3vw,36px);background:var(--wk-ink);color:var(--wk-paper);border-radius:var(--wk-radius);box-shadow:8px 8px 0 var(--wk-orange)}
body.wk-site .wk-quick-label{display:inline-flex;align-items:center;gap:10px;font-family:var(--wk-mono);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--wk-lime)}
body.wk-site .wk-quick-label::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--wk-lime);animation:wk-ping 2.2s infinite}
body.wk-site .wk-quick-text{display:block;margin:0;font-size:clamp(1.15rem,1.6vw,1.35rem);font-weight:500;line-height:1.5;letter-spacing:-.01em}
body.wk-site .wk-quick-text strong{background:none;color:var(--wk-lime)}
body.wk-site .wk-quick .wk-answer-foot{margin-top:4px;border-top-color:rgba(244,241,234,.25)}
body.wk-site .wk-quick .wk-tag{background:rgba(244,241,234,.12);color:var(--wk-paper)}

/* table of contents */
body.wk-site .wk-toc{display:flex;flex-wrap:wrap;align-items:center;gap:8px}

/* bases */
body.wk-site .wk-base-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
body.wk-site .wk-base-card{display:flex;flex-direction:column;gap:8px;padding:22px;border:1.5px solid var(--wk-ink);border-radius:22px;background:var(--wk-card);border-top-width:10px}
body.wk-site .wk-base-card:nth-child(1){border-top-color:var(--wk-orange)}
body.wk-site .wk-base-card:nth-child(2){border-top-color:var(--wk-sun)}
body.wk-site .wk-base-card:nth-child(3){border-top-color:var(--wk-lilac)}
body.wk-site .wk-base-name{display:block;font-size:1.2rem;font-weight:800;letter-spacing:-.03em;line-height:1.1}
body.wk-site .wk-base-text{display:block;font-size:15.5px;line-height:1.5;color:var(--wk-ink-2)}

/* recipe card */
body.wk-site .wk-recipe{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding:clamp(22px,3vw,32px);border:1.5px solid var(--wk-ink);border-radius:var(--wk-radius);background:var(--wk-card);box-shadow:8px 8px 0 var(--wk-sun)}
body.wk-site .wk-recipe .wk-idea-list ul,body.wk-site .wk-recipe .wk-idea-list ol{margin:10px 0 0}

/* idea cards */
body.wk-site .wk-idea-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body.wk-site .wk-idea{position:relative;display:flex;flex-direction:column;gap:6px;padding:24px;border:1.5px solid var(--wk-ink);border-radius:var(--wk-radius);background:var(--wk-sun);transition:transform .45s var(--wk-ease),box-shadow .45s var(--wk-ease)}
body.wk-site .wk-idea:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--wk-ink)}
body.wk-site .wk-idea:nth-child(2){background:var(--wk-lime)}
body.wk-site .wk-idea:nth-child(3){background:var(--wk-sky)}
body.wk-site .wk-idea:nth-child(4){background:var(--wk-mint)}
body.wk-site .wk-idea:nth-child(5){background:var(--wk-pink);grid-column:1/-1}
body.wk-site .wk-prose .wk-idea-h{display:block;margin:0;font-size:1.35rem;font-weight:800;letter-spacing:-.03em;line-height:1.1}
body.wk-site .wk-prose .wk-idea-h::before{content:none}
body.wk-site .wk-idea-count{position:absolute;top:20px;right:20px;display:grid;place-items:center;min-width:38px;height:38px;padding:0 8px;border-radius:99px;background:var(--wk-ink);color:var(--wk-paper);font:600 13px/1 var(--wk-mono)}
body.wk-site .wk-idea-list{display:block;font-size:16px;line-height:1.5}
body.wk-site .wk-prose .wk-idea-list ul{margin:8px 0 0}
body.wk-site .wk-prose .wk-idea-list li{margin-bottom:.45em}
body.wk-site .wk-prose .wk-idea ul > li::before{background:var(--wk-paper)}

/* tip */
body.wk-site .wk-tip{display:flex;flex-direction:column;gap:8px;padding:22px 26px;border:1.5px solid var(--wk-ink);border-radius:var(--wk-radius);background:var(--wk-lime);box-shadow:6px 6px 0 var(--wk-ink)}
body.wk-site .wk-tip-label{display:block;font-family:var(--wk-mono);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
body.wk-site .wk-tip .wk-quick-text{color:var(--wk-ink);font-size:1.1rem}

/* don't card */
body.wk-site .wk-prose .wk-answer{transform:none;max-width:100%}
body.wk-site .wk-prose .wk-answer.wk-dont{box-shadow:10px 10px 0 var(--wk-pink)}
body.wk-site .wk-dont .wk-meter-row .wk-bar-fill{background:var(--wk-orange)}
body.wk-site .wk-dont .wk-meter-row:nth-child(2) .wk-bar-fill{background:var(--wk-sun)}
body.wk-site .wk-dont .wk-meter-row:nth-child(3) .wk-bar-fill{background:var(--wk-lime)}
body.wk-site .wk-dont .wk-meter-row:nth-child(4) .wk-bar-fill{background:var(--wk-mint);transition-delay:.45s}
body.wk-site .wk-prose .wk-answer-title::before{content:none}
body.wk-site .wk-prose .wk-answer-title{margin:12px 0 22px}

/* faq in article */
body.wk-site .wk-prose .wk-faq-a{padding-right:0}

@media (max-width:760px){
body.wk-site :is(.wk-base-grid,.wk-idea-grid,.wk-recipe){grid-template-columns:minmax(0,1fr)}
body.wk-site .wk-idea:nth-child(5){grid-column:auto}
}