.nn{margin-top:30px}.nn-sub{margin:-6px 0 12px;color:var(--mut);font-size:.88rem}
.nn-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.nnc{display:flex;flex-direction:column;background:#fff;border-radius:14px;overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:0 4px 14px rgba(17,48,93,.1)}
.nnc:hover{box-shadow:0 8px 22px rgba(17,48,93,.2)}.nnc:focus-visible{outline:3px solid var(--acc);outline-offset:3px}
.nni{height:96px;background:#dcecfa center/cover no-repeat}.nni.ph{background:linear-gradient(135deg,#11305D,#0293F4 60%,#02C6BE);display:flex;align-items:center;justify-content:center}.nni.ph span{color:#fff;font-size:.74rem;font-weight:600;opacity:.9}
.nnx{padding:10px 12px 12px}.nnx h3{margin:6px 0 2px;font-size:.98rem;color:var(--navy)}
.nnb{display:inline-block;font-size:.72rem;font-weight:700;border-radius:10px;padding:2px 9px;background:#e3f1fd;color:var(--p)}.nnb.on{background:#dff7f5;color:#037a74}.nnb.tm{background:#fff4d6;color:#7a5600}
.nns{margin:0;font-weight:600;font-size:.9rem}.nnm{margin:3px 0 0;font-size:.78rem;color:var(--mut)}.nnt b{color:var(--navy)}
.nn-q{display:flex;gap:8px;margin-top:14px}.nn-q input{flex:1;min-width:0;border:2px solid var(--line);border-radius:26px;padding:10px 16px;font-size:.98rem;background:#fff}.nn-q input:focus{outline:none;border-color:var(--acc)}
.nn-q button{border:0;background:var(--acc);color:#fff;font-weight:700;border-radius:26px;padding:0 20px;min-height:44px;cursor:pointer}.nn-q button:focus-visible{outline:3px solid var(--navy);outline-offset:2px}
@media(max-width:820px){.nn-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:72%;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.nnc{scroll-snap-align:start}}