/*
Theme Name: Medžlis Jablanica — Portal
Theme URI: https://medzlis-jablanica.ba/
Author: Medžlis Islamske zajednice Jablanica
Description: Moderna portalna WordPress tema za Medžlis IZ Jablanica: vijesti, džemati, edukacija i projekat Kulturno-edukativnog centra. Samostalan dizajn inspirisan funkcionalnošću portala Medžlisa Mostar.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: medzlis-jablanica
Tags: blog, news, custom-logo, custom-menu, featured-images, right-sidebar, two-columns, translation-ready
*/
:root {
  --mj-green:#173e32;--mj-green-deep:#102e25;--mj-green-ink:#0c2c22;
  --mj-gold:#c2a25d;--mj-gold-light:#ead8a9;--mj-ink:#1d3028;
  --mj-muted:#68786f;--mj-line:#e0e7e1;--mj-paper:#f5f7f3;
  --mj-white:#fff;--mj-max:1220px;--mj-shadow:0 10px 32px rgba(13,42,29,.08);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--mj-ink);background:#fff;font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:var(--mj-green);text-underline-offset:3px}
a:hover{color:#8a6b31}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid var(--mj-gold);outline-offset:3px}
::selection{background:#e5eddf;color:var(--mj-green-ink)}
.mj-container{width:min(calc(100% - 52px),var(--mj-max));margin-inline:auto}
.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.mj-skip{position:absolute;top:-100px;left:12px;z-index:1000;padding:10px 16px;background:#fff;color:#102e25}
.mj-skip:focus{top:12px}
.mj-eyebrow{display:inline-block;color:#9b7d43;font-size:.72rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.mj-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:44px;padding:11px 20px;border:1px solid transparent;border-radius:5px;background:var(--mj-green);color:#fff;text-decoration:none;font-size:.87rem;font-weight:750;line-height:1.3;transition:background .18s,color .18s,transform .18s}
.mj-button:hover{background:var(--mj-green-deep);color:#fff;transform:translateY(-1px)}
.mj-button--gold{background:var(--mj-gold);color:#112c22}
.mj-button--gold:hover{background:#e1c681;color:#112c22}
.mj-button--outline{border-color:#b6c7bc;background:transparent;color:var(--mj-green)}
.mj-button--outline:hover{background:#e9f0eb;color:var(--mj-green)}

/* Header: slim institutional bar, editorial masthead and compact navigation */
.mj-topbar{background:var(--mj-green-deep);color:#d7e3da;font-size:.73rem;letter-spacing:.02em}
.mj-topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:32px}
.mj-topbar-links{display:flex;align-items:center;gap:18px}
.mj-topbar a{color:#e3ebe5;text-decoration:none}
.mj-topbar a:hover{color:var(--mj-gold-light)}
.mj-topbar-sep{height:12px;border-left:1px solid #7a9b87}
.mj-brandbar{background:#fff}
.mj-brandbar-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:110px;padding-block:18px}
.mj-brand{display:flex;align-items:center;gap:18px;min-width:0}
.mj-brand .custom-logo-link,.mj-brand-symbol{display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.mj-brand .custom-logo{display:block;max-width:83px;max-height:78px;width:auto;object-fit:contain}
.mj-brand-symbol{width:78px;height:78px;text-decoration:none}
.mj-brand-symbol img{width:75px;height:75px;object-fit:contain}
.mj-brand-text{display:flex;flex-direction:column;min-width:0;color:var(--mj-green-deep);text-decoration:none;line-height:1.12}
.mj-brand-eyebrow{font-size:.71rem;font-weight:800;letter-spacing:.115em}
.mj-brand-title{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:850;letter-spacing:.015em}
.mj-brand-subtitle{margin-top:5px;color:#75877b;font-size:.76rem;font-weight:500;letter-spacing:.035em}
.mj-header-actions{display:flex;align-items:center;gap:28px}
.mj-header-action-secondary{color:var(--mj-green);font-size:.84rem;font-weight:750;text-decoration:none}
.mj-header-action-secondary:hover{text-decoration:underline}
.mj-header-donate{white-space:nowrap}
.mj-nav-shell{position:relative;z-index:40;background:var(--mj-green)}
.mj-nav-inner{display:flex;align-items:center;justify-content:space-between;min-height:54px;gap:10px}
.mj-primary-nav{min-width:0;flex:1}
.mj-menu{display:flex;align-items:stretch;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.mj-menu li{position:relative;list-style:none}
.mj-menu>li>a{display:flex;align-items:center;min-height:54px;padding:12px 14px;color:#fff;text-decoration:none;font-size:.87rem;font-weight:750;line-height:1.25}
.mj-menu>li>a:hover,.mj-menu>li.current-menu-item>a,.mj-menu>li.current-menu-ancestor>a{background:rgba(0,0,0,.16);color:#f3d993}
.mj-menu .sub-menu{position:absolute;z-index:50;top:100%;left:0;min-width:230px;max-width:290px;margin:0;padding:6px 0;list-style:none;background:var(--mj-green-deep);box-shadow:0 16px 32px rgba(0,0,0,.2);visibility:hidden;opacity:0;transform:translateY(5px);transition:opacity .14s,transform .14s,visibility .14s}
.mj-menu .sub-menu .sub-menu{top:0;left:100%}
.mj-menu li:hover>.sub-menu,.mj-menu li:focus-within>.sub-menu{visibility:visible;opacity:1;transform:translateY(0)}
.mj-menu .sub-menu a{display:block;padding:10px 17px;color:#eef3ee;font-size:.83rem;line-height:1.35;text-decoration:none}
.mj-menu .sub-menu a:hover{background:rgba(255,255,255,.09);color:#f1d58c}
.mj-submenu-toggle{display:none}
.mj-nav-search{display:flex;align-items:center;flex:0 0 auto;height:36px;margin-left:6px;border:1px solid rgba(255,255,255,.24);border-radius:4px}
.mj-nav-search input{width:128px;min-width:0;height:34px;padding:5px 8px 5px 11px;border:0;background:transparent;color:#fff;font-size:.77rem;outline:none}
.mj-nav-search input::placeholder{color:#c7d7ce}
.mj-nav-search input:focus{background:rgba(255,255,255,.08)}
.mj-nav-search button{display:grid;place-items:center;width:36px;height:34px;border:0;background:transparent;color:#fff}
.mj-menu-toggle{display:none;align-items:center;gap:10px;padding:11px 4px;border:0;background:transparent;color:#fff;font-size:.92rem;font-weight:750}
.mj-hamburger{display:inline-flex;flex-direction:column;gap:4px}
.mj-hamburger span{width:22px;height:2px;border-radius:2px;background:#fff}

/* Compact homepage introduction, no blank welcome hero */
.mj-front-intro{border-bottom:1px solid var(--mj-line);background:#fafbf9}
.mj-front-intro-inner{display:flex;align-items:center;gap:11px;min-height:41px}
.mj-front-intro p{margin:0;color:#637568;font-size:.75rem;font-weight:650}
.mj-intro-dot{width:6px;height:6px;border-radius:50%;background:var(--mj-gold)}
.mj-front-intro a{margin-left:auto;color:var(--mj-green);font-size:.74rem;font-weight:750;text-decoration:none}
.mj-front-intro a:hover{text-decoration:underline}
.mj-front-lead{padding-top:34px;padding-bottom:46px}
.mj-section-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:22px}
.mj-section-heading h1,.mj-section-heading h2{margin:4px 0 0;color:var(--mj-green-ink);font-size:clamp(1.65rem,2.5vw,2.2rem);font-weight:850;line-height:1.18;letter-spacing:-.025em}
.mj-section-heading>p{max-width:380px;margin:0 0 3px;color:var(--mj-muted);font-size:.82rem;text-align:right}
.mj-section-heading--border{padding-bottom:18px;border-bottom:1px solid var(--mj-line)}
.mj-section-link{color:var(--mj-green);font-size:.82rem;font-weight:800;text-decoration:none;white-space:nowrap}
.mj-section-link:hover{text-decoration:underline}
.mj-lead-layout{display:grid;grid-template-columns:minmax(0,1.34fr) minmax(0,.81fr) minmax(0,.7fr);gap:20px;align-items:stretch}
.mj-lead-main,.mj-lead-secondary,.mj-lead-rail{min-width:0}
.mj-lead-secondary{display:grid;grid-template-rows:1fr 1fr;gap:19px}
.mj-portal-card{overflow:hidden;background:#fff;border:1px solid var(--mj-line);border-radius:5px}
.mj-portal-card-image{display:block;position:relative;overflow:hidden;aspect-ratio:16/9;background:#e3ebe5;text-decoration:none}
.mj-portal-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.mj-portal-card:hover .mj-portal-card-image img{transform:scale(1.025)}
.mj-portal-card-placeholder,.mj-card-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%;height:100%;min-height:110px;background:radial-gradient(circle at 15% 0%,#d5e4d9,transparent 50%),linear-gradient(145deg,#e6eee8,#d4e3d8);color:#8aa699}
.mj-portal-card-placeholder>span,.mj-card-image-placeholder>strong{color:#9ab7a6;font:700 clamp(2rem,5vw,4.2rem)/1 Georgia,serif;letter-spacing:-.08em}
.mj-portal-card-placeholder>small,.mj-card-image-placeholder>small{font-size:.59rem;font-weight:800;letter-spacing:.16em}
.mj-portal-card-content{padding:15px 17px 19px}
.mj-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:9px;color:#7a8b7f;font-size:.7rem;font-weight:700;line-height:1.4}
.mj-card-meta a{color:#5d7968;text-decoration:none}
.mj-card-meta a:hover{text-decoration:underline}
.mj-dot{color:#b1c1b6}
.mj-portal-card-title{margin:0;color:var(--mj-green-ink);font-size:1rem;font-weight:800;line-height:1.36;letter-spacing:-.013em}
.mj-portal-card-title a{color:inherit;text-decoration:none}
.mj-portal-card-title a:hover{color:#8a6b31}
.mj-portal-card--lead{height:100%}
.mj-portal-card--lead .mj-portal-card-image{aspect-ratio:1.47/1}
.mj-portal-card--lead .mj-portal-card-content{padding:18px 20px 20px}
.mj-portal-card--lead .mj-portal-card-title{font-size:clamp(1.24rem,1.7vw,1.65rem);line-height:1.28}
.mj-portal-card-excerpt{margin:11px 0 0;color:#6c7d72;font-size:.82rem;line-height:1.6}
.mj-portal-card--secondary .mj-portal-card-image{aspect-ratio:2.1/1}
.mj-portal-card--secondary .mj-portal-card-content{padding:12px 14px 14px}
.mj-portal-card--secondary .mj-portal-card-title{font-size:.96rem;line-height:1.34}
.mj-portal-card--secondary .mj-card-meta{margin-bottom:6px}
.mj-lead-rail{display:flex;flex-direction:column;padding:17px 19px;border:1px solid var(--mj-line);border-top:3px solid var(--mj-gold);border-radius:4px;background:#f9faf8}
.mj-lead-rail-title{padding-bottom:9px}
.mj-rail-item{padding:12px 0 13px;border-bottom:1px solid var(--mj-line)}
.mj-rail-item time{display:block;margin-bottom:5px;color:#85958a;font-size:.69rem;font-weight:650}
.mj-rail-item h3{margin:0;color:var(--mj-green-ink);font-size:.89rem;font-weight:780;line-height:1.38}
.mj-rail-item h3 a{color:inherit;text-decoration:none}
.mj-rail-item h3 a:hover{color:#8a6b31}
.mj-rail-more{display:block;margin-top:auto;padding-top:17px;color:var(--mj-green);font-size:.79rem;font-weight:800;text-decoration:none}

/* Centre campaign: real architectural rendering, not invented imagery */
.mj-project-spotlight{background:var(--mj-green-deep);color:#fff}
.mj-project-spotlight-inner{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:50px;padding-block:39px}
.mj-project-copy{padding-block:7px}
.mj-project-kicker{display:flex;align-items:center;gap:10px;color:var(--mj-gold-light);font-size:.71rem;font-weight:800;letter-spacing:.13em}
.mj-project-kicker-line{width:22px;height:2px;background:var(--mj-gold)}
.mj-project-copy h2{max-width:510px;margin:12px 0 14px;color:#fff;font-size:clamp(1.7rem,3vw,2.65rem);line-height:1.18;letter-spacing:-.03em}
.mj-project-copy p{max-width:500px;margin:0 0 23px;color:#d2e2d6;font-size:.95rem;line-height:1.65}
.mj-project-image-wrap{position:relative;min-width:0}
.mj-project-image-wrap img{display:block;width:100%;max-height:275px;aspect-ratio:1.9/1;object-fit:cover;border:1px solid rgba(255,255,255,.18);border-radius:4px}
.mj-project-image-caption{position:absolute;right:0;bottom:0;padding:7px 12px;background:rgba(8,36,27,.88);color:#eaf0e9;font-size:.7rem;font-weight:700}

/* News grid and sidebar */
.mj-section{padding-block:52px}
.mj-section--news{background:#fff}
.mj-news-layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;align-items:start;gap:36px}
.mj-news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.mj-card{min-width:0;overflow:hidden;border:1px solid var(--mj-line);border-radius:5px;background:#fff;transition:box-shadow .18s}
.mj-card:hover{box-shadow:var(--mj-shadow)}
.mj-card-image{display:block;overflow:hidden;aspect-ratio:16/9;background:#e3ebe5;text-decoration:none}
.mj-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.mj-card:hover .mj-card-image img{transform:scale(1.025)}
.mj-card-body{padding:15px 17px 18px}
.mj-card-title{margin:0;color:var(--mj-green-ink);font-size:1.05rem;font-weight:800;line-height:1.37;letter-spacing:-.01em}
.mj-card-title a{color:inherit;text-decoration:none}
.mj-card-title a:hover{color:#8a6b31}
.mj-card-excerpt{margin:9px 0 0;color:var(--mj-muted);font-size:.86rem}
.mj-card--large .mj-card-title{font-size:1.28rem}
.mj-all-news{margin-top:25px}
.mj-sidebar{min-width:0}
.mj-sidebar .widget,.mj-sidebar-box{margin:0 0 20px;padding:21px;border:1px solid var(--mj-line);border-radius:5px;background:#fff;overflow:hidden}
.mj-sidebar .widget-title,.mj-sidebar h2,.mj-sidebar h3{margin:0 0 14px;color:var(--mj-green-ink);font-size:1.05rem;line-height:1.3}
.mj-sidebar .widget ul{margin:0;padding-left:18px}
.mj-sidebar .widget li{margin-bottom:9px}
.mj-sidebar .widget img{height:auto}
.mj-sidebar .widget .textwidget{overflow-wrap:anywhere}
.mj-sidebar .widget_media_video iframe,.mj-sidebar .wp-video{max-width:100%}
.mj-sidebar .widget_custom_html a[style]{max-width:100%}
.mj-sidebar-donate{margin-bottom:20px;padding:25px;background:var(--mj-green);color:#fff;border-radius:5px}
.mj-sidebar-donate h2{margin:0 0 12px;color:#fff;font-size:1.22rem}
.mj-sidebar-donate p{margin:0 0 18px;color:#dce9df;font-size:.89rem}
.mj-sidebar-box ul{margin:0;padding-left:18px}
.mj-sidebar-box li{margin-bottom:7px;font-size:.88rem}

/* Džemati links use the site's existing menu, not hard-coded slugs */
.mj-dzemati-section{padding-block:55px;background:var(--mj-paper);border-block:1px solid var(--mj-line)}
.mj-dzemati-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:46px;align-items:start}
.mj-dzemati-heading h2{margin:7px 0 12px;color:var(--mj-green-ink);font-size:clamp(1.55rem,2.3vw,2.1rem);line-height:1.2}
.mj-dzemati-heading p{margin:0 0 16px;color:var(--mj-muted);font-size:.87rem}
.mj-dzemati-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.mj-dzemat-link{display:flex;align-items:center;gap:13px;min-width:0;min-height:60px;padding:12px 15px;border:1px solid #e0e7df;border-radius:4px;background:#fff;color:var(--mj-green-ink);font-size:.88rem;font-weight:750;line-height:1.35;text-decoration:none;transition:border-color .16s,transform .16s}
.mj-dzemat-link:hover{border-color:#a8bdb0;color:var(--mj-green);transform:translateY(-1px)}
.mj-dzemat-number{color:#b59a65;font-size:.75rem;font-weight:800}
.mj-dzemat-arrow{margin-left:auto;color:#b59a65}
.mj-topics-section{padding-block:53px}
.mj-topics-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.mj-topic{display:flex;flex-direction:column;position:relative;gap:7px;min-height:120px;padding:18px 15px;border:1px solid var(--mj-line);border-top:3px solid var(--mj-green);border-radius:4px;background:#fff;text-decoration:none}
.mj-topic:hover{background:#f8faf7;border-top-color:var(--mj-gold)}
.mj-topic-label{max-width:95%;color:var(--mj-green-ink);font-size:.92rem;font-weight:800;line-height:1.35}
.mj-topic-count{margin-top:auto;color:#89988c;font-size:.72rem}
.mj-topic-arrow{position:absolute;right:12px;bottom:14px;color:#a58a57}

/* Inner pages, archive, article */
.mj-page-header{padding-block:31px 32px;background:var(--mj-paper);border-bottom:1px solid var(--mj-line)}
.mj-page-header h1{margin:7px 0 0;color:var(--mj-green-ink);font-size:clamp(1.8rem,3.3vw,2.8rem);line-height:1.2;letter-spacing:-.025em}
.mj-page-header p{max-width:780px;margin:11px 0 0;color:var(--mj-muted)}
.mj-content-shell{padding-block:36px 65px}
.mj-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;align-items:start;gap:40px}
.mj-main{min-width:0}
.mj-archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}
.mj-pagination{margin-top:35px}
.mj-pagination .nav-links{display:flex;flex-wrap:wrap;gap:7px}
.mj-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:39px;min-height:39px;padding:6px 11px;border:1px solid var(--mj-line);border-radius:4px;color:var(--mj-green);font-size:.88rem;font-weight:750;text-decoration:none}
.mj-pagination .page-numbers.current,.mj-pagination a.page-numbers:hover{background:var(--mj-green);border-color:var(--mj-green);color:#fff}
.mj-breadcrumb{color:var(--mj-muted);font-size:.78rem}
.mj-breadcrumb a{color:var(--mj-green);text-decoration:none}
.mj-article-title{margin:0 0 14px;color:var(--mj-green-ink);font-size:clamp(2rem,4vw,3.1rem);line-height:1.17;letter-spacing:-.035em}
.mj-article-meta{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:24px;color:var(--mj-muted);font-size:.85rem}
.mj-article-cover{display:block;width:100%;height:auto;margin:0 0 30px;border-radius:5px}
.mj-article-content,.mj-page-content{color:#263b30;font-size:1.04rem;line-height:1.85;overflow-wrap:anywhere}
.mj-article-content>:first-child,.mj-page-content>:first-child{margin-top:0}
.mj-article-content h2,.mj-page-content h2{margin:1.6em 0 .6em;color:var(--mj-green-ink);font-size:clamp(1.35rem,2.4vw,1.8rem);line-height:1.3}
.mj-article-content h3,.mj-page-content h3{color:var(--mj-green-ink);font-size:1.25rem}
.mj-article-content p,.mj-page-content p{margin:0 0 1.25em}
.mj-article-content img,.mj-page-content img{height:auto;max-width:100%}
.mj-article-content blockquote,.mj-page-content blockquote{margin:26px 0;padding:8px 25px;border-left:4px solid var(--mj-gold);background:var(--mj-paper)}
.mj-article-content figure,.mj-page-content figure{max-width:100%}
.mj-article-content iframe,.mj-page-content iframe{max-width:100%}
.mj-article-content table,.mj-page-content table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
.mj-article-content th,.mj-article-content td,.mj-page-content th,.mj-page-content td{padding:9px 12px;border:1px solid var(--mj-line)}
.mj-article-content .alignwide,.mj-page-content .alignwide{max-width:100%}
.mj-post-taxonomy{margin-top:30px;padding-top:22px;border-top:1px solid var(--mj-line);font-size:.86rem}
.mj-post-taxonomy a{display:inline-block;margin:0 5px 7px 0;padding:4px 11px;background:#eaf1eb;text-decoration:none}
.mj-post-nav{margin-top:30px;padding-top:20px;border-top:1px solid var(--mj-line)}
.mj-post-nav .nav-links{display:flex;justify-content:space-between;gap:25px}
.mj-post-nav a{font-weight:750;text-decoration:none}
.mj-donation-page .mj-content-shell{padding-top:0}
.mj-donation-page .mj-page-content{font-size:1rem}
.mj-empty{padding:27px;background:var(--mj-paper);border-radius:5px}
.mj-search-form{display:flex;gap:8px}
.mj-search-form input{flex:1;min-width:0;padding:10px 12px;border:1px solid #c6d4ca;border-radius:4px}
.mj-search-form button{border:0}

/* Footer */
.mj-footer{background:var(--mj-green-deep);color:#d3e2d8}
.mj-footer-main{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:52px;padding-block:53px 43px}
.mj-footer h2,.mj-footer h3{margin:0 0 15px;color:#fff;font-size:1.03rem}
.mj-footer p{max-width:390px;margin:0 0 17px;font-size:.88rem}
.mj-footer a{color:#e4eee7;text-decoration:none}
.mj-footer a:hover{color:#f1d58c}
.mj-footer ul{margin:0;padding:0;list-style:none}
.mj-footer li{margin-bottom:8px;font-size:.88rem}
.mj-footer-bottom{padding-block:17px;border-top:1px solid rgba(255,255,255,.14);font-size:.78rem}
.mj-footer-bottom-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
.mj-footer-bottom p{margin:0}
.mj-footer .widget{margin-bottom:16px}
.mj-footer .mj-button--gold{color:#112c22}
.mj-footer .mj-button--gold:hover{color:#112c22}
/* Comments */
.mj-comments{margin-top:45px;padding-top:28px;border-top:1px solid var(--mj-line)}
.mj-comments .comment-list{padding-left:25px}
.mj-comments .comment-body{margin-bottom:25px}
.mj-comments input:not([type=submit]),.mj-comments textarea{display:block;width:100%;max-width:600px;padding:10px;border:1px solid var(--mj-line);border-radius:4px}
.mj-comments input[type=submit]{padding:11px 18px;border:0;border-radius:4px;background:var(--mj-green);color:#fff}

@media(max-width:1160px){
  .mj-menu>li>a{padding-inline:10px;font-size:.82rem}
  .mj-nav-search input{width:105px}
  .mj-lead-layout{grid-template-columns:minmax(0,1.18fr) minmax(0,.85fr) minmax(0,.72fr);gap:15px}
  .mj-lead-secondary{gap:15px}
  .mj-portal-card--lead .mj-portal-card-image{aspect-ratio:1.3/1}
  .mj-lead-rail{padding-inline:14px}
  .mj-news-layout,.mj-content-layout{grid-template-columns:minmax(0,1fr) 260px;gap:26px}
}
@media(max-width:960px){
  .mj-header-action-secondary{display:none}
  .mj-brandbar-inner{min-height:95px}
  .mj-nav-inner{flex-wrap:wrap;gap:0}
  .mj-nav-top{display:flex;flex:1;align-items:center;min-height:52px}
  .mj-menu-toggle{display:inline-flex}
  .mj-nav-search{margin-left:auto}
  .mj-primary-nav{display:none;order:3;flex:0 0 100%;padding:0 0 12px}
  .mj-primary-nav.is-open{display:block}
  .mj-menu{display:block}
  .mj-menu li{position:relative}
  .mj-menu>li>a{min-height:44px;padding:12px 45px 12px 12px;border-top:1px solid rgba(255,255,255,.13);font-size:.92rem}
  .mj-menu .sub-menu,.mj-menu .sub-menu .sub-menu{position:static;display:none;min-width:0;max-width:none;margin:0;padding:0 0 0 18px;visibility:visible;opacity:1;transform:none;box-shadow:none;background:transparent}
  .mj-menu li.is-expanded>.sub-menu{display:block}
  .mj-menu .sub-menu a{padding:11px 46px 11px 14px;border-top:1px solid rgba(255,255,255,.09)}
  .mj-submenu-toggle{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.18);border-radius:3px;background:rgba(0,0,0,.1);color:#fff}
  .mj-submenu-toggle span{font-size:1.35rem;line-height:1;transition:transform .15s}
  .mj-menu li.is-expanded>.mj-submenu-toggle span{transform:rotate(180deg)}
  .mj-lead-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
  .mj-lead-rail{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
  .mj-lead-rail-title,.mj-rail-more{grid-column:1/-1}
  .mj-lead-rail-title{padding-bottom:0}
  .mj-rail-more{margin-top:8px}
  .mj-project-spotlight-inner{gap:25px}
  .mj-news-layout,.mj-content-layout{grid-template-columns:minmax(0,1fr) 240px;gap:22px}
  .mj-dzemati-layout{grid-template-columns:220px minmax(0,1fr);gap:25px}
  .mj-topics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:740px){
  .mj-container{width:min(calc(100% - 34px),var(--mj-max))}
  .mj-topbar-inner{min-height:29px;font-size:.68rem}
  .mj-topbar-links{gap:8px}
  .mj-topbar-links a,.mj-topbar-sep{display:none}
  .mj-brandbar-inner{min-height:83px;padding-block:10px}
  .mj-brand{gap:10px}
  .mj-brand-symbol{width:58px;height:58px}
  .mj-brand-symbol img{width:56px;height:56px}
  .mj-brand .custom-logo{max-width:62px;max-height:59px}
  .mj-brand-eyebrow{font-size:.57rem}
  .mj-brand-title{font-size:1.63rem}
  .mj-brand-subtitle{font-size:.64rem}
  .mj-header-donate{display:none}
  .mj-front-intro-inner{min-height:38px}
  .mj-front-intro p{font-size:.71rem}
  .mj-front-intro a{display:none}
  .mj-front-lead{padding-top:24px;padding-bottom:33px}
  .mj-section-heading{align-items:start;gap:9px;margin-bottom:18px}
  .mj-section-heading>p{display:none}
  .mj-section-heading h1,.mj-section-heading h2{font-size:1.65rem}
  .mj-lead-layout{grid-template-columns:1fr;gap:17px}
  .mj-portal-card--lead .mj-portal-card-image{aspect-ratio:16/10}
  .mj-portal-card--lead .mj-portal-card-content{padding:16px 18px 18px}
  .mj-portal-card--lead .mj-portal-card-title{font-size:1.3rem}
  .mj-lead-secondary{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:12px}
  .mj-portal-card--secondary .mj-portal-card-image{aspect-ratio:16/10}
  .mj-lead-rail{grid-column:auto}
  .mj-project-spotlight-inner{grid-template-columns:1fr;gap:24px;padding-block:31px}
  .mj-project-copy h2{font-size:1.9rem}
  .mj-project-image-wrap img{max-height:290px}
  .mj-section{padding-block:39px}
  .mj-news-layout,.mj-content-layout{grid-template-columns:1fr;gap:28px}
  .mj-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .mj-sidebar .widget,.mj-sidebar-box,.mj-sidebar-donate{margin:0}
  .mj-dzemati-section{padding-block:40px}
  .mj-dzemati-layout{grid-template-columns:1fr;gap:20px}
  .mj-dzemati-heading p{max-width:480px}
  .mj-topics-section{padding-block:40px}
  .mj-footer-main{grid-template-columns:1fr 1fr;gap:27px;padding-block:42px 30px}
  .mj-footer-main>div:first-child{grid-column:1/-1}
}
@media(max-width:480px){
  .mj-container{width:min(calc(100% - 30px),var(--mj-max))}
  .mj-brand-eyebrow{font-size:.53rem;letter-spacing:.06em}
  .mj-brand-title{font-size:1.45rem}
  .mj-nav-search input{width:105px}
  .mj-lead-secondary{grid-template-columns:1fr;gap:15px}
  .mj-portal-card--secondary .mj-portal-card-image{aspect-ratio:16/8}
  .mj-lead-rail{display:block}
  .mj-news-grid,.mj-archive-grid{grid-template-columns:1fr;gap:17px}
  .mj-dzemati-grid{grid-template-columns:1fr;gap:9px}
  .mj-topics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .mj-topic{min-height:108px}
  .mj-sidebar{grid-template-columns:1fr}
  .mj-footer-main{grid-template-columns:1fr}
  .mj-footer-main>div:first-child{grid-column:auto}
  .mj-post-nav .nav-links{flex-direction:column}
  .mj-article-title{font-size:1.85rem}
  .mj-page-header{padding-block:26px}
  .mj-article-content,.mj-page-content{font-size:1rem}
  .mj-content-shell{padding-block:28px 45px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}