@import url('/yearly-panchang.css');
:root{--wine:#681c2a;--gold:#b48a40;--paper:#fff9ed}
.tool-wrap{max-width:1180px;margin:28px auto;padding:0 20px 55px}.tool-title{font-size:2rem;color:#681c2a;margin:10px 0}.tool-copy{font-size:1.03rem;line-height:1.8}
.tool-card{background:var(--paper);border:2px solid var(--gold);border-radius:12px;padding:22px;margin:17px 0;box-shadow:0 3px 15px #68271d18}
.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:16px}.tool-card label{display:flex;flex-direction:column;gap:6px;font-weight:600;color:#592130}
.tool-card input,.tool-card select{padding:10px;max-width:100%;border:1px solid #b4a18e;background:white;border-radius:7px;font:inherit;color:#282020}
.tool-button{background:#701e2f;color:white;border:1px solid #a78e53;padding:12px 22px;border-radius:8px;font:inherit;font-weight:700;cursor:pointer}.tool-button:hover{background:#4a1321}
.tool-tag{display:inline-block;padding:5px 9px;border:1px solid #d6b774;background:#fff0c9;border-radius:20px;font-size:.82rem}.tool-muted{color:#6b5a52}.tool-status{font-weight:600;padding:10px 0;color:#681c2a}
.tool-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.tool-result{background:#fff;border:1px solid #dec18d;border-radius:9px;padding:16px}
.tool-result h3{font-size:1.05rem;color:#661b2b;margin:0 0 10px}.tool-result p{margin:7px 0;line-height:1.7}.tool-pill{background:#f8ead6;padding:4px 8px;border-radius:10px;margin-right:4px;display:inline-block}
.tool-table{border-collapse:collapse;width:100%;margin:10px 0}.tool-table td,.tool-table th{padding:10px;border-bottom:1px solid #dfd0bd;text-align:left}.tool-table th{color:#6b2231}.tool-note{border-left:4px solid #a57b32;padding:9px 15px;background:#fff3dc;line-height:1.6}
.tool-nav{display:flex;gap:18px;flex-wrap:wrap}.tool-nav a{color:#f5ddb0;text-decoration:none}.tool-nav a:hover{text-decoration:underline}
@media print{@page{size:A4;margin:14mm}.site-header,.main-nav,.topbar,.tool-form,.tool-button,.site-footer{display:none!important}.tool-card{box-shadow:none;break-inside:avoid}body{background:#fffdf5!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}}

/* Country and city picker on the Shubh Muhurat page (v6.6). */
.mu-city-label{position:relative;min-width:0}
.mu-city-options{position:absolute;top:100%;left:0;right:0;max-height:260px;overflow-y:auto;z-index:30;background:#fffdf8;border:1px solid #b48a40;box-shadow:0 8px 18px #49251b2a;border-radius:8px;padding:4px}
.mu-city-options[hidden]{display:none!important}
.mu-city-options button{display:block;width:100%;text-align:left;border:0;background:transparent;color:#44242a;font:inherit;font-weight:500;padding:9px 10px;cursor:pointer;border-radius:5px}
.mu-city-options button:hover,.mu-city-options button:focus{background:#fff0d6;outline:1px solid #b48a40}
.mu-city-options p{margin:8px;font-size:.88rem;color:#704f4f}

/* v6.7: Month-specific summary heading above muhurta date cards. */
#mu-status.mu-summary-title{font-family:Georgia,'Noto Serif Devanagari',serif;font-size:clamp(1.22rem,2.3vw,1.8rem);font-weight:700;line-height:1.5;color:#671528;margin:14px 0 10px;padding:8px 0;border-bottom:2px solid #c99438;}


/* v6.8 compact hero-compatible tool headers */
.daily-page .tool-wrap{margin-top:24px}
.daily-page .daily-hero h1 small{font-size:.52em;font-weight:500;color:#fff3d0;margin-left:10px}
.daily-page .daily-hero p{max-width:760px}

/* v6.9 — two birth forms and live Moon-sign charts in highlighted right-side panel */
.match-form{display:block!important;padding:22px!important}
.match-layout{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);gap:22px;align-items:start}
.match-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.match-inputs fieldset{min-width:0;padding:12px;border:1px solid #d6bc95;background:#fffaf2}
.match-inputs fieldset>label{margin:7px 0}
.match-inputs legend{font-size:14px;color:#4c2535}
.match-advanced{border:1px solid #dcc5a8;border-radius:8px;margin-top:12px;padding:4px 9px}
.match-advanced summary{font-size:12px;color:#682c40;cursor:pointer}
.match-advanced label{margin:8px 0}
.match-city-label{position:relative}
.match-city-options{position:absolute;left:0;right:0;top:100%;z-index:40;max-height:225px;overflow-y:auto;background:#fff;border:1px solid #bd9359;border-radius:7px;box-shadow:0 8px 22px #23121b25}
.match-city-options[hidden]{display:none}
.match-city-options button{border:0;background:white;display:block;width:100%;text-align:left;padding:9px;border-radius:0;font-size:12px}
.match-city-options button:hover,.match-city-options button:focus{background:#fff2dd}
.match-city-options p{font-size:12px;padding:8px}
.match-chart-area{padding:12px;border:1px solid #d3a96b;border-radius:12px;background:#fffbf2;min-width:0}
.match-chart-area>h2{font-size:19px;color:#70253b;margin:0 0 4px}
.match-chart-area>p{font-size:12px;margin:0 0 12px;color:#68525a}
.match-chart-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.match-chart-card{border:1px solid #e1bb82;border-radius:10px;background:#fffdf7;padding:7px;min-width:0}
.match-chart-card h3{font-size:14px;text-align:center;color:#6d2940;margin:5px 0 6px}
.match-chart-canvas{display:grid;place-items:center;min-height:220px}
.match-chart-canvas>p{font-size:12px;color:#8a6974}
.match-chart-canvas svg{display:block;width:100%;max-width:280px;height:auto;aspect-ratio:1}
.match-chart-key{font-size:10px!important;color:#755767;line-height:1.5!important;text-align:center}
.match-chart-legend{text-align:center;color:#765664;font-size:11px;margin-top:10px}
.match-submit{margin-top:18px;text-align:center}
@media(max-width:1000px){.match-layout{grid-template-columns:1fr}}
@media(max-width:600px){.match-inputs{grid-template-columns:1fr}.match-chart-canvas{min-height:145px}.match-chart-card h3{font-size:12px}.match-chart-area{padding:7px}.match-form{padding:12px!important}}
@media print{.match-chart-area{break-inside:avoid}.match-chart-pair{grid-template-columns:1fr 1fr}.match-layout{display:block}.match-inputs{display:none}}

/* v7.3 detailed Ashtakoot explanations */
.match-koot-guide{margin:25px 0 18px}.match-koot-guide>h2{color:#74253b;font-size:clamp(19px,2vw,28px);line-height:1.5}
.match-koot-guide>p{color:#70545c}.match-koot-card{display:grid;grid-template-columns:minmax(175px,230px) minmax(0,1fr);border:1px solid #d6aa64;border-radius:13px;background:#fffaf0;margin:12px 0;overflow:hidden;break-inside:avoid}
.match-koot-heading{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(130deg,#fff0d6,#fff9ef);border-right:1px solid #d6aa64}
.match-koot-icon{width:44px;height:44px;flex:none;display:grid;place-items:center;border:2px solid #d9ad54;border-radius:50%;background:#76213a;color:#fff1c4;font-size:25px}
.match-koot-heading h3{color:#74263a;margin:0 0 5px;font-size:18px}.match-koot-score{display:inline-block;background:#f6dc9e;padding:3px 9px;border-radius:30px;color:#6f243d;font-size:12px;font-weight:700}
.match-koot-description{padding:13px 18px}.match-koot-description p{font-size:13px!important;line-height:1.8!important;color:#47313a!important;margin:6px 0!important}
.match-koot-description strong{color:#832d43}.match-koot-summary{border:2px solid #b68136;border-radius:14px;background:#fff4de;text-align:center;padding:16px 20px;margin-top:20px;break-inside:avoid}.match-koot-summary h3{margin:0 0 8px;color:#76213a}.match-koot-summary p{color:#51303e;line-height:1.8}
@media(max-width:760px){.match-koot-card{grid-template-columns:1fr}.match-koot-heading{border-right:0;border-bottom:1px solid #d6aa64;padding:12px}.match-koot-description{padding:11px 14px}}
@media print{.match-koot-card{box-shadow:none;break-inside:avoid}.match-koot-guide{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
