/* Имам проблем – AI слой v1.0.2 – всички правила са в .ip-box, за да не засягат стари статии */
.ip-box{--ip-red:#bb141a;--ip-green:#102f29;--ip-ink:#1f2421;--ip-muted:#69665d;--ip-cream:#fffaf0;--ip-line:#e8e0cf;
	margin:2em 0;padding:1.4em 1.5em;border:1px solid var(--ip-line);border-radius:14px;background:var(--ip-cream);color:var(--ip-ink)}
.ip-box .ip-kicker{margin:0 0 .3em;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ip-red)}
.ip-box .ip-box-title{margin:0 0 .6em;font-size:1.35em;line-height:1.25}
.ip-box .ip-box-body>*:last-child{margin-bottom:0}
.ip-box.ip-tldr{border-left:5px solid var(--ip-red)}
.ip-box.ip-ai-tldr{background:#f3f6f4;border-color:#cfdcd5;border-left:5px solid var(--ip-green)}
.ip-box.ip-ai-tldr dl{display:grid;grid-template-columns:minmax(120px,30%) 1fr;gap:.45em 1em;margin:0}
.ip-box.ip-ai-tldr dt{font-weight:700;color:var(--ip-green)}
.ip-box.ip-ai-tldr dd{margin:0}
@media (max-width:600px){.ip-box.ip-ai-tldr dl{grid-template-columns:1fr}.ip-box.ip-ai-tldr dd{margin-bottom:.5em}}

.ip-box.ip-ai{background:#fff;border:2px solid var(--ip-green)}
.ip-box .ip-ai-steps{margin:0 0 1em;padding-left:1.3em;color:var(--ip-muted);font-size:.95em}
.ip-box .ip-ai-steps li{margin:.15em 0}
.ip-box .ip-ai-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6em}
@media (max-width:600px){.ip-box .ip-ai-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ip-box .ip-ai-btn,.ip-box .ip-ai-copy{display:flex;align-items:center;justify-content:center;gap:.5em;min-height:46px;padding:.55em .8em;border:1px solid var(--ip-line);border-radius:10px;
	background:var(--ip-cream);color:var(--ip-ink);font:inherit;font-weight:700;cursor:pointer;transition:transform .12s,border-color .12s,background .12s}
.ip-box .ip-ai-btn:hover,.ip-box .ip-ai-copy:hover{transform:translateY(-1px);border-color:var(--ip-green);background:#fff}
.ip-box .ip-ai-btn:focus-visible,.ip-box .ip-ai-copy:focus-visible{outline:3px solid var(--ip-red);outline-offset:2px}
.ip-box .ip-ai-mark{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 4px;border-radius:7px;background:var(--ip-green);color:#fff;font-size:12px}
.ip-box .ip-ai-chatgpt .ip-ai-mark{background:#10a37f}.ip-box .ip-ai-claude .ip-ai-mark{background:#c96442}.ip-box .ip-ai-gemini .ip-ai-mark{background:#4b6fe0}
.ip-box .ip-ai-copilot .ip-ai-mark{background:#0f6cbd}.ip-box .ip-ai-perplexity .ip-ai-mark{background:#1f7a80}.ip-box .ip-ai-grok .ip-ai-mark{background:#111}
.ip-box .ip-ai-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.8em;margin-top:.8em}
.ip-box .ip-ai-copy{background:var(--ip-green);color:#fff;border-color:var(--ip-green)}
.ip-box .ip-ai-copy:hover{background:#0b231f;color:#fff}
.ip-box .ip-ai-status{font-size:.92em;font-weight:600;color:var(--ip-green)}
.ip-box .ip-ai-note{margin:.8em 0 0;font-size:.85em;color:var(--ip-muted)}
.ip-box .ip-ai-full{margin-top:1em}
.ip-box .ip-ai-full summary{cursor:pointer;font-weight:700;color:var(--ip-green)}
.ip-box .ip-ai-full pre{max-height:360px;overflow:auto;white-space:pre-wrap;word-break:break-word;margin:.6em 0 0;padding:1em;border-radius:10px;background:#f6f4ee;font-size:13px;line-height:1.5}

.ip-box.ip-faq .ip-q{border-top:1px solid var(--ip-line);padding:.7em 0}
.ip-box.ip-faq .ip-q:last-of-type{border-bottom:1px solid var(--ip-line)}
.ip-box.ip-faq summary{cursor:pointer;font-weight:700;list-style-position:outside}
.ip-box.ip-faq .ip-a{padding-top:.5em}
.ip-box.ip-faq .ip-a>*:last-child{margin-bottom:0}
.ip-box .ip-ai-example{margin:0 0 1em;padding:.8em 1em;border:1px dashed var(--ip-green);border-radius:10px;background:#f3f6f4}
.ip-box .ip-ai-example-label{margin:0 0 .3em;font-size:.85em;font-weight:700;color:var(--ip-green)}
.ip-box .ip-ai-example-text{margin:0 0 .6em;font-style:italic}
.ip-box .ip-ai-copy-example{padding:.35em .8em;border:1px solid var(--ip-green);border-radius:8px;background:#fff;color:var(--ip-green);font:inherit;font-size:.85em;font-weight:700;cursor:pointer}
.ip-box .ip-ai-copy-example:hover{background:var(--ip-green);color:#fff}
.ip-figure{margin:1.6em 0}
.ip-figure img{display:block;width:100%;height:auto;border-radius:12px}
.ip-figure figcaption{margin-top:.45em;font-size:.85em;line-height:1.4;color:#69665d;text-align:center}