:root{color-scheme:light;--bg:#f4ede4;--paper:#fbf7f0;--ink:#342a23;--body:#5d5146;--muted:#766653;--gold:#9a7b50;--line:#dfd2bf;--serif:"Cormorant Garamond",Georgia,serif;--sans:Manrope,system-ui,sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:4px}button{font:inherit;cursor:pointer}a,button{touch-action:manipulation;-webkit-tap-highlight-color:#dfcfb777}a:focus-visible,button:focus-visible{outline:2px solid #80613a;outline-offset:5px}a:hover{color:#79562f}[hidden]{display:none!important}h1,h2,p{margin:0}h1,h2{text-wrap:balance;font-weight:400;font-family:var(--serif)}.skip-link{position:absolute;top:8px;left:8px;z-index:10;background:var(--paper);padding:12px;transform:translateY(-150%)}.skip-link:focus{transform:none}
.masthead{min-height:112px;max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:18px 40px;gap:30px}.brand{display:grid;justify-items:center;text-decoration:none;position:relative}.brand-star{font-size:15px;color:#b69b6b;line-height:1}.brand-word{font:32px/1.1 var(--serif);letter-spacing:.19em;padding-left:.19em}.brand-note{font-size:8px;text-transform:uppercase;letter-spacing:.2em;color:var(--muted);margin-top:6px}.masthead nav{display:flex;gap:36px;align-items:center}.masthead nav a{text-decoration:none;font-size:13px;padding:10px 0}.masthead .current{border-bottom:1px solid var(--gold)}.wrap{max-width:1320px;margin:auto;padding:0 40px 45px}.breadcrumb{border-top:1px solid var(--line);display:flex;gap:12px;align-items:center;padding:19px 0;font-size:11px;color:var(--muted)}.breadcrumb a{text-decoration:none}.edition-note{margin-left:auto;font-size:10px;letter-spacing:.07em}
.hero{position:relative;isolation:isolate;overflow:hidden;border-radius:5px;background:#eee2d0;min-height:385px;border:1px solid #e8dccb;display:flex;align-items:center}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f4ede449,transparent 70%)}.hero-copy{padding:44px 50px;width:57%}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.2em;font-size:10px;font-weight:600}.hero h1{font-size:clamp(44px,4.8vw,68px);line-height:1.02;margin:17px 0;max-width:470px}.sub{font-size:15px;color:#695743;max-width:450px;line-height:1.7}.period{display:block;font-size:17px;margin-bottom:7px}.hero-rule{display:flex;align-items:center;gap:12px;width:135px;color:#b59972;font-size:14px;margin:22px 0 13px}.hero-rule span{height:1px;background:#cbb699;width:50px}.hero-note{font:italic 21px/1.3 var(--serif);color:#796751}.hero-zodiac{width:46px;height:46px;display:inline-block;vertical-align:baseline;color:var(--gold);margin-right:15px}
.sign-picker{margin:35px 0 45px}.sign-picker:empty{display:none}.sign-picker>p{display:flex;gap:18px;align-items:center;margin-bottom:18px;font-family:var(--serif);font-size:28px}.sign-picker>p b{font-weight:500}.sign-picker>p:after{content:"";flex:1;height:1px;background:var(--line)}.signs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.signs a{display:flex;flex-direction:column;align-items:center;position:relative;text-decoration:none;min-height:132px;padding:17px 10px 14px;border:1px solid var(--line);border-radius:4px;background:#fbf7f099;font:23px/1.2 var(--serif);transition:background .2s,border-color .2s,transform .2s}.signs a:hover{background:#fffaf2;border-color:#aa8960;transform:translateY(-3px)}.signs span{display:grid;place-items:center;width:46px;height:41px;margin-bottom:11px;font-size:33px;color:#a2835b}.signs svg{width:40px;height:36px}.signs small{font:10px/1.5 var(--sans);color:var(--muted);margin-top:7px}.signs a:after{content:"↗";position:absolute;top:9px;right:12px;font:14px var(--sans);color:#ac9575}.signs a.cur{border-color:var(--gold);background:#ece0cc}
.reading{scroll-margin-top:22px;margin-top:42px}.reading-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:26px}.reading-heading h2{font-size:38px;line-height:1.15;margin-top:6px}.reading-mark{font-size:34px;color:#a88e68}.forecast-body{display:grid;grid-template-columns:minmax(0,1fr) 330px;column-gap:55px;row-gap:20px;align-items:start}.forecast-body>*{grid-column:1;min-width:0}.forecast-body>p{font-size:15px;line-height:1.95;overflow-wrap:anywhere}.forecast-body>p:first-child:first-letter{float:left;font:65px/.83 var(--serif);padding:10px 8px 0 0;color:#8c704b}.forecast-body:has(.compass){grid-template-rows:auto}.forecast-body:not(:has(.compass)){grid-template-columns:1fr 1fr;gap:20px 40px}.forecast-body:not(:has(.compass))>p{grid-column:auto}.forecast-body:not(:has(.compass))>p:last-child{grid-column:1/-1;font:italic 23px/1.5 var(--serif);color:#7f6849;border-top:1px solid var(--line);padding-top:18px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:5px 0 0}.box{border:1px solid var(--line);background:#faf5ec;padding:23px 25px;border-radius:4px;font-size:13px;line-height:1.85}.box b{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.16em;font-weight:600;color:#826743;margin-bottom:12px}.two .box:first-child{background:#edeedf;border-color:#d8dac5}.two .box:first-child b{color:#606447}.two .box:last-child{background:#f1e7dc}.forecast-body>.box{font:italic 24px/1.35 var(--serif);border-width:0 0 0 2px;border-color:#b49872;background:#ece2d24d}.forecast-body>.box b{font:600 10px/1.6 var(--sans);letter-spacing:.16em}
.forecast-body>.compass{grid-column:2;grid-row:1/span 8;position:sticky;top:24px;margin:0;border:1px solid #d1b994;border-radius:5px;padding:132px 28px 28px;background:linear-gradient(0deg,#efe4d1 72%,#efe4d122),url('/horoscope-assets/atlas-v1.webp') right 25% top/auto 235px no-repeat,#efe4d1}.compass h2{font-size:35px;line-height:1.05;margin-bottom:17px}.compass p{font-size:12px;line-height:1.9;color:#65553f;margin-bottom:22px}.compass a{display:block;text-decoration:none;text-align:center;border-radius:30px;padding:13px 15px;background:#806747;color:#fff8ec;font-size:12px;margin-top:10px;border:1px solid #806747}.compass a:after{content:" ↗"}.compass a:hover{background:#695235}.compass a.max{background:transparent;color:#675135;border-color:#c9b391}.compass a.max:hover{background:#f8efdf}.archive:empty{display:none}.arch{margin-top:36px;background:transparent;padding:24px 0;border-width:1px 0 0}.arch ul{list-style:none;padding:0!important;margin:0!important}.arch li{display:inline-block;margin:0 18px 12px 0}.arch a{font-size:13px;color:#795f3d}.endnote{margin-top:38px;border-top:1px solid var(--line);padding-top:26px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.outro{font:italic 24px/1.4 var(--serif);flex:1;min-width:200px}.share-button{background:transparent;border:1px solid #bfa887;color:#715b3e;border-radius:30px;padding:12px 20px;font-size:12px}.share-button:hover{background:#ebe0d0}.share-status{font-size:12px;flex-basis:100%;color:#715b3e}.share-status:empty{display:none}.share-fallback{font-size:13px;overflow-wrap:anywhere}.footer{border-top:1px solid var(--line);padding:30px max(24px,calc((100vw - 1240px)/2));display:flex;gap:20px;align-items:center;color:#776550;font-size:11px}.footer-brand{font:23px var(--serif);letter-spacing:.17em;text-decoration:none}.footer>a:not(.footer-brand){margin-left:auto}.footer small{font-size:10px}
@media(min-width:1450px){.hero{min-height:420px}}@media(max-width:1000px){.forecast-body{grid-template-columns:minmax(0,1fr) 285px;gap:20px 25px}.hero-copy{padding:36px;width:61%}.signs{grid-template-columns:repeat(4,minmax(0,1fr))}.two{grid-template-columns:1fr}.masthead,.wrap{padding-left:25px;padding-right:25px}.forecast-body>.compass{padding-left:23px;padding-right:23px}.footer{flex-wrap:wrap}.footer small{flex-basis:100%}}
@media(max-width:700px){.masthead{min-height:88px;padding:13px 20px;gap:15px}.brand-word{font-size:25px}.brand-note{font-size:6px}.brand-star{font-size:11px}.masthead nav{gap:18px}.masthead nav a{font-size:11px}.masthead nav a.current{display:none}.wrap{padding:0 18px 30px}.breadcrumb{padding:15px 0;font-size:10px}.edition-note{font-size:9px;letter-spacing:0;max-width:133px;text-align:right}.hero{min-height:440px;align-items:flex-start}.hero-art{object-position:70% bottom;object-fit:cover;height:64%;top:auto;bottom:0}.hero:after{background:linear-gradient(180deg,#f3ebdf 0%,#f3ebdf 35%,#f3ebdfdd 49%,#f3ebdf00 69%)}.hero-copy{padding:27px 25px;width:100%}.hero h1{font-size:44px;max-width:310px;margin:13px 0 10px}.sub{font-size:13px;max-width:310px}.period{font-size:14px}.hero-rule{display:none}.hero-note{font-size:18px;margin-top:15px;max-width:220px}.eyebrow{font-size:9px;letter-spacing:.17em}.sign-picker{margin:27px 0 32px}.sign-picker>p{font-size:27px;margin-bottom:14px}.signs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.signs a{font-size:20px;min-height:122px;padding:17px 4px 12px}.signs small{font-size:8px}.signs a:after{font-size:12px;right:8px}.signs span{width:40px;height:35px;margin-bottom:9px}.signs svg{width:34px;height:32px}.reading{margin-top:28px}.reading-heading{padding-bottom:17px;margin-bottom:22px}.reading-heading h2{font-size:33px}.forecast-body,.forecast-body:not(:has(.compass)){display:flex;flex-direction:column;gap:19px}.forecast-body>*{width:100%}.forecast-body>p{font-size:14px;line-height:1.9}.two{grid-template-columns:1fr}.box{padding:22px}.forecast-body>.compass{position:static;margin-top:10px;padding:30px;background:linear-gradient(110deg,#efe4d1 40%,#efe4d1bb),url('/horoscope-assets/atlas-v1.webp') right top/auto 100% no-repeat}.compass h2{font-size:34px}.compass p{font-size:13px}.compass a{font-size:13px;padding:14px}.outro{font-size:23px;flex-basis:100%}.share-button{width:100%}.endnote{margin-top:28px}.footer{padding:24px 20px;gap:10px 20px}.footer p{font-size:10px}.footer small{margin-top:8px}.hero-zodiac{width:35px;height:35px;margin-right:10px}}
@media(max-width:350px){.hero-copy{padding:25px 20px}.hero h1{font-size:39px}.hero{min-height:440px}.signs{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-note{letter-spacing:.12em}.masthead nav a{font-size:10px}.edition-note{max-width:105px}.wrap{padding-inline:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.signs a{transition:none}.signs a:hover{transform:none}}
/* Прогноз читают с телефона после перехода из поста. */
.forecast-body>p{font-size:16px}.box{font-size:14px}.compass p{font-size:13px}
@media(max-width:700px){.forecast-body>p{font-size:16px;line-height:1.8}.box{font-size:14px}.compass p{font-size:14px}}

/* Страница знака: письмо по главам и отдельные ориентиры недели. */
.reading--story .reading-heading { margin-bottom: 24px; }
.reading--story .forecast-body { grid-template-columns: minmax(0, 1fr) 310px; gap: 22px 32px; }
.story-chapters {
  padding: 14px 38px 20px;
  background: #fdf9f2;
  border: 1px solid #e0d2bf;
  border-radius: 10px;
  box-shadow: 0 8px 30px #70553206;
}
.story-chapter { position: relative; padding: 30px 0 29px 49px; }
.story-chapter + .story-chapter { border-top: 1px solid #e9dfd1; }
.story-number {
  position: absolute; left: 0; top: 31px;
  font: italic 29px/1 var(--serif); color: #a1855e;
}
.story-chapter p { font: 400 18px/1.85 var(--sans); color: #514535; overflow-wrap: anywhere; }
.story-time {
  color: #765836; font-weight: 600; white-space: nowrap;
  background: #eee3ce; border-radius: 4px; padding: 0 4px;
  font-variant-numeric: tabular-nums;
  -webkit-box-decoration-break: clone; box-decoration-break: clone;
}
.reading--story .two { margin: 0; gap: 16px; }
.reading--story .two .box {
  position: relative; padding: 62px 28px 27px; border-radius: 9px;
  font-size: 14px; line-height: 1.85;
}
.reading--story .two .box:before {
  position: absolute; top: 20px; left: 27px;
  width: 28px; height: 28px; border-radius: 50%;
  display: grid; place-items: center; font: 23px var(--serif);
}
.reading--story .two .box:first-child:before { content: '☼'; color: #767b55; background: #e0e3ce; }
.reading--story .two .box:last-child:before { content: '☾'; color: #a08360; background: #e9dccd; }
.reading--story .two .box b { font-size: 11px; letter-spacing: .12em; margin-bottom: 9px; }
.reading--story .forecast-body > .box {
  position: relative; overflow: hidden; padding: 32px 38px 36px;
  border: 1px solid #d6c19f; border-radius: 9px;
  background: linear-gradient(105deg, #eee2cd 40%, #eee2cddd), url('/horoscope-assets/atlas-v1.webp') right center / auto 100%;
  font: italic 31px/1.3 var(--serif); color: #685133;
}
.reading--story .forecast-body > .box b { font: 600 10px var(--sans); letter-spacing: .18em; margin-bottom: 17px; }
.reading--story .forecast-body > .compass {
  grid-row: 1 / span 3; padding: 166px 27px 29px; border-radius: 10px;
  background: linear-gradient(0deg, #eee1ca 64%, #eee1ca00 92%), url('/horoscope-assets/atlas-v1.webp') 76% top / auto 240px no-repeat, #eee1ca;
}
.reading--story .compass h2 { font-size: 36px; line-height: 1.05; }
.reading--story .compass p { font-size: 13px; line-height: 1.9; }
.reading--story .compass a { padding: 14px 10px; }
@media (max-width: 1000px) {
  .reading--story .forecast-body { grid-template-columns: minmax(0, 1fr) 270px; gap: 20px; }
  .story-chapters { padding: 8px 23px 12px; }
  .story-chapter { padding-left: 36px; }
  .story-number { font-size: 25px; }
  .story-chapter p { font-size: 16px; }
  .reading--story .forecast-body > .compass { padding-left: 22px; padding-right: 22px; }
}
@media (max-width: 700px) {
  .reading--story .forecast-body { display: flex; gap: 16px; }
  .story-chapters { padding: 1px 22px 7px; }
  .story-chapter { padding: 57px 0 24px; }
  .story-number { top: 21px; font-size: 25px; }
  .story-chapter p { font-size: 16px; line-height: 1.85; }
  .reading--story .two .box { padding: 24px 24px 24px 67px; }
  .reading--story .two .box:before { left: 23px; top: 22px; }
  .reading--story .forecast-body > .box { padding: 27px; font-size: 28px; }
  .reading--story .forecast-body > .compass {
    margin: 5px 0 0; padding: 130px 28px 29px;
    background: linear-gradient(0deg, #eee1ca 68%, #eee1ca00 94%), url('/horoscope-assets/atlas-v1.webp') 78% top / auto 255px no-repeat, #eee1ca;
  }
  .reading--story .compass p { font-size: 14px; }
}