/* === pakapaka 厄年・年齢の節目早見ツールUI (yakudoshi) === */
.yd-tool{border:1px solid #cfd8e6;border-radius:8px;padding:16px;background:#f6f9fd;}
.yd-tool .yd-field{margin:0 0 12px;}
.yd-tool .yd-label{display:block;margin:0 0 6px;font-weight:bold;}
.yd-tool .yd-seg label{margin-right:16px;cursor:pointer;}
.yd-tool .yd-seg input{margin-right:4px;}
.yd-tool .yd-date{font-size:1.1em;padding:8px;border:1px solid #aab;border-radius:5px;}
.yd-tool .wp-block-buttons{margin-top:18px;}

/* 結果（JS が生成） */
.yd-result{margin-top:4px;}
.yd-result .yd-box{border:1px solid #d7e0ee;border-radius:8px;padding:12px 14px;margin:0 0 12px;background:#fff;}
.yd-result .yd-profile{background:#eef3fa;}
.yd-result .yd-birth{margin:0 0 6px;font-weight:bold;color:#2b6cb0;}
.yd-result .yd-age{margin:0;}
.yd-result .yd-num{display:inline-block;font-size:1.25em;font-weight:bold;margin-right:16px;}
.yd-result .yd-asof{margin:6px 0 0;font-size:.82em;color:#777;}
.yd-result .yd-now p{margin:0;}
.yd-result .yd-now-hit{background:#fff3f3;border-color:#f0b8b8;}
.yd-result .yd-now-hit strong{color:#c0392b;}

.yd-result .yd-h3{margin:18px 0 8px;font-size:1.1em;font-weight:bold;border-left:5px solid #00a1f2;padding-left:8px;}

.yd-table{width:100%;border-collapse:collapse;font-size:.95em;}
.yd-table th{text-align:left;padding:7px 8px;background:#eef3fa;border-bottom:1px solid #d7e0ee;white-space:nowrap;font-weight:600;}
.yd-table td{padding:7px 8px;border-bottom:1px solid #eef0f4;white-space:nowrap;}
.yd-table .yd-wareki{display:block;font-size:.78em;color:#888;}
.yd-table tr.yd-thisyear td{background:#fff7e6;font-weight:bold;}
.yd-table .yd-tai{display:inline-block;background:#c0392b;color:#fff;border-radius:3px;font-size:.72em;padding:1px 6px;margin-left:4px;vertical-align:middle;}
.yd-gaju .yd-done{color:#999;}
.yd-gaju .yd-soon{color:#c0392b;font-weight:bold;}

.yd-result .yd-note{margin:10px 0 0;font-size:.8em;color:#777;line-height:1.6;}
.yd-err{color:#c00;font-weight:bold;margin:8px 0 0;}
