/* Блог A3 bot: список и статья (поверх cases.css). */
.a3cp .bb-pagenum{color:#7fa9b0}
.a3cp .bb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:50px 0 0;padding:0;list-style:none}
.a3cp .bb-card a{display:flex;flex-direction:column;height:100%;min-height:230px;padding:24px;border:1px solid #00f0ff44;border-radius:16px;color:inherit;text-decoration:none;background:linear-gradient(160deg,#00f0ff0b,transparent 50%),#03070a;box-shadow:0 0 0 1px #00f0ff10,0 0 14px #00f0ff1f;transition:border-color .3s,box-shadow .3s,transform .3s}
.a3cp .bb-card a:hover{transform:translateY(-3px);border-color:#00f0ffcc;box-shadow:0 0 0 1px #00f0ff33,0 0 22px #00f0ff55,inset 0 0 24px #00f0ff12}
.a3cp .bb-top{display:flex;justify-content:space-between;gap:10px;font-size:11px;letter-spacing:1px;color:#5f8a92}
.a3cp .bb-title{display:block;margin:20px 0 10px;font-size:20px;line-height:1.3;color:#eafcff;transition:text-shadow .3s}
.a3cp .bb-card a:hover .bb-title{text-shadow:0 0 10px #00f0ff66}
.a3cp .bb-desc{display:block;font-size:13px;line-height:1.55;color:#8fb2b9;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.a3cp .bb-more{margin-top:auto;padding-top:18px;font-size:12px;color:#00f0ff;text-shadow:0 0 6px #00f0ff66}
.a3cp .bb-card a:hover .bb-more{color:#fcee0a;text-shadow:0 0 6px #fcee0aaa}
.a3cp .bb-pager{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:50px 0 10px}
.a3cp .bb-pager a,.a3cp .bb-pager b,.a3cp .bb-pager span{min-width:42px;height:42px;display:grid;place-items:center;padding:0 12px;border-radius:21px;font-size:13px;text-decoration:none}
.a3cp .bb-pager a{border:1px solid #00f0ff44;color:#9fd8de;transition:.25s}
.a3cp .bb-pager a:hover{border-color:#00f0ffcc;color:#eafcff;box-shadow:0 0 12px #00f0ff55}
.a3cp .bb-pager b{background:#fcee0a;color:#0a0a0a;box-shadow:0 0 14px #fcee0a99}
.a3cp .bb-pager span{color:#5f8a92}

/* Статья. */
.a3cp.bp-page{max-width:1100px}
.a3cp .bp-head h1{font-size:clamp(34px,4vw,60px);letter-spacing:-.04em;line-height:1.08}
.a3cp .bp-head time{display:block;margin-top:18px;font-size:12px;letter-spacing:1px;color:#5f8a92}
.a3cp .bp-body{max-width:760px;margin-top:44px;font-size:17px;line-height:1.75;color:#c4d6da}
.a3cp .bp-body>*:first-child{margin-top:0}
.a3cp .bp-body h2{margin:2.2em 0 .7em;font-size:clamp(24px,2.4vw,32px);font-weight:400;line-height:1.25;letter-spacing:-.5px;color:#eafcff;text-shadow:0 0 10px #00f0ff44}
.a3cp .bp-body h3{margin:1.8em 0 .6em;font-size:21px;font-weight:400;color:#fcee0a}
.a3cp .bp-body p{margin:0 0 1.1em}
.a3cp .bp-body a{color:#00f0ff;text-decoration:none;border-bottom:1px solid #00f0ff55}
.a3cp .bp-body a:hover{color:#fcee0a;border-bottom-color:#fcee0a}
.a3cp .bp-body strong,.a3cp .bp-body b{color:#eafcff}
.a3cp .bp-body ul,.a3cp .bp-body ol{margin:0 0 1.2em;padding-left:0;list-style:none}
.a3cp .bp-body li{position:relative;padding:5px 0 5px 26px}
.a3cp .bp-body ul>li:before{content:"↳";position:absolute;left:0;color:#00f0ff}
.a3cp .bp-body ol{counter-reset:bp}
.a3cp .bp-body ol>li{counter-increment:bp}
.a3cp .bp-body ol>li:before{content:counter(bp,decimal-leading-zero);position:absolute;left:0;top:8px;font-size:11px;color:#ff2a6d}
.a3cp .bp-body blockquote{margin:1.6em 0;padding:16px 22px;border-left:2px solid #ff2a6d;background:#ff2a6d0a;color:#e6d6dc}
.a3cp .bp-body img{max-width:100%;height:auto;border:1px solid #00f0ff44;border-radius:12px}
.a3cp .bp-body table{width:100%;margin:1.6em 0;border-collapse:collapse;font-size:15px;display:block;overflow-x:auto}
.a3cp .bp-body th,.a3cp .bp-body td{padding:12px 14px;border:1px solid #00f0ff2e;text-align:left;vertical-align:top}
.a3cp .bp-body th{background:#00f0ff0d;color:#eafcff;font-weight:400}
.a3cp .bp-body hr{border:0;height:1px;margin:2em 0;background:#00f0ff44}
.a3cp .bp-cta{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:60px;padding:30px;border:1px solid #00f0ffaa;border-radius:16px;box-shadow:0 0 0 1px #00f0ff22,0 0 18px #00f0ff44,inset 0 0 24px #00f0ff0d}
.a3cp .bp-cta h2{margin:0;font-size:clamp(24px,2.4vw,34px);font-weight:400;letter-spacing:-1px;line-height:1.15}
.a3cp .bp-cta h2 span{color:#7fa9b0}
.a3cp .bp-related{margin-top:70px}
.a3cp .bp-related h2{margin:0;font-size:clamp(26px,2.6vw,40px);font-weight:400;letter-spacing:-1px}
.a3cp .bp-related .bb-grid{margin-top:26px;grid-template-columns:repeat(2,1fr)}
.a3cp .bp-related .bb-card a{min-height:150px}
@media(max-width:900px){
.a3cp .bb-grid,.a3cp .bp-related .bb-grid{grid-template-columns:1fr}
.a3cp .bb-card a{min-height:0}
.a3cp .bp-body{font-size:16px}
.a3cp .bp-cta{flex-direction:column;align-items:stretch;padding:22px}
.a3cp .bp-cta .cp-btn{text-align:center}
}
