/* Допълнения към seo.css само за страниците по повод. Цветовете са тези на сайта. */
.sp-deadline{margin:26px 0 8px;padding:18px 22px;background:#eee4d2;border-left:3px solid #b47b11}
.sp-deadline p{margin:0;line-height:1.8}
.sp-deadline strong{font:600 20px/1.4 SPVollkorn,Georgia,serif}
.sp-list{list-style:none;margin:18px 0 8px;padding:0;border-top:1px solid #d9d0bf}
.sp-list li{display:grid;grid-template-columns:minmax(0,15em) minmax(0,1fr);gap:4px 24px;padding:14px 0;border-bottom:1px solid #d9d0bf;line-height:1.7}
.sp-list li>a{font-weight:650}
.sp-list li>span{color:#565967}
.sp-quote{margin:14px 0;padding:4px 0 4px 18px;border-left:2px solid #d9d0bf;font:500 18px/1.7 SPVollkorn,Georgia,serif}
.sp-quote small{display:block;margin-top:4px;font:12px/1.6 SPManrope,Arial,sans-serif;color:#565967}
.sp-cal-wrap{overflow-x:auto;margin:18px 0 8px;border-top:1px solid #d9d0bf}
.sp-cal{width:100%;border-collapse:collapse;font-size:14px;line-height:1.6}
.sp-cal th{padding:10px 12px 10px 0;text-align:left;font:600 11px/1.6 SPManrope,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#565967;border-bottom:1px solid #d9d0bf;white-space:nowrap}
.sp-cal td{padding:12px 12px 12px 0;border-bottom:1px solid #d9d0bf;vertical-align:top}
.sp-cal td:first-child{white-space:nowrap;font-weight:650}
.sp-cal td:last-child{white-space:nowrap;color:#565967}
.sp-names{columns:2;column-gap:28px;margin:14px 0;padding:0;list-style:none}
.sp-names li{break-inside:avoid;padding:3px 0}
.sp-sources{margin-top:36px;padding-top:16px;border-top:1px solid #d9d0bf;font-size:12px;line-height:1.8;color:#565967}
.sp-sources a{overflow-wrap:anywhere}
@media(max-width:560px){
.sp-list li{grid-template-columns:1fr}
.sp-cal{font-size:13px}
.sp-cal th:nth-child(3),.sp-cal td:nth-child(3){min-width:12em}
.sp-names{columns:1}
.sp-quote{font-size:17px}
}
.sp-compare{font-size:13px}
.sp-compare td,.sp-compare th{min-width:10em;white-space:normal}
.sp-compare td:last-child{white-space:normal}
.sp-compare td:first-child,.sp-compare th:first-child{position:sticky;left:0;min-width:8.5em;background:#f7f1e5;box-shadow:1px 0 0 #d9d0bf}
.sp-compare tbody tr:first-child td{background:#eee4d2}
.sp-wide{position:relative;left:50%;width:min(1180px,calc(100vw - 48px));transform:translateX(-50%)}
/* Бутоните и връзките реагират на мишката като в приложението; движи се само transform.
   Фокусът е по-тъмен златист: #b47b11 е под 3:1 върху бежовото. Цифрите на Vollkorn са
   старинни ("I4,99 €"), затова тук се ползват равните. */
.seo-body :focus-visible{outline-color:#976407}
.seo-body,.seo-body :is(.sp-deadline strong,.sp-quote){font-variant-numeric:lining-nums}
.seo-button{transition:background-color .18s ease,transform .3s cubic-bezier(.34,1.36,.64,1)}
.seo-button:hover{background:#f8d27a;transform:translateY(-1px)}
.seo-button:active{transform:translateY(1px)}
.seo-order{transition:background-color .18s ease,color .18s ease}
.seo-order:hover{background:#f5c960;color:#141a2e!important}
.seo-header nav a:hover,.sp-list li>a:hover,.seo-article p a:hover{text-decoration:underline;text-underline-offset:4px}
@media (prefers-reduced-motion:reduce){.seo-button{transition:none}.seo-button:hover,.seo-button:active{transform:none}}
/* На телефон таблицата за сравнение става карти: 8 колони не се събират в 312 px и
   никой не разбира, че трябва да се плъзга настрани. Етикетът идва от data-label. */
@media(max-width:700px){
.sp-compare,.sp-compare tbody,.sp-compare tr,.sp-compare td{display:block;width:auto}
.sp-compare thead{display:none}
.sp-compare tr{padding:16px 0;border-bottom:1px solid #d9d0bf}
.sp-compare td,.sp-compare td:first-child,.sp-compare td:last-child{position:static;min-width:0;padding:4px 0;border:0;background:none;box-shadow:none;white-space:normal;color:inherit}
.sp-compare td:first-child{font:600 20px/1.35 SPVollkorn,Georgia,serif;padding-bottom:8px}
.sp-compare td[data-label]{display:grid;grid-template-columns:minmax(0,7.5em) minmax(0,1fr);gap:12px;min-width:0}
.sp-compare td[data-label]::before{content:attr(data-label);color:#565967;font-size:12px;line-height:1.7}
.sp-compare tbody tr:first-child{margin:0 -14px;padding:16px 14px;background:#eee4d2}
.sp-compare tbody tr:first-child td{background:none}
}