/* めやす帳を Perch Creative の他のページ（心を整える四柱推命・ブランドキットなど）と同じ調子にそろえる上書き。
   各ページの <style> のあとに読み込む。計算の動き・HTMLの構造は変えない。わんケア手帳（/meyasu/wancare/）は別ブランドなので対象外。 */
:root{
  --paper:#fff;--ink:#18233e;--muted:#4e596f;--line:#cbd0dd;
  --perch-blue:#243dce;--perch-coral:#f28379;--perch-pale:#f3f5fa;
  --perch-serif:'Yu Mincho','YuMincho','Hiragino Mincho ProN','Noto Serif JP',serif;
  --perch-sans:'Yu Gothic','YuGothic','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
}
body{background:#fff;font-family:var(--perch-sans);-webkit-font-smoothing:antialiased}

/* ヘッダー：サービス名（明朝）＋小さな PERCH CREATIVE、下に墨の線 */
.site-header{border-bottom:1px solid var(--ink)}
.brand{flex-direction:column;align-items:flex-start;gap:2px}
.wordmark{font:600 24px/1.3 var(--perch-serif);letter-spacing:.04em}
.brand-name{padding-left:0;border-left:0;font:400 11px/1.8 var(--perch-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ink)}
.header-nav a:hover{text-decoration:underline;text-underline-offset:6px}

/* 見出し：明朝、2行目は Perch の青 */
h1,h2{font-family:var(--perch-serif);font-weight:500;letter-spacing:.02em}
h1 span:not(.visually-hidden){color:var(--perch-blue)}
.section-kicker,.eyebrow{color:var(--ink);font-weight:500;letter-spacing:.15em}

/* 角はとらない（丸い点・アイコンだけは丸のまま） */
main *:not(svg):not(svg *),.site-header *,.site-footer *{border-radius:0!important}
.dot,.category-nav .dot,.security-icon,input[type=radio]{border-radius:50%!important}

/* カード・入力欄：影をやめて、細い線で */
.tool-card,.result-card,.calc-form,.form-panel,.procedure-card,.guide-card,.how-card{box-shadow:none!important;border-color:var(--line)}

/* ボタン：墨の四角。主なボタンは Perch の青 */
.tool-action,.btn{border-radius:0!important}
.btn.primary,.btn-primary,button[type=submit].btn{background:var(--perch-blue);border-color:var(--perch-blue);color:#fff}

/* フッター：白地に墨の線（他のページと同じ） */
.site-footer{background:#fff;border-top:1px solid var(--ink)}