@font-face{font-family:MeelPlex;src:url('assets/arabic-regular.ttf') format('truetype');font-weight:400 500;font-display:swap}@font-face{font-family:MeelPlex;src:url('assets/arabic-bold.ttf') format('truetype');font-weight:600 900;font-display:swap}
body,input,textarea,select,button,[class*="font-"]{font-family:MeelPlex,Arial,sans-serif!important}body{background:#f6f4ef;color:#171717}.material-symbols-outlined{font-family:'Material Symbols Outlined'!important}.meel-brand{display:flex;flex-direction:column;flex-shrink:0;align-items:flex-start;color:#171717;text-decoration:none;line-height:1}.meel-logo{font-family:MeelPlex,Arial,sans-serif!important;direction:rtl;font-weight:700;letter-spacing:0;font-size:40px;line-height:1.25}.meel-section{font-size:11px;color:#686760;line-height:1.5;margin-top:2px}header{background:#f6f4eff2!important;border-bottom-color:#dad7d0!important}header nav{background:transparent!important}header nav a[aria-current=page]{background:transparent!important;box-shadow:none!important;border-radius:0!important;border-bottom:2px solid #dc552f;color:#171717!important}button:focus-visible,a:focus-visible{outline-color:#dc552f}::selection{background:#dc552f;color:white}.selected-chip{background:#171717!important;color:#fff!important}.app-bottom{background:#f6f4eff5!important;border-color:#d7d3cb!important}.app-bottom a:first-child{color:#dc552f!important}#notice{background:#171717}#info-sheet{color:#171717;background:#f6f4ef;border-color:#dad7d0}#info-sheet p{color:#686760}.sheet-close{background:#e6e2da}.tool-card{border-color:#dad7d0!important;box-shadow:none!important}.tool-card:hover{border-color:#b7afa1!important}.category-chip{box-shadow:none!important}input,textarea,select{accent-color:#dc552f}input:focus,textarea:focus{border-color:#b9a99b!important;--tw-ring-color:#dc552f33!important}body[data-page=mobile] header{background:#f6f4eff5!important}body[data-page=mobile] header .meel-logo{font-size:34px}.bg-primary-container,.bg-primary{background-color:#171717}#qr-svg svg{color:#171717}@media(max-width:767px){.meel-logo{font-size:34px}.meel-section{font-size:10px}body[data-page=mobile] .fixed.bottom-0{background:#f6f4eff5!important}.selected-chip{background:#171717!important}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

[data-mobile-hide="hero-artwork"]>div{background:linear-gradient(135deg,#fff,#eee8df 60%,#e4ded2)!important}[data-mobile-hide="hero-artwork"] svg{color:#171717!important}header .rounded-full.bg-pastel-ice-blue\/80{background:#eee8df!important}
/* MEEL POINT brand punctuation. */
.meel-logo{display:inline-flex;align-items:baseline;gap:5px}.meel-logo::after{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#dc552f;flex:none}@media(max-width:767px){.meel-logo::after{width:6px;height:6px}}

.meel-mobile-nav{display:none}@media(max-width:767px){.meel-mobile-nav{display:flex;position:fixed;inset-inline:0;bottom:0;justify-content:space-around;align-items:center;z-index:60;padding:8px 4px calc(8px + env(safe-area-inset-bottom));background:#f6f4eff5;backdrop-filter:blur(16px);border-top:1px solid #dad7d0;box-shadow:0 -2px 12px #17171708}.meel-mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:72px;min-height:48px;border-radius:12px;color:#686760;font-size:11px;line-height:1.4;text-decoration:none}.meel-mobile-nav a>.material-symbols-outlined{font-size:22px}.meel-mobile-nav a.active{background:#eee8df;color:#171717;font-weight:600}}

/* Larger, crisp point for the MEEL wordmark. */
.meel-logo::after{width:10px;height:10px;border-radius:0!important}@media(max-width:767px){.meel-logo::after{width:9px;height:9px}}

/* Approved circular point: contour traced from the accepted icon. */
.meel-logo::after{border-radius:0!important;background:#dc552f!important;-webkit-mask:url('assets/meel-rough-point.svg') center/contain no-repeat;mask:url('assets/meel-rough-point.svg') center/contain no-repeat}