/*
Theme Name: KrowOlive Color
Description: Colorful lightweight informational theme for KrowD and Olive Garden employee guides.
Version: 1.0.0
*/
body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(180deg,#fffaf7 0%,#f8fbff 100%);color:#2a2433;line-height:1.68}a{color:#6f5bd3;text-decoration:none}.wrap{width:min(1140px,92%);margin:auto}header,footer{background:#fff;border-bottom:1px solid #eee4f1}footer{border-top:1px solid #eee4f1;border-bottom:0;padding:34px 0;color:#746b7d}header .wrap{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 0}nav ul{display:flex;gap:18px;list-style:none;margin:0;padding:0;flex-wrap:wrap}.hero{padding:82px 0 48px}.hero-box{position:relative;overflow:hidden;background:#fff;border:1px solid #eee4f1;border-radius:30px;padding:clamp(32px,6vw,70px);box-shadow:0 18px 50px rgba(64,46,92,.08)}.hero-box:before,.hero-box:after{content:"";position:absolute;border-radius:999px;opacity:.2}.hero-box:before{width:260px;height:260px;background:#f28c52;right:-70px;top:-80px}.hero-box:after{width:220px;height:220px;background:#2f9f9a;left:-80px;bottom:-100px}.hero h1{position:relative;font-size:clamp(2.3rem,5vw,4.5rem);line-height:1.03;margin:0 0 18px}.hero p{position:relative;font-size:1.1rem;color:#746b7d;max-width:820px}.badges{position:relative;display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.badge{padding:8px 12px;border-radius:999px;font-size:.88rem;font-weight:700}.badge:nth-child(1){background:#f1edff;color:#5946bb}.badge:nth-child(2){background:#e9f8f6;color:#277d78}.badge:nth-child(3){background:#fff0e6;color:#bb6536}.notice{position:relative;margin-top:24px;background:#fff7df;border:1px solid #f1dfaa;border-radius:16px;padding:17px 19px;color:#755c1d}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:20px 0 72px}.card{background:#fff;border:1px solid #eee4f1;border-radius:22px;padding:26px;box-shadow:0 12px 34px rgba(64,46,92,.05);border-top:5px solid #6f5bd3}.card:nth-child(3n+2){border-top-color:#2f9f9a}.card:nth-child(3n+3){border-top-color:#f28c52}.content{max-width:920px;margin:46px auto;background:#fff;border:1px solid #eee4f1;border-radius:24px;padding:clamp(28px,5vw,54px);box-shadow:0 14px 40px rgba(64,46,92,.06)}.meta{font-size:.86rem;color:#9a90a2}@media(max-width:860px){.grid{grid-template-columns:1fr 1fr}}@media(max-width:580px){.grid{grid-template-columns:1fr}header .wrap{flex-direction:column;align-items:flex-start}}