.ijp{--n:#132d4f;--b:#156e94;--a:#ffca3a;--p:#f7f9fc;--m:#556878;position:relative;overflow:hidden;background:var(--p);color:var(--n);font:16px/1.5 system-ui,sans-serif}.ijp *{box-sizing:border-box}.ijp header{height:70px;padding:0 7%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d9e3eb}.ijp b{font-size:1.15rem}.ijp i{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--a);font-style:normal;font-size:1.3rem}.ijp button{font:inherit;font-weight:800;cursor:pointer}.ijp-edit{border:1px solid var(--n);background:none;padding:9px 15px;border-radius:22px;color:var(--n)}.ijp-hero{padding:clamp(45px,8vw,95px) 8%;display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:center}.ijp em{font-style:normal;color:var(--b);font-size:.75rem;font-weight:850;letter-spacing:.1em}.ijp h2{font-size:clamp(2.4rem,5vw,5.1rem);line-height:.98;letter-spacing:-.06em;margin:12px 0}.ijp-hero>div>p{font-size:1.1rem;color:var(--m);max-width:620px}.ijp form{display:flex;max-width:520px;margin-top:28px}.ijp input,.ijp textarea{font:inherit}.ijp form input{flex:1;border:1px solid #b8cad8;padding:13px;border-radius:5px 0 0 5px}.ijp form button,.ijp-save{background:var(--n);color:white;border:0;padding:13px 18px;border-radius:0 5px 5px 0}.ijp aside{background:var(--n);color:white;padding:30px;box-shadow:12px 13px var(--a);transform:rotate(2deg)}.ijp aside mark{background:var(--a);padding:4px 9px;border-radius:15px;font-size:.75rem;font-weight:800}.ijp aside p{color:#b7c9d5;margin:25px 0 0}.ijp aside strong{font-size:2rem;display:block}.ijp aside ul{list-style:none;padding:0;border-top:1px solid #45627b}.ijp aside li{padding:8px 0;border-bottom:1px solid #45627b}.ijp-cats{background:#e7f2f6;padding:65px 8%}.ijp-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.ijp-head h2{font-size:clamp(2rem,4vw,3.4rem);margin:10px 0 0}.ijp-head>p{max-width:400px;color:var(--m);margin:0}.ijp-head>a{color:var(--n);font-weight:800}.ijp-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.ijp-card{background:white;min-height:250px;padding:22px;display:flex;flex-direction:column}.ijp-card:nth-child(2){background:#fff6d9}.ijp-card:nth-child(3){background:#e7f4ec}.ijp-card:nth-child(4){background:#f3eafb}.ijp-card:nth-child(5){background:#e7edf9}.ijp-card span{font-size:1.9rem}.ijp-card h3{font-size:1.2rem;line-height:1.1;margin:23px 0 10px}.ijp-card p,.ijp-post-grid p{color:var(--m);font-size:.92rem;margin:0}.ijp-card a{margin-top:auto;padding-top:17px;color:var(--b);font-size:.85rem;font-weight:850;text-decoration:none}.ijp-posts{padding:65px 8%}.ijp-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ijp-post-grid article{border:1px solid #d9e3eb;background:#fff;padding:15px}.ijp-post-grid img,.ijp-image{display:block;width:100%;height:150px;object-fit:cover;background:#e7f2f6}.ijp-image{display:grid;place-items:center;font-size:2.5rem}.ijp-post-grid h3{line-height:1.15;margin:15px 0 8px}.ijp-post-grid h3 a,.read{color:var(--n);text-decoration:none}.read{display:block;color:var(--b);font-weight:800;font-size:.85rem;margin-top:16px}.ijp footer{background:var(--n);color:#d6e2ea;padding:35px 8%;display:flex;justify-content:space-between;gap:30px}.ijp footer p{margin:0;max-width:500px}.ijp-panel{position:absolute;z-index:3;inset:0 0 0 auto;width:min(430px,100%);background:white;padding:28px;box-shadow:-10px 0 30px #132d4f44}.ijp-panel h2{font-size:1.8rem}.ijp-close{float:right;background:none;border:0;font-size:2rem}.ijp-panel label{display:block;font-weight:700;margin:18px 0}.ijp-panel input,.ijp-panel textarea{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #b8cad8}@media(max-width:850px){.ijp-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.ijp-hero{grid-template-columns:1fr}.ijp-head,.ijp footer{display:block}.ijp-head>p,.ijp footer p{margin-top:15px}.ijp-post-grid{grid-template-columns:1fr}.ijp-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:400px){.ijp-grid{grid-template-columns:1fr}.ijp form{display:block}.ijp form input,.ijp form button{width:100%;border-radius:5px}}
