/*
 * NamOpportunities styles for MH Magazine.
 * Every rule is scoped to .namopps (or .namopps-footer) so MH Magazine's own design is not changed.
 */

.namopps, .namopps-footer {
	--ink: #0a1f44;
	--blue: #0b4ea2;
	--blue-deep: #06306a;
	--red: #c8102e;
	--red-dark: #a50d26;
	--green: #00784a;
	--sun: #ffc72c;
	--bg: #f4f6f9;
	--paper: #fff;
	--line: #dce2ec;
	--muted: #556178;
	--radius: 10px;
	--nm-font: "Open Sans", Helvetica, Arial, sans-serif;
	box-sizing: border-box;
}
.namopps *, .namopps *::before, .namopps *::after,
.namopps-footer *, .namopps-footer *::before, .namopps-footer *::after { box-sizing: border-box; }
.namopps img { max-width: 100%; height: auto; }
.namopps ul, .namopps ol { margin: 0; padding: 0; list-style: none; }
.namopps p { margin: 0 0 1em; }
.namopps a { text-underline-offset: 2px; }

/* Initials avatars are used everywhere (MH author box, comments), so they are not scoped */
.avatar--initials { display: inline-grid; place-items: center; border-radius: 50%; flex: none; background: hsl(var(--h) 42% 32%); color: #fff; font-weight: 700; line-height: 1; }
.mh-comment-list .avatar--initials, .mh-author-box .avatar--initials { float: left; margin: 0 15px 0 0; }

.namopps h1, .namopps h2, .namopps h3, .namopps h4 { font-family: var(--nm-font); line-height: 1.15; margin: 0 0 .5em; letter-spacing: -.01em; }
.namopps .btn { display: inline-flex; align-items: center; justify-content: center; gap: .5em; border: 2px solid transparent; border-radius: 8px; padding: .7em 1.2em; font: 600 .95rem/1.2 var(--nm-font); text-decoration: none; cursor: pointer; transition: background-color .15s, border-color .15s; }
.namopps .btn--red { background: var(--red); color: #fff; }
.namopps .btn--red:hover { background: var(--red-dark); color: #fff; }
.namopps .btn--green { background: var(--green); color: #fff; }
.namopps .btn--green:hover { background: #005f3a; color: #fff; }
.namopps .btn--ghost { background: var(--paper); color: var(--ink); border-color: var(--line); }
.namopps .btn--ghost:hover { border-color: var(--ink); color: var(--ink); }
.namopps .btn--lg { padding: .95em 1.6em; font-size: 1.05rem; }
.namopps .btn--sm { padding: .45em .9em; font-size: .85rem; }
.namopps .btn--block { width: 100%; }
.namopps .opp-search { display: grid; gap: 12px; background: var(--paper); color: var(--ink); padding: 16px; border-radius: 14px; box-shadow: 0 18px 40px -18px rgba(0, 0, 0, .55); max-width: 900px; }
.namopps .opp-search__field label { display: block; font-size: .82rem; font-weight: 600; color: var(--muted); margin-bottom: 4px; }
.namopps .opp-search input[type="search"], .namopps .opp-search select, .namopps .search-form input[type="search"] { width: 100%; height: 48px; border: 2px solid var(--line); border-radius: 8px; padding: 0 12px; font: inherit; color: var(--ink); background: #fff; }
.namopps .opp-search input:focus, .namopps .opp-search select:focus { border-color: var(--blue); outline: none; box-shadow: 0 0 0 3px rgba(11, 78, 162, .2); }
.namopps .opp-search .btn { height: 48px; align-self: end; }
.namopps .opp-search--compact { margin-top: 18px; box-shadow: none; border: 1px solid var(--line); }
.namopps .search-form { display: flex; gap: 8px; }
.namopps .section-head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 14px; }
.namopps .section-head h2 { font-size: 1.6rem; margin: 0; }
.namopps .more { margin-top: 20px; }
.namopps .badge { border-radius: 999px; padding: 2px 10px; font-size: .78rem; font-weight: 600; background: var(--bg); border: 1px solid var(--line); color: #34425e; }
.namopps .badge--urgent { background: #fdecef; border-color: #f2b8c2; color: var(--red-dark); }
.namopps .badge--closed { background: #eceff4; color: var(--muted); text-decoration: line-through; }
.namopps .widget { background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); padding: 18px; }
.namopps .widget__title { font-size: 1.1rem; margin-bottom: .6em; }
.namopps .widget--wa { border-color: var(--green); background: #effaf4; }
.namopps .widget--wa p { font-size: .94rem; }
.namopps .widget ul { list-style: none; }
.namopps .widget li { padding: 6px 0; }
.namopps .soon li { padding: 10px 0; border-top: 1px solid var(--line); display: grid; gap: 2px; }
.namopps .soon li:first-child { border-top: 0; padding-top: 0; }
.namopps .soon a { color: var(--ink); font-weight: 600; text-decoration: none; line-height: 1.3; }
.namopps .soon a:hover { color: var(--blue); }
.namopps .soon__when { font-size: .84rem; color: var(--muted); }
.namopps .soon__when--urgent { color: var(--red); }
.namopps .chips { display: flex; flex-wrap: wrap; gap: 8px; }
.namopps .chips a { display: inline-flex; padding: 6px 14px; border: 1px solid var(--line); border-radius: 999px; text-decoration: none; color: var(--ink); font-size: .9rem; background: var(--bg); }
.namopps .chips a:hover, .namopps .chips a[aria-current] { border-color: var(--ink); background: var(--ink); color: #fff; }
.namopps .chips--tabs { margin-top: 16px; }
.namopps .chips--tags { margin: 22px 0; }
.namopps .crumbs { display: flex; flex-wrap: wrap; gap: 4px 0; font-size: .86rem; color: var(--muted); margin-bottom: 12px; }
.namopps .crumbs a { color: var(--muted); }
.namopps .crumbs a::after, .namopps .crumbs span::before { content: ""; }
.namopps .crumbs > * + *::before { content: "/"; margin: 0 8px; color: var(--line); }
.namopps .alert { background: #fdecef; border: 1px solid #f2b8c2; color: #7d0a1e; padding: 12px 16px; border-radius: var(--radius); }
.namopps .apply { margin-top: 30px; background: var(--paper); border: 2px solid var(--ink); border-radius: var(--radius); padding: 22px; }
.namopps .apply h2 { font-size: 1.3rem; }
.namopps .apply__due { margin: 12px 0 0; color: var(--muted); font-size: .92rem; }
.namopps .scam { margin-top: 20px; padding: 12px 16px; border-left: 4px solid var(--sun); background: #fff8e1; font-size: .92rem; }
.namopps .author-box { display: flex; gap: 16px; margin-top: 28px; padding: 18px; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); }
.namopps .author-box img { border-radius: 50%; flex: none; }
.namopps .author-box p { margin: 0; font-size: .94rem; }
.namopps .author-box__name { font-weight: 600; }
.namopps .related { background: var(--paper); border-top: 1px solid var(--line); padding: 36px 0 44px; }
.namopps .related h2 { font-size: 1.6rem; }
.namopps .empty { background: var(--paper); border: 1px dashed #b9c6dc; border-radius: var(--radius); padding: 32px 22px; text-align: center; }
.namopps .empty h2, .namopps .empty h3 { font-size: 1.3rem; }
.namopps .pagination { margin-top: 26px; }
.namopps .nav-links { display: flex; flex-wrap: wrap; gap: 6px; }
.namopps .page-numbers { padding: 8px 14px; border: 1px solid var(--line); background: var(--paper); border-radius: 8px; text-decoration: none; color: var(--ink); }
.namopps .page-numbers.current { background: var(--ink); color: #fff; border-color: var(--ink); }
.namopps .comments { margin-top: 40px; }
.namopps .comment-list { list-style: none; padding: 0; }
.namopps .comment-form input[type="text"], .namopps .comment-form input[type="email"], .namopps .comment-form input[type="url"], .namopps .comment-form textarea { width: 100%; border: 2px solid var(--line); border-radius: 8px; padding: 10px; font: inherit; }
.namopps .comment-form input[type="submit"] { background: var(--red); color: #fff; border: 0; border-radius: 8px; padding: 12px 20px; font: 600 1rem var(--nm-font); cursor: pointer; }
.namopps figcaption { font-size: .85rem; color: var(--muted); }
.namopps-footer { background: var(--ink); color: #c4d0e8; padding-top: 46px; border-top: 6px solid var(--red); }
.namopps .footer-grid { display: grid; gap: 30px; }
.namopps .footer-title { color: #fff; font-size: 1.05rem; margin-bottom: .8em; }
.namopps .footer-about { margin-top: 14px; max-width: 42ch; font-size: .95rem; }
.namopps .footer-social { display: flex; gap: 16px; }
.namopps-footer a { color: #fff; text-decoration-color: rgba(255, 255, 255, .35); }
.namopps-footer a:hover { color: var(--sun); }
.namopps .footer-list li { margin-bottom: 6px; font-size: .94rem; }
.namopps .footer-base { border-top: 1px solid rgba(255, 255, 255, .14); margin-top: 34px; padding-top: 18px; padding-bottom: 26px; font-size: .84rem; color: #9fb0d0; }
.namopps .footer-base p { margin: 0; }
@media (min-width: 640px) {
.namopps .opp-search { grid-template-columns: 1fr auto; align-items: end; padding: 14px; }
.namopps .footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 960px) {
.namopps .footer-grid { grid-template-columns: 1.3fr 1fr 1fr 1fr 1fr; }
}
@media print {
.namopps-footer, .namopps .share, .namopps .related { display: none !important; }
}
.namopps .btn--fb { background: #1877f2; color: #fff; }
.namopps .btn--fb:hover { background: #125fc2; color: #fff; }
.namopps .icon { flex: none; }
.namopps .strip__regions { display: flex; align-items: center; gap: 12px; margin-top: 4px; }
.namopps .region-card { display: grid; gap: 4px; padding: 16px; background: var(--paper); border: 1px solid var(--line); border-left: 5px solid var(--blue); border-radius: 12px; text-decoration: none; color: var(--ink); height: 100%; }
.namopps .region-card:hover { border-left-color: var(--red); box-shadow: 0 10px 24px -16px rgba(10, 31, 68, .55); }
.namopps .region-card__name { font: 800 1.15rem var(--nm-font); }
.namopps .region-card__count { font-size: .86rem; color: var(--muted); }
.namopps .result-count { color: var(--muted); font-size: .92rem; margin-bottom: 12px; }
.namopps .other-regions { margin-top: 36px; }
.namopps .other-regions h2 { font-size: 1.2rem; }
.namopps .admin-hint { font-size: .88rem; background: #fff8e1; border-left: 4px solid var(--sun); padding: 10px 14px; margin-top: 14px; }
.namopps .entry--intro { margin-bottom: 20px; }
.namopps .crumbs { display: flex; }
.namopps .widget--wa .widget__title { display: flex; align-items: center; gap: 8px; color: #0b6b3a; }
.namopps .widget--wa .icon, .namopps .wa-banner > .icon { color: #25d366; }
.namopps .widget--fb .widget__title { display: flex; align-items: center; gap: 8px; }
.namopps .widget--fb .icon--facebook { color: #1877f2; }
.namopps .fb-embed { margin: 0 -6px 12px; min-height: 120px; overflow: hidden; }
.namopps .fb-embed iframe { display: block; max-width: 100%; }
.namopps .share { display: block; margin-top: 22px; padding: 20px; background: var(--paper); border: 1px solid var(--line); border-radius: 12px; }
.namopps .share__title { font-size: 1.2rem; margin-bottom: .2em; }
.namopps .share__text { color: var(--muted); font-size: .94rem; margin-bottom: 14px; }
.namopps .share__list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.namopps .sbtn { display: flex; align-items: center; gap: 10px; padding: 11px 14px; border: 0; border-radius: 10px; color: #fff; font: 600 .95rem var(--nm-font); text-decoration: none; cursor: pointer; }
.namopps .sbtn:hover { color: #fff; filter: brightness(.92); }
.namopps .sbtn--whatsapp { background: #25d366; }
.namopps .sbtn--facebook { background: #1877f2; }
.namopps .sbtn--x { background: #000; }
.namopps .sbtn--telegram { background: #229ed9; }
.namopps .sbtn--linkedin { background: #0a66c2; }
.namopps .sbtn--link { background: var(--ink); }
.namopps .avatar { border-radius: 50%; display: inline-block; flex: none; }
.namopps .avatar--initials { display: inline-grid; place-items: center; background: hsl(var(--h) 42% 32%); color: #fff; font-weight: 700; font-family: var(--nm-font); line-height: 1; }
.namopps .comments { margin-top: 28px; background: var(--paper); border: 1px solid var(--line); border-radius: 14px; padding: 20px 18px; }
.namopps .comments__title { font-size: 1.3rem; margin-bottom: .2em; }
.namopps .comments__intro { color: var(--muted); font-size: .94rem; }
.namopps .comment-respond { background: var(--bg); border-radius: 12px; padding: 14px; margin: 14px 0 22px; }
.namopps .comment-reply-title { font: 700 1.05rem var(--nm-font); margin-bottom: 8px; }
.namopps .comment-reply-title small a { font: 500 .85rem var(--nm-font); margin-left: 10px; }
.namopps .comment-form textarea { width: 100%; border: 2px solid var(--line); border-radius: 12px; padding: 12px 14px; font: inherit; background: #fff; resize: vertical; min-height: 84px; }
.namopps .comment-form input[type="text"], .namopps .comment-form input[type="email"], .namopps .comment-form input[type="url"] { width: 100%; border: 2px solid var(--line); border-radius: 999px; padding: 10px 14px; font: inherit; background: #fff; }
.namopps .comment-form textarea:focus, .namopps .comment-form input:focus { border-color: var(--blue); outline: none; }
.namopps .comment-form p { margin: 0 0 10px; }
.namopps .comment-form-cookies-consent { display: flex; gap: 8px; align-items: flex-start; font-size: .84rem; color: var(--muted); }
.namopps .comment-form .form-submit { margin: 0; }
.namopps .comment-form .btn { border-radius: 999px; padding: .75em 1.6em; }
.namopps .c-note { font-size: .82rem; color: var(--muted); }
.namopps .comment-list, .namopps .comment-list .children { list-style: none; padding: 0; margin: 0; }
.namopps .comment-list .children { margin-left: 22px; padding-left: 14px; border-left: 2px solid var(--line); }
.namopps .c-item { margin-top: 14px; }
.namopps .c-body { display: flex; gap: 10px; align-items: flex-start; }
.namopps .c-main { min-width: 0; flex: 1; }
.namopps .c-bubble { background: var(--bg); border-radius: 16px; padding: 9px 14px; display: inline-block; max-width: 100%; }
.namopps .c-name { margin: 0; font-weight: 700; font-size: .92rem; }
.namopps .c-name a { color: var(--ink); text-decoration: none; }
.namopps .c-badge { background: var(--red); color: #fff; border-radius: 999px; padding: 1px 8px; font-size: .7rem; margin-left: 6px; vertical-align: 1px; }
.namopps .c-text { font-size: .96rem; overflow-wrap: anywhere; }
.namopps .c-text p { margin: 0 0 .5em; }
.namopps .c-text p:last-child { margin: 0; }
.namopps .c-pending { font-size: .84rem; color: var(--muted); font-style: italic; margin: 2px 0; }
.namopps .c-actions { display: flex; align-items: center; gap: 14px; padding: 3px 8px; font-size: .82rem; font-weight: 600; color: var(--muted); }
.namopps .c-actions a, .namopps .c-like { color: var(--muted); background: none; border: 0; padding: 0; font: inherit; cursor: pointer; text-decoration: none; }
.namopps .c-actions a:hover, .namopps .c-like:hover { text-decoration: underline; color: var(--ink); }
.namopps .c-like.is-liked { color: var(--blue); }
.namopps .c-time { font-weight: 400; }
.namopps .c-count { display: inline-flex; align-items: center; gap: 4px; background: #fff; border: 1px solid var(--line); border-radius: 999px; padding: 0 8px; font-weight: 400; }
.namopps .c-count .icon { color: var(--blue); }
.namopps .comments__empty, .namopps .comments__closed { color: var(--muted); text-align: center; padding: 14px 0 0; }
.namopps .convo li { display: flex; gap: 10px; padding: 10px 0; border-top: 1px solid var(--line); }
.namopps .convo li:first-child { border-top: 0; padding-top: 0; }
.namopps .convo p { margin: 0; font-size: .88rem; line-height: 1.35; }
.namopps .convo a { color: var(--ink); font-weight: 600; text-decoration: none; }
.namopps .convo a:hover { color: var(--blue); }
.namopps .convo__text { color: var(--muted); margin-top: 2px !important; }
.namopps .convo__av { flex: none; }
@media (min-width: 640px) {
.namopps .share__list { grid-template-columns: repeat(3, 1fr); }
}
@media print {
.namopps .comments { display: none !important; }
}
.namopps .verify { margin-top: 24px; background: #f2fbf6; border: 2px solid #1a9e5c; border-radius: 12px; padding: 16px 18px; }
.namopps .verify--no { background: #fff8e1; border-color: var(--sun); }
.namopps .verify__list { margin: 0; display: grid; gap: 10px; }
.namopps .verify__row { display: flex; flex-wrap: wrap; gap: 4px 14px; align-items: baseline; }
.namopps .verify__row dt { flex: 0 0 170px; font-weight: 600; color: #34425e; }
.namopps .verify__row dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.namopps .verify__yes { display: inline-flex; align-items: center; gap: 6px; color: #0b6b3a; font-size: 1.05rem; }
.namopps .verify--no .verify__yes { color: #7a5a00; }
.namopps .verify__row a { font-weight: 600; }
.namopps .verify__host { display: block; font-size: .82rem; color: var(--muted); }
.namopps .verify__none { color: var(--muted); }
.namopps .verify__note { margin: 12px 0 0; font-size: .86rem; color: var(--muted); }
.namopps .vtick { display: inline-flex; align-items: center; gap: 3px; color: #0b6b3a; font-weight: 600; }
.namopps .vtick .icon { color: #1a9e5c; }
.namopps .forum__head { margin-bottom: 4px; }
.namopps .forum__count { font: 500 .9rem var(--nm-font); color: var(--muted); margin-left: 8px; }
.namopps .ctype { border: 0; padding: 0; margin: 0 0 12px; }
.namopps .ctype legend { font-weight: 600; font-size: .92rem; padding: 0; margin-bottom: 8px; }
.namopps .ctype__list { display: flex; flex-wrap: wrap; gap: 8px; }
.namopps .ctype__opt { cursor: pointer; }
.namopps .ctype__opt input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.namopps .ctype__opt span { display: inline-block; padding: 7px 16px; border: 2px solid var(--line); border-radius: 999px; background: #fff; font-weight: 600; font-size: .9rem; color: #34425e; }
.namopps .ctype__opt input:focus-visible + span { outline: 3px solid var(--sun); box-shadow: 0 0 0 5px var(--ink); }
.namopps .ctype__opt--question input:checked + span { background: #e6f0ff; border-color: var(--blue); color: var(--blue-deep); }
.namopps .ctype__opt--applied input:checked + span { background: #e8f8ef; border-color: #1a9e5c; color: #0b6b3a; }
.namopps .ctype__opt--tip input:checked + span { background: #fff4d6; border-color: #e0a800; color: #6b4e00; }
.namopps .ctype__opt--headsup input:checked + span { background: #fdecef; border-color: var(--red); color: var(--red-dark); }
.namopps .forum__filter { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 6px; padding-bottom: 12px; border-bottom: 1px solid var(--line); }
.namopps .forum__filter button { background: var(--bg); border: 1px solid var(--line); border-radius: 999px; padding: 6px 14px; font: 600 .86rem var(--nm-font); color: #34425e; cursor: pointer; }
.namopps .forum__filter button span { color: var(--muted); font-weight: 500; margin-left: 4px; }
.namopps .forum__filter button.is-active { background: var(--ink); color: #fff; border-color: var(--ink); }
.namopps .forum__filter button.is-active span { color: #c4d0e8; }
.namopps .c-body[hidden] { display: none; }
.namopps .c-type { border-radius: 999px; padding: 1px 9px; font-size: .72rem; font-weight: 700; margin-left: 6px; vertical-align: 1px; }
.namopps .c-type--question { background: #e6f0ff; color: var(--blue-deep); }
.namopps .c-type--applied { background: #e8f8ef; color: #0b6b3a; }
.namopps .c-type--tip { background: #fff4d6; color: #6b4e00; }
.namopps .c-type--headsup { background: #fdecef; color: var(--red-dark); }
.namopps .convo__type { font-style: normal; font-size: .72rem; font-weight: 700; background: var(--bg); border-radius: 999px; padding: 0 7px; color: #34425e; }
.namopps .comment-form .comment-form-author, .namopps .comment-form .comment-form-email { margin-bottom: 10px; }
@media (min-width: 640px) {
.namopps .comment-form { display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; }
.namopps .comment-form > .ctype, .namopps .comment-form > .comment-form-comment, .namopps .comment-form > .comment-form-cookies-consent, .namopps .comment-form > .form-submit, .namopps .comment-form > .c-note { grid-column: 1 / -1; }
}
@media (max-width: 520px) {
.namopps .verify__row dt { flex-basis: 100%; }
}
.namopps .report { margin-top: 14px; }
.namopps .report__box { background: var(--paper); border: 1px solid var(--line); border-radius: 12px; }
.namopps .report__box summary { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; padding: 12px 16px; cursor: pointer; font-weight: 600; color: var(--red-dark); list-style: none; }
.namopps .report__box summary::-webkit-details-marker { display: none; }
.namopps .report__box summary span { font-weight: 400; font-size: .86rem; color: var(--muted); }
.namopps .report__box[open] summary { border-bottom: 1px solid var(--line); }
.namopps .report__form { padding: 14px 16px 16px; display: grid; gap: 4px; }
.namopps .report__form label { display: block; font-size: .86rem; font-weight: 600; margin-bottom: 4px; }
.namopps .report__form select, .namopps .report__form textarea, .namopps .report__form input[type="email"] { width: 100%; border: 2px solid var(--line); border-radius: 8px; padding: 10px 12px; font: inherit; background: #fff; }
.namopps .report__form p { margin: 0 0 10px; }
.namopps .report__hp { position: absolute; left: -9999px; }
.namopps .report__thanks { display: flex; gap: 8px; align-items: center; background: #f2fbf6; border: 1px solid #1a9e5c; color: #0b6b3a; border-radius: 10px; padding: 10px 14px; margin-bottom: 10px; }
.namopps .report__thanks--warn { background: #fff8e1; border-color: var(--sun); color: #6b4e00; }
.namopps .report__admin { font-size: .86rem; background: #fdecef; border-radius: 8px; padding: 8px 12px; margin-bottom: 10px; }
.namopps .c-item--pinned > .c-body > .c-main > .c-bubble { background: #fff8e1; box-shadow: inset 0 0 0 2px var(--sun); }
.namopps .c-pinned { display: flex; align-items: center; gap: 6px; margin: 0 0 4px 50px; font-size: .8rem; font-weight: 700; color: #6b4e00; }
.namopps .c-pin { color: #6b4e00 !important; }
.namopps .comments__review { font-size: .86rem; font-weight: 600; color: #0b6b3a; background: #f2fbf6; border-radius: 8px; padding: 6px 12px; display: inline-block; }
.namopps .c-pending { background: #fff8e1; border-radius: 8px; padding: 6px 10px; font-style: normal; color: #6b4e00; }
.namopps /* ============================================================
   v4: simple list (round thumbnail left, .namopps title right)
   ============================================================ */
.rows { background: var(--paper); border: 1px solid var(--line); border-radius: 12px; padding: 0 16px; }
.namopps .row { position: relative; display: flex; align-items: center; gap: 14px; padding: 14px 0; border-bottom: 1px solid var(--line); }
.namopps .row:last-child { border-bottom: 0; }
.namopps .row:hover .row__title a { color: var(--blue); }
.namopps .row--closed { opacity: .6; }
.namopps .row__thumb { width: 56px; height: 56px; border-radius: 50%; overflow: hidden; flex: none; display: block; background: var(--line); }
.namopps .row__thumb img { width: 100%; height: 100%; object-fit: cover; }
.namopps .row__mono { width: 100%; height: 100%; display: grid; place-items: center; background: hsl(var(--h) 45% 28%); }
.namopps .row__mono .sun { width: 24px; height: 24px; }
.namopps .row__main { min-width: 0; flex: 1; }
.namopps .row__title { font-size: 1.05rem; line-height: 1.3; margin: 0 0 4px; }
.namopps .row__title a { color: var(--ink); text-decoration: none; }
.namopps .row__title a::after { content: ""; position: absolute; inset: 0; }
.namopps .row__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: 0; font-size: .82rem; color: var(--muted); }
.namopps .chips--scroll { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 6px; scrollbar-width: thin; }
.namopps .chips--scroll a { white-space: nowrap; }
.namopps .strip__label { font-weight: 700; font-size: .9rem; white-space: nowrap; }
.namopps .strip__regions { display: grid; gap: 8px; }
.namopps .region-grid { display: grid; gap: 12px; grid-template-columns: 1fr 1fr; }
.namopps .wa-banner { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin: 22px 0; padding: 16px 18px; background: #effaf4; border: 1px solid #b7e4c9; border-radius: 12px; }
.namopps .wa-banner > .icon { color: #25d366; flex: none; }
.namopps .wa-banner div { flex: 1; min-width: 200px; }
.namopps .wa-banner strong { display: block; }
.namopps .wa-banner span { font-size: .92rem; color: #34425e; }
.namopps .wa-banner .btn { width: 100%; }
@media (min-width: 640px) {
.namopps .rows { padding: 0 22px; }
.namopps .row { gap: 18px; padding: 16px 0; }
.namopps .row__thumb { width: 64px; height: 64px; }
.namopps .row__title { font-size: 1.15rem; }
.namopps .region-grid { grid-template-columns: repeat(3, 1fr); }
.namopps .wa-banner .btn { width: auto; }
.namopps .strip__regions { display: flex; align-items: center; gap: 12px; }
}
.namopps /* ============================================================
   v4.1: post template
   ============================================================ */
.post-hero { position: relative; color: #fff; padding: 26px 0 32px; background: radial-gradient(circle at 92% 18%, rgba(255, 199, 44, .26), transparent 36%), linear-gradient(135deg, #06306a 0%, #0b4ea2 100%); border-bottom: 5px solid var(--red); }
.namopps .entry--intro { margin-bottom: 20px; }
.namopps /* ============================================================
   v4.2: homepage by date, .namopps title + Location/Deadline bullets
   ============================================================ */
.day { margin-bottom: 28px; }
.namopps .day__title { display: flex; align-items: center; gap: 10px; font-size: 1.35rem; margin: 0 0 12px; padding-left: 12px; border-left: 6px solid var(--blue); color: var(--ink); }
.namopps .day--today .day__title { border-left-color: var(--red); font-size: 1.55rem; }
.namopps .day--today .day__title .sun { background: var(--blue-deep); border-radius: 50%; padding: 3px; flex: none; }
.namopps .row { align-items: flex-start; }
.namopps .row__thumb { margin-top: 2px; }
.namopps .row__title { font-size: 1.12rem; line-height: 1.3; margin: 0 0 6px; font-family: var(--nm-font); }
.namopps .row__facts { list-style: disc; margin: 0; padding-left: 1.15em; font-size: .93rem; color: #34425e; }
.namopps .row__facts li { margin: 0 0 2px; padding-left: .1em; }
.namopps .row__facts li::marker { color: var(--red); }
.namopps .row__facts strong { color: var(--ink); font-weight: 600; }
.namopps .row__facts .badge { margin-left: 6px; }
@media (min-width: 640px) {
.namopps .row__title { font-size: 1.22rem; }
}
.namopps .strip__regions + .strip__regions { margin-top: 10px; }
.namopps .widget--ask { border-color: var(--red); background: #fff6f7; }
.namopps .widget--ask p { font-size: .94rem; }
.namopps .req-notify label { font-size: .88rem; display: flex; gap: 8px; align-items: center; }
.namopps .req-looking { margin: 2px 0 4px; font-size: .9rem; color: #34425e; }
.namopps .req-looking strong { color: var(--blue-deep); }
.namopps .req-status { border-radius: 999px; padding: 1px 10px; font-size: .74rem; font-weight: 700; }
.namopps .req-status--yes { background: #e8f8ef; color: #0b6b3a; }
.namopps .req-status--wait { background: #fff4d6; color: #6b4e00; }
.namopps .c-item--admin > .c-body .c-bubble { background: #eaf2ff; }
.namopps .c-item--admin .c-text a { font-weight: 700; word-break: break-all; }
.namopps .req-notice { background: #fff8e1; border: 1px solid var(--sun); border-left-width: 6px; border-radius: 10px; padding: 14px 16px; margin: 0 0 18px; }
.namopps .req-notice strong { display: block; margin-bottom: 4px; }
.namopps .req-notice p { margin: 0 0 10px; font-size: .95rem; }
.namopps .requests .comment-form-comment label { font-size: 1rem; }
.namopps .req-search { margin: 22px 0 6px; }
.namopps .req-search label { display: block; font-size: .88rem; font-weight: 600; margin-bottom: 4px; }
.namopps .req-search input[type="search"] { width: 100%; height: 44px; border: 2px solid var(--line); border-radius: 999px; padding: 0 16px; font: inherit; background: #fff; }
.namopps .req-search input:focus { border-color: var(--blue); outline: none; }
.namopps .req-search__none { color: var(--muted); margin: 8px 0 0; }
.namopps .requests .c-item[hidden] { display: none; }

/* ============================================================
   Added for the merge: pieces that now live inside MH Magazine's layout
   ============================================================ */
.nm-wrap { width: 100%; max-width: 1080px; margin: 0 auto; padding-left: 15px; padding-right: 15px; }
.nm-clear { clear: both; }

/* Notice bar above the MH header */
.namopps-notice { background: var(--ink); color: #d5def0; font-size: 12.5px; line-height: 1.4; }
.nm-notice__inner { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding-top: 7px; padding-bottom: 7px; }
.nm-notice__right { display: flex; align-items: center; gap: 14px; flex: none; }
.nm-notice__date { white-space: nowrap; display: none; }
.namopps .nm-wa-pill { display: inline-flex; align-items: center; gap: 6px; background: #25d366; color: #fff; text-decoration: none; font-weight: 700; font-size: 12.5px; line-height: 1; padding: 7px 12px; border-radius: 999px; white-space: nowrap; }
.namopps .nm-wa-pill:hover { background: #1ebe5b; color: #fff; }
.namopps .nm-wa-pill .icon { width: 16px; height: 16px; }
@media (min-width: 640px) { .nm-notice__date { display: inline; } }

/* Homepage hero + browse strip */
.nm-home-top { background: var(--paper); }
.namopps .hero { position: relative; background: var(--blue-deep); color: #fff; overflow: hidden; padding: 34px 15px 32px; isolation: isolate; }
.namopps .hero::before, .namopps .hero::after { content: ""; position: absolute; z-index: -1; pointer-events: none; right: -6%; top: 0; bottom: 0; width: 46%; }
.namopps .hero::before { background: #fff; clip-path: polygon(52% 0, 100% 0, 48% 100%, 0 100%); opacity: .95; }
.namopps .hero::after { background: var(--red); clip-path: polygon(60% 0, 92% 0, 40% 100%, 8% 100%); }
.namopps .hero__title { font-size: clamp(1.7rem, 5vw, 2.7rem); font-weight: 800; line-height: 1.12; max-width: 18ch; margin: 0 0 .35em; color: #fff; }
.namopps .hero__text { font-size: 1rem; max-width: 48ch; color: #d5e2f7; margin: 0 0 1.2em; }
.namopps .nm-strip { background: var(--paper); border-bottom: 1px solid var(--line); padding: 12px 15px 8px; }
.namopps .nm-strip .strip__regions { margin-top: 4px; }
@media (min-width: 960px) { .namopps .hero { padding: 48px 25px 44px; } .namopps .nm-strip { padding-left: 25px; padding-right: 25px; } }

/* Headings and lead text under MH page titles */
.nm-lead { color: #556178; max-width: 70ch; margin: 8px 0 0; font-size: 14px; }
.namopps .entry-content.entry--intro { margin-bottom: 20px; }
.nm-postmeta { margin: 0 0 14px; color: #666; font-size: 12px; }
.namopps .alert { margin: 0 0 16px; }
.namopps .result-count { margin: 0 0 12px; }

/* Lists inside MH columns */
.namopps .rows { margin-bottom: 20px; }
.namopps .pagination { margin: 4px 0 26px; }
.namopps .day:last-child { margin-bottom: 8px; }
.namopps .row__title { font-size: 1.05rem; }
.namopps .row__facts { font-size: 13.5px; }
.namopps .region-grid { margin-bottom: 8px; }
.nm-related { clear: both; margin-top: 22px; }
.nm-related .rows { margin-bottom: 0; }

/* Post blocks */
.namopps .apply { margin: 26px 0 0; }
.namopps .verify, .namopps .report, .namopps .wa-banner, .namopps .share { clear: both; }
.namopps .chips--tags { margin: 18px 0; }
.namopps .nm-discussion { margin-top: 0; }
.mh-namopps-widget .namopps .widget { margin: 0; }

/* Discussion inside MH: keep MH's #respond defaults from squashing the NamOpportunities form */
.namopps #respond .comment-reply-title { font: 700 1.05rem/1.2 var(--nm-font); margin-bottom: 8px; }
.namopps .comment-form input[type="text"], .namopps .comment-form input[type="email"] { max-width: 100%; }
.namopps .comment-form textarea { max-width: 100%; }
.namopps .comment-form .btn { width: auto; min-width: 0; text-transform: none; }
.namopps .comments { margin-top: 24px; }

/* Directory block above the MH footer */
.namopps-footer { background: var(--ink); color: #c4d0e8; padding-top: 34px; border-top: 5px solid var(--red); font-size: 14px; line-height: 1.6; clear: both; }
.namopps-footer .footer-grid { display: grid; gap: 26px; }
.namopps-footer .footer-list { margin: 0; padding: 0; list-style: none; }
.namopps-footer .footer-list--cols { columns: 2; column-gap: 18px; }
.namopps-footer .footer-list li { break-inside: avoid; }
.namopps-footer .footer-social { flex-wrap: wrap; gap: 10px; margin: 0; }
.namopps-footer .footer-title { display: block; color: #fff; font-weight: 700; font-size: 1.05rem; margin: 0 0 .8em; }
.namopps-footer .footer-about { margin: 0 0 14px; max-width: 42ch; }
.namopps-footer .footer-mail { margin: 14px 0 0; }
.namopps-footer .btn--green { color: #fff; }
.namopps-footer .btn--fb { color: #fff; }
.namopps-footer .footer-base p { margin: 0; }
@media (min-width: 640px) { .namopps-footer .footer-grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 960px) { .namopps-footer .footer-grid { grid-template-columns: 1.3fr 1fr 1fr 1fr 1fr; } }

@media print { .namopps-notice, .namopps-footer, .namopps .share, .namopps .nm-related { display: none !important; } }

/* Buttons keep their own text colour even where MH Magazine styles links */
.namopps .btn, .namopps .btn:hover, .namopps .btn:focus,
.namopps-footer .btn, .namopps-footer .btn:hover { text-decoration: none; }
.namopps .btn--red, .namopps .btn--red:hover, .namopps .btn--green, .namopps .btn--green:hover,
.namopps .btn--fb, .namopps .btn--fb:hover, .namopps .btn--blue, .namopps .btn--blue:hover { color: #fff; }
.namopps .wa-banner .btn { white-space: nowrap; }
.namopps .wa-banner .btn span { color: inherit; font-size: inherit; }
.namopps dl, .namopps dt, .namopps dd { margin: 0; padding: 0; list-style: none; }
.namopps dt::before, .namopps dd::before, .namopps dt::marker, .namopps dd::marker { content: none; }