/* Primary actions: one type scale and one equal lightness step per color family. */
:root{--action-bg:#243c35;--action-hover:#477565;--action-ink:#fffef9;--action-hover-ink:#fffef9}
.button{--action-bg:#467568;--action-hover:#385c48;--action-ink:#fffef9;--action-hover-ink:#fffef9}
.button.light,.button.action-banner,.nav .menu-bottom .button{--action-bg:#dce3d4;--action-hover:#afbf9c;--action-ink:#243c35;--action-hover-ink:#243c35}
.question-actions .button{--action-bg:#ead9df;--action-hover:#c99ead;--action-ink:#243c35;--action-hover-ink:#243c35}
.question-actions .button:nth-child(2){--action-bg:#d8dfcc;--action-hover:#adbc94;--action-ink:#243c35;--action-hover-ink:#243c35}
.jin-jang-teaser .button{--action-bg:#eadbcc;--action-hover:#cfad8b;--action-ink:#243c35;--action-hover-ink:#243c35}
.price-card.tier-basic>.button{--action-bg:#587536;--action-hover:#87b156;--action-ink:#fffef9;--action-hover-ink:#243c35}
.price-card.tier-extended>.button{--action-bg:#286c66;--action-hover:#41afa5;--action-ink:#fffef9;--action-hover-ink:#14221c}
.price-card.tier-premium>.button{--action-bg:#fff0d6;--action-hover:#ffce7a;--action-ink:#243c35;--action-hover-ink:#243c35}
.hp-carousel [data-slide]:nth-child(1) .button{--action-bg:#ead9df;--action-hover:#c99ead;--action-ink:#243c35;--action-hover-ink:#243c35}
.hp-carousel [data-slide]:nth-child(2) .button{--action-bg:#d8dfcc;--action-hover:#adbc94;--action-ink:#243c35;--action-hover-ink:#243c35}
.hp-carousel [data-slide]:nth-child(3) .button{--action-bg:#d9dfd2;--action-hover:#acb99c;--action-ink:#243c35;--action-hover-ink:#243c35}
.hp-carousel [data-slide]:nth-child(4) .button{--action-bg:#eee0e4;--action-hover:#cda5b0;--action-ink:#243c35;--action-hover-ink:#243c35}
.hp-carousel [data-slide]:nth-child(5) .button{--action-bg:#d8ddca;--action-hover:#afb992;--action-ink:#243c35;--action-hover-ink:#243c35}
.hp-carousel [data-slide]:nth-child(6) .button{--action-bg:#e4d0d7;--action-hover:#c396a5;--action-ink:#243c35;--action-hover-ink:#243c35}
.hp-carousel [data-slide]:nth-child(7) .button{--action-bg:#dce6d9;--action-hover:#a9c2a2;--action-ink:#243c35;--action-hover-ink:#243c35}
.hp-carousel [data-slide]:first-child .button.light{--action-bg:#dce3d4;--action-hover:#afbf9c;--action-ink:#243c35;--action-hover-ink:#243c35}

/* Explicit shared colors override retained page-specific legacy declarations. */
.button{background:var(--action-bg)!important;border-color:var(--action-bg)!important;color:var(--action-ink)!important;font-family:Arial,Helvetica,sans-serif!important;font-size:16px!important;font-weight:700!important;letter-spacing:0!important;line-height:1.4!important;text-transform:none!important;min-height:54px;transform:none!important;transition:background-color .22s,color .22s,border-color .22s,box-shadow .22s!important}
.button:is(:hover,:focus-visible){background:var(--action-hover)!important;border-color:var(--action-hover)!important;color:var(--action-hover-ink)!important;transform:none!important}
.button:focus-visible{outline:3px solid #b9794e;outline-offset:4px}
/* Slightly larger header mark, with a readable descriptor. */
header .brand b{font-size:36px;letter-spacing:4px}
header .brand>span{font-size:10px;letter-spacing:1.4px;margin-top:11px}
header .brand{min-width:235px}
.footer-story{margin-top:44px}
.footer-links>.label{font-size:14px;font-weight:700;letter-spacing:1.2px;color:#3f5648;margin-bottom:7px}
.home-quotation{padding:28px 0}
.home-quotation .editorial-quote{margin:20px auto;background:transparent;border:0;box-shadow:none}
.about-questions{list-style:none;padding:0;margin:0 0 30px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.about-questions li{font-family:var(--serif);font-size:21px;line-height:1.5;color:#617455;padding:17px 0 0;border-top:1px solid #b9794e}
.bazi-pillars .price-card .label:after{content:'';display:block;width:48px;height:2px;background:#b9794e;margin:22px 0 5px}
.bazi-pillars .price-card{border-top:1px solid #c7d0c0;padding:30px;box-shadow:none}
.bazi-pillars h3{margin-top:18px}
/* Offer content grows naturally; corresponding rows stay aligned. */
.pricing-grid .price-card{grid-template-rows:auto auto minmax(105px,auto) auto minmax(68px,auto) minmax(174px,auto) 1fr minmax(120px,auto) minmax(64px,auto);padding:30px 24px}
.price-card>p:not(.consultation-duration):not(.fineprint):not(.gift-included){font-size:16px;line-height:1.65}
.price-card li{font-size:15px;line-height:1.6}
.price-card .label{font-size:13px;letter-spacing:.8px}
.price-card .tier-badge{font-size:14px}
.price-card .consultation-duration{font-size:14px}
.price-card .price span{font-size:13px}
.price-card .tier-gift>span{font-size:14px}.price-card .tier-gift b{font-size:13px}
.price-card.tier-premium:is(:hover,:focus-within){background:linear-gradient(135deg,#c6513c,#a83a2c);border-color:#f1ca8f;box-shadow:0 18px 38px #992d2245}
@media(min-width:1101px) and (max-width:1320px){header .brand{min-width:220px}header .brand b{font-size:33px}header .brand>span{font-size:9px;letter-spacing:1.4px}.nav{gap:12px}.nav .button{max-width:180px}}
@media(max-width:1050px) and (min-width:651px){.pricing-grid{gap:16px}.pricing-grid .price-card{padding:25px 18px;grid-template-rows:auto auto minmax(105px,auto) auto minmax(78px,auto) minmax(220px,auto) 1fr minmax(150px,auto) minmax(80px,auto)}.price-card .price span{font-size:12px;white-space:normal}}
@media(max-width:650px){header .brand{min-width:0}header .brand b{font-size:31px;letter-spacing:3px}header .brand>span{font-size:8px;letter-spacing:1px}.about-questions{grid-template-columns:1fr;gap:5px;margin-bottom:24px}.about-questions li{padding:15px 0;font-size:21px}.pricing-grid .price-card{display:flex;padding:28px}.price-card .price span{white-space:normal}.footer-story{margin-top:38px}.home-quotation{padding:18px 0}}
@media(prefers-reduced-motion:reduce){.button{transition:none!important}}

.pricing-grid .price-card h3,.price-card.tier-premium h3{font-size:30px;line-height:1.18}

/* Compact offers: content determines height, actions align at the bottom. */
.pricing-grid .price-card{display:flex;flex-direction:column;grid-template-rows:none;padding:28px 24px}
.pricing-grid .price-card .tier-badge{margin-bottom:16px}
.pricing-grid .price-card h3{min-height:0;margin:14px 0 18px}
.pricing-grid .price-card>.price{margin-bottom:16px}
.pricing-grid .price-card>.consultation-duration{margin-bottom:14px}
.pricing-grid .price-card>p:not(.consultation-duration){margin-bottom:16px}
.pricing-grid .price-card>ul{margin:0 0 18px}
.pricing-grid .price-card>.tier-gift{margin:0 0 18px}
.pricing-grid .price-card>.button{margin-top:auto;grid-row:auto;min-height:58px}
body.inner-page{--page-accent:#8c6276}
body[data-page="/bazi-styri-piliere/"]{--page-accent:#986c34}
body[data-page="/osobna-analyza/"]{--page-accent:#89688c}
body[data-page="/vztahy/"]{--page-accent:#7f6d99}
body[data-page="/kompatibilita/"]{--page-accent:#9b7044}
body[data-page="/feng-shui/"]{--page-accent:#577e8b}
body[data-page="/o-mne/"]{--page-accent:#a06b50}
body[data-page="/referencie/"]{--page-accent:#81729c}
body[data-page="/blog/"]{--page-accent:#667e91}
body.inner-page .inner-hero h1 em{color:var(--page-accent);font-weight:400}
@media(max-width:650px){.pricing-grid .price-card{padding:26px 24px}.pricing-grid .price-card>.button{margin-top:8px}}

/* Mobile cover: headline, full rectangular image, description, action. Desktop arches stay intact. */
@media(max-width:900px){
 .hp-carousel .hero{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;min-height:0;padding:28px 0 24px;align-items:start}
 .hp-carousel .hero>div:first-child{display:contents}
 .hp-carousel .hero .eyebrow{order:0;margin:0;font-size:11px;line-height:1.5}
 .hp-carousel .hero h1,.hp-carousel .hero h2{order:1;margin:0;font-size:clamp(32px,6.5vw,46px);line-height:1.12;letter-spacing:-1.2px}
 .hp-carousel .hero-visual{order:2;width:100%;min-width:0;padding:0;margin:0}
 .hp-carousel .hero-visual::before,.hp-carousel .carousel-image-arch::before{display:none}
 .hp-carousel .hero-visual .carousel-image-arch{height:auto;aspect-ratio:auto;border-radius:14px;overflow:hidden;background:transparent}
 .hp-carousel .hero-visual .carousel-image-arch img,.hp-carousel .hero-visual .carousel-image-arch img.freya-portrait{position:static;display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center;transform:none;clip-path:none;mask-image:none;-webkit-mask-image:none;border-radius:0}
 .hp-carousel .hero-caption{margin:10px 0 0;font-size:9px;line-height:1.5;letter-spacing:1px;gap:12px;flex-wrap:wrap}
 .hp-carousel .hero .lead{order:3;max-width:none;margin:0;font-size:16px;line-height:1.65}
 .hp-carousel .hero-actions{order:4;display:flex;flex-wrap:wrap;gap:12px;margin:0}
 .hp-carousel .hero-actions .button{max-width:100%;white-space:normal;text-align:center}
 .hp-carousel .carousel-controls{margin-top:0;padding-bottom:24px}
 .hp-carousel .carousel-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
}

/* Preserve the signature gateway on mobile too. Arrow marks are vector shapes, never emoji. */
@media(max-width:900px){
 .hp-carousel .hero-visual .carousel-image-arch{border-radius:50% 50% 0 0 / 65% 65% 0 0}
}
.arrow::after{content:"";display:inline-block;flex-shrink:0;width:19px;height:19px;background:currentColor;mask:url('/assets/link-arrow.svg') center/contain no-repeat;-webkit-mask:url('/assets/link-arrow.svg') center/contain no-repeat}
.link-arrow{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0;stroke:currentColor;fill:none}

/* Eighth cover: genuine magazine covers, composed inside the shared gateway. */
.hp-carousel [data-slide]:nth-child(8){--heading-accent:#a54b67}
.hp-carousel [data-slide]:nth-child(8) .button{--action-bg:#ead8df;--action-hover:#c69bad;--action-ink:#243c35;--action-hover-ink:#243c35}
.hp-carousel .hero-visual .magazine-cover-scene{position:relative;width:100%;height:100%;isolation:isolate;background:#dfd0b6}
.hp-carousel .hero-visual .magazine-cover-scene .cover-scene-background{width:100%;height:100%;object-fit:cover;filter:brightness(.8);opacity:.85}
.hp-carousel .hero-visual .magazine-cover-scene .cover-fan{position:absolute;top:auto;bottom:8%;height:66%;width:auto;max-width:39%;object-fit:contain;object-position:center;box-shadow:0 12px 25px #30201755;border-radius:0;transform-origin:bottom center}
.hp-carousel .hero-visual .magazine-cover-scene .cover-fan-left{left:12%;transform:rotate(-13deg);z-index:1}
.hp-carousel .hero-visual .magazine-cover-scene .cover-fan-right{right:10%;transform:rotate(12deg);z-index:2}
.hp-carousel .hero-visual .magazine-cover-scene .cover-fan-front{left:32%;bottom:7%;height:70%;transform:rotate(-2deg);z-index:3}
@media(max-width:900px){.hp-carousel .hero-visual .magazine-cover-scene{height:auto;aspect-ratio:3/2}.hp-carousel .hero-visual .magazine-cover-scene .cover-scene-background{position:absolute;inset:0;height:100%;object-fit:cover}}

/* The online article magazine is distinct from the print issue archive. */
.hp-carousel [data-slide]:nth-child(9){--heading-accent:#6d8055}
.hp-carousel [data-slide]:nth-child(9) .button{--action-bg:#dce3d1;--action-hover:#b3c29a;--action-ink:#243c35;--action-hover-ink:#243c35}
.menu-reading{flex-wrap:wrap;row-gap:14px}
@media(max-width:1100px){.nav.open .menu-reading a{white-space:normal}}

/* Compact BaZi pillars and immediate navigation feedback, 9 November. */
.bazi-pillars{gap:16px;margin-top:28px}
.bazi-pillars .price-card{padding:19px 22px;background:transparent;border-color:#d9dfd3;box-shadow:none}
.bazi-pillars .price-card .label{font-size:10px;letter-spacing:1px}
.bazi-pillars .price-card .label:after{width:32px;height:1px;margin:10px 0 0}
body.inner-page .bazi-pillars .price-card h3{font-size:22px;line-height:1.25;margin:12px 0 10px;min-height:0}
.bazi-pillars .pillar-meaning{display:block;font:400 15px/1.5 Arial,Helvetica,sans-serif;color:#8b5c3d;letter-spacing:0;margin-top:5px}
.bazi-pillars .price-card>p{font-size:14px!important;line-height:1.6;margin-bottom:0}
header .nav>a:not(.button),header .nav .menu-reading a{font-weight:400;transition:none}
header .nav>a:not(.button):is(:hover,:focus-visible),header .nav .menu-reading a:is(:hover,:focus-visible){color:#a45f35;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}
header .nav>a[aria-current=page]{color:#a45f35}
@media(max-width:650px){.bazi-pillars{gap:12px;margin-top:22px}.bazi-pillars .price-card{padding:17px 19px}}

/* About: uninterrupted reading column with contextual banners to its right. */
.about-story .about-reading{max-width:1136px}
.about-reading>p,.about-reading>h2,.about-reading>.about-context,.about-reading>.about-questions,.about-reading>.hero-actions{max-width:calc(100% - 356px)}
.about-reading>.editorial-quote{max-width:calc(100% - 356px);margin-left:0;margin-right:0}
.about-sidebar-row{display:grid;grid-template-columns:minmax(0,780px) 300px;column-gap:56px;align-items:start}
.about-sidebar-row p{margin-bottom:18px}
.about-side-banner{margin:0;padding:22px;display:flex;flex-direction:column;align-items:stretch;gap:16px;min-width:0}
.about-side-banner>.button{width:100%;white-space:normal;gap:14px;justify-content:space-between}
.about-magazine-cta.about-side-banner>img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover}
.about-side-banner .label{font-size:11px;letter-spacing:1px}
.about-magazine-cta.about-side-banner p{font-size:22px;margin:8px 0 0}
.about-education-row{grid-template-areas:"intro banner" "detail banner";row-gap:0}
.about-education-intro{grid-area:intro}
.about-education-detail{grid-area:detail}
.about-education-row>.about-book-cta{grid-area:banner}
.about-book-cta.about-side-banner>img{width:90px;height:170px;align-self:center}
body.inner-page .about-book-cta.about-side-banner h3{font-size:22px!important;line-height:1.3;margin:8px 0 12px!important}
.about-book-cta.about-side-banner p{font-size:14px;line-height:1.6}
.about-book-cta.about-side-banner>div{flex:initial}
@media(max-width:1000px){.about-sidebar-row{grid-template-columns:minmax(0,1fr) 270px;column-gap:30px}.about-reading>p,.about-reading>h2,.about-reading>.about-context,.about-reading>.about-questions,.about-reading>.hero-actions,.about-reading>.editorial-quote{max-width:calc(100% - 300px)}}
@media(max-width:760px){.about-sidebar-row{grid-template-columns:1fr;row-gap:22px}.about-education-row{grid-template-areas:"intro" "banner" "detail"}.about-reading>p,.about-reading>h2,.about-reading>.about-context,.about-reading>.about-questions,.about-reading>.hero-actions,.about-reading>.editorial-quote{max-width:100%}.about-side-banner{max-width:440px;width:100%;margin:0 auto 20px}.about-side-banner .button{margin-top:0}.about-book-cta.about-side-banner>div{flex:initial}}

/* A ten-percent smaller site and a complete, compact carousel composition. */
body{zoom:.9}
header::after{content:"";display:block;height:12px;background:linear-gradient(90deg,#e9eee2,#dce5d2 50%,#e9eee2);border-top:1px solid #d4ddca;border-bottom:1px solid #d4ddca}
.hp-carousel .hero{min-height:0;padding-top:18px;padding-bottom:12px}
.hp-carousel .hero-visual{padding-top:0}
.hp-carousel .hero-caption{margin-top:12px}
.hp-carousel .carousel-controls{margin-top:0;padding:14px 0 22px}
@media(min-width:901px){
 .hp-carousel .hero{gap:48px}
 .hp-carousel .hero-visual .carousel-image-arch{height:clamp(300px,calc(100svh - 240px),470px)}
 .hp-carousel .hero h1,.hp-carousel .hero h2{font-size:clamp(36px,3.6vw,48px);margin-bottom:20px}
 .hp-carousel .hero .eyebrow{margin-bottom:18px}
 .hp-carousel .hero-actions{margin-top:24px}
}
@media(max-width:1100px){.nav.open{top:111px;height:calc(100dvh - 111px)}}
@media(max-width:900px){
 .nav.open{top:91px;height:calc(100dvh - 91px)}
 .hp-carousel .hero{padding-top:18px;padding-bottom:14px;gap:14px}
 .hp-carousel .carousel-controls{padding-top:8px;padding-bottom:20px}
 .hp-carousel .hero-visual .carousel-image-arch{max-width:100%}
}
@media print{body{zoom:1}}

/* Wider page frame, a softer header accent, and a carousel without layout shifts. */
.container{width:min(1302px,calc(100% - 80px));max-width:1302px}
header{border-bottom:0}
header::after{height:1px;border:0;background:#c4d1bb}
@media(max-width:1100px){.container{width:calc(100% - 56px)}.nav.open{top:100px;height:calc(100dvh - 100px)}}
@media(max-width:900px){.nav.open{top:80px;height:calc(100dvh - 80px)}}
@media(max-width:650px){.container{width:calc(100% - 38px)}}

/* Five-percent wider frame; retain an upright gateway silhouette. */
@media(min-width:901px){.hp-carousel .hero-visual .carousel-image-arch{height:auto;aspect-ratio:1.24;max-width:590px;margin-inline:auto}.hp-carousel .hero-visual .carousel-image-arch img{height:100%;aspect-ratio:auto}.hp-carousel .hero-caption{max-width:590px;margin-inline:auto}}

/* November 10: compact rhythm, proportional gateways, a fading hairline. */
header::after{width:min(1302px,calc(100% - 38px));margin-inline:auto;background:linear-gradient(90deg,transparent 0%,#c4d1bb 10%,#c4d1bb 90%,transparent 100%)}
body[data-page="/"] .home-quotation{padding-bottom:0}
body[data-page="/"] .home-quotation .editorial-quote{margin-bottom:8px}
body[data-page="/"] .home-magazine{padding-top:26px}
.home-magazine .eyebrow{white-space:nowrap;letter-spacing:1.8px}
.home-magazine .section-head{margin-bottom:28px}
.home-magazine-action{display:flex;justify-content:center;margin-top:28px}
@media(min-width:901px){
 .hp-carousel .hero{grid-template-columns:1fr 1fr;gap:44px;padding-block:18px 12px}
 .hp-carousel .hero-visual .carousel-image-arch{width:100%;max-width:515px;height:auto;aspect-ratio:1.24;margin-inline:auto}
 .hp-carousel .hero-caption{max-width:515px;margin-inline:auto;font-size:9px;letter-spacing:1.4px}
 body[data-page="/"] .pricing-grid{max-width:1180px;margin-inline:auto;gap:22px;align-items:stretch}
 body[data-page="/"] .pricing-grid .price-card{padding:24px 22px}
 body[data-page="/"] .pricing-grid .price-card h3{font-size:27px;margin-block:12px 15px}
 body[data-page="/"] .pricing-grid .price-card>ul{min-height:0;padding-left:18px}
 body[data-page="/"] .pricing-grid .price-card>p:not(.consultation-duration){min-height:0;margin-bottom:12px;font-size:15px}
 body[data-page="/"] .pricing-grid .price-card li{font-size:14px}
}
.photo-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 30px}
.photo-review-card{border-top:1px solid var(--line);padding-top:22px;min-width:0}
body.inner-page .photo-review-card h2{font-family:var(--serif);font-size:25px;line-height:1.25;letter-spacing:-.4px}
.photo-review-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.photo-review-pair figure{margin:0}
.photo-review-pair img{width:100%;aspect-ratio:1.5;object-fit:cover}
.photo-review-pair figcaption{font-size:12px;color:var(--muted);margin-block:8px 14px}
@media(max-width:760px){.photo-review-grid{grid-template-columns:1fr}.home-magazine .eyebrow{font-size:10px;letter-spacing:1.2px}.home-magazine .section-head{margin-bottom:20px}}

/* Reader review: soft edges start beyond the content, shared sage accents. */
:root{--sage-band:#e3e9dc;--sage-line:#c4d1bb}
header::after{width:100%;--fade-edge:max(40px,calc((100% - 1302px)/2));background:linear-gradient(90deg,transparent 0,var(--sage-line) var(--fade-edge),var(--sage-line) calc(100% - var(--fade-edge)),transparent 100%)}
.wordstrip{border:0;background:linear-gradient(90deg,var(--paper),var(--sage-band) max(40px,calc((100% - 1302px)/2)),var(--sage-band) calc(100% - max(40px,calc((100% - 1302px)/2))),var(--paper))}
body[data-page="/"] .services{background:var(--sage-band)}
body[data-page="/"] .home-magazine{padding-bottom:38px}
body[data-page="/"] .cta-band{background:#eee4e8;border-top:0;padding-block:42px}
.reader-guidance,.section-guidance>p{font-family:var(--serif);font-style:italic;font-size:19px;line-height:1.65;color:#53674c;font-weight:400;letter-spacing:0;text-transform:none}
.search-field label.reader-guidance{display:block;font-size:19px;font-weight:400;margin-bottom:12px}
body.inner-page .about-story .about-reading>h2{font-family:var(--serif);font-size:32px!important;line-height:1.25;letter-spacing:-.7px;margin:38px 0 22px}
.about-reading .about-row-copy{font-size:16px;line-height:1.7}
.about-reading .about-row-copy p{margin-bottom:18px}
.about-signature,.freya-signature{font-family:var(--serif);font-style:italic;font-size:25px;color:var(--ink);margin-top:22px}
.about-signature em,.about-signature strong{font-weight:400;font-style:italic}
.consultation-guide{background:var(--sage-band);border:1px solid var(--sage-line)}
body.inner-page .consultation-guide h3{font-family:var(--serif);font-size:25px;line-height:1.25;margin:0}
.consultation-guide ol{list-style:none;counter-reset:consultation;padding:0;margin:0}
.consultation-guide li{counter-increment:consultation;position:relative;padding:15px 0 15px 34px;border-top:1px solid #c4d1bb;font-size:14px;line-height:1.55}
.consultation-guide li:before{content:counter(consultation,decimal-leading-zero);position:absolute;left:0;top:15px;font-family:var(--serif);font-style:italic;color:#637957;font-size:19px}
.consultation-guide li strong,.consultation-guide li span{display:block}.consultation-guide li span{margin-top:5px;color:#53675b}
@media(max-width:760px){header::after{--fade-edge:19px}.wordstrip{background:linear-gradient(90deg,var(--paper),var(--sage-band) 19px,var(--sage-band) calc(100% - 19px),var(--paper))}body.inner-page .about-story .about-reading>h2{font-size:29px!important}.consultation-guide{max-width:100%}body[data-page="/"] .cta-band{padding-block:32px}}

/* Preserve complete people: natural article ratio, full photographs in cards. */
.article .article-figure .article-photo,.article .article-photo{width:100%;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center top!important}
.journal-item img{height:auto!important;aspect-ratio:3/2;object-fit:contain!important;object-position:center;background:#e3e9dc}
body[data-page="/o-mne/"] .editorial-quote p{font-family:var(--serif);font-size:24px!important;line-height:1.5;font-style:italic;color:#53674c}
.about-reading>.about-opening-quote{max-width:100%;margin:0 0 28px;padding:0 0 16px}
.about-reading>.editorial-quote{margin-top:26px;margin-bottom:26px}
.about-reading>.about-opening-quote cite{font-size:15px}
.magazine-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin:36px 0}
.magazine-pagination button{border:1px solid #c4d1bb;background:transparent;color:var(--ink);padding:10px 16px;min-height:44px;cursor:pointer}
.magazine-pagination button[aria-current=page]{background:var(--ink);color:var(--paper)}
.magazine-pagination button:hover{background:#dce3d4;color:var(--ink)}
.magazine-archive{margin-top:30px}
[hidden]{display:none!important}
@media(max-width:650px){body[data-page="/o-mne/"] .editorial-quote p{font-size:21px!important}.magazine-pagination{gap:7px}.magazine-pagination button{padding:10px 13px}}

/* Fill the card frame; prioritize faces rather than preserving feet. */
.journal-item img{width:100%;height:auto!important;aspect-ratio:3/2;object-fit:cover!important;object-position:center 18%!important;background:transparent!important}
.journal-item img[src*="editorial-new-173"],.journal-item img[src*="editorial-new-93"],.journal-item img[src*="review-68"],.journal-item img[src*="approved-unique-142"],.journal-item img[src*="archive-131"]{object-position:center center!important}
body[data-page="/magazin/"] main>.section{padding-bottom:24px}
body[data-page="/magazin/"] .magazine-archive{margin-bottom:0}
body[data-page="/magazin/"] .cta-band{padding-top:30px;padding-bottom:40px}
.about-row-copy>h2,.about-education-intro>h2{font-family:var(--serif);font-size:32px!important;line-height:1.25;letter-spacing:-.7px;margin:0 0 22px!important}
.about-sidebar-row{margin-top:34px}
.about-reading>.about-opening-quote{margin-bottom:20px}
@media(max-width:760px){.about-row-copy>h2,.about-education-intro>h2{font-size:29px!important}.about-sidebar-row{margin-top:26px}}

.journal-item img[src*="review-final-195"]{object-position:40% top!important}.journal-item img[src*="review-final-228"]{object-position:center top!important}
.journal-item img[src*="approved-unique-142"]{object-position:center top!important}
.journal-item img[src*="archive-131"]{object-position:center 30%!important}

/* Clean editorial index and a paired-page reader. */
#temy{background:transparent!important;box-shadow:none!important;outline:none;color:var(--ink)}
body[data-page="/o-mne/"] .editorial-quote p,body[data-page="/o-mne/"] .editorial-quote p strong{font-size:24px!important;line-height:1.5;font-weight:400}
.about-consultation-row+.editorial-quote{margin-top:8px!important;padding-top:0}
.about-consultation-row{align-items:start}.about-consultation-row>.about-row-copy{min-height:0}
.reader-section{padding-top:35px}.reader-heading{margin:20px 0 28px}.reader-heading h1{font-size:clamp(34px,4vw,54px);margin:0}.reader-heading .eyebrow{margin-bottom:14px}
.issue-actions>.button{width:100%;justify-content:space-between}.issue-actions>.button:first-child{background:#dce3d4!important;color:var(--ink)!important}
.magazine-reader{border:1px solid #c5cebc;border-radius:10px;overflow:hidden;background:#e6eadf;box-shadow:0 12px 32px #263a2312}
.reader-toolbar{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center;padding:18px;background:#f4f5ed;border-bottom:1px solid #c5cebc}
.reader-toolbar button{min-height:44px;border:1px solid #bac7ac;border-radius:4px;background:#fffef9;color:var(--ink);padding:10px 16px;display:inline-flex;align-items:center;gap:9px;cursor:pointer}
.reader-toolbar button:hover{background:#dce3d4}.reader-toolbar button:disabled{opacity:.4;cursor:default}.reader-toolbar button[aria-pressed=true]{background:var(--ink);color:#fffef9}
.reader-toolbar input{width:65px;padding:7px;border:1px solid #bac7ac;border-radius:3px;background:#fffef9}
.reader-canvas{max-height:none;overflow:auto;padding:26px;touch-action:pan-x pan-y}
.reader-spread{display:flex;align-items:flex-start;justify-content:center;width:100%;margin:auto;gap:0;filter:drop-shadow(0 7px 12px #263a2325)}
.reader-canvas .reader-spread img{display:block;width:50%;height:auto;max-width:50%;margin:0;object-fit:contain;flex:0 0 50%}
.reader-single .reader-spread{max-width:620px}.reader-single .reader-spread img{width:100%;max-width:100%;flex-basis:100%}
.reader-zoomed .reader-canvas{height:78vh;max-height:900px;overflow:auto;cursor:grab}
.reader-zoomed .reader-spread{width:2200px;min-width:2200px;max-width:none;justify-content:flex-start}
.reader-zoomed.reader-single .reader-spread{width:1100px;min-width:1100px;max-width:none}
.reader-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,260px));gap:16px;justify-content:center;margin-top:26px}
.reader-links>.button{width:100%;min-height:56px;justify-content:center;padding:13px!important;font-size:16px!important}.reader-links .pdf-download>span:not(:last-child){display:none}
.reader-help{max-width:800px;margin:20px auto;text-align:center;font-family:var(--serif);font-style:italic;font-size:16px}
@media(max-width:650px){body[data-page="/o-mne/"] .editorial-quote p,body[data-page="/o-mne/"] .editorial-quote p strong{font-size:21px!important}.reader-canvas{padding:10px}.reader-toolbar{padding:12px;gap:8px}.reader-toolbar button{padding:9px;font-size:13px}.reader-links{grid-template-columns:1fr 1fr;gap:10px}.reader-links>.button{font-size:14px!important}.reader-help{font-size:15px}}

/* Confirmed November 10 review. */
body[data-page="/"] .home-magazine{background:var(--sage-band);padding-top:46px}
.cta-band,body[data-page="/"] .cta-band{background:#fffef9}
.about-consultation-row .editorial-quote{margin:10px 0 0;padding:0}
.about-consultation-row .about-row-copy>p{margin-bottom:12px}
body[data-page="/o-mne/"] .editorial-quote p,body[data-page="/o-mne/"] .editorial-quote p strong{font-size:24px!important;line-height:1.5}
.journal-item img[src*="archive-271"],.journal-item img[src*="archive-166"]{object-position:center 35%!important}
.journal-item img[src*="review-243"],.journal-item img[src*="approved-unique-174"]{object-position:center top!important}
.journal-item img[src*="final-editorial-93"]{object-fit:cover!important;aspect-ratio:3/2;object-position:center!important}
@media(max-width:1100px){body.menu-open{overflow:hidden}.nav.open{position:fixed!important;top:88px!important;bottom:0!important;left:0!important;right:0!important;height:calc(100dvh - 88px)!important;max-height:none!important;overflow-y:auto;background:var(--paper)!important;padding-bottom:36px!important;z-index:1000}.menu-open main,.menu-open footer{visibility:hidden}}
@media(max-width:650px){body[data-page="/o-mne/"] .editorial-quote p,body[data-page="/o-mne/"] .editorial-quote p strong{font-size:21px!important}}
/* Trim print registration marks from the 3/2016 reading viewport. */


/* Shared final review: complete navigation, consistent calls to action and fitted reading. */
header .container{position:relative;display:flex;align-items:center;gap:22px;height:88px}
.header-actions{display:flex;align-items:center;gap:12px;order:3;margin-left:auto}
.header-actions .menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;width:42px;height:42px;font-size:24px;border:0;background:transparent;color:var(--ink);cursor:pointer;padding:4px}
.header-actions .header-consultation{font-size:14px!important;min-height:44px;padding:10px 16px!important;white-space:nowrap}
header .nav{margin-left:auto;gap:17px}header .nav>a{font-size:14px}
header .nav:not(.open) .menu-bottom{display:none}
body.menu-open{overflow:hidden}
header .nav.open{display:flex!important;position:fixed!important;inset:88px 0 0!important;height:calc(100dvh - 88px)!important;max-height:none!important;overflow:auto;flex-direction:column;align-items:stretch;padding:24px max(24px,calc((100vw - 860px)/2)) 40px!important;background:var(--paper)!important;z-index:1000;gap:0}
header .nav.open>a,header .nav.open .menu-reading>a{font-size:18px!important;padding:12px 4px!important;color:var(--ink);border-bottom:1px solid var(--line)}
header .nav.open .menu-bottom{display:flex;flex-direction:column;align-items:stretch;gap:22px;margin:0;padding:0}
header .nav.open .menu-reading{display:flex!important;flex-direction:column;gap:0;border:0;padding:0;order:-1}
header .nav.open .menu-bottom>.button{align-self:flex-start;margin:0;font-size:16px!important;min-height:54px;padding:14px 24px!important}
.menu-open main,.menu-open footer{visibility:hidden}
.cta-band,body[data-page="/"] .cta-band,body[data-page="/magazin/"] .cta-band{padding:44px 0;background:#fffef9}
body .cta-band h2,body.inner-page .cta-band h2{font-family:var(--serif);font-size:34px!important;line-height:1.2;margin:0 0 12px}
body .cta-band p{font-size:17px!important;line-height:1.6;margin:0}
body .cta-band .button{font-size:16px!important;min-height:54px;padding:14px 24px!important;white-space:nowrap}
.home-magazine .button{background:#586f4b!important;color:#fffef9!important;border-color:#586f4b!important}.home-magazine .button:hover{background:#243c35!important;border-color:#243c35!important}
.archive-inline-link{color:var(--ink);text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
body[data-page="/o-mne/"] .about-story p,body[data-page="/o-mne/"] .about-story li{font-family:Arial,Helvetica,sans-serif;color:var(--muted);font-size:17px;line-height:1.75}
body[data-page="/o-mne/"] .editorial-quote p{font-family:var(--serif);color:#53674c}
body[data-page="/o-mne/"] .editorial-quote p strong{font-weight:700}
.issue-actions>.button:first-child{border:0!important;box-shadow:none;background:#e3e9dc!important}
.journal-item img[src*="approved-unique-81"],.journal-item img[src*="approved-unique-125"]{object-fit:contain!important;object-position:center!important;background:#f3efe6!important}
.journal-item img[src*="approved-unique-243"]{object-position:center top!important}
.reader-section>.container{width:calc(100% - 32px);max-width:1600px}
.reader-canvas,.reader-zoomed .reader-canvas{height:calc(100dvh - 160px);min-height:340px;max-height:1200px;padding:12px;overflow:auto;cursor:auto;box-sizing:border-box}
.reader-spread,.reader-single .reader-spread,.reader-zoomed .reader-spread,.reader-zoomed.reader-single .reader-spread{min-width:0;max-width:none;justify-content:flex-start;gap:0;margin:0 auto;filter:none}
.reader-canvas .reader-spread img{max-width:none;min-width:0;height:auto;object-fit:contain;margin:0;border:0;clip-path:none}
.reader-toolbar{padding:10px;gap:10px}.reader-toolbar output{min-width:58px;text-align:center;font-variant-numeric:tabular-nums}
@media(max-width:1100px){header .nav:not(.open){display:none!important}}
@media(max-width:650px){header .container{height:80px;gap:8px}.header-actions{gap:5px}.header-actions .header-consultation{font-size:11px!important;padding:9px!important;min-height:40px}.header-actions .menu-toggle{width:34px}.brand b{font-size:25px}.brand>span{font-size:7px}header .nav.open{top:80px!important;height:calc(100dvh - 80px)!important}body .cta-band h2,body.inner-page .cta-band h2{font-size:28px!important}body .cta-band p{font-size:16px!important}.reader-canvas,.reader-zoomed .reader-canvas{height:calc(100dvh - 180px)}.reader-toolbar{gap:6px}.reader-toolbar button{min-height:40px;padding:8px}}
/* Reader controls stay in their own row and never cover printed content. */
.magazine-reader .reader-toolbar{position:relative;top:auto;inset:auto;z-index:1;flex-shrink:0}
.magazine-reader .reader-canvas .reader-spread img{max-height:none;box-shadow:none}
.magazine-reader .reader-spread img[hidden]{display:none}

/* Unified consultation-sized CTA controls and archive cover interaction. */
:root{--cta-green:#385c48;--cta-hover:#274533}
body .button.button.button.button,body .service .text-link,body .issue-actions>.button:first-child{
 font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;font-weight:600!important;
 line-height:1.4!important;min-height:44px!important;padding:10px 16px!important;
 display:inline-flex;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;
 transition:background .2s,border-color .2s;
}
body .service .text-link{background:#467568;color:#fffef9}body .service .text-link:is(:hover,:focus-visible){background:#385c48;color:#fffef9}
.issue-actions>.button:first-child:is(:hover,:focus-visible){background:#afbf9c!important;color:#243c35!important}
body .button.button.button.button:focus-visible,.issue-cover-link:focus-visible{outline:3px solid #aa8851;outline-offset:4px}
header .header-actions{margin-left:0;flex-shrink:0}
header .nav:not(.open){margin-left:auto}
body[data-page="/o-mne/"] .about-story .editorial-quote p{font-size:24px!important;line-height:1.5!important;font-weight:400!important}
body[data-page="/o-mne/"] .about-story .editorial-quote p strong{font-size:inherit!important;line-height:inherit!important;font-weight:700!important}
.issue-cover-link{position:relative;display:block;cursor:pointer;text-decoration:none;overflow:hidden}
.issue-cover-link img{transition:filter .2s;display:block}
.issue-cover-hint{position:absolute;bottom:12px;left:12px;right:12px;padding:10px;background:#385c48;color:#fffef9;font-size:14px;text-align:center;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}
.issue-cover-link:is(:hover,:focus-visible) .issue-cover-hint{opacity:1;transform:none}
.issue-cover-link:hover img{filter:brightness(.92)}
@media(hover:none){.issue-cover-hint{opacity:1;transform:none}}
@media(max-width:650px){body[data-page="/o-mne/"] .about-story .editorial-quote p{font-size:21px!important}header .header-actions .header-consultation{white-space:normal;max-width:180px}}

/* Individuálne nové fotografie: vyplnenie celého formátu bez bočných pásov. */
.journal-item img[src*="review-20261110b-"]{object-fit:cover!important;object-position:center!important;background:transparent!important}

.journal-item img[src*="review-20261110c-"]{object-fit:cover!important;object-position:center!important;background:transparent!important}

.journal-item img[src*="review-20261110d-"]{object-fit:cover!important;object-position:center!important;background:transparent!important}

/* SVG arrows keep the desktop line weight on iOS as well. */
.link-arrow{stroke-width:1.7;overflow:visible}
.header-consultation .link-arrow{width:19px;height:19px;vertical-align:middle}

/* Native horizontal swiping keeps mobile page scrolling and taps intact. */
@media(max-width:900px){
 [data-carousel-track]{display:flex;align-items:flex-start;width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom;transition:height .2s ease}
 [data-carousel-track]::-webkit-scrollbar{display:none}
 [data-carousel-track]>[data-slide]{flex:0 0 100%;width:100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;animation:none}
 [data-carousel-track] img{-webkit-user-drag:none;user-select:none}
}
@media(prefers-reduced-motion:reduce){[data-carousel-track]{transition:none;scroll-behavior:auto}}

.hp-carousel .horoscope-2027-slide{--heading-accent:#a65e3d}
/* Annual love horoscope: editorial text, calm spacing and approved brush icons. */
.annual-hero .page-hero-photo{object-fit:cover;aspect-ratio:1.3;object-position:center}
.annual-byline{margin-top:24px;color:var(--muted);letter-spacing:.04em;font-size:15px}
.annual-reading{max-width:880px;margin-inline:auto}
.annual-intro{padding-top:12px;padding-bottom:64px}
.annual-guidance{background:#edf0e6;padding-block:64px}
.annual-finder-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.annual-finder-grid>.compatibility-form{max-width:none}
.annual-finder .compatibility-form{margin:0;padding:30px;background:#eeeee4;border:1px solid var(--line)}
.annual-finder .field select{width:100%;min-height:48px;padding:12px;border:1px solid #b9c3b5;background:var(--paper);color:var(--ink);font:inherit}
.annual-finder button{cursor:pointer}
.annual-finder button:disabled{opacity:.6;cursor:wait}
#zodiac-finder-error{color:#8b452e;margin-top:18px}
.zodiac-icon{display:inline-block;flex:0 0 auto;width:132px;height:132px;background-image:url('/assets/zodiac-brush-icons.webp');background-size:400% 300%;background-position:var(--zx,0%) var(--zy,0%);background-repeat:no-repeat;mix-blend-mode:multiply}
.annual-result{margin-top:22px;padding:26px 30px;background:#f0e8dd;scroll-margin-top:120px}
.annual-result-heading{display:flex;gap:20px;align-items:center;margin-bottom:16px}
.annual-result-heading .zodiac-icon{width:85px;height:85px}
.annual-result h3{margin:0;font-size:34px}
.annual-readings{padding-top:32px}
.annual-sign-nav{display:flex;flex-wrap:wrap;gap:10px 20px;margin:26px 0 50px}
.annual-sign-nav a,.annual-back{color:var(--ink);text-decoration:underline;text-underline-offset:5px}
.annual-sign-nav a:hover,.annual-back:hover{color:#a46548}
.annual-sign{display:grid;grid-template-columns:132px minmax(0,760px);justify-content:center;gap:36px;padding-block:48px;border-top:1px solid var(--line);scroll-margin-top:115px}
.annual-sign-copy h2{margin-top:8px;margin-bottom:24px}
.annual-sign-copy h3{margin-top:28px;margin-bottom:16px;color:#995e42}
.annual-sign-copy p{margin-bottom:20px}
.annual-back{display:inline-block;margin-top:10px;font-size:14px}
@media(min-width:1101px){header .nav{gap:13px}header .nav>a{font-size:13px}}
@media(max-width:900px){.annual-finder-grid{grid-template-columns:1fr;gap:28px}.annual-sign{grid-template-columns:90px minmax(0,1fr);gap:20px}.annual-sign .zodiac-icon{width:90px;height:90px}.annual-hero .page-hero-photo{aspect-ratio:1.4}.annual-guidance{padding-block:44px}}
@media(max-width:560px){.annual-sign{display:block;padding-block:34px}.annual-sign-symbol{float:left;margin:0 16px 8px 0}.annual-sign .zodiac-icon{width:74px;height:74px}.annual-sign-copy h2{min-height:74px;display:flex;align-items:center;margin:0 0 20px}.annual-sign-copy p{clear:both}.annual-finder .compatibility-form,.annual-result{padding:22px}.annual-sign-nav{gap:12px 18px}.annual-intro{padding-bottom:42px}}
.zodiac-icon{filter:brightness(1.07)}
body.inner-page .annual-result #zodiac-result-name{font-size:32px!important;font-family:Georgia,'Times New Roman',serif;line-height:1.2}
.annual-guidance-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);align-items:center;gap:55px}
.annual-goat-image{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.annual-hero .page-hero-grid{align-items:center}
.compatibility-zodiac-icons{display:flex;align-items:center;gap:24px;margin:26px 0 36px}
.compatibility-zodiac-icons .zodiac-icon{width:112px;height:112px}
.zodiac-connection{font-size:32px;color:#a46548}
@media(max-width:900px){.annual-guidance-layout{grid-template-columns:1fr;gap:28px}.annual-goat-image{max-width:440px;margin-inline:auto}}
@media(max-width:560px){.compatibility-zodiac-icons{gap:14px}.compatibility-zodiac-icons .zodiac-icon{width:88px;height:88px}}

/* Direct original-article reading view. */
body.inner-page .article-full-original>h1{font-size:clamp(2.2rem,4vw,3.4rem);line-height:1.12;margin-bottom:25px}
.article-full-original .article-source{margin:15px 0 35px;padding:0;border:0}
.article-full-original .article-original-body{padding:0;background:none;border:0}
/* Article cards use the site's established serif titles and editorial introductions. */
.journal-item>h3{font-family:var(--serif);font-weight:400;font-style:normal;line-height:1.18}
.journal-item>p{font-family:var(--serif);font-size:18px;font-weight:400;line-height:1.6;color:var(--muted)}
@media(max-width:650px){.journal-item>p{font-size:17px}}
body .journal-item>h3,body.inner-page .journal-item>h3{font-size:26px;letter-spacing:-.5px}
@media(max-width:650px){body .journal-item>h3,body.inner-page .journal-item>h3{font-size:24px}}

/* Real alpha cutouts sit directly on the page, with no blend/filter square. */
.zodiac-icon{background-image:url('/assets/zodiac-brush-icons-cutout.webp');mix-blend-mode:normal;filter:none}

/* Approved sage ceramic frame for the two apps and consultation form. */
#compatibility-form,#zodiac-finder-form,#consultation-form{
 min-width:0;border:7px solid transparent;border-radius:18px;padding:34px;
 background:linear-gradient(135deg,#fffdf7,#f8f5ed) padding-box,linear-gradient(145deg,#c5d7bb 0%,#9db79b 24%,#7f9b7e 75%,#adc3a2 100%) border-box;
 outline:1px solid #a7bba0;
 box-shadow:inset 0 2px 4px #53644b24,inset 0 -2px 1px #fffef9,0 3px 0 #7c9274,0 12px 22px #3147351c,0 24px 48px #31473512;
 color:var(--ink);
}
#compatibility-form .field :is(input,select,textarea),#zodiac-finder-form .field :is(input,select,textarea),#consultation-form .field :is(input,select,textarea){
 width:100%;min-width:0;min-height:52px;border:1px solid #809778;border-radius:6px;padding:12px 14px;
 background-color:#fffdf5;color:var(--ink);font-size:16px;
 box-shadow:inset 0 2px 4px #52634b20,0 1px 0 #ffffff;
 transition:border-color .2s,box-shadow .2s;
}
#compatibility-form .field :is(input,select,textarea):focus,#zodiac-finder-form .field :is(input,select,textarea):focus,#consultation-form .field :is(input,select,textarea):focus{
 outline:2px solid #597957;outline-offset:2px;border-color:#456b48;box-shadow:inset 0 1px 3px #52634b14,0 0 0 4px #a8be9a30;
}
#compatibility-form .field label,#zodiac-finder-form .field label,#consultation-form .field label{color:#293f34;font-size:14px;font-weight:600}
#compatibility-form fieldset{min-width:0}
#compatibility-form legend{width:100%;font-family:var(--serif);font-size:28px;color:#243c35;border-bottom:1px solid #97ae8d;padding:0 0 10px;margin-bottom:24px}
#compatibility-form>.button,#zodiac-finder-form>.button,#consultation-form>.button{
 width:100%;min-height:54px!important;border:1px solid #284c3b!important;border-radius:7px;padding:14px 20px!important;
 background:linear-gradient(160deg,#3e6552,#234636)!important;color:#fffef7!important;
 font-family:Arial,Helvetica,sans-serif!important;font-size:16px!important;font-weight:600!important;letter-spacing:0;text-transform:none;white-space:normal;
 box-shadow:inset 0 1px 1px #ffffff45,0 3px 0 #19382b,0 7px 12px #223e3026;
 transition:background .2s,box-shadow .2s,transform .2s;
}
#compatibility-form>.button:hover,#zodiac-finder-form>.button:hover,#consultation-form>.button:hover{background:linear-gradient(160deg,#4a705b,#2c503b)!important;box-shadow:inset 0 1px 1px #ffffff45,0 3px 0 #19382b,0 9px 15px #223e3030}
#compatibility-form>.button:active,#zodiac-finder-form>.button:active,#consultation-form>.button:active{transform:translateY(2px);box-shadow:inset 0 1px 2px #18352925,0 1px 0 #19382b,0 3px 6px #223e3020}
#consultation-form .consent{border-color:#d3dccb}
#consultation-form .consent input{accent-color:#42664e}
#compatibility-form .fineprint,#zodiac-finder-form .fineprint{color:#586752}
@media(max-width:650px){
 #compatibility-form,#zodiac-finder-form,#consultation-form{border-width:5px;border-radius:14px;padding:22px 18px;box-shadow:inset 0 2px 3px #53644b24,0 3px 0 #7c9274,0 10px 20px #3147351c}
 #compatibility-form>.button,#zodiac-finder-form>.button,#consultation-form>.button{width:100%;font-size:16px!important;padding:13px 12px!important;gap:10px}
 #compatibility-form legend{font-size:25px}
}
#consultation-form .form-intro h2,#compatibility-form legend,#zodiac-finder-form label[for="zodiac-gender"],#zodiac-finder-form #zodiac-gender{font-family:var(--serif)!important;font-size:28px!important;font-weight:400!important;line-height:1.2!important;letter-spacing:0!important}
@media(max-width:650px){#consultation-form .form-intro h2,#compatibility-form legend,#zodiac-finder-form label[for="zodiac-gender"],#zodiac-finder-form #zodiac-gender{font-size:25px!important}}

/* Keep consultation and menu controls inside narrow phone headers. */
@media(max-width:650px){
 header .container{width:calc(100% - 24px)}
 header .header-actions .header-consultation{font-size:12px!important;width:clamp(112px,30vw,150px);min-width:0;gap:10px;padding:9px!important}
 header .header-actions .menu-toggle{flex:0 0 40px;height:44px}
}
@media(max-width:380px){
 header .brand{width:128px;grid-template-columns:minmax(0,1fr)}
 header .brand b{font-size:25px;letter-spacing:3px}
 header .brand>span{font-size:6px;letter-spacing:.7px}
}
@media(max-width:650px){
 .archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .archive-grid .issue{min-width:0;width:100%}
 .archive-grid .issue-actions .button{min-width:0;max-width:100%;width:100%;white-space:normal;flex-wrap:wrap;justify-content:center;gap:5px;padding:10px 8px;font-size:11px}
}
@media(max-width:900px){
 .hp-carousel .carousel-dots{gap:3px}
 .hp-carousel .carousel-dots button{width:27px;height:36px;border:0;border-radius:0;box-shadow:none;background:transparent;display:grid;place-items:center;overflow:visible}
 .hp-carousel .carousel-dots button:before{content:'';width:12px;height:12px;border:1px solid #607c68;border-radius:50%;background:transparent}
 .hp-carousel .carousel-dots button[aria-current=true]:before{background:#345347;box-shadow:0 0 0 4px #e1e7dd}
}

/* Raised CTA surfaces retain every existing background and text color. */
body .button.button.button.button,body .service .text-link{
 border-radius:6px;
 box-shadow:inset 0 1px 1px #ffffff66,inset 0 -2px 2px #162d2226,0 3px 0 #162d2233,0 7px 14px #243c3526;
}
body .button.button.button.button:is(:hover,:focus-visible),body .service .text-link:is(:hover,:focus-visible){box-shadow:inset 0 1px 1px #ffffff77,inset 0 -2px 2px #162d2233,0 3px 0 #162d2240,0 9px 18px #243c3530}
body .button.button.button.button:active,body .service .text-link:active{box-shadow:inset 0 2px 4px #162d2233,0 1px 0 #162d2240,0 3px 7px #243c3526}
#compatibility-form>.button:is(:hover,:focus-visible),#zodiac-finder-form>.button:is(:hover,:focus-visible),#consultation-form>.button:is(:hover,:focus-visible){background:linear-gradient(160deg,#61865b,#446b45)!important;border-color:#446b45!important;color:#fffef7!important}

/* Date controls must shrink to their grid cell, including iOS Safari. */
#consultation-form .form-row{grid-template-columns:repeat(2,minmax(0,1fr))}
#consultation-form .field{min-width:0;max-width:100%}
#consultation-form .field input[type=date]{display:block;width:100%;inline-size:100%;max-width:100%;max-inline-size:100%;min-width:0;min-inline-size:0;box-sizing:border-box;-webkit-appearance:none;appearance:none}
#consultation-form input[type=date]::-webkit-date-and-time-value{min-width:0;min-inline-size:0;text-align:left}
#consultation-form input[type=date]::-webkit-datetime-edit{min-width:0;padding:0}
@media(max-width:650px){
 #consultation-form .form-row{grid-template-columns:minmax(0,1fr)}
 header .container{display:grid;grid-template-columns:minmax(0,1fr) auto;width:calc(100% - 24px);gap:8px}
 header .brand{min-width:0;max-width:100%}
 header .header-actions{display:grid;grid-template-columns:34px minmax(0,1fr);gap:4px;width:clamp(152px,43vw,178px);min-width:0;margin-left:0}
 header .header-actions .menu-toggle{width:34px;min-width:0;padding:0}
 header .header-actions .header-consultation.button.button.button{width:100%;min-width:0;max-width:100%;min-height:48px!important;padding:8px!important;font-size:11.5px!important;gap:6px;white-space:normal;line-height:1.35!important}
 header .header-consultation .link-arrow{width:14px;height:14px;flex:0 0 14px}
}

/* Typeable birth dates: no calendar paging back through decades. */
#consultation-form .birth-date-group{min-width:0;max-width:100%;padding:0;margin:0 0 23px;border:0}
#consultation-form .birth-date-group legend{padding:0;margin-bottom:9px;font:600 14px/1.5 Arial,Helvetica,sans-serif;color:#293f34}
#consultation-form .birth-date-parts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.35fr);gap:10px}
#consultation-form .birth-date-parts .field{margin:0}
#consultation-form .birth-date-parts label{font-size:12px;font-weight:400;margin-bottom:5px}
#consultation-form .birth-date-parts input{padding:12px 10px;font:400 16px/1.4 Arial,Helvetica,sans-serif}
#consultation-form .field :is(input,textarea)::placeholder{font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:400;color:#757575;opacity:1}
#consultation-form #service{font:400 16px/1.4 Arial,Helvetica,sans-serif;color:var(--ink)}
#consultation-form #service:invalid{color:#757575}
#consultation-form #service option{color:var(--ink)}
#zodiac-finder-form #zodiac-gender{font-family:Arial,Helvetica,sans-serif!important;font-size:16px!important;font-weight:400!important;line-height:1.4!important}

/* Product frames stay unchanged on hover; only their CTA changes color. */
.pricing-grid .tier-basic{--product-surface:linear-gradient(#edf2dd,#edf2dd);--product-rim:linear-gradient(145deg,#c4d1a2,#8fa563 65%,#aebe8b)}
.pricing-grid .tier-extended{--product-surface:linear-gradient(#dcebea,#dcebea);--product-rim:linear-gradient(145deg,#b2cebd,#72a09a 65%,#94b7aa)}
.pricing-grid .tier-premium{--product-surface:linear-gradient(135deg,#a33225,#78251f);--product-rim:linear-gradient(145deg,#e2b16c,#b75837 65%,#c98c55)}
.pricing-grid .price-card,.pricing-grid .price-card:is(:hover,:focus-within){
 border:6px solid transparent!important;border-radius:15px;
 background:var(--product-surface) padding-box,var(--product-rim) border-box!important;
 box-shadow:inset 0 1px 2px #ffffff3d,inset 0 -1px 2px #243c3526,0 3px 0 #243c3526,0 12px 24px #243c351c!important;
 transform:none!important;
}
@media(max-width:650px){#consultation-form .birth-date-parts{gap:8px}.pricing-grid .price-card,.pricing-grid .price-card:is(:hover,:focus-within){border-width:5px!important}}

/* Navigation and compact compatibility action. */
header .nav:not(.open)>a.menu-only{display:none!important}
header .nav.open>a.menu-only{display:block!important}
#zodiac-finder-form #zodiac-gender{color:#757575!important;-webkit-text-fill-color:#757575}
#compatibility-form>.button{display:flex;width:fit-content;max-width:100%;margin-inline:auto;padding-inline:28px!important}
@media(max-width:650px){.contact-grid>#consultation-form{order:-1}}

/* Keep restored source-heading typography while fixing the semantic H1/H2 hierarchy. */
body.inner-page .article-original-body h2.source-heading-h3{font-family:Arial,Helvetica,sans-serif;font-size:23px!important;letter-spacing:-.4px;line-height:1.1}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;border:0!important}