/**
 * Mother.N Horoscope
 * Copyright (C) 2026 Mother.N
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */

/* =========================================================
   Mother.N ホロスコープ：四柱推命・タロットと同じ作り・テーマ色は青
   ボタン・枠・下線・ひし形＝#8daed1（TOPのホロスコープボタンと同じ）・ボタン文字は白
   カードの地は白、小さな囲みはクリーム色。ページ背景はサイト共通
   ========================================================= */
:root{--paper:#fdf8e9;--theme:#e6eef8;--accent:#8daed1;--accent-hover:#7698c0;--ink:#3e3d44;--muted:#646470;--deep:#3d6489;--line:#cfdcea;--soft:#e6eef8;--cream:#fbf4e8;--panel:#fffefb;--btn-ink:#fff;
  /* 動作診断ページ（diagnostic.php）で使う名前 */
  --brown:#3d6489;--paper-white:#fffefb;--sage:#8daed1;--rose:#d98f86}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:"Kosugi Maru","Hiragino Maru Gothic ProN","Yu Gothic",sans-serif;font-size:18px;line-height:1.95;letter-spacing:.04em}
a{color:var(--deep);text-underline-offset:4px}
a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--deep);outline-offset:3px}
h1,h2,h3,p{margin:0}
h1,h2,h3{line-height:1.6}
h1,h2{font-family:"Zen Antique Soft","Hiragino Mincho ProN","Yu Mincho",serif;font-weight:400;word-break:auto-phrase}
h2{font-size:27px;letter-spacing:.06em}
h3{font-size:20px;font-weight:700}
p+p{margin-top:13px}
.phrase{display:inline-block}
section{scroll-margin-top:22px}
img{max-width:100%}
button,input,select{font:inherit}
.page{max-width:1100px;margin:auto;padding:24px 28px 36px}

/* タイトル：左右にペンギン（右は左右反転して向かい合わせ） */
.hero{display:grid;grid-template-columns:auto minmax(0,auto) auto;grid-template-areas:"left title right" "left lead right";justify-content:center;align-items:center;column-gap:34px;row-gap:6px;padding:26px 0 30px;text-align:center}
.hero-left{grid-area:left}
.hero-right{grid-area:right}
.hero-title{grid-area:title;align-self:end;min-width:0}
.hero h1{font-size:40px;letter-spacing:.12em}
.hero h1 .title-tail{display:inline}
.hero.is-long h1 .title-tail{display:block}
.hero .lead{grid-area:lead;align-self:start;margin-top:4px;font-size:17px}
.hero-art{display:block;width:190px;max-width:none;height:auto;flex-shrink:0}
.hero-art.is-mirrored{transform:scaleX(-1)}

/* パンくず：タイトルの下・最初のカードの上 */
.crumb{margin:0 0 17px;font-size:14px;color:var(--muted)}
.crumb ol{display:flex;flex-wrap:wrap;gap:4px 0;list-style:none;margin:0;padding:0}
.crumb li{display:flex;align-items:center}
.crumb li+li::before{content:"\203A ";margin:0 10px;color:var(--accent)}
.crumb a{color:var(--deep);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}
.crumb a:hover{text-decoration-color:var(--deep)}
.crumb [aria-current]{color:var(--ink)}

