/* YAZME | Астро для поиска — /astro/lunnyj-kalendar, /astro/goroskop       01.11.2026
   Цвета — те же, что у мини-аппа /astro (тёмная тема по умолчанию, светлая «cloud»). */
:root{
  --as-bg:#0F0E0D; --as-card:#181614; --as-card2:#1f1c19; --as-line:rgba(250,249,245,.09);
  --as-ink:#faf9f5; --as-ink2:#c9c4b7; --as-ink3:#958f80;
  --as-acc:#d97757; --as-acc2:#e88a68; --as-ok:#7fc08f; --as-no:#f08a70;
  --as-moon-d:#2c2622; --as-moon-l:#efe6d6;
}
html[data-yz-theme="cloud"]{
  --as-bg:#f4f2ec; --as-card:#ffffff; --as-card2:#faf8f3; --as-line:rgba(35,32,25,.1);
  --as-ink:#232019; --as-ink2:#5d584d; --as-ink3:#7a7366;
  --as-acc:#b3552e; --as-acc2:#a54c2b; --as-ok:#2f7a45; --as-no:#b8432a;
  --as-moon-d:#d9d3c7; --as-moon-l:#fffaf0;
}
html{background:var(--as-bg)}
body.as-body{margin:0;background:var(--as-bg);color:var(--as-ink);font-family:Inter,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:16px;line-height:1.55}
.as-wrap{max-width:860px;margin:0 auto;padding:12px 16px calc(130px + env(safe-area-inset-bottom,0px));box-sizing:border-box}
.as-wrap a{color:var(--as-acc2)}
.as-wrap h1,.as-wrap h2,.as-wrap h3{font-family:Unbounded,Inter,sans-serif;font-weight:600;letter-spacing:.01em;margin:0}
.as-wrap h1{font-size:clamp(24px,5.2vw,36px);line-height:1.15}
.as-wrap h2{font-size:clamp(18px,3.6vw,22px);line-height:1.25;margin-bottom:12px}

.as-crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 14px;padding:0;font-size:13px;color:var(--as-ink3)}
.as-crumbs li+li::before{content:'›';margin-right:6px}
.as-crumbs a{color:var(--as-ink2);text-decoration:none}

.as-head{margin:6px 0 18px}
.as-lead{color:var(--as-ink2);margin:10px 0 0;font-size:16.5px}
.as-sub{color:var(--as-ink3);margin:6px 0 0;font-size:14px}
.as-head-sign{display:flex;align-items:center;gap:16px}
.as-glyph{flex:none;width:68px;height:68px;border-radius:50%;display:grid;place-items:center;font-size:32px;color:var(--as-acc2);
  border:1px solid color-mix(in srgb,var(--as-acc) 55%,transparent);background:color-mix(in srgb,var(--as-acc) 12%,transparent)}

.as-chips,.as-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.as-chips a,.as-links a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:20px;border:1px solid var(--as-line);
  color:var(--as-ink2)!important;text-decoration:none;font-size:14px;background:var(--as-card)}
.as-chips a:hover,.as-links a:hover{border-color:var(--as-acc)}

.as-tabs{display:flex;gap:8px;margin:0 0 14px}
.as-tabs a{min-height:42px;padding:0 18px;display:inline-flex;align-items:center;border-radius:21px;border:1px solid var(--as-line);color:var(--as-ink2)!important;text-decoration:none;font-size:15px}
.as-tabs a[aria-current]{border-color:var(--as-acc);background:color-mix(in srgb,var(--as-acc) 15%,transparent);color:var(--as-ink)!important;font-weight:600}

.as-sec,.as-today,.as-horo,.as-why,.as-cta,.as-faq{background:var(--as-card);border:1px solid var(--as-line);border-radius:22px;padding:20px 18px;margin:14px 0}
.as-sec p{margin:0 0 10px;color:var(--as-ink2)}
.as-sec p b{color:var(--as-ink)}
.as-note{font-size:13px;color:var(--as-ink3)!important;margin-top:12px!important}
.as-eyebrow{font-family:Unbounded,Inter,sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--as-ink3)}

.as-today{display:flex;gap:18px;align-items:flex-start}
.as-today .as-moon{flex:none}
.as-today-t{font-weight:600;font-size:17px;margin-top:4px}
.as-today p{margin:6px 0 0;color:var(--as-ink2)}
.as-kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:12px 0}
.as-kv>div{background:var(--as-card2);border-radius:12px;padding:10px 12px}
.as-kv>div>span:first-child{display:block;font-size:12px;color:var(--as-ink3);margin-bottom:2px}

.as-moon-d{fill:var(--as-moon-d)}
.as-moon-l{fill:var(--as-moon-l)}

.as-tw{overflow-x:auto;margin:0 -6px;padding:0 6px}
.as-t{width:100%;border-collapse:collapse;font-size:14.5px;min-width:560px}
.as-t th{text-align:left;font-weight:500;font-size:12.5px;color:var(--as-ink3);padding:8px 8px;border-bottom:1px solid var(--as-line);white-space:nowrap}
.as-t td{padding:9px 8px;border-bottom:1px solid var(--as-line);vertical-align:middle;white-space:nowrap}
.as-t tr.now td{background:color-mix(in srgb,var(--as-acc) 12%,transparent)}
.as-t tr.now td:first-child{border-radius:10px 0 0 10px}.as-t tr.now td:last-child{border-radius:0 10px 10px 0}
.as-wd{color:var(--as-ink3);font-size:12.5px}
.as-ph{display:flex;align-items:center;gap:8px}
.as-ok{color:var(--as-ok);font-weight:600}.as-no{color:var(--as-no);font-weight:600}.as-mid{color:var(--as-ink3)}
.as-ul{margin:8px 0 0;padding-left:18px;color:var(--as-ink2)}.as-ul li{margin:6px 0}.as-ul b{color:var(--as-ink)}

