/* MUHSIRA — unified editorial mobile-first design system */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&family=Noto+Sans+Malayalam:wght@400;500;600;700&display=swap');
:root{--mp-ink:#292322;--mp-muted:#776b68;--mp-paper:#fbf7f3;--mp-card:#fffdfa;--mp-accent:#a94f60;--mp-accent-dark:#7e3548;--mp-line:#eadbd5;--mp-soft:#f4e8e2;--mp-sage:#dce4d6;--mp-radius:26px;--mp-shadow:0 18px 50px rgba(71,42,35,.07)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0!important;background:var(--mp-paper)!important;color:var(--mp-ink)!important;font-family:'DM Sans','Noto Sans Malayalam',system-ui,sans-serif!important;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto}a{color:inherit;overflow-wrap:anywhere;text-underline-offset:4px}button,input,select,textarea{font:inherit;max-width:100%}button,a,[role=button]{-webkit-tap-highlight-color:transparent}h1,h2,h3{font-family:'Playfair Display',Georgia,serif!important;line-height:1.13;letter-spacing:-.035em;overflow-wrap:break-word;color:var(--mp-ink)}p{overflow-wrap:anywhere;color:var(--mp-muted)}main,form{width:100%;min-width:0}::selection{background:#ead0d0;color:#512b30}
:focus-visible{outline:3px solid #c7838b;outline-offset:3px}
button,input[type=submit],input[type=button]{min-height:48px;cursor:pointer}
input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{width:100%;min-height:50px;padding:13px 15px;border:1px solid var(--mp-line)!important;border-radius:15px!important;background:#fffdfa!important;color:var(--mp-ink)!important;box-sizing:border-box;font:inherit!important;transition:border-color .2s,box-shadow .2s}
textarea{min-height:120px}input:focus,select:focus,textarea:focus{outline:none;border-color:#b56a76!important;box-shadow:0 0 0 4px #b56a7618}
input[type=checkbox],input[type=radio]{accent-color:var(--mp-accent);width:18px;height:18px;flex:0 0 auto}
header,.top{position:sticky;top:0;z-index:40;background:rgba(251,247,243,.9)!important;color:var(--mp-ink)!important;border-bottom:1px solid var(--mp-line)!important;box-shadow:0 4px 20px #3e252008;backdrop-filter:blur(18px)}
header a,.top a{color:inherit}
nav{gap:8px}
nav a,.navlinks a,.bar a{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--mp-line)!important;border-radius:999px!important;padding:9px 14px!important;background:#fffdfa!important;color:var(--mp-accent-dark)!important;font-size:12px;font-weight:700;text-decoration:none;transition:transform .2s,background .2s}
nav a:hover,.navlinks a:hover,.bar a:hover{background:var(--mp-soft)!important;transform:translateY(-1px)}
main,.wrap,.content,.container{min-width:0}
.hero{border:1px solid var(--mp-line)!important;border-radius:32px!important;background:linear-gradient(145deg,#fffdfa 0%,#f7eae5 100%)!important;box-shadow:var(--mp-shadow)!important;overflow:hidden}
.hero:before{color:#bd7b81!important}
.form,.panel,.stat,.card,.result-card,.section,.group,.field,.photo{border-radius:var(--mp-radius)}
.form,.panel,.stat,.result-card{background:var(--mp-card)!important;border:1px solid var(--mp-line)!important;box-shadow:var(--mp-shadow)!important}
.eyebrow,.pill,.meta,.badge{border-radius:999px}
.eyebrow{background:#f2e4dc!important;color:var(--mp-accent-dark)!important;border-color:#e7d0c7!important;letter-spacing:.12em}
h1{color:var(--mp-accent-dark)!important;letter-spacing:-.045em}
.group{border-color:var(--mp-line)!important}
.group h2{color:var(--mp-accent-dark)!important}
.group h2:before{background:var(--mp-accent)!important}
.choices label,.ratings label{background:#fffdfa!important;border:1px solid var(--mp-line)!important;border-radius:15px!important;padding:11px 13px!important;transition:border-color .2s,background .2s}
.choices label:has(input:checked),.ratings label:has(input:checked){border-color:var(--mp-accent)!important;background:#f8ece8!important}
.photo{background:#f8efea!important;border:1px dashed #d8bcb4!important;border-radius:22px!important}
.actions button,.primary,.btn.primary,button[type=submit],input[type=submit]{background:var(--mp-accent-dark)!important;color:#fff!important;border:1px solid var(--mp-accent-dark)!important;border-radius:999px!important;padding:13px 20px!important;font-weight:700!important;box-shadow:0 8px 18px #7e35481c}
.actions .secondary,.secondary{background:#f2e5df!important;color:var(--mp-accent-dark)!important;border-color:var(--mp-line)!important;box-shadow:none!important}
.privacy{background:#f7f0e3!important;border-left:4px solid #c6a36d!important;border-radius:0 15px 15px 0}
#status.show{background:#e6f0e6!important;color:#355b3b!important;border-radius:15px}
#status.error{background:#fae8e5!important;color:#8b3434!important;border-radius:15px}
table{width:100%;border-collapse:collapse}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--mp-line);overflow-wrap:anywhere}
footer,.foot{padding:26px 16px!important;color:var(--mp-muted)!important;border-color:var(--mp-line)!important}
footer a{color:var(--mp-accent-dark)!important}
@media(max-width:700px){
 body{font-size:15px!important;overflow-x:hidden}
 header{padding-left:16px!important;padding-right:16px!important}
 header nav,nav{max-width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
 nav a,.navlinks a{font-size:11px!important;white-space:nowrap}
 main,.wrap,.content,.container{width:auto!important;max-width:100%!important;margin-left:16px!important;margin-right:16px!important}
 main{padding-bottom:36px}
 section{scroll-margin-top:88px}
 h1{font-size:clamp(2.25rem,11vw,3.6rem)!important}
 h2{font-size:clamp(1.7rem,7vw,2.4rem)!important}
 h3{font-size:1.25rem!important}
 .grid,.stats,.choices,.navlinks{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 .grid{display:grid!important}
 .stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .field,.group,.stat,.card,.result-card,.panel{min-width:0!important;box-sizing:border-box}
 .field.full{grid-column:1/-1}
 .bar,.top{padding:12px 0!important}
 .bar{align-items:center!important;flex-wrap:wrap!important}
 .bar .wrap,.top .wrap,.wrap.nav{width:auto!important;margin:0!important;gap:10px!important;flex-wrap:wrap}
 .hero{padding:24px 18px!important;border-radius:25px!important}
 .form{padding:18px!important;border-radius:24px!important}
 .photo img{width:100%;height:auto;object-fit:cover}
 .form button,.form input[type=submit],form button[type=submit],form input[type=submit],.actions button{width:100%;min-height:50px}
 .navlinks a{padding:9px 12px!important}
 .meta,.pill{max-width:100%;white-space:normal;overflow-wrap:anywhere}
 table{display:block;overflow-x:auto;white-space:normal}
 .stat{padding:16px!important}
 .stat strong{font-size:26px!important}
 .section-title{margin-top:28px!important}
 .section-title h2{font-size:27px!important}
 .hero p,.lead{font-size:15px!important}
 .actions{display:grid!important;grid-template-columns:1fr!important}
}
@media(min-width:701px){
 body{font-size:16px}
 main,.wrap{max-width:1120px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}