/* Horoskopy pro ženy: responsive layout and the original pink identity. */
:root { --hp-pink:#e91459; --hp-dark:#29212a; --hp-line:#ece7eb; --hp-soft:#fff3f7; }
html { scroll-behavior:smooth; }
body { min-width:0; width:100%; font-size:14px; line-height:1.55; color:var(--hp-dark); }
*, *::before, *::after { box-sizing:border-box; }
img { max-width:100%; height:auto; }
input, select, textarea, button { max-width:100%; font:inherit; }
a { text-underline-offset:3px; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, summary:focus-visible { outline:3px solid #007db5; outline-offset:3px; }
[hidden] { display:none !important; }
#main { margin:0; padding:0; background:linear-gradient(to bottom,#ed0c59 0,#ed0c59 116px,#fff 116px); }
#obsah { width:100%; max-width:1040px; margin:0 auto; }
#container { width:100%; float:none; padding:0 24px; text-align:left; }
#container #hp { display:grid; grid-template-columns:minmax(0,1fr) 238px; gap:28px; width:100%; clear:both; margin:0; padding:24px 0 28px; align-items:start; }
#hp #middle, #hp #middle2, #hp #middle3 { width:100%; min-width:0; min-height:0; float:none; margin:0; padding:0; border:0; position:relative; }
#hp #right { width:auto; max-width:100%; margin:0; float:none; }
#stred { width:100%; min-width:0; margin:0; overflow-wrap:break-word; }
#stred p { font-size:14px; line-height:1.65; }
#stred > h2 { margin:0 0 20px; }
#stred table { max-width:100%; }
#top.hp-header { display:grid; grid-template-columns:minmax(0,380px) minmax(0,1fr); gap:5px 16px; align-items:center; width:100%; min-height:116px; height:auto; padding:9px 0 12px; background:#ed0c59; }
#top .hp-nav { display:flex; flex-wrap:wrap; gap:3px 21px; grid-column:1 / -1; padding:0 3px; }
#top .hp-nav a { display:inline-block; color:#fff; font-size:13px; font-weight:700; line-height:1.7; padding:2px 0; text-decoration:none; }
#top .hp-nav a:hover { text-decoration:underline; }
#top #logo-odkaz { position:static; display:block; width:100%; max-width:380px; height:auto; margin:0; padding:0; background:none; }
#top #logo-odkaz svg { display:block; width:100%; height:auto; aspect-ratio:380 / 54; overflow:hidden; }
#top #h1right.hp-tagline { display:block; position:static; float:none; margin:0; padding:0 2px 3px; color:#fff; text-align:right; font:normal 18px/1.45 "Open Sans",Arial,sans-serif; align-self:end; }
#dailyhoroskop, #login, #userwindow { max-width:100%; }
#login, #userwindow { height:auto !important; margin:0 !important; }
#login #dailyhoroskop p { margin:0; padding:8px 12px; font-size:14px; line-height:1.55; }
#znamenivyber { position:static; left:auto; top:auto; width:100%; max-width:100%; margin:0; padding:0; border:0; }
#znamenivyber > div, #znamenivyber1, #znamenivyber2, #hp_horoskopy1 { width:100%; max-width:100%; margin:0 0 16px; padding-bottom:0; }
#znamenivyber1 #shoda-stred, #znamenivyber2 #bio-stred, #znamenivyber #fensui-mid { height:auto; min-height:0; padding:12px; background:#faf8fa; border:1px solid var(--hp-line); }
#znamenivyber #tarot-mid, #znamenivyber #vyklad-mid { min-height:90px; height:auto; padding:10px; }
#znamenivyber .button, #znamenivyber #fensui-mid .button, #stred .button, #onlinevyklad-mid .button { width:auto; min-height:40px; height:auto; padding:8px 12px; border:0; border-radius:4px; background:var(--hp-pink); color:#fff; font-size:13px; line-height:1.4; cursor:pointer; }
#znamenivyber1 form { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
#znamenivyber1 .button { flex-basis:100%; margin:5px 0 0; }
#znamenivyber .napoveda { display:block; float:none; width:100%; max-width:100%; min-height:34px; margin:5px 0 10px; padding:6px 8px; border:1px solid #aaa; border-radius:0; color:#333; font:13px/1.4 "Open Sans",Arial,sans-serif; }
#znamenivyber label.napoveda2 { display:block; clear:both; margin:6px 0 0; font:12px/1.5 "Open Sans",Arial,sans-serif; }
#fensui-mid form { clear:both; }
.hp-birth-input { width:210px; max-width:100%; min-height:34px; padding:6px 8px; font:13px/1.4 "Open Sans",Arial,sans-serif; }
#znamenivyber #fensui-mid p { text-align:left; }
#znamenivyber #fensui-mid img { margin-right:8px; }
#znamenivyber .box-top, #znamenivyber .box-dwn { display:none; }
#znameni, #znamenic { display:flex; justify-content:space-between; width:100%; height:auto; margin:0 0 25px; gap:10px; }
#znameni1, #znameni2, #znameni3, #znamenic1, #znamenic2, #znamenic3 { width:32%; min-width:0; float:none; padding:0; margin:0; }
#znameni .obalznameni, #znameni .obalznameni2, #znamenic .obalznameni, #znamenic .obalznameni2 { width:100%; height:auto; min-height:66px; margin:0 0 10px; }
#znameni p, #znamenic p { width:100%; font-size:11px; }
#znameni a, #znamenic a { font-size:18px; }
#znameni br, #znamenic br { display:none; }
#clanky, #clanky2, #onlinevyklad, #onlinevyklad-mid, #onlinevyklad-dwn, #barvy-kameny, #znameni-muzi, #znameni-zeny { width:100%; max-width:100%; height:auto; }
#clanky .hlavniclanek { width:100%; min-height:0; height:auto; padding:14px 0; overflow:auto; }
#clanky .hlavniclanek p { width:auto; }
#clanky .hlavniclanek a.vice { margin-left:0 !important; }
#onlinevyklad-mid { padding:12px; }
.denniVztah { width:auto !important; margin-left:0 !important; }
.o_znameni_dole_text { width:auto; padding:12px; }
#benzin, object[type="application/x-shockwave-flash"], object[classid*="D27CDB6E"], object[classid*="d27cdb6e"], #adSky, #skycraper, #banner-top, #banner, #pravyBanner, #levyBanner, .sdeleni2 { display:none !important; }
#facebookDiv { max-width:100%; }
.resetovac { clear:both; height:0; }
#foot { clear:both; min-height:0; height:auto; margin:0; padding:21px 24px; background:#f4f1f3; border-top:1px solid var(--hp-line); }
#foot #foottext { display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px 24px; width:100%; max-width:992px; height:auto; margin:0 auto; padding:0; font-size:13px; line-height:1.7; }
#foot #foottext p { margin:0; }
#footBasicLinksDiv { display:flex; flex-wrap:wrap; gap:6px 18px; width:auto; padding:0; float:none; }
#foot a { color:#684553; }
#footMoreLinksDiv { display:none; }
.hp-notice { margin:12px 0 20px; padding:14px 16px; border-left:4px solid var(--hp-pink); background:var(--hp-soft); color:#402c35; }
.hp-notice p { margin:0 0 8px; }
.hp-notice p:last-child { margin:0; }
.hp-table-scroll, .hp-tarot-scroll { width:100%; max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
.hp-tarot-scroll > .ardata { min-width:500px; }
.hp-year-promo { margin:0 0 26px; padding:22px; border:1px solid #f2d8e1; background:var(--hp-soft); }
.hp-year-promo h1 { color:var(--hp-dark); font:700 28px/1.2 "Open Sans",Arial,sans-serif; margin:0 0 9px; }
.hp-year-promo p { margin:0 0 12px; }
.hp-year-promo a { color:#b50b41; font-weight:700; }
.hp-kicker { margin:0 0 12px; color:#ad1c4b; font-size:12px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; }
.hp-breadcrumbs { display:flex; flex-wrap:wrap; gap:7px; margin:0 0 26px; font-size:12px; color:#726671; }
.hp-breadcrumbs a { color:#726671; }
#stred.hp-year h1 { margin:0 0 12px; color:var(--hp-dark); font:700 clamp(31px,4vw,44px)/1.12 "Open Sans",Arial,sans-serif; letter-spacing:-.025em; }
#stred.hp-year .hp-year-deck { margin:0 0 15px; font:normal 25px/1.3 "Open Sans",Arial,sans-serif; color:#b20d45; }
#stred.hp-year .hp-byline { font-size:12px; color:#786d75; margin:0 0 25px; }
#stred.hp-year p { font-size:16px; line-height:1.85; margin:0 0 20px; color:#3e3540; }
#stred.hp-year p.hp-kicker { font-size:12px; }
#stred.hp-year p.hp-lead { font-size:18px; line-height:1.8; }
#stred.hp-year h2 { font:700 25px/1.3 "Open Sans",Arial,sans-serif; color:var(--hp-dark); margin:32px 0 17px; }
#stred.hp-year section { scroll-margin-top:18px; }
.hp-astro-context { padding:20px; background:#faf7f9; border-top:3px solid var(--hp-pink); margin:27px 0; }
#stred.hp-year .hp-astro-context h2 { margin:0 0 10px; font:700 15px/1.4 "Open Sans",Arial,sans-serif; }
#stred.hp-year .hp-astro-context p { font-size:14px; line-height:1.75; margin:0; }
.hp-jump { display:flex; flex-wrap:wrap; gap:8px; padding:0 0 17px; border-bottom:1px solid var(--hp-line); }
.hp-jump a, .hp-all-signs a, .hp-all-signs span { display:block; padding:6px 10px; border:1px solid #eedee5; color:#a40c40; background:#fff; font-size:13px; text-decoration:none; border-radius:3px; }
.hp-sign-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:28px 0 32px; }
.hp-sign-card { display:flex; align-items:flex-start; gap:12px; padding:18px 14px; border:1px solid #eadfe5; background:#fff; color:var(--hp-dark); text-decoration:none; min-width:0; }
.hp-sign-card:hover { border-color:var(--hp-pink); background:#fff8fa; }
.hp-sign-card img { flex:0 0 42px; width:42px; height:auto; }
.hp-sign-card strong, .hp-sign-card small, .hp-sign-card > span > span { display:block; }
.hp-sign-card strong { color:#b41047; font:700 19px/1.3 "Open Sans",Arial,sans-serif; margin-bottom:5px; }
.hp-sign-card small { font-size:10px; color:#81747e; margin-bottom:9px; }
.hp-sign-card > span > span { font-size:13px; line-height:1.55; }
.hp-year-periods { margin:0 0 25px; border-top:1px solid var(--hp-line); }
.hp-year-periods > div { padding:17px 0; border-bottom:1px solid var(--hp-line); }
.hp-year-periods dt { color:#ac1244; font-weight:700; margin:0 0 5px; }
.hp-year-periods dd { margin:0; font-size:15px; line-height:1.75; }
#stred.hp-year .hp-related { display:flex; flex-wrap:wrap; gap:10px 22px; font-size:14px; padding:20px 0; }
.hp-related a { color:#aa1244; }
.hp-editorial-note { padding:16px 0; margin:20px 0; border-top:1px solid var(--hp-line); border-bottom:1px solid var(--hp-line); color:#726671; }
.hp-editorial-note summary { font-size:13px; cursor:pointer; }
#stred.hp-year .hp-editorial-note p { font-size:13px; line-height:1.7; margin:12px 0 0; }
.hp-all-signs { display:flex; flex-wrap:wrap; gap:7px; margin:26px 0 4px; }
.hp-all-signs span { background:var(--hp-pink); color:#fff; border-color:var(--hp-pink); }
@media (max-width:860px) {
  #container { padding:0 18px; }
  #container #hp { grid-template-columns:minmax(0,1fr); gap:28px; padding-top:22px; }
  #znamenivyber { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
  #znamenivyber > div { margin:0; }
  #top #h1right.hp-tagline { font-size:16px; }
}
@media (max-width:560px) {
  #container { padding:0 12px; }
  #main { background:#fff; }
  #top.hp-header { grid-template-columns:minmax(0,1fr); gap:7px; padding:11px 12px 14px; width:calc(100% + 24px); margin-left:-12px; }
  #top .hp-nav { gap:3px 17px; padding:0; }
  #top .hp-nav a { font-size:12px; padding:3px 0; }
  #top #logo-odkaz { margin:0; }
  #top #h1right.hp-tagline { font-size:15px; text-align:left; align-self:auto; padding:0; }
  #znamenivyber { grid-template-columns:minmax(0,1fr); }
  #znameni, #znamenic { gap:6px; }
  #znameni a, #znamenic a { font-size:16px; }
  #znameni img, #znamenic img { width:36px; float:none; display:block; margin:0 0 4px; }
  #znameni .obalznameni, #znameni .obalznameni2, #znamenic .obalznameni, #znamenic .obalznameni2 { min-height:92px; }
  #znameni p, #znamenic p { font-size:10px; line-height:1.5; }
  #clanky .hlavniclanek img { width:95px; height:auto; margin:0 12px 8px 0; }
  #onlinevyklad-mid tr, #onlinevyklad-mid td { display:block; width:auto; padding:3px 0; }
  #onlinevyklad-mid input[type=text], #onlinevyklad-mid input:not([type]) { width:100%; }
  #onlinevyklad-mid .nastaveni { margin:12px 0; display:block; }
  #znameni-muzi *, #znameni-zeny *, #barvy-kameny * { max-width:100%; }
  #stred .tarot_sloupec { float:none; width:100%; margin-bottom:20px; }
  #foot { padding:19px 16px; }
  #foot #foottext { display:block; }
  #footBasicLinksDiv { margin-bottom:10px; }
  .hp-sign-grid { gap:9px; }
  .hp-sign-card { display:block; padding:14px 12px; }
  .hp-sign-card img { margin-bottom:8px; }
  .hp-sign-card strong { font-size:18px; }
  .hp-sign-card small { font-size:10px; }
  #stred.hp-year h1 { font-size:34px; }
  #stred.hp-year .hp-year-deck { font-size:23px; }
  #stred.hp-year p, #stred.hp-year p.hp-lead { font-size:16px; line-height:1.85; }
  #stred.hp-year h2 { font-size:24px; }
  .hp-astro-context { padding:16px; }
  .hp-year-promo { padding:18px; }
  .hp-year-promo h1 { font-size:25px; }
}
@media print {
  #top .hp-nav, #znamenivyber, .hp-jump, .hp-all-signs, .hp-editorial-note, #footBasicLinksDiv { display:none; }
  #container #hp { display:block; }
  #main { background:none; }
  #stred.hp-year h1, #stred.hp-year h2 { break-after:avoid; }
}
/* Personal horoscope calculator. */
.hp-page-title { color:var(--hp-dark); font:700 34px/1.2 "Open Sans",Arial,sans-serif; margin:0 0 15px; }
#stred .hp-page-lead { font-size:16px; line-height:1.8; margin-bottom:24px; }
.hp-natal { margin:18px 0 25px; }
.hp-natal > h2 { margin-bottom:12px; }
.hp-natal > p { margin:0 0 15px; }
#hp-natal-form { border:1px solid #eadde4; background:#fffbfd; padding:21px; }
.hp-natal-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.hp-field { min-width:0; }
.hp-field-wide { grid-column:1 / -1; }
.hp-field > label { display:block; font-size:13px; font-weight:700; margin:0 0 6px; color:#4c3541; }
.hp-field label small { font-weight:normal; }
.hp-field input:not([type=checkbox]), .hp-field select { display:block; width:100%; min-height:42px; padding:9px; border:1px solid #cfc0c9; border-radius:3px; background:#fff; color:#29212a; font:16px/1.4 "Open Sans",Arial,sans-serif; min-width:0; }
.hp-field input:disabled { background:#f0ecef; color:#736b70; }
.hp-field small { display:block; margin:6px 0 0; font-size:11px; line-height:1.6; color:#796d75; }
.hp-field label small { display:inline; }
.hp-field .hp-checkbox { display:flex; gap:7px; align-items:flex-start; font-weight:normal; font-size:11px; margin:9px 0 0; }
.hp-checkbox input { margin:1px 0 0; flex:0 0 auto; width:15px; height:15px; }
.hp-city-field { position:relative; }
.hp-city-results { position:absolute; z-index:15; top:70px; left:0; right:0; max-height:280px; overflow-y:auto; border:1px solid #d1b7c5; background:#fff; box-shadow:0 5px 16px #39263222; }
.hp-city-results button { display:block; width:100%; border:0; border-bottom:1px solid #f0e8ed; padding:10px; text-align:left; color:#48303c; background:#fff; font:12px/1.5 "Open Sans",Arial,sans-serif; cursor:pointer; }
.hp-city-results button:hover, .hp-city-results button:focus { background:#fff0f6; }
.hp-city-results p { padding:10px; font-size:12px; }
.hp-manual-place { margin:18px 0; color:#604452; }
.hp-manual-place summary { cursor:pointer; font-size:13px; }
#stred .hp-manual-place p { font-size:12px; margin:12px 0; }
.hp-fold { margin:15px 0; }
.hp-primary-button, .hp-secondary-button { display:inline-block; min-height:44px; padding:10px 16px; border:0; border-radius:4px; background:var(--hp-pink); color:#fff; font:700 14px/1.5 "Open Sans",Arial,sans-serif; cursor:pointer; margin-top:12px; }
.hp-primary-button:disabled { background:#b8a4ae; cursor:wait; }
.hp-secondary-button { background:#6b4b5b; }
#stred .hp-form-note, .hp-form-note { margin:12px 0 0; font-size:11px; line-height:1.7; color:#7b6a74; }
.hp-natal-result { margin:30px 0 0; border-top:3px solid var(--hp-pink); padding-top:24px; outline:none; scroll-margin-top:15px; }
.hp-natal-result h2 { font:700 29px/1.25 "Open Sans",Arial,sans-serif; color:var(--hp-dark); margin:0 0 10px; }
.hp-natal-result h3 { font:700 23px/1.3 "Open Sans",Arial,sans-serif; color:var(--hp-dark); margin:30px 0 15px; }
.hp-natal-result h4 { font-size:16px; color:#a61145; margin:0 0 8px; }
#stred .hp-result-meta { color:#71606a; font-size:12px; }
.hp-big-three { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin:22px 0; }
.hp-big-three > div { padding:15px 10px; background:#fff0f6; border:1px solid #f4d7e3; min-width:0; }
.hp-big-three small, .hp-big-three strong { display:block; }
.hp-big-three small { font-size:11px; margin-bottom:5px; }
.hp-big-three strong { font:700 17px/1.35 "Open Sans",Arial,sans-serif; color:#a60e43; }
.hp-natal-wheel { margin:18px 0 26px; }
.hp-natal-wheel svg { display:block; width:100%; max-width:600px; height:auto; margin:auto; font-family:"Open Sans",Arial,sans-serif; }
.hp-natal-wheel figcaption { margin:12px 0 0; font-size:11px; line-height:1.65; color:#786671; }
.hp-wheel-sign { font-size:26px; fill:#b51b50; }
.hp-wheel-house { font-size:13px; fill:#9a8993; }
.hp-wheel-planet { font-size:14px; font-weight:700; fill:#592740; stroke:#fff; stroke-width:4px; paint-order:stroke; }
.hp-wheel-axis { font-size:12px; font-weight:700; fill:#9d1949; }
.hp-planet-table { width:100%; border-collapse:collapse; font-size:13px; }
.hp-planet-table th, .hp-planet-table td { padding:10px 8px; border-bottom:1px solid #e9dfe5; text-align:left; }
.hp-planet-table thead { background:#faf0f5; }
.hp-planet-table th span { color:#a7184a; font-size:10px; }
.hp-planet-reading, .hp-aspect-reading { border-bottom:1px solid #ece2e8; padding:18px 0; }
#stred .hp-planet-reading p, #stred .hp-aspect-reading p { margin:0; font-size:14px; line-height:1.8; }
#stred .hp-planet-reading p.hp-house-reading { font-size:12px; color:#8d4867; margin-top:8px; }
.hp-aspect-reading small { display:block; color:#88747f; font-size:11px; margin:0 0 8px; }
@media (max-width:560px) {
  #hp-natal-form { padding:16px; }
  .hp-natal-fields { grid-template-columns:minmax(0,1fr); gap:15px; }
  .hp-field-wide { grid-column:auto; }
  .hp-page-title { font-size:30px; }
  .hp-primary-button { width:100%; }
  .hp-big-three strong { font-size:15px; }
  .hp-big-three > div { padding:12px 8px; }
  .hp-planet-table th, .hp-planet-table td { padding:9px 5px; font-size:12px; }
}
@media print {
  #hp-natal-form, .hp-secondary-button, .hp-natal > h2, .hp-natal > p { display:none; }
  .hp-natal-result { border:0; }
  .hp-planet-reading, .hp-aspect-reading, .hp-big-three { break-inside:avoid; }
}
/* Original site typography, compact controls and flat white/grey sections. */
body, input, select, textarea, button, label, h1, h2, h3, h4 { font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif; }
body { font-size:13px; line-height:1.6; }
#main { background:linear-gradient(to bottom,#ef0d59 0,#ef0d59 99px,#fff 99px); }
#top.hp-header { min-height:99px; padding:7px 0 10px; background:#ef0d59; }
#top #logo-odkaz svg { mix-blend-mode:normal; }
#top #h1right.hp-tagline { font:normal 17px/1.4 "Open Sans",Arial,sans-serif; }
#top .hp-nav a { font-size:12px; }
#stred p { font-size:13px; }
.hp-page-title, #stred.hp-year h1 { color:#ec145a; font:normal 24px/1.3 "Open Sans",Arial,sans-serif; letter-spacing:0; }
.hp-year-promo { padding:0 0 16px; margin:0 0 22px; border:0; border-bottom:1px solid #eee; background:#fff; }
.hp-year-promo .obalnadpis { padding:10px 14px; margin:0 0 12px; background:#f0f0f0; }
.hp-year-promo h1 { color:#ec145a; font:normal 19px/1.35 "Open Sans",Arial,sans-serif; margin:0; }
.hp-year-promo p { padding:0 14px; margin:0 0 9px; font-size:13px; }
.hp-year-promo > a { display:inline-block; padding:0 14px; color:#1fa6de; font-weight:normal; }
#stred.hp-year .hp-year-deck { color:#666; font:normal 17px/1.5 "Open Sans",Arial,sans-serif; }
#stred.hp-year p, #stred.hp-year p.hp-lead { font:normal 14px/1.8 "Open Sans",Arial,sans-serif; margin-bottom:17px; }
#stred.hp-year h2 { color:#ec145a; font:normal 19px/1.4 "Open Sans",Arial,sans-serif; margin:25px 0 12px; }
#stred.hp-year .hp-byline { font-size:11px; }
.hp-kicker, #stred.hp-year p.hp-kicker { text-transform:none; letter-spacing:0; color:#888; font-size:12px; font-weight:normal; }
.hp-astro-context { padding:13px 14px; margin:20px 0; background:#f7f7f7; border:1px solid #eee; }
#stred.hp-year .hp-astro-context h2 { color:#ec145a; font:bold 13px/1.4 "Open Sans",Arial,sans-serif; }
#stred.hp-year .hp-astro-context p { font-size:13px; }
.hp-sign-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px 18px; }
.hp-sign-card { padding:12px 0; border:0; border-bottom:1px solid #eee; background:#fff; gap:10px; }
.hp-sign-card:hover { background:#fff; border-color:#ddd; }
.hp-sign-card:hover strong { text-decoration:underline; }
.hp-sign-card strong { color:#ec145a; font:bold 16px/1.4 "Open Sans",Arial,sans-serif; }
.hp-sign-card > span > span { font-size:12px; color:#666; }
.hp-sign-card img { width:35px; flex-basis:35px; }
.hp-jump a, .hp-all-signs a, .hp-all-signs span { border-color:#ddd; border-radius:0; color:#1fa6de; background:#fff; }
.hp-all-signs span { background:#f0f0f0; color:#ec145a; border-color:#ddd; }
#stred .hp-page-lead { font-size:14px; line-height:1.75; }
#hp-natal-form { padding:15px; background:#fff; border:1px solid #e7e7e7; }
.hp-field > label { font-size:12px; color:#333; }
.hp-field input:not([type=checkbox]), .hp-field select { min-height:34px; padding:6px 8px; font:13px/1.4 "Open Sans",Arial,sans-serif; border:1px solid #aaa; border-radius:0; color:#222; }
.hp-primary-button, .hp-secondary-button { min-height:34px; padding:6px 13px; font:normal 13px/1.5 "Open Sans",Arial,sans-serif; border:1px solid #d10a47; border-radius:2px; background:linear-gradient(#f54480,#df0750); color:#fff; }
.hp-secondary-button { background:#eee; color:#555; border-color:#ccc; }
.hp-natal-result h2 { color:#ec145a; font:normal 22px/1.35 "Open Sans",Arial,sans-serif; }
.hp-natal-result h3 { color:#ec145a; font:normal 18px/1.4 "Open Sans",Arial,sans-serif; }
.hp-natal-result h4 { font-size:14px; }
.hp-big-three { gap:0; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; }
.hp-big-three > div { padding:12px 10px; background:#fff; border:0; border-right:1px solid #e6e6e6; }
.hp-big-three > div:last-child { border-right:0; }
.hp-big-three strong { color:#ec145a; font:bold 16px/1.4 "Open Sans",Arial,sans-serif; }
#stred .hp-planet-reading p, #stred .hp-aspect-reading p { font-size:13px; }
#znamenivyber1 #shoda-stred, #znamenivyber2 #bio-stred, #znamenivyber #fensui-mid { background:#fff; border-color:#eee; }
/* Expanding sign details occupy their own space; they cannot cover the sidebar. */
#barvy-kameny, #znameni-muzi, #znameni-zeny { position:static; left:auto; top:auto; width:100%; max-width:100%; padding:0; margin:14px 0 20px; border:1px solid #ddd; background:#fff; box-shadow:none; }
.hp-sign-panel .odkazy1 { height:auto; padding:9px 12px; background:#f0f0f0; border-bottom:1px solid #e5e5e5; }
.hp-sign-panel .odkazy1_a { height:auto !important; color:#ec145a !important; font-size:13px; }
.hp-sign-panel .o_znameni_stred, .hp-sign-panel .o_znameni_spodnilinka { display:none; }
.hp-sign-panel .o_znameni_dole, .hp-sign-panel .o_znameni_dole_text { width:100%; padding:12px; background:none; }
.hp-sign-panel .o_znameni_dole { padding:0; }
.hp-sign-panel .o_znameni_dole_text div { text-align:left; }
.hp-sign-panel .o_znameni_dole_text > div { min-width:0; }
.hp-sign-panel .hp-panel-close { float:right; display:block; border:0; background:none; padding:0 0 8px 12px; color:#1fa6de; cursor:pointer; font:12px/1.5 "Open Sans",Arial,sans-serif; }
#barvy-kameny .o_znameni_dole_text { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:6px 24px; }
#barvy-kameny .hp-panel-close { grid-column:1 / -1; justify-self:end; }
#barvy-kameny #barvy { grid-column:1; grid-row:2; }
#barvy-kameny #kameny { grid-column:2; grid-row:2; }
#barvy-kameny #barvy, #barvy-kameny #kameny { float:none; width:auto; max-width:100%; margin:0; padding:0; overflow-wrap:break-word; }
#barvy-kameny .resetovac { display:none; }
#barvy-kameny h3 { font-size:14px; }
.hp-detail-list { margin:0; padding:0; }
.hp-detail-list li { margin:0 0 7px; line-height:1.65; }
.hp-detail-text { margin:7px 0 14px; font-size:13px; line-height:1.7; }
.hp-detail-text p { margin:0 0 9px; }
.hp-fragment-error { color:#b00; font-size:12px; }
.hp-meaning-page .hp-page-title { margin:0 0 18px; }
.hp-meaning-text { line-height:1.75; }
.hp-meaning-back { margin:24px 0 0; }
.hp-error-content .obalnadpis { margin:0 0 18px; padding:12px 14px; background:#f0f0f0; }
.hp-error-content .hp-page-title { margin:0; font-size:22px; }
.hp-error-links { margin:18px 0 28px; padding:0; }
.hp-error-links li { padding:7px 0; border-bottom:1px solid #eee; }
/* Biorytmus: classic headings, readable curves and a regular data table. */
.hp-bio > .obalnadpis { padding:10px 14px; margin:0 0 14px; background:#f0f0f0; }
.hp-bio .hp-page-title { margin:0; font-size:21px; }
.hp-bio > p { margin:0 0 17px; }
.hp-bio-form { display:flex; flex-wrap:wrap; gap:12px 16px; align-items:end; padding:14px 0 18px; border-top:1px solid #eee; border-bottom:1px solid #eee; margin:0 0 22px; }
.hp-bio-form > div { flex:1 1 160px; min-width:0; }
.hp-bio-form label { display:block; margin:0 0 5px; font-weight:bold; font-size:12px; }
.hp-bio-form input { display:block; width:100%; min-width:0; padding:6px 8px; min-height:34px; border:1px solid #aaa; border-radius:0; font:13px/1.4 "Open Sans",Arial,sans-serif; }
.hp-bio-form button { margin:0; }
.hp-bio-error { padding:10px 12px; color:#b60035; border-left:3px solid #ec145a; background:#fff4f7; }
.hp-bio-results h2 { margin:0 0 8px; font:normal 19px/1.4 "Open Sans",Arial,sans-serif; color:#ec145a; }
.hp-bio-results h3 { margin:22px 0 12px; font:normal 17px/1.4 "Open Sans",Arial,sans-serif; color:#ec145a; }
#stred .hp-bio-meta { color:#888; font-size:12px; margin-bottom:17px; }
.hp-bio-values { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid #eee; border-bottom:1px solid #eee; }
.hp-bio-values > div { padding:12px 7px; border-right:1px solid #eee; }
.hp-bio-values > div:last-child { border:0; }
.hp-bio-values dt { font-size:11px; white-space:nowrap; }
.hp-bio-values dd { margin:6px 0 0; font-size:21px; line-height:1.3; }
.hp-bio-key { display:inline-block; width:9px; height:9px; margin-right:5px; }
.hp-bio-legend { display:flex; flex-wrap:wrap; gap:8px 16px; border:0; padding:0; margin:0 0 12px; }
.hp-bio-legend legend { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.hp-bio-legend label { display:inline-flex; align-items:center; gap:4px; font-size:12px; cursor:pointer; }
.hp-bio-legend input { margin:0 3px 0 0; }
.hp-bio-chart { width:100%; margin:0; }
.hp-bio-chart-mobile { display:none; }
.hp-bio-svg { display:block; width:100%; height:auto; overflow:visible; font-family:"Open Sans",Arial,sans-serif; }
.hp-bio-axis { fill:#888; font:11px "Open Sans",Arial,sans-serif; }
#stred .hp-bio-chart-note { color:#888; font-size:11px; margin:7px 0 0; }
.hp-bio-table { border-collapse:collapse; width:100%; font-size:12px; }
.hp-bio-table th, .hp-bio-table td { padding:9px 7px; border-bottom:1px solid #e8e8e8; text-align:right; }
.hp-bio-table th:first-child { text-align:left; }
.hp-bio-table thead th { color:#555; background:#f0f0f0; font-weight:normal; }
.hp-bio-selected { background:#fff3f7; }
#stred .hp-bio-note { color:#888; font-size:11px; margin-top:18px; }
@media (max-width:860px) {
  .hp-sign-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:560px) {
  #top.hp-header { min-height:0; }
  #top #h1right.hp-tagline { font-size:14px; }
  .hp-page-title, #stred.hp-year h1 { font-size:23px; }
  #stred.hp-year .hp-year-deck { font-size:16px; }
  #stred.hp-year h2 { font-size:19px; }
  #stred.hp-year p, #stred.hp-year p.hp-lead { font-size:14px; line-height:1.8; }
  .hp-year-promo { padding:0 0 15px; }
  .hp-year-promo h1 { font-size:18px; }
  .hp-sign-card { display:flex; gap:9px; }
  .hp-sign-card img { width:30px; flex-basis:30px; }
  .hp-sign-card strong { font-size:15px; }
  .hp-sign-card small { font-size:10px; }
  #hp-natal-form { padding:12px; }
  .hp-field input:not([type=checkbox]), .hp-field select, .hp-bio-form input { min-height:40px; font-size:16px; }
  .hp-primary-button { min-height:40px; }
  .hp-natal-result h2 { font-size:21px; }
  .hp-natal-result h3 { font-size:18px; }
  #barvy-kameny .o_znameni_dole_text { grid-template-columns:minmax(0,1fr); gap:12px; }
  #barvy-kameny #barvy { grid-column:1; grid-row:2; }
  #barvy-kameny #kameny { grid-column:1; grid-row:3; }
  .hp-bio-form > div { flex-basis:100%; }
  .hp-bio-form button { width:100%; }
  .hp-bio-values { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .hp-bio-values > div { border-bottom:1px solid #eee; }
  .hp-bio-values > div:nth-child(2n) { border-right:0; }
  .hp-bio-values > div:nth-last-child(-n+2) { border-bottom:0; }
  .hp-bio-chart-desktop { display:none; }
  .hp-bio-chart-mobile { display:block; }
  .hp-bio-table th, .hp-bio-table td { padding:8px 4px; font-size:11px; }
}

@media (max-width:560px) { #znamenivyber .napoveda, .hp-birth-input { min-height:40px; font-size:16px; } }

/* iPhone form controls and spacing, including pages viewed with Lockdown Mode. */
#hp-natal-form { max-width:100%; min-width:0; }
.hp-natal-fields, .hp-field { min-inline-size:0; max-inline-size:100%; }
.hp-field input[type=date], .hp-field input[type=time] {
  -webkit-appearance:none; appearance:none;
  display:block; inline-size:100%; min-inline-size:0; max-inline-size:100%;
  box-sizing:border-box; overflow:hidden;
}
.hp-field input::-webkit-date-and-time-value { min-height:1.4em; text-align:left; }
.hp-field input::-webkit-datetime-edit { display:inline-flex; min-width:0; max-width:100%; padding:0; }
#clanky .hlavniclanek p { text-align:left; }
@media (max-width:560px) {
  #top.hp-header { padding:11px 12px 14px; }
  #top #logo-odkaz { max-width:380px; }
  #clanky .hlavniclanek { padding:12px; }
  #clanky .hlavniclanek p { padding-left:0; padding-right:0; }
  #clanky .hlavniclanek p:not(.nadpis) { clear:both; margin-top:8px; }
  #clanky .hlavniclanek a.vice { display:inline-block; margin-top:6px; }
  #znamenivyber .horoskopy-mid { margin-top:0 !important; padding-top:4px; }
  #hp_horoskopy1, #hp_horoskopy2, #hp_horoskopy3 { margin-bottom:0; }
}
/* Moon, Chinese signs and numerology in the site's original colours. */
#top.hp-header { grid-template-columns:minmax(0,380px) minmax(190px,1fr) minmax(0,240px); gap:5px 16px; }
#top #logo-odkaz { grid-column:1; grid-row:2; }
#top #h1right.hp-tagline { grid-column:3; grid-row:2; font-size:15px; }
#top .hp-header-moon { grid-column:2; grid-row:2; display:flex; align-items:center; gap:9px; padding:3px 0 3px 12px; border-left:1px solid #ffffff66; color:#fff; text-decoration:none; font:12px/1.4 "Open Sans",Arial,sans-serif; }
.hp-header-moon .hp-moon-disc { flex:none; }
.hp-header-moon span,.hp-header-moon b,.hp-header-moon small { display:block; }
.hp-header-moon b { font-size:12px; margin:1px 0; }
.hp-header-moon small { font-size:10px; }
.hp-header-moon:hover b { text-decoration:underline; }
.hp-moon-page>.obalnadpis,.hp-num-page>.obalnadpis,.hp-feng-page>.obalnadpis { padding:10px 14px; margin:0 0 16px; background:#f0f0f0; }
#stred.hp-moon-page .hp-page-title,#stred.hp-num-page .hp-page-title,#stred.hp-feng-page .hp-page-title { margin:0; font-size:21px; }
#stred h2 { color:#ec145a; font:normal 19px/1.45 "Open Sans",Arial,sans-serif; }
#stred h3 { color:#ec145a; font:normal 16px/1.5 "Open Sans",Arial,sans-serif; }
#stred p.hp-small-note,.hp-small-note { font-size:11px; color:#888; line-height:1.65; }
.hp-crosslinks { display:flex; flex-wrap:wrap; gap:10px 22px; margin:24px 0; padding-top:15px; border-top:1px solid #eee; }
.hp-calendar-form,.hp-simple-form { display:flex; flex-wrap:wrap; gap:10px 14px; align-items:end; margin:20px 0; }
.hp-calendar-form label,.hp-simple-form label,.hp-num-form label:not(.hp-num-remember) { display:block; font-size:12px; font-weight:bold; }
.hp-calendar-form select,.hp-simple-form input,.hp-num-form input:not([type=checkbox]):not([type=range]) { display:block; width:100%; min-width:0; max-width:100%; padding:7px 8px; min-height:36px; border:1px solid #aaa; background:#fff; border-radius:0; margin-top:5px; font:14px/1.4 "Open Sans",Arial,sans-serif; }
.hp-calendar-form label { min-width:200px; max-width:100%; }
.hp-simple-form label { flex:1 1 200px; }
.hp-month-nav { display:flex; gap:12px; justify-content:space-between; align-items:center; margin:22px 0 12px; }
.hp-month-nav h2 { margin:0; text-transform:capitalize; }
.hp-moon-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5; }
.hp-weekday { padding:8px 0; background:#f0f0f0; text-align:center; font-size:11px; border-right:1px solid #e5e5e5; }
.hp-moon-day,.hp-moon-empty { position:relative; min-width:0; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; min-height:112px; }
.hp-moon-day { display:flex; flex-direction:column; align-items:center; gap:2px; padding:6px 2px; text-decoration:none; color:#555; }
.hp-moon-day>strong { align-self:flex-start; margin-left:5px; font-size:12px; color:#444; }
.hp-moon-day:hover { background:#fff4f7; }
.hp-moon-day.is-selected { background:#fff0f5; }
.hp-moon-day.is-today { box-shadow:inset 0 0 0 2px #ec145a; }
.hp-moon-percent { color:#888; font-size:10px; }
.hp-moon-sign { color:#1fa6de; font-size:10px; }
.hp-phase-event { color:#ec145a; font-size:10px; font-weight:normal; }
.hp-moon-detail { padding:18px 0; margin:22px 0; border-top:2px solid #ec145a; border-bottom:1px solid #eee; scroll-margin-top:15px; }
.hp-moon-detail-head { display:flex; align-items:center; gap:17px; margin-bottom:15px; }
.hp-moon-detail-head>.hp-moon-disc { flex:none; }
.hp-moon-detail-head h2 { margin:0 0 7px; }
.hp-moon-detail-head p { margin:3px 0; }
.hp-moon-events { padding:0; list-style:none; }
.hp-moon-events li { padding:9px 0; border-bottom:1px solid #eee; }
.hp-moon-events time { display:inline-block; min-width:95px; color:#888; font-size:12px; }
.hp-method { margin:22px 0; padding:12px 0; border-top:1px solid #eee; border-bottom:1px solid #eee; }
.hp-method summary { color:#1fa6de; cursor:pointer; font-size:13px; }
.hp-method p { margin:12px 0 0; }
.hp-character-heading { display:flex; align-items:center; gap:18px; padding:12px 0 20px; margin-bottom:16px; border-bottom:1px solid #eee; }
.hp-character-heading img { flex:none; object-fit:contain; }
.hp-character-heading h1,.hp-character-heading h2 { margin:0 0 8px; }
.hp-character-heading p { margin:3px 0; }
#stred p.hp-eyebrow { color:#888; font-size:11px; }
.hp-character-text,.hp-feng-text { font-size:14px; line-height:1.85; }
#stred .hp-character-text p,#stred .hp-feng-text p { font-size:14px; line-height:1.85; margin:0 0 17px; }
.hp-chinese-signs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:18px 0; }
.hp-chinese-signs a { display:flex; align-items:center; gap:8px; min-width:0; padding:8px 0; border-bottom:1px solid #eee; color:#ec145a; text-decoration:none; }
.hp-chinese-signs a:hover,.hp-chinese-signs a[aria-current] { text-decoration:underline; }
.hp-feng-result { margin:22px 0; padding-top:10px; border-top:2px solid #ec145a; }
.hp-num-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 18px; padding:16px; border:1px solid #e5e5e5; margin:20px 0; }
.hp-num-form .hp-field-wide { grid-column:1/-1; }
.hp-num-remember { display:flex; align-items:center; gap:8px; font-size:12px; }
.hp-num-remember input { flex:none; }
.hp-num-actions { display:flex; flex-wrap:wrap; gap:10px; }
.hp-num-result { scroll-margin-top:15px; }
.hp-num-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid #eee; border-bottom:1px solid #eee; margin:22px 0; }
.hp-num-summary>div { padding:13px 10px; border-right:1px solid #eee; }
.hp-num-summary>div:last-child { border-right:0; }
.hp-num-summary small,.hp-num-summary span { display:block; font-size:11px; }
.hp-num-summary strong { display:block; color:#ec145a; font-size:32px; font-weight:normal; }
.hp-num-summary span { color:#888; }
.hp-num-daily { border-left:3px solid #ec145a; background:#fff4f7; padding:12px 16px; margin:22px 0; }
.hp-num-daily h3 { margin:0 0 8px; }
.hp-num-switch { display:flex; flex-wrap:wrap; gap:8px; margin:18px 0 12px; }
.hp-num-switch button { padding:8px 12px; border:1px solid #ddd; background:#fff; color:#1fa6de; cursor:pointer; font:12px "Open Sans",Arial,sans-serif; }
.hp-num-switch button[aria-pressed=true] { color:#fff; border-color:#ec145a; background:#ec145a; }
#num-year-window label { display:block; font-size:12px; margin:8px 0; }
#num-window { width:100%; accent-color:#ec145a; }
.hp-num-svg { display:block; width:100%; height:auto; }
.hp-num-svg text { fill:#888; font:11px "Open Sans",Arial,sans-serif; }
.hp-num-svg g[role=button] { cursor:pointer; }
.hp-num-svg g[role=button]:focus { outline:2px solid #1fa6de; }
.hp-num-point { min-height:34px; margin:10px 0; color:#ec145a; }
.hp-error-page #container #hp { grid-template-columns:minmax(0,1fr); }
.hp-error-page #znamenivyber { display:none; }
.hp-error-content { max-width:700px; padding:12px 0 30px; margin:0 auto !important; }
.hp-error-art { display:flex; justify-content:center; gap:20px; align-items:center; color:#ec145a; font:bold 92px/1.2 "Open Sans",Arial,sans-serif; margin:10px 0 22px; }
.hp-error-star { color:#1fa6de; font-size:64px; }
.hp-error-content .obalnadpis { text-align:center; }
.hp-error-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; }
.hp-error-links li { list-style:none; padding:14px 0; }
@media(max-width:1024px) and (min-width:561px){
 #top.hp-header { grid-template-columns:minmax(0,380px) minmax(0,1fr); }
 #top #h1right.hp-tagline { grid-column:1/-1; grid-row:3; text-align:left; font-size:13px; }
 #top .hp-header-moon { grid-column:2; }
 #main { background:linear-gradient(to bottom,#ef0d59 0,#ef0d59 126px,#fff 126px); }
}
@media(max-width:560px){
 #top.hp-header { grid-template-columns:minmax(0,1fr) 128px; gap:8px 10px; }
 #top .hp-nav { gap:3px 16px; }
 #top #h1right.hp-tagline { grid-column:1/-1; grid-row:3; font-size:13px; }
 #top .hp-header-moon { padding:0; border:0; gap:5px; }
 #top .hp-header-moon .hp-moon-disc { width:26px; height:26px; }
 #top .hp-header-moon b { font-size:10px; }
 #top .hp-header-moon small { font-size:9px; }
 .hp-calendar-form label { flex:1 1 180px; }
 .hp-calendar-form select,.hp-simple-form input,.hp-num-form input:not([type=checkbox]):not([type=range]) { font-size:16px; min-height:40px; }
 .hp-month-nav { gap:6px; }
 .hp-month-nav a { font-size:11px; }
 .hp-month-nav h2 { font-size:16px !important; }
 .hp-moon-day { min-height:100px; }
 .hp-moon-day>.hp-moon-disc { width:27px; height:27px; }
 .hp-moon-day>strong { margin-left:2px; }
 .hp-moon-sign { font-size:8px; }
 .hp-phase-event { font-size:8px; }
 .hp-moon-detail-head { gap:10px; align-items:flex-start; }
 .hp-moon-detail-head>.hp-moon-disc { width:54px; height:54px; }
 .hp-moon-detail-head h2 { font-size:17px !important; }
 .hp-chinese-signs { grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
 .hp-chinese-signs a { gap:5px; font-size:12px; }
 .hp-num-form { grid-template-columns:minmax(0,1fr); padding:12px; }
 .hp-num-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .hp-num-summary>div { border-bottom:1px solid #eee; }
 .hp-num-summary>div:nth-child(2n) { border-right:0; }
 .hp-num-summary>div:nth-last-child(-n+2) { border-bottom:0; }
 .hp-error-art { font-size:76px; }
 .hp-error-links { grid-template-columns:minmax(0,1fr); }
}
.hp-return-links { border-bottom:1px solid #eee; padding-bottom:10px !important; }
.hp-return-links h3 { color:#ec145a; font:normal 15px "Open Sans",Arial,sans-serif; margin:0 0 10px; }
.hp-return-links p { font-size:12px; margin:7px 0; }
.hp-home-daily { display:flex; flex-wrap:wrap; gap:7px 22px; padding:0 0 16px; font-size:12px; }

@media(max-width:560px){ .hp-num-svg { min-width:560px; } }
/* Compact links in the left content column and restored daily readings. */
.hp-content-links { display:flex; flex-wrap:wrap; align-items:center; gap:6px 20px; margin:0 0 12px; font-size:12px; }
.hp-section-heading { background:#f0f0f0; padding:10px 14px; margin-bottom:16px; }
.hp-section-heading .hp-page-title { margin:0; font-size:21px; }
.hp-chinese-catalog { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px 20px; margin:22px 0; }
.hp-chinese-catalog>a { display:flex; align-items:center; gap:12px; padding:12px 0; border-bottom:1px solid #eee; color:#ec145a; text-decoration:none; min-width:0; }
.hp-chinese-catalog strong,.hp-chinese-catalog small { display:block; }
.hp-chinese-catalog strong { font-size:17px; }
.hp-chinese-catalog small { color:#1fa6de; margin-top:4px; font-size:11px; }
.hp-chinese-catalog>a:hover strong { text-decoration:underline; }
#stred p.hp-reuse-note { color:#888; font-size:11px; margin:5px 0 14px; }
.hp-weekly-reading { font-size:14px; line-height:1.85; }
#stred .hp-weekly-reading p { font-size:14px; line-height:1.85; margin:0 0 18px; }
.hp-profile-link { padding:0 0 14px; border-bottom:1px solid #eee; }
.hp-forecast-nav { display:flex; flex-wrap:wrap; gap:10px 24px; margin:24px 0 12px; padding-top:15px; border-top:1px solid #eee; }
.hp-moon-sign,.hp-moon-percent { font-size:11px; }
#num-window { -webkit-appearance:none; appearance:none; height:24px; padding:0; background:transparent; cursor:pointer; }
#num-window::-webkit-slider-runnable-track { height:5px; border-radius:3px; background:#f4c6d5; }
#num-window::-webkit-slider-thumb { -webkit-appearance:none; width:17px; height:17px; margin-top:-6px; border:2px solid #fff; border-radius:50%; background:#ec145a; box-shadow:0 0 0 1px #ec145a; }
#num-window::-moz-range-track { height:5px; border-radius:3px; background:#f4c6d5; }
#num-window::-moz-range-thumb { width:13px; height:13px; border:2px solid #fff; border-radius:50%; background:#ec145a; box-shadow:0 0 0 1px #ec145a; }
@media(max-width:560px){
 .hp-content-links { font-size:11px; gap:5px 14px; }
 .hp-chinese-catalog { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 15px; }
 .hp-chinese-catalog>a { gap:8px; }
 .hp-chinese-catalog img { width:42px; height:42px; }
 .hp-chinese-catalog strong { font-size:15px; }
 .hp-chinese-catalog small { font-size:10px; }
 .hp-moon-sign { font-size:8px; }
 .hp-moon-percent { font-size:10px; }
}

.hp-daily-reading { font-size:14px; line-height:1.8; }
#stred .hp-daily-reading>p { font-size:14px; line-height:1.8; margin:0 0 14px; }
#stred .hp-daily-reading>.hp-reuse-note { font-size:11px; }
.hp-daily-reading>.detailh2 { margin-top:24px; }

/* 1.5: shared horizontal navigation and visible page hierarchy. */
#main { background:#fff; overflow-x:clip; }
#top.hp-header { position:relative; isolation:isolate; z-index:30; padding:16px 0 0; min-height:0; gap:12px 16px; }
#top.hp-header::before { content:""; position:absolute; z-index:-1; inset:0 calc((992px - 100vw)/2); background:#ef0d59; }
#top #logo-odkaz { grid-column:1; grid-row:1; }
#top .hp-header-moon { grid-column:2; grid-row:1; }
#top #h1right.hp-tagline { grid-column:3; grid-row:1; align-self:center; font-size:14px; padding:0; }
#top .hp-navigation { grid-column:1/-1; grid-row:2; position:relative; border-top:1px solid #ffffff40; font-size:13px; }
.hp-menu,.hp-menu ul { margin:0; padding:0; list-style:none; }
.hp-menu { display:flex; gap:1px; align-items:stretch; }
.hp-menu>li { margin:0; padding:0; }
.hp-nav-item { position:relative; }
#top .hp-menu-link,.hp-nav-item>summary { display:flex; gap:10px; align-items:center; min-height:44px; padding:11px 16px; color:#fff; text-decoration:none; font-weight:700; cursor:pointer; line-height:1.5; list-style:none; border:0; background:transparent; white-space:nowrap; }
.hp-nav-item>summary::-webkit-details-marker { display:none; }
#top .hp-menu-link:hover,#top .hp-menu-link[aria-current],.hp-nav-item[open]>summary,.hp-nav-item>summary:hover { background:#ce0c4d; color:#fff; }
.hp-submenu { position:absolute; z-index:50; left:0; top:100%; width:260px; padding:12px; border:1px solid #e9e9e9; border-top:3px solid #ef0d59; background:#fff; box-shadow:0 7px 18px #3b123326; }
.hp-submenu a { display:block; padding:8px 10px; color:#333; font-size:13px; text-decoration:none; line-height:1.5; }
.hp-submenu a:hover,.hp-submenu a:focus-visible { color:#008bbd; background:#edf9fd; }
.hp-submenu h2 { font-size:14px; margin:0 0 6px; padding:0; }
.hp-submenu h2 a { font-size:14px; font-weight:700; color:#ef0d59; border-bottom:1px solid #eee; padding-bottom:10px; }
.hp-submenu-wide { width:660px; }
.hp-nav-item[open]>.hp-submenu-wide { display:grid; grid-template-columns:1fr 1fr; gap:10px 24px; }
.hp-submenu-signs { display:grid; grid-template-columns:1fr 1fr; }
.hp-submenu .hp-submenu-bottom { grid-column:1/-1; border-top:1px solid #eee; margin-top:3px; padding-top:12px; color:#ef0d59; }
.hp-menu-toggle { display:none; }
.hp-content-trail { display:flex; flex-wrap:wrap; align-items:center; gap:7px 20px; margin:0 0 18px; }
.hp-breadcrumbs { display:block; margin:0; font-size:11px; line-height:1.8; color:#777; }
.hp-breadcrumbs ol { display:flex; flex-wrap:wrap; align-items:baseline; list-style:none; padding:0; margin:0; gap:3px 0; }
.hp-breadcrumbs li { display:flex; align-items:baseline; margin:0; padding:0; }
.hp-breadcrumbs li+li::before { content:"›"; margin:0 8px; color:#aaa; }
.hp-breadcrumbs a { color:#168db7; }
.hp-breadcrumbs [aria-current] { color:#666; }
.hp-trail-chinese { font-size:11px; }
.hp-legacy-title { margin:0 0 20px; font-size:19px; font-weight:400; line-height:1.4; color:#ef0d59; }
#stred .hp-legacy-title { font-size:19px; }
#clanky h1.titulek { background:#efefef; padding:12px; }
.hp-daily-catalog { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 20px; margin:15px 0 25px; }
.hp-daily-catalog section { padding:17px 0; border-bottom:1px solid #eaeaea; }
.hp-daily-catalog img { float:left; width:45px; height:45px; margin:0 9px 8px 0; }
.hp-daily-catalog h2 { font-size:17px; margin:0 0 8px; }
.hp-daily-catalog h2 a { color:#ef0d59; }
.hp-daily-catalog p { clear:both; margin:0; }
@media(max-width:1040px) {
 #top.hp-header::before { inset:0 -24px; }
 #top.hp-header { grid-template-columns:minmax(0,380px) minmax(0,1fr); }
 #top #h1right.hp-tagline { grid-column:1/-1; grid-row:2; text-align:left; font-size:12px; }
 #top .hp-navigation { grid-row:3; }
 #top .hp-menu-link,.hp-nav-item>summary { padding-left:12px; padding-right:12px; }
}
@media(max-width:860px) {
 #top.hp-header { width:100%; margin:0; padding:13px 0 0; gap:8px 12px; }
 #top.hp-header::before { inset:0 -24px; }
 #top #h1right.hp-tagline { grid-column:1/-1; grid-row:2; }
 #top .hp-navigation { grid-row:3; padding:0 0 5px; }
 .hp-menu { flex-direction:column; }
 .hp-navigation.is-enhanced .hp-menu-toggle { display:flex; gap:10px; align-items:center; padding:10px 12px; min-height:44px; border:0; background:transparent; color:#fff; font-size:14px; font-weight:700; cursor:pointer; }
 .hp-navigation.is-enhanced .hp-menu { display:none; }
 .hp-navigation.is-enhanced.is-open .hp-menu { display:flex; }
 #top .hp-menu-link,.hp-nav-item>summary { white-space:normal; width:100%; padding:11px 12px; justify-content:space-between; }
 .hp-menu>li { border-top:1px solid #ffffff30; }
 .hp-submenu,.hp-submenu-wide { position:static; width:100%; box-shadow:none; border:0; border-top:2px solid #1fa6de; padding:10px; }
 .hp-nav-item[open]>.hp-submenu-wide { gap:12px 16px; }
 .hp-submenu a { padding:9px 8px; }
}
@media(max-width:560px) {
 #top.hp-header { grid-template-columns:minmax(0,1fr) 128px; }
 #top.hp-header::before { inset:0 -12px; }
 #top #h1right.hp-tagline { font-size:12px; }
 .hp-nav-item[open]>.hp-submenu-wide { grid-template-columns:1fr; }
 .hp-submenu-signs { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .hp-submenu a { font-size:12px; }
 .hp-content-trail { gap:6px; margin-bottom:15px; }
 .hp-trail-chinese { flex-basis:100%; }
 .hp-daily-catalog { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 16px; }
}
@media print { #top .hp-navigation,.hp-content-trail { display:none; } #top.hp-header::before { display:none; } }

body,input,select,textarea,button,label,h1,h2,h3,h4,summary { font-family:"Open Sans",Arial,sans-serif; }

/* 1.6: readable text, native forms and content that works with or without photos. */
:root { --hp-pink:#c81050; --hp-link:#087796; }
body { font-size:16px; line-height:1.65; color:#29212a; }
#middle,#stred,.clanek,.paddingnone,.hp-weekly-reading,.hp-daily-reading { font-size:16px; line-height:1.75; }
#stred p,#middle .hp-year-promo p,#stred .hp-daily-reading>p,#stred .hp-weekly-reading p { font-size:16px; line-height:1.75; }
#middle a,#right a,#foot a { color:#087796; }
#middle h1,#middle h2,#middle h3,#middle h4,#middle h1 a,#middle h2 a,#middle h3 a { color:#c81050; }
#middle h1.hp-page-title,#middle h1.hp-legacy-title { font-size:26px; line-height:1.4; }
#middle h2 { font-size:22px; line-height:1.4; }
#middle h3 { font-size:19px; line-height:1.45; }
#middle small,.hp-small-note,.hp-byline,.hp-kicker,.hp-tradition-note { color:#635b62; font-size:13px; }
#top.hp-header { background:transparent; }
#top.hp-header::before {
 background-color:#b90f4d;
 background-image:url("../img/header-stars.svg?v=1.7.1"),radial-gradient(ellipse at 20% 0%,#f52a6830,transparent 65%),linear-gradient(110deg,#d60a50 0%,#c00e4d 48%,#8d1a48 100%);
 background-repeat:no-repeat;
 background-position:center top;
 background-size:auto 160px,cover,cover;
 pointer-events:none;
}
#top .hp-header-moon .hp-moon-disc { width:42px; height:42px; filter:drop-shadow(0 0 5px #fff0c62e); }
#top .hp-navigation { background:#65072b14; }
#top a:focus-visible,#top button:focus-visible,#top summary:focus-visible { outline-color:#fff0cf; }
#top .hp-menu-link,.hp-nav-item>summary { font-size:14px; }
#top .hp-submenu a { color:#383039; font-size:14px; min-height:36px; }
#top .hp-submenu h2 a { color:#b80c45; }
#top .hp-header-moon b { font-size:13px; }
#top .hp-header-moon small { font-size:11px; }
#top .hp-header-moon { gap:7px; }
#top #h1right.hp-tagline { font-size:14px; }
.hp-breadcrumbs,.hp-trail-chinese { font-size:13px; }
#znamenivyber { font-size:14px; }
#znamenivyber h3 { font-size:17px; line-height:1.45; color:#c81050; }
#znamenivyber p,#znamenivyber a,#znamenivyber label.napoveda2 { font-size:14px; line-height:1.6; }
#znamenivyber .napoveda { font-size:16px; min-height:44px; }
#middle select,#znamenivyber select { appearance:none; -webkit-appearance:none; width:100%; min-width:0; min-height:44px; padding:9px 34px 9px 10px; border:1px solid #92878e; border-radius:3px; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23635860' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 12px center; color:#29212a; font:16px/1.4 'Open Sans',Arial,sans-serif; }
#middle .button,#znamenivyber .button,#middle .hp-primary-button { display:inline-flex; justify-content:center; align-items:center; min-height:44px; background:#c81050; color:#fff; border:0; border-radius:3px; padding:10px 16px; font-size:15px; font-weight:600; line-height:1.5; text-decoration:none; cursor:pointer; }
#middle button:hover,#znamenivyber .button:hover,#middle .hp-primary-button:hover { background:#ac0b43; }
#middle input::placeholder,#znamenivyber input::placeholder { color:#6c6269; opacity:1; }
.hp-partner-fields { display:grid; grid-template-columns:1fr 1fr; gap:14px; width:100%; }
.hp-partner-fields label { display:block; font-size:14px; font-weight:600; }
.hp-partner-fields select { margin-top:6px; }
.hp-partner-form { display:block!important; width:100%; }
.hp-partner-form>.button { margin-top:16px!important; }
#znamenivyber .hp-partner-fields { grid-template-columns:1fr; gap:10px; }
#znamenivyber .hp-partner-form>.button { width:100%; }
#middle #userwindow { margin:20px 0 16px!important; }
#middle #dailyhoroskop { width:100%; margin:0; background:#edf9fc; border:0; border-left:4px solid #0b819e; box-shadow:none; float:none; height:auto; }
#middle #dailyhoroskop p { color:#245461; padding:12px 16px; font-size:16px; line-height:1.5; text-align:left; }
#middle #dailyhoroskop b { display:block; color:#23434d; font-size:18px; }
#clanky .hp-article-item { display:block; width:100%; height:auto; min-height:0; overflow:auto; padding:22px 0; margin:0; border:0; border-bottom:1px solid #e5dfe3; }
#clanky .hp-article-item h3 { margin:0 0 9px; padding:0; width:auto; font-size:20px; line-height:1.45; }
#clanky .hp-article-item p { margin:0; padding:0; width:auto; text-align:left; font-size:16px; line-height:1.75; }
#clanky .hp-article-item img { float:left; width:160px; max-width:32%; height:auto; margin:0 20px 12px 0; }
#clanky .hp-article-item .vice { margin:10px 0 0!important; display:inline-block; font-size:15px; }
#clanky .hp-article-item:not(.has-photo) p,#clanky .hp-article-item:not(.has-photo) h3 { padding-left:0!important; margin-left:0!important; }
#clanky .hp-article-body { width:100%; padding:0; }
#clanky .hp-article-body p { padding:0; margin:0 0 18px; text-align:left; }
#znameni a,#znamenic a { font-size:20px; color:#c81050; }
#znameni p,#znamenic p { font-size:13px; line-height:1.6; }
.hp-tarot-choices { display:grid; gap:18px; margin:25px 0; }
.hp-tarot-choices section { position:relative; padding:22px; border:1px solid #e4dce1; border-top:3px solid #c81050; background:#fff; }
.hp-tarot-choices h2 { margin:0 0 10px; padding-right:70px; }
.hp-tarot-count { float:right; font-size:13px; color:#635b62; }
.hp-tarot-choices p { margin:0 0 18px; }
.hp-tarot-reading { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:18px; margin:24px 0; }
.hp-tarot-card { min-width:0; border:1px solid #dcd3da; border-top:3px solid #c81050; background:#fff; }
.hp-tarot-card summary { list-style:none; cursor:pointer; text-align:center; padding:18px 12px; }
.hp-tarot-card summary::-webkit-details-marker { display:none; }
.hp-tarot-card summary img { display:block; width:120px; height:auto; margin:12px auto; }
.hp-tarot-card summary strong { display:block; font-size:19px; color:#8b2447; }
.hp-tarot-position { font-size:14px; color:#635b62; }
.hp-tarot-reveal { display:block; margin-top:12px; font-size:14px; color:#087796; text-decoration:underline; }
.hp-tarot-card[open] { background:#fff8fa; }
.hp-tarot-meaning { border-top:1px solid #e4dce1; padding:16px; font-size:16px; line-height:1.75; }
#stred .hp-tarot-role { color:#9a1544; font-weight:600; margin-top:0; }
.hp-ad-options { display:grid; gap:14px; margin:24px 0; }
.hp-ad-options section { border-bottom:1px solid #e4dce1; padding:0 0 14px; }
.hp-contact-box { padding:22px; border-left:4px solid #c81050; background:#fff4f8; margin:26px 0; }
#stred .hp-moon-detail-head p { font-size:14px; }
.hp-lunar-advice { margin-top:24px; }
.hp-lunar-tips { display:grid; gap:16px; }
.hp-lunar-tips section { padding:18px; border:1px solid #e3dce1; border-left:3px solid #c81050; }
#stred .hp-tip-category { color:#635b62; font-size:13px; font-weight:600; margin:0 0 7px; }
.hp-lunar-tips h4 { margin:0 0 8px; font-size:20px; }
.hp-lunar-tips p:last-child { margin-bottom:0; }
.hp-day-nav { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; margin-top:20px; }
.hp-day-nav a { padding:10px 0; font-size:15px; }
#middle .hp-moon-sign,#middle .hp-moon-percent { font-size:12px; color:#3b4d59; }
.hp-sign-short { display:none; }
.hp-moon-task { display:block; margin-top:3px; font-size:12px; color:#6a3b50; }
#middle .hp-moon-day { padding:8px 3px; text-decoration:none; min-height:138px; }
#middle .hp-phase-event { font-size:12px; color:#b00b45; }
#middle .hp-moon-day.is-selected,#middle .hp-moon-day.is-today { border-color:#c81050; }
#middle .hp-small-note { font-size:13px; color:#635b62; }
.hp-calendar-form { flex-wrap:wrap; }
.hp-calendar-form label { max-width:100%; }
@media(max-width:1040px){#top.hp-header::before { inset:0 -24px; }}
@media(max-width:560px){
 #top .hp-header-moon .hp-moon-disc { width:30px; height:30px; }
 #top .hp-header-moon b { font-size:11px; } #top .hp-header-moon small { font-size:10px; }
 #top #h1right.hp-tagline { font-size:13px; } #top .hp-submenu a { font-size:13px; }
 #top.hp-header::before { inset:0 -12px; }
 .hp-partner-fields { grid-template-columns:1fr; }
 #middle h1.hp-page-title,#middle h1.hp-legacy-title { font-size:24px; }
 #clanky .hp-article-item img { float:none; width:180px; max-width:100%; margin:0 0 14px; }
 #znameni a,#znamenic a { font-size:18px; } #znameni p,#znamenic p { font-size:12px; }
 .hp-tarot-choices section,.hp-contact-box { padding:17px; }
 .hp-tarot-reading { gap:12px; } .hp-tarot-card summary { padding:14px 7px; }
 .hp-tarot-card summary strong { font-size:16px; } .hp-tarot-card summary img { width:100px; }
 .hp-tarot-meaning { padding:12px; }
 .hp-sign-full { display:none; }.hp-sign-short { display:inline; }
 #middle .hp-phase-event { font-size:11px; overflow-wrap:anywhere; }
 #middle .hp-moon-day { min-height:138px; }
 .hp-lunar-tips section { padding:15px; }
}
@media(max-width:360px){.hp-tarot-reading { grid-template-columns:1fr; }}
#middle button:hover { color:#fff; }
#middle .hp-num-switch button:hover { color:#fff; }
#middle .hp-bio-note { color:#635b62; font-size:14px; }
#middle .hp-num-summary small,#middle .hp-num-summary span { color:#635b62; font-size:13px; }
#middle .hp-simple-form label,#middle .hp-num-form label,#middle .hp-field label { font-size:15px; }
#middle a,#znamenivyber a { color:#087796!important; }
#middle h1 a,#middle h2 a,#middle h3 a,#znameni a,#znamenic a { color:#c81050!important; }
#middle a.hp-primary-button { color:#fff!important; }
#znameni p,#znamenic p,#znamenic p span,#znameni p span { color:#554b52; }
#znamenivyber .napoveda::placeholder,#middle input::placeholder { color:#6c6269!important; opacity:1; }
.hp-calendar-tabs,.hp-hair-goals { display:flex; flex-wrap:wrap; gap:8px; margin:20px 0; }
#middle .hp-calendar-tabs a,#middle .hp-hair-goals a { padding:10px 14px; border:1px solid #d6cbd2; border-bottom:3px solid #bfb1ba; text-decoration:none; font-size:15px; }
#middle .hp-calendar-tabs a[aria-current],#middle .hp-hair-goals a[aria-current] { background:#c81050; border-color:#c81050; color:#fff!important; }
.hp-hair-intro { padding:18px; background:#fff6f9; border:1px solid #eedde6; }
.hp-hair-legend { display:flex; flex-wrap:wrap; gap:8px; }
.hp-hair-good,.hp-hair-normal,.hp-hair-care { padding:3px 5px; font-size:12px; border-radius:2px; line-height:1.5; }
.hp-hair-good { background:#e9f4e9; color:#285a30!important; }
.hp-hair-normal { background:#edf3f8; color:#36566d!important; }
.hp-hair-care { background:#fff0e2; color:#78431d!important; }
.hp-hair-selected { margin:22px 0; padding:20px; background:#fff6f9; border-left:3px solid #c81050; }
.hp-hair-selected h3 { margin:14px 0 10px; }.hp-hair-selected h4 { margin:18px 0 8px; font-size:18px; }
.hp-hair-next { display:flex; flex-wrap:wrap; gap:10px; }
.hp-hair-next a { padding:9px 15px; background:#fff; border:1px solid #d6cbd2; min-height:44px; }
#middle .hp-moon-day .hp-moon-task[class*=hp-hair-] { font-size:11px; padding:3px 1px; overflow-wrap:normal; word-break:normal; }

/* 1.7: Kabala, an interactive tree and original daily reflections. */
.hp-kabala-nav,.hp-kabala-themes { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 24px; }
#middle .hp-kabala-nav a,#middle .hp-kabala-themes a { padding:9px 12px; border:1px solid #d6cbd2; text-decoration:none; min-height:44px; font-size:14px; }
#middle .hp-kabala-nav a[aria-current],#middle .hp-kabala-themes a[aria-current] { background:#c81050; border-color:#c81050; color:#fff!important; }
.hp-kabala-eyebrow { display:block; font-size:13px!important; color:#635b62; margin:0 0 8px; }
.hp-kabala-cards { display:grid; gap:16px; margin:26px 0; }
.hp-kabala-cards section { border:1px solid #e3d8df; border-top:3px solid #c81050; padding:22px; }
.hp-kabala-cards h2 { margin:0 0 12px; }
.hp-kabala-daily-teaser,.hp-kabala-daily { padding:24px; margin:28px 0; background:#fff6f9; border-left:4px solid #c81050; }
.hp-kabala-daily h2,.hp-kabala-daily-teaser h2 { margin:0 0 14px; }
.hp-kabala-daily h3 { margin:22px 0 8px; }
.hp-kabala-intro h2 { margin-top:30px; }
.hp-kabala-explorer { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px; align-items:start; margin:25px 0; }
.hp-kabala-tree { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:repeat(7,110px); position:relative; isolation:isolate; width:100%; max-width:480px; margin:0 auto; }
.hp-tree-lines { position:absolute; width:100%; height:100%; inset:0; z-index:-1; pointer-events:none; }
.hp-tree-lines line { stroke:#c6aeba; stroke-width:1.8; }
#middle .hp-tree-node { display:flex; flex-direction:column; align-items:center; justify-content:start; padding:7px 2px 3px; align-self:start; min-height:95px; text-align:center; text-decoration:none; background:#fff; font-size:12px; line-height:1.4; color:#53444d!important; }
.hp-tree-node strong { font-size:14px; color:#99304f; margin-top:4px; }
.hp-tree-node>span:last-of-type { font-size:12px; }
.hp-tree-dot { display:flex; justify-content:center; align-items:center; width:44px; height:44px; flex:none; border:2px solid #b7839a; border-radius:50%; background:#fff6fa; color:#8f2049; font-size:16px; font-weight:600; }
.hp-tree-node.is-selected .hp-tree-dot { background:#c81050; color:#fff; border-color:#c81050; box-shadow:0 0 0 3px #f7dce7; }
.hp-tree-node:hover .hp-tree-dot { border-color:#087796; }
.hp-tree-node small { font-size:11px!important; color:#635b62; }
.hp-kabala-panel { padding:22px 18px; border:1px solid #e3d8df; border-top:3px solid #c81050; background:#fff9fb; scroll-margin-top:18px; }
.hp-kabala-panel h2 { margin:0 0 15px; }
.hp-kabala-panel h3 { margin:22px 0 9px; }
.hp-tree-score-0 .hp-tree-dot { background:#fff5e7; border-color:#906529; color:#6d461a; }
.hp-tree-score-1 .hp-tree-dot { background:#eaf5f8; border-color:#297b91; color:#185b70; }
.hp-tree-score-2 .hp-tree-dot { background:#f9e5ee; border-color:#a62e5b; color:#8c2249; }
.hp-tree-legend { display:flex; flex-wrap:wrap; gap:8px; margin:20px 0; }
.hp-tree-legend span { font-size:12px; padding:6px 8px; border:1px solid #ded4db; color:#4d3e48; }
.hp-tree-legend .hp-tree-score-0 { background:#fff5e7; }.hp-tree-legend .hp-tree-score-1 { background:#eaf5f8; }.hp-tree-legend .hp-tree-score-2 { background:#f9e5ee; }
.hp-kabala-form fieldset { margin:0 0 22px; padding:18px; border:1px solid #ded4db; min-width:0; }
.hp-kabala-form legend { font-size:17px; font-weight:600; color:#6b2945; padding:0 8px; max-width:100%; }
.hp-kabala-options { display:flex; flex-wrap:wrap; gap:8px; }
.hp-kabala-options label { display:flex; align-items:center; gap:8px; padding:10px; border:1px solid #c8bdc5; font-size:14px; line-height:1.5; min-height:44px; cursor:pointer; }
.hp-kabala-options label:has(input:checked) { border-color:#a7164b; background:#fff0f6; }
.hp-kabala-options input { accent-color:#bd164e; width:18px; height:18px; flex:none; margin:0; }
.hp-kabala-result-actions { display:flex; flex-wrap:wrap; gap:15px; align-items:center; margin-bottom:32px; }
.hp-kabala-date-form { display:flex; flex-wrap:wrap; align-items:end; gap:12px; margin:26px 0; }
.hp-kabala-date-form label { display:block; font-size:14px; }
.hp-kabala-date-form input { display:block; font-size:16px; padding:9px 12px; border:1px solid #96868f; min-height:44px; margin-top:5px; width:200px; max-width:100%; }
#hp-saved-inspirations { border-top:1px solid #e4dbe0; margin-top:30px; padding-top:22px; }
#hp-saved-inspirations li { margin:10px 0; }
#hp-save-inspiration { margin-top:16px; }
#hp-inspiration-status:empty { display:none; }
@media(max-width:700px){ .hp-kabala-explorer { grid-template-columns:1fr; }.hp-kabala-tree { max-width:400px; }.hp-kabala-panel { padding:20px; }.hp-kabala-options { flex-direction:column; }.hp-kabala-options label { width:100%; }.hp-kabala-form fieldset { padding:15px; }.hp-kabala-daily,.hp-kabala-daily-teaser { padding:20px 17px; }.hp-kabala-cards section { padding:19px; } }
@media print { .hp-kabala-nav,.hp-kabala-form,.hp-kabala-result-actions,.hp-kabala-themes,.hp-kabala-date-form,#hp-save-inspiration,#hp-saved-inspirations { display:none!important; }.hp-kabala-explorer { grid-template-columns:1fr 1fr; }.hp-kabala-tree { break-inside:avoid; }.hp-tree-node { print-color-adjust:exact; }.hp-kabala-panel { break-inside:avoid; } }
.hp-yesno-backs { display:flex; justify-content:center; gap:20px; margin:30px 0; }
.hp-yesno-backs>div { display:flex; align-items:center; justify-content:center; width:130px; aspect-ratio:100/137; border:5px double #bd3e6a; border-radius:5px; background:repeating-linear-gradient(45deg,#fff1f7,#fff1f7 8px,#fbe4ee 8px,#fbe4ee 16px); }
.hp-yesno-backs span { font-size:50px; color:#a71c50; }
.hp-yesno-answer { padding:25px; text-align:center; border:1px solid #e4d5de; border-top:4px solid #c81050; background:#fff5f9; margin:25px 0; }
#middle .hp-yesno-answer h2 { font-size:54px; margin:0 0 12px; font-weight:700; }
.hp-yesno-answer p { margin:5px 0 12px; }
.hp-yesno-cards { grid-template-columns:repeat(3,minmax(0,1fr)); }
.hp-tarot-card img.is-reversed { transform:rotate(180deg); }
@media(max-width:700px){.hp-yesno-backs { gap:12px; }.hp-yesno-backs>div { width:100px; }.hp-yesno-cards { grid-template-columns:1fr; }.hp-yesno-cards .hp-tarot-card summary img { width:120px; }}

/* 1.8: original Chinese annual articles in the site's established colours. */
.hp-submenu-wide { width:min(900px,calc(100vw - 48px)); }
.hp-nav-item[open]>.hp-submenu-wide { grid-template-columns:repeat(3,minmax(0,1fr)); }
#stred .hp-chinese-year-heading { display:flex; align-items:center; gap:18px; margin:0 0 22px; }
.hp-chinese-year-heading>img { flex:0 0 66px; width:66px; height:66px; object-fit:contain; }
.hp-chinese-year-heading>div { min-width:0; }
#stred .hp-chinese-year-heading h1 { color:var(--hp-pink); font-size:clamp(24px,3vw,30px); font-weight:600; line-height:1.35; margin:4px 0 0; padding:0; }
#stred .hp-chinese-year-heading .hp-eyebrow { color:#655a62; font-size:13px; margin:0; }
#stred.hp-chinese-year .hp-chinese-year-lead { font-size:18px; line-height:1.8; margin:0 0 24px; }
#stred.hp-chinese-year h2 { color:var(--hp-pink); font-size:22px; font-weight:600; line-height:1.4; margin:32px 0 14px; }
#stred .hp-chinese-year-picker { margin:0 0 26px; padding:18px; background:#fff7fa; border-top:3px solid #ef0d59; }
#stred .hp-chinese-year-picker h2 { margin:0 0 12px; font-size:20px; }
.hp-chinese-year-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 16px; }
.hp-chinese-year-grid>a { display:flex; align-items:center; gap:10px; padding:14px 0; min-height:72px; border-bottom:1px solid #eadde3; text-decoration:none; min-width:0; }
.hp-chinese-year-grid>a:hover strong { text-decoration:underline; }
.hp-chinese-year-grid img { flex:0 0 38px; width:38px; height:38px; object-fit:contain; }
.hp-chinese-year-grid strong { display:block; color:var(--hp-pink); font-size:17px; }
.hp-chinese-year-grid small { display:block; color:var(--hp-link); font-size:12px; }
#stred .hp-chinese-year-picker>p { margin:17px 0 0; font-size:14px; }
.hp-chinese-year-topics { display:flex; flex-wrap:wrap; gap:8px 20px; padding:15px 0; border-block:1px solid #e7e1e5; font-size:14px; }
.hp-chinese-year-topics a { padding:6px 0; }
.hp-chinese-year-prose section { scroll-margin-top:20px; }
#stred .hp-chinese-year-prose p { font-size:17px; line-height:1.85; margin:0 0 19px; }
.hp-chinese-year-next { display:flex; justify-content:space-between; flex-wrap:wrap; gap:14px 24px; padding:20px 0; margin-top:30px; border-block:1px solid #e7e1e5; }
#stred .hp-chinese-annual-promo,#middle .hp-chinese-annual-promo { display:flex; align-items:baseline; flex-wrap:wrap; gap:6px 18px; padding:14px 16px; margin:14px 0 24px; background:#fff5f8; border-left:3px solid #ef0d59; font-size:15px; }
.hp-chinese-annual-promo strong { color:var(--hp-pink); }
@media(max-width:860px) {
 .hp-submenu-wide { width:100%; }
 .hp-nav-item[open]>.hp-submenu-wide { grid-template-columns:1fr; }
 .hp-submenu-signs { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:560px) {
 #stred .hp-chinese-year-heading { gap:12px; align-items:flex-start; }
 .hp-chinese-year-heading>img { width:48px; height:48px; flex-basis:48px; }
 #stred .hp-chinese-year-heading h1 { font-size:24px; }
 #stred .hp-chinese-year-heading .hp-eyebrow { font-size:12px; }
 #stred .hp-chinese-year-picker { padding:14px; }
 .hp-chinese-year-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 12px; }
 .hp-chinese-year-grid strong { font-size:16px; }
 .hp-chinese-year-grid img { width:30px; height:30px; flex-basis:30px; }
 #stred.hp-chinese-year .hp-chinese-year-lead { font-size:17px; }
 #stred .hp-chinese-year-prose p { font-size:16px; line-height:1.8; }
 #stred.hp-chinese-year h2 { font-size:21px; }
}
@media print {
 .hp-chinese-year-topics,.hp-chinese-year-next,.hp-chinese-year-picker,.hp-chinese-year .hp-crosslinks,.hp-chinese-year .hp-chinese-signs { display:none; }
 #stred .hp-chinese-year-prose p { color:#000; font-size:11pt; }
 .hp-chinese-year-prose h2 { break-after:avoid; }
}

/* 1.8.1: clearer Tree of Life, a compact questionnaire and a focused result. */
.hp-kabala-page .hp-kabala-nav { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; border-bottom:2px solid #c81050; }
#middle .hp-kabala-page .hp-kabala-nav a { display:flex; justify-content:center; align-items:center; padding:11px 8px; border:0; border-bottom:0; background:#fff6f9; color:#8e254b; font-size:14px; text-align:center; }
#middle .hp-kabala-page .hp-kabala-nav a:hover { background:#f9e5ee; }
#middle .hp-kabala-page .hp-kabala-nav a[aria-current] { background:#c81050; color:#fff; }
#stred.hp-kabala-page>.hp-page-title { margin:28px 0 15px; color:#bd124c; font-size:28px; font-weight:600; }
.hp-kabala-result { margin:28px 0 20px; padding-top:20px; border-top:3px solid #c81050; }
.hp-kabala-result-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:15px; }
#stred .hp-kabala-result-heading h2 { font-size:24px; line-height:1.35; margin:0; font-weight:600; }
#stred .hp-kabala-result-heading .hp-kabala-eyebrow { margin:0 0 5px; }
.hp-kabala-result-heading>a { flex:none; }
.hp-kabala-page .hp-tree-legend { padding:12px 0; gap:8px 16px; border-block:1px solid #eee3e9; }
.hp-kabala-page .hp-tree-legend span { display:flex; align-items:center; gap:7px; font-size:13px; background:transparent; border:0; padding:2px 0; }
.hp-kabala-page .hp-tree-legend span::before { content:""; width:12px; height:12px; border:1px solid; border-radius:50%; flex:none; }
.hp-tree-legend .hp-tree-score-0::before { background:#fff1d7; border-color:#906529; }
.hp-tree-legend .hp-tree-score-1::before { background:#e3f2f7; border-color:#297b91; }
.hp-tree-legend .hp-tree-score-2::before { background:#f8dce8; border-color:#a62e5b; }
.hp-kabala-page .hp-kabala-explorer { grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:20px; margin:24px 0 18px; }
.hp-kabala-page .hp-kabala-tree { grid-template-rows:repeat(7,112px); max-width:450px; }
.hp-kabala-page .hp-tree-lines line { stroke:#cfa9ba; stroke-width:2; }
#middle .hp-kabala-page .hp-tree-node { width:calc(100% - 10px); max-width:118px; min-height:106px; margin:0 auto; padding:6px 3px; border:1px solid #e5d8df; border-radius:7px; background:#fff; line-height:1.4; box-shadow:0 2px 4px #61314709; }
.hp-kabala-page .hp-tree-dot { width:36px; height:36px; font-size:15px; border-width:1px; }
.hp-kabala-page .hp-tree-node strong { font-size:14px; margin-top:4px; }
.hp-kabala-page .hp-tree-node>span:last-of-type { font-size:12px; }
.hp-kabala-page .hp-tree-node small { font-size:12px!important; }
#middle .hp-kabala-page .hp-tree-node.is-selected { border:2px solid #c81050; padding:5px 2px; background:#fff3f8; box-shadow:0 0 0 3px #f9e6ee; }
.hp-kabala-page .hp-tree-node.is-selected .hp-tree-dot { box-shadow:none; }
#middle .hp-kabala-page .hp-tree-node:hover { border-color:#087796; }
.hp-kabala-page .hp-kabala-panel { padding:20px; border:1px solid #e6d7e0; border-top:3px solid #c81050; background:#fff8fb; }
#stred .hp-kabala-panel h2 { font-size:22px; line-height:1.4; margin:0 0 14px; }
#stred .hp-kabala-panel h3 { font-size:18px; margin:23px 0 9px; }
#stred .hp-kabala-panel p { font-size:16px; line-height:1.8; margin:0 0 12px; }
.hp-tree-back { display:none; }
.hp-kabala-page .hp-kabala-result-actions { border-top:1px solid #eee3e9; padding-top:18px; margin:14px 0 24px; }
.hp-kabala-edit { margin:25px 0; border:1px solid #e0d1da; }
.hp-kabala-edit>summary { padding:17px 20px; background:#fff5f9; color:#a71345; font-size:18px; font-weight:600; cursor:pointer; }
.hp-kabala-edit>summary span { display:block; font-size:13px; font-weight:400; color:#66545f; padding:4px 0 0 20px; }
.hp-kabala-edit[open]>summary { border-bottom:1px solid #e0d1da; }
.hp-kabala-edit .hp-kabala-form { padding:18px; margin:0; }
.hp-kabala-page .hp-kabala-form { margin:26px 0; }
#stred .hp-kabala-form-heading h2 { font-size:21px; margin:0 0 5px; }
#stred .hp-kabala-form-heading p { margin:0 0 20px; font-size:14px; color:#66545f; }
.hp-kabala-question-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 16px; }
.hp-kabala-page .hp-kabala-form fieldset { margin:0; padding:12px 14px 15px; border:1px solid #e0d1da; border-top:2px solid #eec5d5; background:#fff; }
.hp-kabala-page .hp-kabala-form legend { font-size:16px; line-height:1.5; padding:0 5px; color:#75213f; }
#stred .hp-kabala-form fieldset>.hp-small-note { font-size:13px; margin:4px 0 12px; color:#66545f; }
.hp-kabala-page .hp-kabala-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
.hp-kabala-page .hp-kabala-options label { flex-direction:column; justify-content:flex-start; gap:8px; padding:10px 5px; font-size:13px; line-height:1.45; min-height:80px; text-align:center; border:1px solid #d8cbd3; background:#fff; }
.hp-kabala-page .hp-kabala-options label:hover { background:#fff7fa; border-color:#c81050; }
.hp-kabala-page .hp-kabala-options label:has(input:checked) { border:2px solid #c81050; padding:9px 4px; background:#fff0f6; color:#97103b; font-weight:600; }
.hp-kabala-options label:focus-within { outline:2px solid #087796; outline-offset:2px; }
.hp-kabala-form-submit { padding-top:24px; }
@media(max-width:700px) {
 .hp-kabala-page .hp-kabala-explorer { grid-template-columns:1fr; gap:20px; }
 .hp-kabala-page .hp-kabala-tree { max-width:420px; }
 .hp-kabala-page .hp-kabala-panel { padding:20px; }
 .hp-tree-back { display:inline-block; padding:10px 0; }
 .hp-kabala-result-heading { flex-wrap:wrap; }
}
@media(max-width:560px) {
 .hp-kabala-page .hp-kabala-nav { grid-template-columns:repeat(2,minmax(0,1fr)); }
 #middle .hp-kabala-page .hp-kabala-nav a { font-size:14px; min-height:46px; }
 .hp-kabala-question-grid { grid-template-columns:1fr; gap:18px; }
 .hp-kabala-edit .hp-kabala-form { padding:15px; }
 .hp-kabala-page .hp-kabala-form fieldset { padding:12px 10px 15px; }
 #middle .hp-kabala-page .hp-tree-node { width:calc(100% - 8px); }
 .hp-kabala-page .hp-tree-node strong { font-size:13px; }
 #stred.hp-kabala-page>.hp-page-title { font-size:26px; }
 .hp-kabala-edit>summary { padding:15px; }
}
@media print {
 .hp-kabala-result-heading>a,.hp-kabala-edit,.hp-tree-back { display:none!important; }
 .hp-kabala-page .hp-kabala-explorer { grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); }
 .hp-kabala-page .hp-kabala-tree { grid-template-rows:repeat(7,112px); }
 .hp-kabala-result { border-top:0; margin-top:0; padding-top:0; }
}

.hp-kabala-result .hp-secondary-button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:9px 14px; border:1px solid #c81050; background:#fff; color:#ad1043!important; font-size:14px; font-weight:600; text-decoration:none; cursor:pointer; }
.hp-kabala-result .hp-secondary-button:hover { background:#fff0f6; }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto!important; } }

/* 1.8.2: one rose-and-burgundy zodiac set with a quiet gold star. */
.hp-zodiac-icon { display:block; width:52px; height:52px; object-fit:contain; border:0; }
#znameni img.hp-zodiac-icon { width:52px; height:52px; margin-right:9px; }
.hp-daily-catalog img.hp-zodiac-icon { width:52px; height:52px; }
.hp-sign-card img.hp-zodiac-icon { width:48px; height:48px; flex-basis:48px; }
.hp-zodiac-icon.hp-zodiac-icon--detail { width:96px; height:auto; aspect-ratio:1; max-width:28%; }
.hp-zodiac-icon.hp-zodiac-icon--small { width:32px; height:32px; }
@media(max-width:560px) {
 #znameni img.hp-zodiac-icon { width:42px; height:42px; float:none; margin:0 0 5px; }
 .hp-daily-catalog img.hp-zodiac-icon,.hp-sign-card img.hp-zodiac-icon { width:42px; height:42px; flex-basis:42px; }
}

/* 1.9: the daily ribbon and two new Kabala services. */
#middle #dailyhoroskop { background:transparent; border:0; }
#middle #dailyhoroskop .hp-date-ribbon { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px 22px; padding:14px 18px; background:#087e9c; border-bottom:3px solid #ef0d59; color:#fff!important; text-decoration:none; font-size:16px; line-height:1.6; }
.hp-date-ribbon strong { font-weight:700; }
#middle #dailyhoroskop .hp-date-ribbon:hover { background:#086f88; }
.hp-date-ribbon-link { white-space:nowrap; font-size:14px; font-weight:600; text-decoration:underline; text-underline-offset:3px; }
.hp-kabala-page .hp-kabala-nav { grid-template-columns:repeat(3,minmax(0,1fr)); }
.hp-kabala-new-tools { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:26px 0; }
.hp-kabala-new-tools>section { padding:22px; border:1px solid #ead9e2; border-top:3px solid #c81050; }
#stred .hp-kabala-new-tools h2 { margin:0 0 12px; font-size:22px; }
.hp-kabala-tool-form { border:1px solid #e4d6df; background:#fff; padding:24px; margin:25px 0; }
.hp-kabala-tool-form input[type=text],#gem-jmeno { width:100%; max-width:100%; min-height:48px; padding:10px 12px; font-size:18px; border:1px solid #a48e9b; margin:7px 0 18px; background:#fff; color:#29212a; }
.hp-tool-label { font-weight:600; }
.hp-gem-method { padding:0; margin:0 0 14px; border:0; display:flex; flex-wrap:wrap; gap:10px 20px; }
.hp-gem-method legend { font-size:16px; font-weight:600; margin:0 0 10px; padding:0; }
.hp-gem-method label { display:flex; align-items:center; gap:8px; min-height:44px; font-size:15px; }
.hp-gem-method input { width:18px; height:18px; accent-color:#c81050; }
#stred .hp-tool-method { font-size:14px; line-height:1.7; color:#66515e; margin:0 0 18px; }
.hp-hebrew-keyboard { border-top:1px solid #e7dce3; margin-top:22px; padding-top:16px; }
.hp-hebrew-keyboard summary,.hp-kabala-method>summary { color:#087796; cursor:pointer; font-weight:600; min-height:44px; }
.hp-hebrew-keys { display:grid; grid-template-columns:repeat(9,minmax(0,1fr)); gap:6px; margin:16px 0; }
.hp-hebrew-keys button { padding:8px 4px; min-height:66px; border:1px solid #dac8d2; background:#fff8fb; color:#64213d; cursor:pointer; }
.hp-hebrew-keys button>span { display:block; font-family:Arial,sans-serif; font-size:25px; line-height:1.3; }
.hp-hebrew-keys button>small { display:block; font-size:12px; }
.hp-hebrew-keys button:hover { border-color:#c81050; background:#fde6f0; }
.hp-gem-examples { display:flex; flex-wrap:wrap; align-items:center; gap:10px; border-top:1px solid #e7dce3; padding-top:18px; margin-top:12px; }
.hp-gem-examples>span { font-size:14px; }
.hp-gem-examples button { min-height:44px; padding:8px 12px; background:#fff; color:#087796; border:1px solid #b1cfd6; cursor:pointer; font-size:14px; }
.hp-gem-examples b { font-family:Arial,sans-serif; font-size:19px; margin-left:5px; }
.hp-kabala-tool-result { padding:24px 0; border-top:3px solid #c81050; scroll-margin-top:20px; }
#stred .hp-kabala-tool-result>h2 { font-size:25px; line-height:1.4; margin:0 0 12px; }
.hp-kabala-tool-result>h2>strong { color:#c81050; }
#stred .hp-gem-word { font-size:24px; margin:0 0 20px; overflow-wrap:anywhere; }
.hp-gem-letters { display:flex; flex-wrap:wrap; gap:7px; list-style:none; padding:0; margin:20px 0; }
.hp-gem-letters li { display:flex; flex-direction:column; align-items:center; justify-content:flex-start; min-width:45px; padding:7px; border:1px solid #e1d0da; background:#fff8fb; }
.hp-gem-letters strong { font:600 24px/1.4 Arial,sans-serif; color:#a20f42; }
.hp-gem-letters span { font-size:14px; }
.hp-gem-letters small { font-size:11px; color:#65515e; }
#stred .hp-gem-equation { font-size:15px; overflow-wrap:anywhere; padding:14px 0; border-block:1px solid #eee2e9; }
.hp-kabala-name-prompt { margin:24px 0; padding:22px; border-left:3px solid #c81050; background:#fff5f9; }
#stred .hp-kabala-name-prompt h3 { margin:0 0 12px; font-size:22px; }
.hp-kabala-method { margin:28px 0; padding-top:18px; border-top:1px solid #e7dce3; }
#stred .hp-kabala-method h2 { font-size:22px; margin:0 0 14px; }
#stred .hp-kabala-method p { font-size:15px; line-height:1.8; }
.hp-relationship-people { display:grid; grid-template-columns:1fr; gap:24px; margin-bottom:24px; }
.hp-relationship-people.is-couple { grid-template-columns:repeat(2,minmax(0,1fr)); }
#stred .hp-relationship-person>h2 { font-size:22px; margin:0 0 18px; padding-bottom:12px; border-bottom:2px solid #c81050; }
.hp-relationship-question-group { margin:0 0 24px; }
#stred .hp-relationship-question-group>h3 { font-size:18px; font-weight:600; margin:0 0 8px; }
#stred .hp-relationship-question-group>p { font-size:14px; line-height:1.7; }
.hp-relationship-question-group fieldset { min-width:0; border:1px solid #e2d5dd; padding:10px; margin:18px 0; }
.hp-relationship-question-group legend { max-width:100%; font-size:15px; line-height:1.6; padding:0 5px; }
.hp-relationship-question-group .hp-kabala-options { grid-template-columns:repeat(3,minmax(0,1fr)); }
.hp-relationship-question-group .hp-kabala-options label { min-height:76px; }
.hp-relationship-reading { padding:24px; margin:22px 0; border:1px solid #e5d6df; border-top:2px solid #c81050; }
#stred .hp-relationship-reading h3 { font-size:23px; margin:0 0 18px; }
#stred .hp-relationship-reading h4 { color:#a51646; font-size:17px; margin:22px 0 8px; }
.hp-relationship-states { display:flex; flex-wrap:wrap; gap:14px; margin:14px 0 22px; }
#stred .hp-relationship-states>p { display:flex; flex-direction:column; gap:5px; margin:0; padding:10px 14px; background:#fff6fa; border-left:3px solid #c81050; font-size:13px; }
.hp-relationship-states strong { font-size:16px; }
#stred .hp-relationship-difference { border-left:3px solid #087796; background:#eff9fb; padding:12px 15px; font-size:15px; }
@media(max-width:700px) {
 .hp-relationship-people.is-couple { grid-template-columns:1fr; }
}
@media(max-width:560px) {
 .hp-kabala-page .hp-kabala-nav { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .hp-kabala-new-tools { grid-template-columns:1fr; }
 .hp-kabala-tool-form,.hp-relationship-reading { padding:17px; }
 .hp-hebrew-keys { grid-template-columns:repeat(6,minmax(0,1fr)); }
 #middle #dailyhoroskop .hp-date-ribbon { padding:13px 15px; gap:8px; }
 .hp-date-ribbon strong { display:block; }
 .hp-date-ribbon-link { font-size:13px; }
 .hp-kabala-name-prompt { padding:18px; }
 .hp-relationship-question-group fieldset { padding:9px; }
}
@media print {
 .hp-kabala-tool-form,.hp-hebrew-keyboard,.hp-gem-examples,.hp-kabala-tool-result>a,.hp-kabala-tool-result>p>a { display:none!important; }
 .hp-relationship-reading { break-inside:avoid; }
}
#stred .hp-about-title { padding:13px 16px; margin:0 0 24px; background:#f2f0f1; border-left:3px solid #c81050; font-size:27px; font-weight:600; color:#bd124d; }
#stred .hp-about-lead { font-size:19px; line-height:1.8; margin:0 0 26px; }
.hp-about-options { display:grid; grid-template-columns:1fr; gap:18px; margin:26px 0; }
.hp-about-options>section { position:relative; border:1px solid #e6d9e1; border-left:3px solid #c81050; padding:22px; }
#stred .hp-about-options h2 { margin:0 0 10px; font-size:22px; font-weight:600; }
#stred .hp-about-options p { margin:0 0 12px; }
.hp-about-number { display:block; font-size:13px; font-weight:600; color:#087796; margin-bottom:7px; }
.hp-about-brief { padding:22px 0; border-block:1px solid #e6d9e1; margin:26px 0; }
#stred .hp-about-brief h2 { font-size:23px; margin:0 0 15px; }
.hp-about-brief ul { padding-left:24px; margin:0 0 18px; }
.hp-about-brief li { padding:5px 0; line-height:1.8; }
.hp-about-links { display:flex; flex-wrap:wrap; gap:12px 22px; margin-top:18px; }
.hp-about-page .hp-contact-box { background:#fff4f8; border:1px solid #e8c7d6; padding:26px; }
#stred .hp-about-page .hp-contact-box h2 { font-size:24px; margin:0 0 16px; }
.hp-about-email { font-size:20px; font-weight:600; overflow-wrap:anywhere; }
@media(max-width:560px) {
 #stred .hp-about-title { font-size:24px; padding:13px; }
 #stred .hp-about-lead { font-size:18px; }
 .hp-about-options>section,.hp-about-page .hp-contact-box { padding:19px; }
 .hp-about-email { font-size:18px; }
}

/* 1.10: ascendant, the current sky and photographed service links. */
#znamenivyber .hp-service-photo-card { display:grid; grid-template-columns:82px minmax(0,1fr); gap:11px; align-items:center; margin:0 0 12px; padding:8px; border:1px solid #e7dce3; text-decoration:none; background:#fff; }
.hp-service-photo-card img { width:82px; height:82px; object-fit:cover; }
.hp-service-photo-card strong { display:block; color:#c81050; font-size:16px; line-height:1.4; margin-bottom:7px; }
.hp-service-photo-card small { display:block; font-size:13px; line-height:1.6; color:#087796; }
#znamenivyber .hp-service-photo-card:hover { border-color:#c81050; background:#fff7fa; }
.hp-ascendant-page .hp-field[hidden],.hp-ascendant-page .hp-checkbox[hidden] { display:none!important; }
.hp-ascendant .hp-page-title,.hp-current-sky .hp-page-title { font-size:28px; font-weight:600; color:#bd124d; margin:0 0 18px; }
#stred.hp-ascendant .hp-page-lead,#stred.hp-current-sky .hp-page-lead { font-size:17px; line-height:1.8; }
.hp-ascendant .hp-natal { margin-top:25px; }
.hp-ascendant-result-card { display:flex; gap:22px; align-items:center; padding:22px; background:#fff3f8; border-top:3px solid #c81050; margin:0 0 20px; }
.hp-ascendant-result-card img { width:96px; height:96px; flex:none; }
#stred .hp-ascendant-result-card h2 { margin:0 0 7px; font-size:30px; color:#bb124c; }
#stred .hp-ascendant-result-card p { margin:0; }
.hp-ascendant-reading { margin:24px 0; }
#stred .hp-ascendant-reading h3,.hp-ascendant-about h2 { color:#bd124d; font-size:22px; margin:26px 0 12px; }
.hp-ascendant-wheel { border-block:1px solid #e7dce3; padding:16px 0; margin:24px 0; }
.hp-ascendant-wheel>summary,.hp-sky-aspects>summary { font-weight:600; color:#087796; cursor:pointer; min-height:44px; }
.hp-sky-controls { display:flex; align-items:end; flex-wrap:wrap; gap:14px; padding:22px; border:1px solid #e4d6df; margin:24px 0; }
.hp-sky-controls>div { min-width:0; }
.hp-sky-controls label:not(.hp-sky-live) { display:block; font-size:14px; font-weight:600; margin-bottom:6px; }
.hp-sky-controls #hp-sky-date,.hp-sky-controls select { min-height:46px; padding:8px 10px; border:1px solid #a48e9b; background:#fff; font-size:16px; max-width:100%; color:#29212a; }
.hp-sky-controls .hp-sky-live { flex-basis:100%; display:flex; gap:9px; align-items:center; font-size:14px; }
.hp-sky-live input { accent-color:#c81050; width:18px; height:18px; }
#hp-sky-result { scroll-margin-top:20px; }
#stred #hp-sky-result>h2 { font-size:24px; color:#bd124d; margin:26px 0 12px; }
.hp-sky-overview { margin:20px 0 28px; }
.hp-sky-wheel { max-width:580px; margin:0 auto 24px; }
.hp-sky-wheel svg { width:100%; height:auto; display:block; }
.hp-sky-wheel figcaption { font-size:12px; color:#66535e; line-height:1.8; margin-top:10px; }
.hp-sky-wheel .hp-sky-sign { font:25px Arial,sans-serif; fill:#b32354; }
.hp-sky-wheel .hp-sky-planet { font:600 16px Arial,sans-serif; fill:#5e2440; paint-order:stroke; stroke:#fff; stroke-width:5px; stroke-linejoin:round; }
.hp-sky-table-wrap { overflow-x:auto; }
.hp-sky-table-wrap table { width:100%; }
.hp-planet-table caption { text-align:left; font-size:14px; font-weight:600; padding:0 0 12px; }
.hp-current-sky .hp-planet-table th,.hp-current-sky .hp-planet-table td { padding:11px 13px; font-size:15px; }
.hp-current-sky .hp-planet-table abbr { font-size:12px; color:#9f1041; }
#stred .hp-sky-daily>h3,#stred .hp-sky-mundane>h3,.hp-sky-context h2 { font-size:23px; color:#bd124d; margin:30px 0 15px; }
.hp-sky-daily>article { padding:17px 0; border-bottom:1px solid #eee2e9; }
#stred .hp-sky-daily h4 { font-size:18px; color:#a21b48; margin:0 0 9px; }
#stred .hp-sky-daily p { margin:0; }
.hp-sky-mundane>article { padding:22px; border:1px solid #e5d6df; border-left:3px solid #c81050; margin:20px 0; }
#stred .hp-sky-mundane h4 { color:#b4184b; font-size:22px; margin:0 0 14px; }
#stred .hp-sky-mundane .hp-eyebrow { font-size:13px; margin-bottom:12px; }
.hp-sky-aspects { margin:25px 0; padding:18px 0; border-block:1px solid #e7dce3; }
.hp-sky-context { margin-top:28px; }
@media(max-width:560px) {
 .hp-ascendant .hp-page-title,.hp-current-sky .hp-page-title { font-size:25px; }
 .hp-ascendant-result-card { padding:18px; gap:14px; }
 .hp-ascendant-result-card img { width:70px; height:70px; }
 #stred .hp-ascendant-result-card h2 { font-size:27px; }
 .hp-sky-controls { padding:16px; }
 .hp-sky-controls>div { flex-basis:100%; }
 .hp-sky-controls #hp-sky-date,.hp-sky-controls select { width:100%; box-sizing:border-box; min-width:0; }
 .hp-current-sky .hp-planet-table th,.hp-current-sky .hp-planet-table td { padding:9px 7px; font-size:14px; }
 .hp-sky-mundane>article { padding:18px; }
 #znamenivyber .hp-service-photo-card { grid-template-columns:90px minmax(0,1fr); gap:15px; padding:10px; }
 .hp-service-photo-card img { width:90px; height:90px; }
}
@media print { .hp-sky-controls,.hp-sky-context { display:none!important; } .hp-sky-wheel { max-width:450px; break-inside:avoid; } .hp-ascendant-result-card { break-inside:avoid; } }

/* 1.10.1: bring the newer services into the original magazine layout. */
#middle #dailyhoroskop .hp-date-ribbon { background:linear-gradient(#00b9df,#13cce6); border:0; border-bottom:1px solid #03a6c7; padding:10px 16px; color:#053f50!important; font-size:16px; min-height:48px; }
#middle #dailyhoroskop .hp-date-ribbon:hover { background:#09c4e4; }
.hp-date-ribbon-link { font-size:14px; color:#053f50; }
.hp-kabala-page .hp-kabala-nav { display:flex; flex-wrap:wrap; justify-content:flex-start; gap:0 19px; margin:0 0 21px; padding:0 0 7px; border:0; border-bottom:1px solid #e5e5e5; }
#middle .hp-kabala-page .hp-kabala-nav a { display:inline-flex; min-height:38px; padding:7px 0; background:#fff; border:0; color:#087796; text-align:left; text-decoration:underline; font-size:14px; }
#middle .hp-kabala-page .hp-kabala-nav a[aria-current] { background:#fff; color:#c81050!important; font-weight:700; text-decoration:none; }
#middle .hp-kabala-page .hp-kabala-nav a:hover { background:#fff; color:#bd124d; }
#stred.hp-kabala-page>.hp-page-title { padding:11px 15px; margin:0 0 19px; background:#efefef; border:0; color:#c81050; font-size:23px; font-weight:400; line-height:1.4; }
.hp-kabala-page .hp-kabala-themes { gap:0 20px; padding:0 0 8px; margin:12px 0 18px; border-bottom:1px solid #eee; }
#middle .hp-kabala-page .hp-kabala-themes a { min-height:38px; padding:7px 0; border:0; background:#fff; color:#087796; font-size:15px; text-decoration:underline; }
#middle .hp-kabala-page .hp-kabala-themes a[aria-current] { background:#fff; color:#c81050!important; font-weight:700; text-decoration:none; }
.hp-kabala-page .hp-kabala-daily,.hp-kabala-page .hp-kabala-daily-teaser { padding:0 0 17px; margin:22px 0; border:1px solid #e8e8e8; background:#fff; }
#stred .hp-kabala-daily>.hp-kabala-eyebrow,#stred .hp-kabala-daily-teaser>.hp-kabala-eyebrow { padding:12px 15px 0; margin:0; color:#666; font-size:13px!important; }
#stred .hp-kabala-daily>h2,#stred .hp-kabala-daily-teaser>h2 { padding:7px 15px 12px; margin:0 0 17px; background:#efefef; color:#c81050; font-size:22px; font-weight:400; }
#stred .hp-kabala-daily>p,#stred .hp-kabala-daily-teaser>p { padding:0 15px; margin:0 0 15px; font-size:16px; line-height:1.75; }
#stred .hp-kabala-daily>h3 { margin:18px 15px 8px; font-size:17px; font-weight:600; }
.hp-kabala-daily>button { margin:3px 15px 0; }
.hp-kabala-daily-teaser>a { display:inline-block; margin:0 15px; }
.hp-kabala-page .hp-day-nav { margin-top:12px; border-bottom:1px solid #eee; }
.hp-kabala-page .hp-kabala-cards,.hp-kabala-page .hp-kabala-new-tools { display:block; }
.hp-kabala-page .hp-kabala-cards>section,.hp-kabala-page .hp-kabala-new-tools>section { padding:0 0 20px; margin:0 0 23px; border:0; border-bottom:1px solid #eee; background:#fff; }
#stred .hp-kabala-cards h2,#stred .hp-kabala-new-tools h2 { margin:0 0 12px; padding:9px 12px; background:#efefef; font-size:21px; font-weight:400; }
.hp-kabala-page .hp-kabala-tool-form { border:1px solid #e5e5e5; background:#fafafa; padding:18px; margin:20px 0; }
#stred .hp-tool-method { color:#555; font-size:14px; margin-bottom:14px; }
.hp-gem-method { gap:6px 23px; margin-bottom:10px; }
.hp-gem-method legend { font-weight:600; }
.hp-kabala-page .hp-hebrew-keyboard { margin-top:17px; padding-top:12px; border-color:#ddd; }
.hp-kabala-page .hp-gem-examples { border-color:#ddd; gap:5px 15px; padding-top:11px; }
.hp-kabala-page .hp-gem-examples button { padding:7px 0; min-height:38px; border:0; background:transparent; text-decoration:underline; }
.hp-kabala-page .hp-kabala-tool-result { padding:0 0 18px; border-top:0; }
#stred .hp-kabala-tool-result>h2 { padding:11px 14px; background:#efefef; font-size:22px; font-weight:400; margin:0 0 15px; }
#stred .hp-kabala-tool-result>.hp-kabala-eyebrow { padding:0; margin:0 0 8px; }
#stred .hp-gem-word { font-size:19px; margin:0 0 13px; }
.hp-kabala-page .hp-gem-letters { gap:0; margin:15px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.hp-kabala-page .hp-gem-letters li { min-width:0; width:45px; padding:7px 3px; border:0; border-right:1px solid #eee; background:#fff; }
.hp-gem-letters strong { font:600 18px/1.5 "Open Sans",Arial,sans-serif; color:#c81050; }
.hp-gem-letters .hp-letter-normalization { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.hp-gem-calculation { padding:7px 0; font-size:14px; }
.hp-gem-calculation>summary { min-height:36px; cursor:pointer; color:#087796; }
#stred .hp-gem-equation { border:0; padding:5px 0; margin:0 0 10px; }
.hp-kabala-page .hp-kabala-name-prompt { padding:0; margin:21px 0; border:0; background:#fff; }
#stred .hp-kabala-name-prompt>.hp-kabala-eyebrow { font-size:13px!important; margin:0 0 7px; }
#stred .hp-kabala-name-prompt>h3 { background:#efefef; padding:10px 13px; margin:0 0 14px; font-size:21px; font-weight:400; }
.hp-kabala-page .hp-kabala-name-prompt>p:not(.hp-kabala-eyebrow) { margin:0 0 13px; }
#stred .hp-kabala-name-prompt>.hp-small-note { font-size:13px; }
#znamenivyber .hp-service-photo-card { grid-template-columns:98px minmax(0,1fr); gap:8px; padding:7px; border:1px solid #eee; background:#fff; margin-bottom:8px; text-align:right; }
.hp-service-photo-card img { width:98px; height:88px; }
.hp-service-photo-card strong { font-size:15px; font-weight:600; }
.hp-service-photo-card small { font-size:13px; line-height:1.65; }
#znamenivyber .hp-service-photo-card:hover { border-color:#ddd; background:#fff; }
.hp-return-links>p { padding:0 2px; }
#stred .hp-relationship-instructions { font-size:15px; margin:0 0 20px; }
.hp-relationship-topic { margin:0 0 24px; }
#stred .hp-relationship-topic>h2 { margin:0 0 12px; padding:10px 13px; background:#efefef; font-size:21px; font-weight:400; }
#stred .hp-relationship-topic>p { font-size:15px; margin:0 0 15px; }
.hp-relationship-question { border:0; border-bottom:1px solid #ddd; padding:0 0 15px; margin:0 0 17px; min-width:0; }
.hp-relationship-question legend { max-width:100%; padding:0; font-size:16px; line-height:1.65; font-weight:600; color:#333; }
.hp-relationship-answer-grid { display:grid; grid-template-columns:1fr; gap:18px; }
.hp-relationship-answer-grid.is-couple { grid-template-columns:repeat(2,minmax(0,1fr)); }
#stred .hp-relationship-who { font-size:14px; color:#c81050; font-weight:600; margin:10px 0 2px; }
.hp-relationship-answer .hp-kabala-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.hp-kabala-page .hp-relationship-answer .hp-kabala-options label { flex-direction:row; align-items:center; justify-content:flex-start; gap:6px; padding:6px 0; min-height:44px; text-align:left; border:0; background:transparent; font-size:13px; font-weight:400; }
.hp-kabala-page .hp-relationship-answer .hp-kabala-options label:has(input:checked) { border:0; padding:6px 0; background:transparent; color:#a71345; font-weight:600; }
.hp-relationships .hp-relationship-reading { padding:0 0 18px; border:0; border-bottom:1px solid #ddd; }
#stred .hp-relationship-reading>h3 { padding:10px 13px; background:#efefef; font-size:21px; font-weight:400; }
#stred .hp-relationship-states>p { background:#fff; border-left:0; padding:0 20px 0 0; }
#stred .hp-relationship-difference { background:#f5f5f5; border-left:0; }
@media(max-width:560px) {
 #middle #dailyhoroskop .hp-date-ribbon { padding:9px 13px; }
 #stred.hp-kabala-page>.hp-page-title { font-size:22px; padding:10px 12px; }
 .hp-kabala-page .hp-kabala-tool-form { padding:14px; }
 .hp-relationship-answer-grid.is-couple { grid-template-columns:1fr; gap:3px; }
 .hp-relationship-answer+.hp-relationship-answer { border-top:1px dotted #ddd; }
 .hp-kabala-page .hp-kabala-nav { gap:0 16px; }
 #znamenivyber .hp-service-photo-card { grid-template-columns:104px minmax(0,1fr); padding:8px; }
 .hp-service-photo-card img { width:104px; height:88px; }
}