.as-cta{background:radial-gradient(130% 120% at 100% 0%,color-mix(in srgb,var(--as-acc) 26%,var(--as-card)) 0%,var(--as-card) 65%);
  border-color:color-mix(in srgb,var(--as-acc) 50%,transparent)}
.as-cta-t{font-family:Unbounded,Inter,sans-serif;font-weight:600;font-size:19px;line-height:1.25}
.as-cta-t span{color:var(--as-acc2)}
.as-cta p{color:var(--as-ink2);margin:8px 0 0}
.as-cta-l{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:6px;font-size:14.5px}
.as-cta-l li::before{content:'✓';color:var(--as-ok);font-weight:700;margin-right:8px}
.as-cta-b{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.as-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:16px;border:0;cursor:pointer;
  background:linear-gradient(135deg,#e2885f,#d97757 45%,#b3552e);color:#fff!important;font:600 15.5px Inter,sans-serif;text-decoration:none;box-shadow:0 10px 26px rgba(217,119,87,.3)}
.as-btn.ghost{background:transparent;color:var(--as-ink)!important;border:1px solid var(--as-line);box-shadow:none}

.as-pager{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:18px 0}
.as-pager a{min-height:44px;display:inline-flex;align-items:center;padding:0 16px;border-radius:14px;background:var(--as-card);border:1px solid var(--as-line);text-decoration:none;color:var(--as-ink)!important;font-size:14.5px}

.as-faq h2{margin-bottom:6px}
.as-faq details{border-top:1px solid var(--as-line);padding:12px 0}
.as-faq summary{cursor:pointer;list-style:none}
.as-faq summary::-webkit-details-marker{display:none}
.as-faq summary h3{font-family:Inter,sans-serif;font-size:15.5px;font-weight:600;display:inline}
.as-faq p{margin:8px 0 0;color:var(--as-ink2)}

.as-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:14px 0}
.as-card{display:block;background:var(--as-card);border:1px solid var(--as-line);border-radius:20px;padding:16px;text-decoration:none;color:var(--as-ink)!important}
.as-card:hover{border-color:var(--as-acc)}
.as-card-t{font-family:Unbounded,Inter,sans-serif;font-weight:600;font-size:16px;margin-bottom:8px}
.as-card-r{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--as-ink2);margin:4px 0}
.as-card-s{font-size:13px;color:var(--as-ink3);margin-top:6px}
.as-card p{margin:10px 0 0;font-size:14.5px;color:var(--as-ink2)}
.as-card-h{display:flex;align-items:center;gap:12px}
.as-card-h i,.as-signs i{font-style:normal;color:var(--as-acc2);font-size:22px}
.as-card-h .as-card-t{margin:0}

.as-horo-main{font-size:18px;line-height:1.55;margin:0 0 6px}
.as-area{border-top:1px solid var(--as-line);padding-top:14px;margin-top:14px}
.as-area-h{display:flex;justify-content:space-between;align-items:center;gap:10px}
.as-area h2{font-size:16px;margin:0}
.as-area p{margin:6px 0 0;color:var(--as-ink2)}
.as-dots{display:inline-flex;gap:4px}
.as-dots i{width:9px;height:9px;border-radius:50%;background:var(--as-line)}
.as-dots i.on{background:var(--as-acc2)}
.as-why{border-style:dashed}
.as-why p{color:var(--as-ink2);margin:0}
.as-why ul{margin:10px 0 0;padding-left:18px;color:var(--as-ink2);font-size:14.5px}
.as-signs{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
.as-signs a{display:flex;align-items:center;gap:8px;min-height:46px;padding:0 12px;border-radius:14px;background:var(--as-card2);border:1px solid var(--as-line);text-decoration:none;color:var(--as-ink)!important;font-size:14.5px}

@media (max-width:520px){
  .as-today{flex-direction:column;gap:10px}
  .as-sec,.as-today,.as-horo,.as-why,.as-cta,.as-faq{padding:18px 14px;border-radius:20px}
  .as-btn{flex:1 1 100%}
}
@media (max-width:560px){
  .as-t{min-width:0;font-size:13px}
  .as-t th,.as-t td{padding:8px 4px}
  .as-t .as-lbl{display:none}
  .as-ph{gap:5px}
  .as-wd{display:block;font-size:11px}
}
.as-ok i,.as-no i,.as-mid i{font-style:normal;margin-right:5px}
@media (max-width:560px){
  .as-t .as-hm{display:none}
  .as-t .as-w{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .as-t .as-ok i,.as-t .as-no i,.as-t .as-mid i{margin:0;font-size:15px}
}
/* подвал сайта (yzFooterLinks) */
.yz-seo-footer{max-width:860px;margin:0 auto;padding:8px 16px calc(120px + env(safe-area-inset-bottom,0px));box-sizing:border-box;color:var(--as-ink3);font-size:13px}
.yz-seo-footer ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px 14px;margin:0;padding:16px 0 0;border-top:1px solid var(--as-line)}
.yz-seo-footer a{color:var(--as-ink2);text-decoration:none}
.yz-seo-footer a:hover{color:var(--as-acc2)}
.yz-seo-footer-note{margin:12px 0 0}
.as-wrap{padding-bottom:24px}
.as-ph.ev .as-moon{outline:2px solid var(--as-acc);outline-offset:2px;border-radius:50%}
@media (max-width:560px){ .as-ph.ev span{font-weight:700;color:var(--as-ink)} }