.pmmj-wrap{
width:100% !important;
margin:0 !important;
}
.pmmj-wrap .pmmj-search-form{
margin:0 !important;
width:100% !important;
}
.pmmj-wrap .pmmj-search-row{
display:flex !important;
align-items:center !important;
gap:14px !important;
width:100% !important;
padding:14px !important;
box-sizing:border-box !important;
background:linear-gradient(90deg,#9FE6D9 0%, #B6EEDF 100%) !important;
border-radius:0 !important;
}
.pmmj-wrap .pmmj-search-input-wrap{
flex:1 1 auto !important;
min-width:0 !important;
}
.pmmj-wrap .pmmj-search-input{
display:block !important;
width:100% !important;
height:64px !important;
padding:0 20px !important;
box-sizing:border-box !important;
border:0 !important;
outline:none !important;
border-radius:20px !important;
background:#FFFFFF !important;
color:#354e6f0 !important;
font-size:19px !important;
line-height:1 !important;
box-shadow:none !important;
}
.pmmj-wrap .pmmj-search-input::placeholder{
color:#5b5b5b !important;
opacity:1 !important;
}
.pmmj-wrap .pmmj-search-button{
flex:0 0 auto !important;
height:64px !important;
padding:0 26px !important;
border:0 !important;
border-radius:20px !important;
background:#14B69F !important;
color:#FFFFFF !important;
font-size:14px !important;
font-weight:700 !important;
letter-spacing:.02em !important;
text-transform:uppercase !important;
cursor:pointer !important;
transition:transform .15s ease, opacity .15s ease !important;
box-shadow:none !important;
}
.pmmj-wrap .pmmj-search-button:hover{
opacity:.95 !important;
transform:translateY(-1px) !important;
color:#FFFFFF !important;
}
.pmmj-wrap .pmmj-search-button:focus,
.pmmj-wrap .pmmj-search-input:focus{
outline:none !important;
} .pmmj-modal{
position:fixed !important;
inset:0 !important;
z-index:999999 !important;
display:none !important;
}
.pmmj-modal.is-open{
display:block !important;
}
.pmmj-modal-backdrop{
position:absolute !important;
inset:0 !important;
background:rgba(0,0,0,.42) !important;
}
.pmmj-modal-dialog{
position:relative !important;
width:min(920px, calc(100vw - 32px)) !important;
max-height:calc(100vh - 48px) !important;
margin:24px auto !important;
background:#FFFFFF !important;
border-radius:24px !important;
overflow:hidden !important;
box-shadow:0 20px 60px rgba(0,0,0,.22) !important;
}
.pmmj-modal-header{
padding:28px 32px 16px 32px !important;
background:#FFFFFF !important;
border-bottom:1px solid #EAEAEA !important;
}
.pmmj-modal-kicker{
font-size:13px !important;
font-weight:700 !important;
text-transform:uppercase !important;
letter-spacing:.08em !important;
color:#14B69F !important;
margin-bottom:8px !important;
}
.pmmj-modal-title{
margin:0 !important;
font-size:28px !important;
line-height:1.15 !important;
color:#14B69F !important;
}
.pmmj-modal-subtitle{
margin-top:8px !important;
font-size:15px !important;
color:#000000 !important;
word-break:break-word !important;
}
.pmmj-modal-close{
position:absolute;
top:18px;
right:18px;
width:auto;
height:auto;
padding:0;
border:none;
background:transparent;
box-shadow:none;
border-radius:0;
display:flex;
align-items:center;
justify-content:center;
font-size:36px;
line-height:1;
color:#111;
cursor:pointer;
}
.pmmj-modal-body{
padding:24px 32px 32px 32px !important;
max-height:calc(100vh - 180px) !important;
overflow:auto !important;
background:#FFFFFF !important;
color:#000000 !important;
}
.pmmj-modal-loading,
.pmmj-modal-empty,
.pmmj-modal-error{
padding:18px 20px !important;
border-radius:16px !important;
background:#FFFFFF !important;
border:1px solid #EAEAEA !important;
color:#000000 !important;
font-size:15px !important;
}
.pmmj-results-list{
display:grid !important;
gap:14px !important;
}
.pmmj-result-card{
display:flex !important;
justify-content:space-between !important;
align-items:center !important;
gap:16px !important;
padding:18px 20px !important;
border:1px solid #EAEAEA !important;
border-radius:18px !important;
background:#FFFFFF !important;
}
.pmmj-result-card__content{
min-width:0 !important;
flex:1 1 auto !important;
}
.pmmj-result-card__title{
margin:0 0 8px 0 !important;
font-size:18px !important;
line-height:1.35 !important;
}
.pmmj-result-card__title a{
color:#14B69F !important;
text-decoration:none !important;
}
.pmmj-result-card__title a:hover{
text-decoration:underline !important;
}
.pmmj-result-card__meta{
display:flex !important;
flex-wrap:wrap !important;
gap:10px !important;
font-size:14px !important;
color:#000000 !important;
}
.pmmj-result-card__actions{
flex:0 0 auto !important;
}
.pmmj-result-card__button{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-height:48px !important;
padding:0 20px !important;
border-radius:20px !important;
background:#14B69F !important;
color:#FFFFFF !important;
text-decoration:none !important;
font-size:14px !important;
font-weight:700 !important;
white-space:nowrap !important;
transition:transform .15s ease, opacity .15s ease !important;
}
.pmmj-result-card__button:hover{
opacity:.95 !important;
transform:translateY(-1px) !important;
color:#FFFFFF !important;
}
html.pmmj-modal-open,
body.pmmj-modal-open{
overflow:hidden !important;
}
.pmmj-highlight{
background:#FFE800 !important;
color:#000000 !important;
padding:0 .12em !important;
border-radius:4px !important;
box-shadow:0 0 0 1px rgba(0,0,0,.05) !important;
}
.pmmj-notice{
margin:0 0 1rem 0 !important;
padding:12px 14px !important;
background:#FFFFFF !important;
border:1px solid #EAEAEA !important;
border-radius:10px !important;
color:#000000 !important;
font-size:.95rem !important;
}
@media (max-width: 767px){
.pmmj-wrap .pmmj-search-row{
gap:12px !important;
padding:12px !important;
}
.pmmj-wrap .pmmj-search-input{
height:56px !important;
font-size:17px !important;
border-radius:20px !important;
}
.pmmj-wrap .pmmj-search-button{
height:56px !important;
padding:0 18px !important;
font-size:14px !important;
border-radius:20px !important;
}
.pmmj-modal-dialog{
width:calc(100vw - 20px) !important;
margin:10px auto !important;
border-radius:18px !important;
}
.pmmj-modal-header{
padding:22px 18px 14px 18px !important;
}
.pmmj-modal-title{
font-size:24px !important;
}
.pmmj-modal-body{
padding:18px !important;
max-height:calc(100vh - 150px) !important;
}
.pmmj-result-card{
flex-direction:column !important;
align-items:flex-start !important;
}
.pmmj-result-card__actions{
width:100% !important;
}
.pmmj-result-card__button{
width:100% !important;
}
.pmmj-result-card__excerpt {
display: block;
font-size: 0.85em;
color: #555;
margin-top: 4px;
font-style: italic;
line-height: 1.4;
}