.ikp-materials{
  --mmk-purple:#8a2d7d;
  --mmk-purple-d:#6f2264;
  --mmk-lilac:#f6ecf3;
  --mmk-lilac2:#fbf7fa;
  --mmk-ink:#241c26;
  --mmk-muted:#6f6577;
  --mmk-line:#e8e0e8;
  color:var(--mmk-ink);
  font-family:"Montserrat",system-ui,sans-serif;
}
.ikp-materials a{color:inherit;text-decoration:none}
.mmk-top{
  background:linear-gradient(180deg,#f8f0f6 0%,#fdfbfd 100%);
  border-bottom:1px solid #f1e8f0;
  padding:34px 0 32px;
  margin:0 -32px 6px;
  padding-left:32px;
  padding-right:32px;
}
.mmk-lbl{
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--mmk-purple);
  font-weight:600;
}
body.ikp-theme .ikp-materials .mmk-h1{
  margin:12px 0 14px;
  font:700 normal 40px/1.12 "Montserrat",system-ui,sans-serif;
  letter-spacing:-.02em;
  color:var(--mmk-ink);
}
.mmk-lead{font-size:15px;line-height:1.6;color:#5d5263;max-width:74ch;margin:0}
.mmk-lead b{font-weight:600;color:var(--mmk-ink)}
.mmk-search{display:flex;gap:10px;margin-top:22px;max-width:600px}
.mmk-input{
  flex:1;
  height:50px;
  border:1px solid #e2d8e4;
  border-radius:12px;
  padding:0 16px;
  font-family:inherit;
  font-size:14px;
  color:var(--mmk-ink);
  background:#fff;
  outline:none;
}
.mmk-input:focus{border-color:var(--mmk-purple);box-shadow:0 0 0 3px rgba(138,45,125,.10)}
body.ikp-theme .ikp-materials .mmk-go{
  box-sizing:border-box;
  height:50px;
  padding:0 24px;
  border:0;
  border-radius:12px;
  background:var(--mmk-purple);
  color:#fff;
  font-family:inherit;
  font-size:14px;
  font-weight:600;
  line-height:50px;
  cursor:pointer;
}
body.ikp-theme .ikp-materials .mmk-go:hover{background:var(--mmk-purple-d);color:#fff}
.mmk-quick{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
.mmk-quick .chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 14px;
  border:1px solid var(--mmk-line);
  border-radius:999px;
  background:#fff;
  font-size:13px;
  color:var(--mmk-ink);
}
.mmk-quick .chip i{font-style:normal;color:#8e8395}
.mmk-quick .chip.on{border-color:var(--mmk-purple);color:var(--mmk-purple)}
.mmk-layout{display:grid;grid-template-columns:262px 1fr;gap:40px;padding:26px 0 48px;align-items:start}
.f-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.f-top b{font-size:13px;letter-spacing:.06em;text-transform:uppercase}
body.ikp-theme .ikp-materials .mmk-reset{
  background:none;
  border:0;
  border-radius:0;
  padding:0;
  font-family:inherit;
  font-size:12px;
  font-weight:600;
  color:var(--mmk-purple);
  cursor:pointer;
  line-height:1.2;
}
.f-g{margin-bottom:17px}
body.ikp-theme .ikp-materials .f-g h4{
  margin:0 0 7px;
  font:600 normal 11px/1.3 "Montserrat",system-ui,sans-serif;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:#8e8395;
}
.f-o{display:flex;align-items:center;gap:9px;font-size:13px;padding:4px 0;color:#3f3544;cursor:pointer}
.f-o .box{width:16px;height:16px;border:1px solid #d6c9d8;border-radius:4px;flex:none;display:flex;align-items:center;justify-content:center}
.f-o .box.r{border-radius:99px}
.f-o.on{color:var(--mmk-purple);font-weight:600}
.f-o.on .box{background:var(--mmk-purple);border-color:var(--mmk-purple)}
.f-o.on .box:after{content:"";width:8px;height:5px;border-left:1.7px solid #fff;border-bottom:1.7px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}
.f-o em{margin-left:auto;font-style:normal;font-size:11.5px;color:#a99fb0}
.f-o.on em{color:var(--mmk-purple)}
.f-note{font-size:11.5px;line-height:1.5;color:#8e8395;border-top:1px solid var(--mmk-line);padding-top:14px;margin:0}
.mmk-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;gap:12px}
.mmk-found{font-size:13px;color:var(--mmk-muted)}
.mmk-found b{color:var(--mmk-ink)}
.mmk-sort{
  border:1px solid var(--mmk-line);
  border-radius:8px;
  padding:7px 10px;
  background:#fff;
  font-family:inherit;
  font-size:12.5px;
  color:var(--mmk-muted);
  cursor:pointer;
}
.mat{
  display:flex;
  align-items:flex-start;
  gap:18px;
  padding:18px 6px 18px 0;
  border-bottom:1px solid #f2ecf2;
  color:inherit;
}
body.ikp-theme .ikp-materials a.mat,
body.ikp-theme .ikp-materials a.mat:visited{color:inherit}
.mat:hover{background:var(--mmk-lilac2)}
.mat:hover .ttl{color:var(--mmk-purple)}
.cov{
  width:82px;
  height:108px;
  flex:none;
  border-radius:2px;
  padding:8px 7px 7px 10px;
  display:flex;
  flex-direction:column;
  background:#f4ecf2;
  box-shadow:0 5px 12px rgba(36,28,38,.10);
  position:relative;
  overflow:hidden;
  border-left:3px solid rgba(138,45,125,.45);
}
.cov.c1{background:#f6f0e4;border-left-color:rgba(180,85,58,.5)}
.cov.c2{background:#efeaf4;border-left-color:rgba(59,75,143,.4)}
.cov .lab{font-size:5.6px;letter-spacing:.09em;text-transform:uppercase;color:#8a2d7d;font-weight:700;line-height:1.35}
.cov .ct{
  font-size:7.2px;
  line-height:1.28;
  font-weight:600;
  color:#2e2431;
  margin:5px 0 auto;
  display:-webkit-box;
  -webkit-line-clamp:5;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.cov .cy{font-size:7.6px;font-weight:700;color:#8a2d7d;letter-spacing:.04em}
.txt{flex:1;min-width:0}
.ttl{display:block;font-size:15px;line-height:1.45;font-weight:500;color:#2b2230}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}
.tag{
  font-size:11px;
  line-height:1;
  padding:5px 10px;
  border-radius:99px;
  background:var(--mmk-lilac);
  color:#7a2a6f;
  border:1px solid #ece0ea;
  white-space:nowrap;
  cursor:pointer;
}
.tag.ty{background:#fff;border-color:#ded2e0;color:#6f6577;text-transform:uppercase;letter-spacing:.05em;font-size:9.5px;cursor:default}
.tag.y{background:#f4f2f4;border-color:#e9e5e9;color:#6f6577}
.tag:hover{border-color:var(--mmk-purple);color:var(--mmk-purple)}
.go{margin-left:auto;align-self:center;color:#c9bccd;padding-left:10px}
.mat:hover .go{color:var(--mmk-purple)}
.mmk-empty{padding:40px 0;font-size:14px;color:var(--mmk-muted)}
.pager{display:flex;align-items:center;gap:8px;margin-top:28px;flex-wrap:wrap}
body.ikp-theme .ikp-materials .pg,
body.ikp-theme .ikp-materials .pg-n{
  box-sizing:border-box;
  min-width:38px;
  height:38px;
  padding:0 11px;
  border:1px solid var(--mmk-line);
  border-radius:9px;
  background:#fff;
  font-family:inherit;
  font-size:13px;
  font-weight:500;
  color:#4a3f50;
  cursor:pointer;
  line-height:36px;
}
body.ikp-theme .ikp-materials .pg.on{background:var(--mmk-purple);border-color:var(--mmk-purple);color:#fff;font-weight:600}
.pg-d{color:#a99fb0;padding:0 2px}
body.ikp-theme .ikp-materials .pg-n{margin-left:auto;padding:0 20px;color:var(--mmk-purple);font-weight:600}
body.ikp-theme .ikp-materials .pg-n:hover,
body.ikp-theme .ikp-materials .pg:hover{background:var(--mmk-lilac2);border-color:var(--mmk-purple);color:var(--mmk-purple)}
body.ikp-theme .ikp-materials .pg.on:hover{background:var(--mmk-purple);color:#fff}
@media (max-width:1100px){
  .mmk-layout{grid-template-columns:1fr;gap:22px}
  .mmk-filters{order:2}
  .mmk-main{order:1}
}
@media (max-width:620px){
  .mmk-top{margin:0 -18px 6px;padding:24px 18px 22px}
  body.ikp-theme .ikp-materials .mmk-h1{font-size:27px}
  .mat{gap:12px;padding:14px 0}
  .cov{width:60px;height:80px}
  .cov .ct{display:none}
  .ttl{font-size:14px}
  .tag{font-size:10px;padding:4px 8px}
  .mmk-quick{gap:7px}
  .mmk-quick .chip{font-size:11.5px;padding:7px 11px}
  .mmk-search{flex-direction:column}
  body.ikp-theme .ikp-materials .mmk-go{width:100%}
}