/* PMN Pinterest Discovery Engine Phase I */
.pmnp-wrap,
.pmnp-wrap * {
    box-sizing: border-box;
}
.pmnp-wrap {
    max-width: 1240px;
    margin: 0 auto;
    padding: 28px 18px 48px;
    color: #061226;
    font-family: Arial, Helvetica, sans-serif;
}
.pmnp-hero {
    background: radial-gradient(circle at 80% 20%, rgba(255,204,0,.25), transparent 32%), linear-gradient(135deg,#061226,#0b294c);
    color: #fff;
    border-radius: 30px;
    padding: clamp(28px,4vw,52px);
    border: 1px solid rgba(255,204,0,.55);
    box-shadow: 0 24px 70px rgba(2,6,23,.22);
}
.pmnp-kicker {
    display: inline-block;
    color: #ffcc00;
    text-transform: uppercase;
    letter-spacing: .12em;
    font-size: 13px;
    font-weight: 1000;
    margin-bottom: 12px;
}
.pmnp-hero h1 {
    max-width: 880px;
    margin: 0 0 14px;
    color: #fff;
    font-size: clamp(36px,5vw,68px);
    line-height: .98;
    letter-spacing: -.055em;
    font-weight: 1000;
}
.pmnp-hero p {
    max-width: 760px;
    margin: 0 0 22px;
    color: #e5eefb;
    font-size: 18px;
    line-height: 1.55;
}
.pmnp-actions,
.pmnp-card-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.pmnp-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 12px 18px;
    border-radius: 999px;
    border: 1px solid rgba(6,18,38,.12);
    background: #fff;
    color: #061226;
    text-decoration: none;
    font-weight: 1000;
    line-height: 1.1;
}
.pmnp-btn-gold {
    background: #ffcc00;
    color: #061226;
    border-color: #ffcc00;
}
.pmnp-btn-dark {
    background: #061226;
    color: #fff;
    border-color: #061226;
}
.pmnp-section {
    margin-top: 26px;
}
.pmnp-section-head {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-end;
    margin-bottom: 14px;
}
.pmnp-section h2 {
    margin: 0;
    color: #061226;
    font-size: clamp(26px,3vw,40px);
    line-height: 1.05;
    font-weight: 1000;
    letter-spacing: -.035em;
}
.pmnp-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 16px;
}
.pmnp-card {
    background: #fff;
    border: 1px solid rgba(148,163,184,.34);
    border-radius: 22px;
    padding: 18px;
    box-shadow: 0 12px 36px rgba(15,23,42,.08);
}
.pmnp-card h3 {
    margin: 0 0 9px;
    color: #061226;
    font-size: 20px;
    line-height: 1.15;
    font-weight: 1000;
}
.pmnp-card p {
    margin: 0 0 14px;
    color: #475569;
    line-height: 1.45;
}
.pmnp-feed-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 12px 36px rgba(15,23,42,.08);
}
.pmnp-feed-table th,
.pmnp-feed-table td {
    padding: 13px 14px;
    border-bottom: 1px solid #e2e8f0;
    text-align: left;
    vertical-align: top;
}
.pmnp-feed-table th {
    background: #061226;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .08em;
}
.pmnp-feed-url {
    display: block;
    max-width: 520px;
    word-break: break-all;
    font-size: 13px;
    color: #0f4c81;
}
.pmnp-pin {
    display: grid;
    grid-template-columns: minmax(280px,.72fr) minmax(0,1fr);
    gap: 28px;
    align-items: start;
}
.pmnp-pin-image {
    background: #f1f5f9;
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(15,23,42,.18);
}
.pmnp-pin-image img {
    width: 100%;
    display: block;
    height: auto;
}
.pmnp-pin-body {
    background: #fff;
    border: 1px solid rgba(148,163,184,.34);
    border-radius: 28px;
    padding: clamp(24px,4vw,42px);
    box-shadow: 0 20px 60px rgba(15,23,42,.12);
}
.pmnp-pin-body h1 {
    margin: 0 0 14px;
    color: #061226;
    font-size: clamp(34px,4vw,58px);
    line-height: 1;
    letter-spacing: -.055em;
    font-weight: 1000;
}
.pmnp-pin-body p {
    color: #334155;
    font-size: 18px;
    line-height: 1.58;
}
.pmnp-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 14px 0 22px;
}
.pmnp-pill {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    background: #fff7cc;
    color: #061226;
    border: 1px solid #ffcc00;
    padding: 8px 12px;
    font-size: 13px;
    font-weight: 1000;
}
.pmnp-score {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 999px;
    padding: 8px 12px;
    background: #e2e8f0;
    color: #061226;
    font-size: 13px;
    font-weight: 1000;
}
.pmnp-score.good { background: #dcfce7; color: #166534; }
.pmnp-score.ok { background: #fef9c3; color: #854d0e; }
.pmnp-score.low { background: #fee2e2; color: #991b1b; }
.pmnp-list {
    margin: 12px 0 0;
    padding-left: 20px;
    color: #475569;
}
.pmnp-code {
    display: block;
    padding: 12px;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #0f172a;
    font-size: 13px;
    word-break: break-all;
}
@media (max-width: 980px) {
    .pmnp-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
    .pmnp-pin {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 620px) {
    .pmnp-grid {
        grid-template-columns: 1fr;
    }
    .pmnp-section-head {
        align-items: flex-start;
        flex-direction: column;
    }
    .pmnp-feed-table {
        display: block;
        overflow-x: auto;
    }
}

.pmnp-btn-pinterest {
    background: #e60023;
    color: #fff;
    border-color: #e60023;
}
.pmnp-p-badge {
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: rgba(255,255,255,.18);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 1000;
    margin-right: 8px;
}
.pmnp-proof-card {
    margin-top: 18px;
    padding: 18px;
    border-radius: 18px;
    border: 1px solid rgba(255,204,0,.5);
    background: #fff7cc;
    color: #061226;
    line-height: 1.6;
}
.pmnp-note {
    color: #fff7cc;
    font-weight: 900;
}

/* PHASE II LAYOUT FIX V2: detail page proof card + save button */
.pmnp-detail-proof-card,
.pmnp-detail-proof-card *{box-sizing:border-box!important;}
.pmnp-detail-proof-card{
    width:min(100%,1120px)!important;
    margin:22px auto!important;
    padding:22px!important;
    border-radius:24px!important;
    border:1px solid rgba(255,204,0,.42)!important;
    background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%)!important;
    color:#061226!important;
    box-shadow:0 18px 46px rgba(15,23,42,.16)!important;
    font-family:Arial,Helvetica,sans-serif!important;
}
.pmnp-detail-proof-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;flex-wrap:wrap!important;margin:0 0 14px!important;}
.pmnp-detail-proof-title{display:flex!important;align-items:center!important;gap:9px!important;color:#061226!important;font-size:18px!important;line-height:1.15!important;font-weight:1000!important;}
.pmnp-detail-proof-icon{width:34px!important;height:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;background:#e60023!important;color:#fff!important;font-weight:1000!important;}
.pmnp-detail-proof-score{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;padding:8px 13px!important;border-radius:999px!important;color:#064e3b!important;background:#dcfce7!important;font-size:14px!important;line-height:1!important;font-weight:1000!important;white-space:nowrap!important;}
.pmnp-detail-proof-score.ok{background:#fef9c3!important;color:#854d0e!important;}
.pmnp-detail-proof-score.low{background:#fee2e2!important;color:#991b1b!important;}
.pmnp-detail-proof-grid{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:16px!important;align-items:center!important;}
.pmnp-detail-proof-meta{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:center!important;color:#334155!important;font-size:15px!important;line-height:1.35!important;}
.pmnp-detail-proof-pill{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:8px 12px!important;border-radius:999px!important;border:1px solid rgba(255,204,0,.9)!important;background:#fff7cc!important;color:#061226!important;font-size:13px!important;line-height:1!important;font-weight:900!important;}
.pmnp-detail-proof-links{display:flex!important;flex-wrap:wrap!important;gap:10px!important;justify-content:flex-end!important;}
.pmnp-detail-proof-link,.pmnp-save-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:11px 16px!important;border-radius:999px!important;text-decoration:none!important;border:1px solid #e2e8f0!important;background:#ffffff!important;color:#061226!important;font-size:14px!important;line-height:1!important;font-weight:1000!important;box-shadow:0 8px 22px rgba(15,23,42,.08)!important;cursor:pointer!important;}
.pmnp-detail-proof-link.primary,.pmnp-save-button{background:#e60023!important;color:#fff!important;border-color:#e60023!important;}
.pmnp-save-button{margin:0!important;white-space:nowrap!important;}
.pmnp-save-button::before{content:"P";width:22px!important;height:22px!important;margin-right:8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;background:rgba(255,255,255,.20)!important;color:#fff!important;font-weight:1000!important;font-size:13px!important;}
.cm-contest-public-panel .pmnp-detail-proof-card,.rb-webinar-content-grid .pmnp-detail-proof-card{margin:14px 0 22px!important;}
.cm-contest-public-panel .pmnp-detail-proof-grid{grid-template-columns:1fr!important;}
.cm-contest-public-panel .pmnp-detail-proof-links{justify-content:flex-start!important;}
@media(max-width:760px){.pmnp-detail-proof-card{padding:18px!important;border-radius:20px!important;margin:18px auto!important;}.pmnp-detail-proof-grid{grid-template-columns:1fr!important;}.pmnp-detail-proof-links{justify-content:flex-start!important;}.pmnp-detail-proof-link,.pmnp-save-button{width:100%!important;}}