.kp{margin:40px 0}.kp-head{text-align:center}.kp-head h2{margin-bottom:2px;font-size:clamp(1.7rem,5vw,2.4rem)}.kp-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:22px;margin-top:18px;display:grid}.kp-pati{color:#1d1a16;transform-origin:50% -18px;animation:p12-swing 1s var(--ease-out) both;background:#fffef9;border:7px solid #1d1a16;border-radius:8px;margin:20px 0 0;padding:26px 26px 18px;animation-timeline:view();animation-range:entry entry 50%;position:relative;rotate:-1deg;box-shadow:8px 8px #00000024}.kp-pati .kt-nail{top:-18px}.kp-cat{color:#b3261e;margin:0 0 8px;font-weight:800}.kp-pati blockquote{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:clamp(1.25rem,3.4vw,1.7rem);font-weight:800;line-height:1.35}.kp-pati figcaption{text-align:right;color:#625a50;margin-top:12px;font-style:italic}.kp-side h3{margin:0 0 8px}.kp-list{gap:8px;margin:0 0 14px;padding:0;list-style:none;display:grid}.kp-list li{animation:p12-slide-in .4s var(--ease-out) both;animation-delay:calc(var(--i,0) * 80ms)}.kp-list a{background:var(--paper);border:1px solid var(--line);color:var(--ink);transition:transform .2s var(--ease-bounce);border-radius:12px;gap:2px;padding:10px 12px;text-decoration:none;display:grid}.kp-list a:hover{transform:translate(4px)}.kp-list small{color:var(--red);font-weight:700}@media (width<=760px){.kp-grid{grid-template-columns:1fr}}