/* ホロスコープ内のページ移動 */
.horo-nav{margin:0 0 24px}
.horo-nav ul{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;list-style:none;margin:0;padding:0}
.horo-nav a{display:inline-block;text-decoration:none;color:var(--deep);border:1px solid var(--accent);background:#fffffd;border-radius:50px;padding:7px 18px;font-size:16px;line-height:1.6}
.horo-nav a:hover{background:var(--accent);color:var(--btn-ink)}
.horo-nav a.is-current{background:var(--cream);color:var(--ink);border-color:var(--line);pointer-events:none}

/* カード：白地＋青の枠。入力欄・結果など主役は濃い枠 */
.panel{position:relative;border:1px solid var(--line);border-radius:24px;padding:30px;background:var(--panel);box-shadow:0 5px 22px #3d648914;min-width:0}
.panel.is-accent{border-color:var(--accent)}
.page>.panel+.panel,.page>.panel+section,.page>section+.panel{margin-top:24px}
.kicker{font-family:"Libre Baskerville",Georgia,serif;font-size:14px;letter-spacing:.08em;color:var(--deep);font-weight:400;margin-bottom:5px}
.kicker::before{content:"";display:inline-block;width:7px;height:7px;background:var(--accent);transform:rotate(45deg);margin-right:9px;vertical-align:1px}
.panel-head{text-align:center;margin-bottom:24px}
.panel-head .section-lead{margin-top:8px}
.section-lead{color:var(--muted);font-size:16px}

/* ボタン：TOPと同じ #8daed1・白文字。読みやすいよう文字にうっすら影 */
.primary-button,.secondary-button,.profile-button{transition:background .2s,transform .18s,box-shadow .18s}
.primary-button{display:flex;width:min(480px,100%);min-height:58px;align-items:center;justify-content:center;gap:12px;margin:24px auto 0;border:0;border-radius:50px;padding:12px 30px;color:var(--btn-ink);background:var(--accent);font-size:18px;font-weight:700;letter-spacing:.08em;text-decoration:none;cursor:pointer;text-shadow:0 1px 2px #3d648966}
.primary-button:hover{background:var(--accent-hover)}
.primary-button b{font-size:1.2em;line-height:1}
.secondary-button{display:inline-flex;align-items:center;justify-content:center;padding:8px 18px;border:1px solid var(--accent);border-radius:50px;color:var(--deep);background:#fffffd;font-size:15px;text-decoration:none;cursor:pointer}
.secondary-button:hover{background:var(--cream)}
.secondary-button.is-primary{color:var(--btn-ink);background:var(--accent);text-shadow:0 1px 2px #3d648966}
.secondary-button.is-primary:hover{background:var(--accent-hover)}

/* 保存した人物 */
.profile-description{margin:0 auto 18px;max-width:640px;color:var(--muted);font-size:15px;text-align:center}
.profile-picker{display:grid;grid-template-columns:minmax(200px,1fr) auto auto auto;align-items:end;gap:10px}
.profile-picker label{grid-column:1/-1;font-size:15px}
.profile-picker select{margin:0}
.profile-button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:9px 18px;border:1px solid var(--accent);border-radius:50px;color:var(--deep);background:#fffffd;font-size:15px;text-align:center;text-decoration:none;cursor:pointer}
.profile-button:hover{background:var(--cream)}
.profile-button.is-primary{color:var(--btn-ink);background:var(--accent);text-shadow:0 1px 2px #3d648966}
.profile-button.is-primary:hover{background:var(--accent-hover)}
.profile-button:disabled{cursor:not-allowed;opacity:.5}
.profile-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}
.profile-link-button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;margin:0;padding:6px 14px;border:1px solid var(--line);border-radius:50px;color:var(--deep);background:#fffffd;font-size:13px;font-weight:400;line-height:1.4;cursor:pointer}
.profile-link-button:hover{border-color:var(--accent);background:var(--cream)}
.profile-link-button.is-danger{color:#9a4a42;border-color:#ecc9c4}
.profile-status{min-height:1.5em;margin:12px 0 0;color:var(--deep);font-size:14px;text-align:center}
.profile-status.is-error{color:#9a4a42}
.profile-save-notice{margin:18px 0 0;padding:11px 15px;border:1px solid var(--line);border-radius:12px;color:var(--deep);background:var(--cream);font-size:14px;text-align:center}
.profile-save-notice.is-error{border-color:#e4b3ab;color:#9a4a42;background:#fff4ef}

/* エラー表示 */
.alert{margin:0 0 24px;padding:16px 20px;border:1px solid #e4b3ab;border-radius:16px;background:#fff4ef;color:#83433b;font-size:16px}
.alert ul{margin:8px 0;padding-left:1.4rem}

/* 入力フォーム */
.field,fieldset{margin:0 0 28px}
fieldset{padding:0;border:0;min-width:0}
label,legend{color:var(--ink);font-weight:400}
legend{font-size:17px;margin-bottom:6px}
.field>label{font-size:17px}
label small{margin-left:8px;color:var(--muted);font-size:13px}
input[type="text"],input[type="number"],select{display:block;width:100%;min-height:52px;margin-top:6px;padding:8px 14px;border:1px solid #b9cde3;border-radius:10px;color:var(--ink);background-color:#fffffd;font-size:18px;outline:none;transition:border-color .2s,box-shadow .2s}
select{appearance:none;-webkit-appearance:none;padding-right:30px;background-image:linear-gradient(45deg,transparent 50%,var(--deep) 50%),linear-gradient(135deg,var(--deep) 50%,transparent 50%);background-position:calc(100% - 15px) 23px,calc(100% - 10px) 23px;background-size:5px 5px;background-repeat:no-repeat}
input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 4px #8daed133}
.date-fields{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px}
.date-fields label,.time-fields label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;color:var(--deep);font-size:16px}
.date-fields input,.date-fields select,.time-fields select{margin:0}
.choice-grid{display:grid;gap:12px;margin-top:8px}
.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}
.choice{position:relative;cursor:pointer}
.choice input{position:absolute;opacity:0}
.choice>span{display:flex;min-height:84px;flex-direction:column;justify-content:center;padding:14px 16px 14px 44px;border:1px solid var(--line);border-radius:16px;background:#fffffd;transition:.2s ease}
.choice>span::before{content:"";position:absolute;left:16px;top:50%;width:18px;height:18px;border:1.5px solid var(--accent);border-radius:50%;transform:translateY(-50%);box-shadow:inset 0 0 0 4px #fff}
.choice input:checked+span{border:2px solid var(--accent);padding-left:43px;box-shadow:0 6px 16px #3d648914}
.choice input:checked+span::before{background:var(--accent)}
.choice input:focus-visible+span{outline:3px solid var(--deep);outline-offset:2px}
.choice b{font-size:16px;color:var(--ink)}
.choice small{margin:3px 0 0;color:var(--muted);font-size:13px;line-height:1.5}
.time-fields{display:grid;grid-template-columns:150px 16px 150px;align-items:center;justify-content:center;gap:8px;max-height:110px;margin-top:16px;padding:16px;border-radius:14px;background:var(--cream);transition:.25s}
.time-fields.is-disabled{max-height:0;margin:0;padding-block:0;opacity:0;overflow:hidden}
.time-colon{color:var(--deep);font-size:23px;text-align:center}
.location-panel{margin-top:16px;padding:20px;border-radius:16px;background:var(--cream)}
.location-panel>label{font-size:16px}
.location-panel[hidden]{display:none}
.field-help{margin:8px 0 0;color:var(--muted);font-size:14px}
.unknown-panel{display:flex;align-items:center;gap:13px}
.unknown-panel span{color:var(--accent);font-size:28px}
.unknown-panel p{margin:0;color:var(--muted);font-size:15px}
.save-profile-option{display:flex;align-items:flex-start;gap:12px;margin:4px auto 14px;padding:15px 18px;border:1px solid var(--line);border-radius:16px;background:#fffffd;cursor:pointer}
.save-profile-option input{width:20px;height:20px;margin-top:4px;accent-color:var(--accent-hover)}
.save-profile-option span{display:flex;flex-direction:column}
.save-profile-option b{color:var(--ink);font-size:16px}
.save-profile-option small{margin:3px 0 0;color:var(--muted);font-size:13px;line-height:1.6}
.privacy-note{color:var(--muted);font-size:14px;text-align:center}

/* 結果：星の地図 */
.result-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.result-header h2{font-size:clamp(25px,4vw,32px)}
.result-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}
.birth-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:24px 0 14px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--line)}
.birth-summary div{padding:12px 16px;background:#fffffd}
.birth-summary dt{color:var(--deep);font-size:13px;letter-spacing:.1em}
.birth-summary dd{margin:1px 0 0;font-size:16px}
.chart-notes{padding:10px 15px;border-left:3px solid var(--accent);border-radius:12px;background:var(--cream);color:var(--muted);font-size:14px}
.chart-notes p{margin:2px 0}
.chart-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;align-items:center;gap:26px;margin:26px 0}
.wheel-wrap{padding:12px;border-radius:50%;background:var(--cream)}
.horoscope-wheel{display:block;width:100%;height:auto;filter:drop-shadow(0 14px 22px #3d64891a)}
.horoscope-wheel text{font-family:"Noto Sans Symbols 2","Segoe UI Symbol","Yu Mincho",serif}
.angle-summary{padding:22px;border:1px solid var(--line);border-radius:18px;background:#fffffd}
.angle-summary h3{margin:0 0 12px;color:var(--deep);font-size:18px}
.angle-summary p{display:flex;justify-content:space-between;gap:10px;margin:8px 0}
.angle-summary p span{color:var(--deep);font:700 13px "Libre Baskerville",Georgia,serif}
.angle-summary p b{font-size:15px;font-weight:400}
.angle-summary small,.muted{color:var(--muted);font-size:13px}
.result-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.result-columns>section{padding:24px;border:1px solid var(--line);border-radius:18px;background:#fffffd}
.result-columns h3{margin:0 0 12px;color:var(--deep);font-size:18px}
.result-columns h3::before,.angle-summary h3::before{content:"";display:inline-block;width:7px;height:7px;background:var(--accent);transform:rotate(45deg);margin-right:10px;vertical-align:3px}
.planet-row{display:grid;grid-template-columns:30px 90px minmax(120px,1fr) auto;align-items:center;gap:7px;padding:8px 0;border-bottom:1px dotted var(--line);font-size:15px}
.planet-row:last-child{border-bottom:0}
.planet-row b{font-weight:400}
.planet-symbol{color:var(--deep);font-size:21px;text-align:center}
.planet-row em{margin-left:3px;color:#c06a5f;font:700 11px Georgia,serif}
.planet-row small{color:var(--muted);text-align:right;font-size:13px}
.aspect{display:grid;grid-template-columns:1fr 28px 1fr auto;align-items:center;gap:5px;margin:0;padding:7px 0;border-bottom:1px dotted var(--line);font-size:14px}
.aspect+.aspect{margin-top:0}
.aspect b{text-align:center}
.aspect.soft b{color:#5f84ad}
.aspect.hard b{color:#c06a5f}
.aspect.neutral b{color:#b48a35}
.aspect small{color:var(--muted)}

/* あなたを表す星座（太陽・月・アセンダントのキャラクター） */
.big-three{margin:30px 0 8px}
.big-three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;justify-content:center}
.big-three-grid.count-2{grid-template-columns:repeat(2,minmax(0,260px))}
.big-three-grid.count-1{grid-template-columns:minmax(0,260px)}
.big-three-item{margin:0;padding:20px 16px 22px;border:1px solid var(--line);border-radius:20px;background:#fffffd;text-align:center;min-width:0}
.big-three-art{display:flex;justify-content:center;align-items:center;gap:4px;min-height:150px}
.big-three-art .sign-character{display:block;width:170px;max-width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.big-three-art.is-pair .sign-character{width:110px}
.big-three-item figcaption{margin-top:8px;line-height:1.6}
.big-three-label{display:block;color:var(--deep);font-size:14px;letter-spacing:.08em}
.big-three-item strong{display:block;margin:2px 0 4px;font-family:"Zen Antique Soft","Hiragino Mincho ProN",serif;font-size:24px;font-weight:400}
.big-three-meaning{display:block;color:var(--muted);font-size:14px}
.big-three-note{margin-top:12px;text-align:center}
.pt-sign{display:inline-flex;align-items:center;gap:6px}
.pt-sign-art{display:block;width:40px;height:40px;object-fit:contain;flex-shrink:0}

/* 10天体の配置（PCは表、スマホは1天体ずつのカード） */
.planet-placement{margin-top:34px}
.planet-table-ten{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fffffd;font-size:16px;line-height:1.7}
.planet-table-ten th,.planet-table-ten td{padding:13px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.planet-table-ten thead th{background:var(--cream);color:var(--deep);font-size:14px;font-weight:400;letter-spacing:.08em;white-space:nowrap}
.planet-table-ten tbody tr:last-child>*{border-bottom:0}
.planet-table-ten tbody th{font-weight:700;color:var(--ink);white-space:nowrap}
.planet-table-ten td[data-label="度数"]{font-variant-numeric:tabular-nums;white-space:nowrap}
.pt-glyph{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:10px;border:1px solid var(--line);border-radius:50%;background:var(--cream);color:var(--deep);font-size:16px;font-weight:400;vertical-align:1px}
.pt-muted{color:var(--muted);font-size:13px}
.planet-note{margin-top:12px;text-align:center}

/* この星の地図からわかること（文章の鑑定） */
.natal-reading{margin-top:34px}
.natal-columns{grid-template-columns:minmax(0,1fr);gap:18px}
.natal-columns>section{padding:26px 30px}
.natal-columns>section p{font-size:16px;line-height:1.95}
.natal-columns>section p+p{margin-top:12px}
.natal-columns h3::before{display:none}
.reading-symbol{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:10px;border:1px solid var(--line);border-radius:50%;background:var(--cream);color:var(--deep);font-size:16px;vertical-align:2px}
.natal-note{text-align:center;margin-top:16px}
.angle-summary p.muted{display:block;font-size:15px;line-height:1.85}
.angle-summary small{display:block;margin-top:10px}

/* 締めの文・フッター内のリンク（フッター本体はサイト共通） */
.closing{max-width:760px;margin:34px auto 0;text-align:center}
.closing p{font-size:17px}
.closing .small{font-size:15px;color:var(--muted);margin-top:14px;line-height:1.9}
.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px;font-size:13px}
.attribution{margin-top:6px;font-size:12px;opacity:.8}
.attribution a{color:inherit;text-decoration:none}

/* TOPへ戻るボタン：右下に固定。600pxスクロールすると表示 */
.to-top{position:fixed;right:24px;bottom:24px;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:64px;height:64px;border-radius:50%;background:var(--accent);color:var(--btn-ink);text-decoration:none;text-shadow:0 1px 2px #3d648966;box-shadow:0 6px 18px #3d64893a;transition:opacity .25s ease,transform .25s ease,background .2s ease}
.to-top:hover{background:var(--accent-hover)}
.to-top-arrow{width:11px;height:11px;border-top:2.5px solid currentColor;border-left:2.5px solid currentColor;transform:rotate(45deg);margin-top:6px}
.to-top-label{font-family:"Libre Baskerville",Georgia,serif;font-size:12px;letter-spacing:.08em;line-height:1}
.to-top.is-hidden{opacity:0;transform:translateY(12px);pointer-events:none}

/* =========================================================
   画面幅ごとの調整
   ========================================================= */
@media(max-width:980px){
  .hero{column-gap:22px}
  .hero-art{width:150px}
  .hero h1{font-size:34px}
}
@media(max-width:860px){
  .three-columns{grid-template-columns:minmax(0,1fr)}
  .chart-layout,.result-columns{grid-template-columns:minmax(0,1fr)}
  .natal-columns{grid-template-columns:minmax(0,1fr)}
  .angle-summary{display:grid;grid-template-columns:auto 1fr 1fr;align-items:center;gap:12px}
  .angle-summary h3{margin:0}
  .result-header{display:block}
  .result-actions{justify-content:flex-start;margin-top:12px}
}
@media(max-width:700px){
  body{font-size:17px}
  .page{padding:20px 14px 30px}
  .hero{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"left title right" "lead lead lead";column-gap:8px;row-gap:14px;padding:22px 0 28px}
  .hero-title{align-self:center}
  .hero-art{width:84px}
  .hero h1{font-size:26px;letter-spacing:.06em;line-height:1.45}
  .hero h1 .title-tail{display:block}
  .hero .lead{margin-top:0;font-size:16px;line-height:1.8}
  .hero.is-long{column-gap:6px}
  .hero.is-long .hero-art{width:62px}
  .hero.is-long h1{font-size:20px;letter-spacing:.02em}
  .crumb{font-size:13px;margin-bottom:14px}
  .crumb li+li::before{margin:0 7px}
  .horo-nav{margin-bottom:20px}
  .horo-nav a{font-size:14px;padding:6px 14px}
  .panel{padding:25px 18px;border-radius:20px}
  h2{font-size:24px}
  .profile-picker{grid-template-columns:minmax(0,1fr)}
  .profile-picker label,.profile-picker select{grid-column:auto}
  .profile-button{width:100%}
  .two-columns,.date-fields{grid-template-columns:minmax(0,1fr)}
  .time-fields{grid-template-columns:1fr 10px 1fr;padding-inline:10px}
  .birth-summary{grid-template-columns:minmax(0,1fr)}
  .planet-row{grid-template-columns:28px 70px 1fr}
  .planet-row small{grid-column:3;text-align:left}
  .aspect{grid-template-columns:1fr 24px 1fr}
  .aspect small{grid-column:1/-1;text-align:right}
  .result-columns>section{padding:20px 16px}
  .angle-summary{display:block}
  .planet-table-ten,.planet-table-ten tbody,.planet-table-ten tr,.planet-table-ten th,.planet-table-ten td{display:block}
  .planet-table-ten{border:0;border-radius:0;background:none;overflow:visible}
  .planet-table-ten thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .planet-table-ten tbody{display:grid;gap:12px}
  .planet-table-ten tr{padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:#fffffd}
  .planet-table-ten tbody th,.planet-table-ten td{padding:0;border:0}
  .planet-table-ten tbody th{margin-bottom:8px;font-size:17px}
  .planet-table-ten td{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:8px;padding:3px 0;font-size:15px;white-space:normal}
  .planet-table-ten td::before{content:attr(data-label);color:var(--deep);font-size:13px}
  .planet-table-ten td{align-items:center}
  .pt-sign-art{width:34px;height:34px}
  .big-three-grid,.big-three-grid.count-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .big-three-grid.count-3 .big-three-item:first-child{grid-column:1/-1}
  .big-three-item{padding:16px 10px 18px}
  .big-three-art{min-height:120px}
  .big-three-art .sign-character{width:130px}
  .big-three-grid.count-3 .big-three-item:first-child .sign-character{width:160px}
  .big-three-art.is-pair .sign-character{width:80px}
  .big-three-item strong{font-size:20px}
  .angle-summary h3{margin:0 0 10px}
  .primary-button{font-size:17px}
  .to-top{right:14px;bottom:14px;width:54px;height:54px}
  .to-top-label{font-size:11px}
}
@media(max-width:360px){
  .page{padding-left:11px;padding-right:11px}
  .panel{padding:23px 14px}
  .hero-art{width:68px}
  .hero h1{font-size:22px}
  .hero.is-long .hero-art{width:52px}
  .hero.is-long h1{font-size:18px;letter-spacing:0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.to-top,.time-fields{transition:none}}
@media print{
  body{background:#fff}
  .hero,.crumb,.horo-nav,.profile-card,.form-card,.closing,.site-footer,.to-top,.secondary-button{display:none!important}
  .page{max-width:none;padding:0}
  .result-card{margin:0;padding:15px;border:0;box-shadow:none}
  .chart-layout{grid-template-columns:1fr 180px}
  .result-columns{break-inside:avoid}
}