/* Post Kit card (plaazaa plan/post/postkit.md). Light + dark (night = WoWonder's #night-mode-css link, like the Modern look). */
.pzk{--pzk-bg:#f6f5ff;--pzk-ln:#e4e2f5;--pzk-tx:#1d1d29;--pzk-mu:#5f5f6e;--pzk-c:#564dc6;--pzk-ok:#1d7a45;--pzk-wa:#9a6400;
  margin:10px 14px 12px;padding:14px 16px;border:1px solid var(--pzk-ln);border-radius:14px;background:var(--pzk-bg);color:var(--pzk-tx);font-size:14.5px;line-height:1.5}
html:has(#night-mode-css) .pzk{--pzk-bg:#23222e;--pzk-ln:#3a3948;--pzk-tx:#ececf2;--pzk-mu:#b4b4c4;--pzk-c:#b4b0ff;--pzk-ok:#8be0a8;--pzk-wa:#ffd27a}
.pzk-type{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--pzk-c);margin-bottom:6px}
.pzk-title{font-size:18px;margin:4px 0 8px;font-weight:700;color:var(--pzk-tx)}
.pzk-photos{display:grid;gap:4px;margin:0 0 10px;border-radius:10px;overflow:hidden}
.pzk-photos.n2{grid-template-columns:1fr 1fr}.pzk-photos.n3{grid-template-columns:2fr 1fr 1fr}
.pzk-photos img{width:100%;height:100%;max-height:340px;object-fit:cover;display:block}
.pzk-photos.n2 img,.pzk-photos.n3 img{height:200px}
.pzk-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.pzk-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;background:rgba(127,127,127,.12);color:var(--pzk-tx);font-size:13px;text-decoration:none}
a.pzk-chip:hover{text-decoration:underline;color:var(--pzk-tx)}
.pzk-block{margin:10px 0 0}
.pzk-label{font-weight:700;font-size:13px;color:var(--pzk-mu);margin-bottom:4px}
.pzk-n{font-weight:600;background:rgba(127,127,127,.15);border-radius:999px;padding:0 7px;margin-left:4px}
.pzk-block p{margin:0}
.pzk-list{margin:0;padding-left:20px}.pzk-list li{list-style:disc;display:list-item;margin:2px 0}
.pzk-steps{margin:0;padding-left:22px}.pzk-steps li{list-style:decimal;display:list-item;margin:4px 0}
.pzk-cut li:nth-child(n+7){display:none}.pzk-steps.pzk-cut li:nth-child(n+4){display:none}
.pzk-more{border:0;background:none;color:var(--pzk-c);font-weight:600;padding:4px 0;cursor:pointer}
.pzk-items{display:flex;flex-direction:column;gap:8px}
.pzk-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--pzk-ln);border-radius:12px;background:rgba(255,255,255,.55)}
html:has(#night-mode-css) .pzk-item{background:rgba(0,0,0,.15)}
.pzk-item-title{font-weight:700}.pzk-item-meta{font-size:13px;color:var(--pzk-mu)}
.pzk-avatars{display:flex;margin-top:4px}.pzk-avatars img{width:24px;height:24px;border-radius:50%;border:2px solid var(--pzk-bg);margin-right:-6px;object-fit:cover}
.pzk-btn{flex:none;border:1px solid var(--pzk-ln);background:transparent;color:var(--pzk-tx);border-radius:999px;padding:7px 14px;font-weight:600;cursor:pointer;font-size:13.5px;text-decoration:none;white-space:nowrap}
.pzk-btn.pzk-primary{background:var(--pzk-c);border-color:var(--pzk-c);color:#fff}
html:has(#night-mode-css) .pzk-btn.pzk-primary{color:#1d1d29}
.pzk-btn.pzk-on{color:var(--pzk-ok);border-color:currentColor}.pzk-btn.pzk-wait{color:var(--pzk-wa);border-color:currentColor}
.pzk-btn:disabled{opacity:.55;cursor:default}
.pzk-list-org{margin-top:8px;font-size:13px;color:var(--pzk-mu)}.pzk-list-org summary{cursor:pointer;font-weight:600}
.pzk-rate{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid var(--pzk-ln)}
.pzk-avg{font-weight:700;color:#d48a00}.pzk-avg small{font-weight:500;color:var(--pzk-mu)}
.pzk-stars button{border:0;background:none;font-size:22px;line-height:1;color:#c9c7d6;cursor:pointer;padding:0 1px}
.pzk-stars button.on,.pzk-stars:hover button{color:#f5a623}.pzk-stars button:hover~button{color:#c9c7d6}
.pzk-msg{display:none;margin-top:8px;font-size:13px;color:#b42318}.pzk-msg.show{display:block}
.pzk-busy{opacity:.6;pointer-events:none}
@media (max-width:560px){.pzk{margin:8px 10px}.pzk-item{flex-direction:column;align-items:flex-start}.pzk-photos.n3{grid-template-columns:1fr 1fr}.pzk-photos.n3 a:first-child{grid-column:1/3}}

/* composer popup (kit.js openModal) */
html.pzk-modal-open{overflow:hidden}
.pzk-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center}
.pzk-modal-back{position:absolute;inset:0;background:rgba(15,15,25,.55)}
.pzk-modal-box{--pzk-mb:#fff;--pzk-mt:#1d1d29;--pzk-ml:#e3e3ea;position:relative;width:min(640px,calc(100vw - 32px));height:min(86vh,900px);background:var(--pzk-mb);color:var(--pzk-mt);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.35)}
html:has(#night-mode-css) .pzk-modal-box{--pzk-mb:#171a21;--pzk-mt:#eceef3;--pzk-ml:#2c3039}
.pzk-modal-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--pzk-ml);font-size:16px}
.pzk-modal-x{border:0;background:none;font-size:28px;line-height:1;color:inherit;cursor:pointer;padding:0 4px;opacity:.7}.pzk-modal-x:hover{opacity:1}
.pzk-modal-body{position:relative;flex:1}
.pzk-modal-body iframe{position:absolute;inset:0;width:100%;height:100%;border:0;opacity:0;transition:opacity .15s}
.pzk-modal.ready iframe{opacity:1}
.pzk-modal-wait{position:absolute;left:50%;top:40%;width:28px;height:28px;margin-left:-14px;border:3px solid var(--pzk-ml);border-top-color:#564dc6;border-radius:50%;animation:pzkspin .8s linear infinite}
.pzk-modal.ready .pzk-modal-wait{display:none}
@keyframes pzkspin{to{transform:rotate(360deg)}}
.pzk-toast{position:fixed;left:50%;bottom:32px;transform:translateX(-50%);background:#1d7a45;color:#fff;border-radius:999px;padding:8px 18px;font-weight:700;z-index:100001}
@media (max-width:560px){.pzk-modal-box{width:100vw;height:100%;border-radius:0}}
