/* Pusako Pilihan: scoped presentation only; no external assets. */
.pn-reader-picks,.pn-reader-picks *{box-sizing:border-box}
.pn-reader-picks{
    --pn-picks-gold:#e6c77e;
    width:100%;min-width:0;max-width:100%;margin:22px 0;padding:0 16px 14px;
    border:1px solid #bd9a50;border-radius:15px;
    background:linear-gradient(135deg,#173557 0%,#0b1d36 72%);
    color:#edf1f8;box-shadow:0 8px 22px rgba(14,32,60,.15);
    position:relative;isolation:isolate;
}
.pn-reader-picks .pn-reader-picks__masthead{
    position:relative;isolation:isolate;overflow:hidden;
    margin:0 -16px 16px;padding:18px 16px 14px;border-radius:14px 14px 0 0;
    border-bottom:3px solid #ba9450;
    background:linear-gradient(110deg,#fff8e9 0%,#f0dfb8 62%,#d9b875 100%);
}
.pn-reader-picks .pn-reader-picks__masthead::after{
    content:'';position:absolute;right:7%;top:-40px;width:140px;height:180px;
    transform:rotate(24deg);border-left:1px solid rgba(125,88,25,.15);
    border-right:1px solid rgba(255,255,255,.55);
    background:repeating-linear-gradient(90deg,transparent 0 13px,rgba(137,99,35,.06) 13px 14px);
    pointer-events:none;z-index:-1;
}
.pn-reader-picks [hidden]{display:none!important}
.pn-reader-picks .pn-reader-picks__head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.pn-reader-picks .pn-reader-picks__head>div{min-width:0}
.pn-reader-picks .pn-reader-picks__brand{
    display:inline-flex;align-items:center;gap:7px;padding:4px 8px;border-radius:3px;
    background:#183658;font:700 8px/1.4 Arial,sans-serif;
    letter-spacing:1.5px;color:#f2d994;
}
.pn-reader-picks .pn-reader-picks__brand::before{
    content:'';display:block;width:6px;height:6px;flex:0 0 6px;
    border:1px solid var(--pn-picks-gold);transform:rotate(45deg);
}
.pn-reader-picks .pn-reader-picks__head h2{
    margin:9px 0 0;padding:0;font:700 23px/1.25 Georgia,serif;
    letter-spacing:-.4px;color:#163252;overflow-wrap:anywhere;
}
.pn-reader-picks .pn-reader-picks__head h2 em{font-weight:400;color:#80561e}
.pn-reader-picks button{
    appearance:none;flex:0 0 auto;border:1px solid #c6ab6d;border-radius:7px;
    padding:8px 10px;background:#fffdf7;color:#19365d;
    font:600 11px/1.35 Arial,sans-serif;cursor:pointer;
}
.pn-reader-picks button:hover{background:#f2e5c4}
.pn-reader-picks .pn-reader-picks__head>button{
    background:#193758;border-color:#193758;color:#f4dfac;
    font-size:10px;padding:8px 9px;border-radius:20px;
}
.pn-reader-picks .pn-reader-picks__head>button:hover,
.pn-reader-picks .pn-reader-picks__head>button[aria-expanded="true"]{
    background:#fff8e9;border-color:#a7833a;color:#19365d;
}
.pn-reader-picks button:focus-visible,.pn-reader-picks a:focus-visible{outline:2px solid #f4d78d;outline-offset:3px}
.pn-reader-picks .pn-reader-picks__intro{
    margin:8px 0 0;padding:0;border:0;
    font:11px/1.5 Arial,sans-serif;color:#5f573f;
}
.pn-reader-picks .pn-reader-picks__settings{
    margin:0 0 14px;padding:12px;border:1px solid #d8c79f;border-radius:8px;
    background:#fffdf7;color:#19365d;
}
.pn-reader-picks .pn-reader-picks__settings p{margin:0 0 9px;font:12px/1.6 Arial,sans-serif;overflow-wrap:anywhere}
.pn-reader-picks .pn-reader-picks__actions{display:flex;flex-wrap:wrap;gap:8px}
.pn-reader-picks .pn-reader-picks__actions button{font-size:10px}
.pn-reader-picks .pn-reader-picks__carousel{position:relative;min-width:0;padding:0 24px}
.pn-reader-picks .pn-reader-picks__cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;min-width:0;max-width:100%}
.pn-reader-picks .pn-reader-picks__card{
    display:flex;flex-direction:column;gap:0;min-width:0;max-width:100%;padding:0;
    background:#fff;border:1px solid #e3e8ef;border-radius:8px;text-decoration:none;
    color:#19365d;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,.12);
}
.pn-reader-picks .pn-reader-picks__card::after{content:'';display:block;flex:0 0 2px;height:2px;background:linear-gradient(90deg,#b58c3b,#f1db9c,#b58c3b)}
.pn-reader-picks .pn-reader-picks__card:hover{border-color:#e7c77b;background:#fffaf0}
.pn-reader-picks .pn-reader-picks__card:focus-visible{outline-offset:2px}
.pn-reader-picks .pn-reader-picks__cover{
    position:relative;display:grid;place-items:center;aspect-ratio:4/3;width:100%;
    min-width:0;overflow:hidden;background:#29496e;color:#e5cc8a;font:700 18px/1 Georgia,serif;
    border-bottom:2px solid #d5b56b;flex:0 0 auto;
}
.pn-reader-picks .pn-reader-picks__cover img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.pn-reader-picks .pn-reader-picks__title{
    display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;
    overflow:hidden;margin:9px 8px 12px;padding:0;
    font:700 12px/1.5 Georgia,serif;overflow-wrap:anywhere;color:#183254;
    /* Reserve seven lines even for short titles; paging keeps the same height. */
    height:10.5em;min-height:10.5em;max-height:10.5em;flex:0 0 auto;
}
.pn-reader-picks .pn-reader-picks__navigation{
    display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
    gap:8px;margin-top:13px;padding-top:11px;border-top:1px solid #41516b;
}
.pn-reader-picks .pn-reader-picks__mode{font:11px/1.45 Arial,sans-serif;color:#d5deec}
.pn-reader-picks .pn-reader-picks__page{
    padding:3px 8px;border:1px solid #e7cb86;border-radius:20px;background:#e7cb86;
    font:700 10px/1.4 Arial,sans-serif;color:#193655;font-variant-numeric:tabular-nums;
}
.pn-reader-picks .pn-reader-picks__pages{position:absolute;inset:0;pointer-events:none}
.pn-reader-picks .pn-reader-picks__pages button{
    position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;
    width:32px;height:44px;padding:0;border:0;border-radius:0;background:transparent;
    pointer-events:auto;font:28px/1 Arial,sans-serif;color:#183254;
}
.pn-reader-picks .pn-reader-picks__pages button::before{
    content:'';position:absolute;inset:6px 0;border:1px solid #b78e3f;
    border-radius:50%;background:linear-gradient(135deg,#fff4cd,#ddb85e);
    box-shadow:inset 0 0 0 2px rgba(255,255,255,.5),0 2px 5px rgba(0,0,0,.16);z-index:-1;
}
.pn-reader-picks [data-reader-prev]{left:-12px}
.pn-reader-picks [data-reader-next]{right:-12px}
.pn-reader-picks .pn-reader-picks__pages button:hover::before{background:#f2e5c4}
.pn-reader-picks .pn-reader-picks__pages button:disabled{opacity:.3;cursor:default}
.pn-reader-picks .pn-reader-picks__status{margin:9px 0 0;font:11px/1.55 Arial,sans-serif;color:#d5deec}
.pn-reader-picks .pn-reader-picks__status:empty{display:none}
.pn-reader-picks .pn-reader-picks__notice{display:block;margin-top:9px;font:10px/1.6 Arial,sans-serif;color:#c1ccde;overflow-wrap:anywhere}
@media(max-width:767.98px){
    .pn-reader-picks{margin:18px 0;padding:0 10px 11px;border-radius:11px;box-shadow:0 4px 12px rgba(14,32,60,.1)}
    .pn-reader-picks .pn-reader-picks__masthead{margin:0 -10px 13px;padding:14px 10px 11px;border-radius:10px 10px 0 0;border-bottom-width:2px}
    .pn-reader-picks .pn-reader-picks__head{gap:7px}
    .pn-reader-picks .pn-reader-picks__brand{font-size:7px;letter-spacing:1.1px;padding:4px 6px}
    .pn-reader-picks .pn-reader-picks__head h2{font-size:17px;line-height:1.3;letter-spacing:-.15px}
    .pn-reader-picks .pn-reader-picks__head>button{padding:7px 6px;font-size:9px}
    .pn-reader-picks .pn-reader-picks__intro{margin:7px 0 0;padding:0;font-size:10px}
    .pn-reader-picks .pn-reader-picks__settings{padding:10px;margin-bottom:12px}
    .pn-reader-picks .pn-reader-picks__settings p{font-size:11px}
    .pn-reader-picks .pn-reader-picks__cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
    .pn-reader-picks .pn-reader-picks__carousel{padding:0 19px}
    .pn-reader-picks .pn-reader-picks__card{border-radius:5px}
    .pn-reader-picks .pn-reader-picks__title{margin:6px 4px 8px;font-size:9.5px;line-height:1.45;-webkit-line-clamp:8;height:11.6em;min-height:11.6em;max-height:11.6em}
    .pn-reader-picks .pn-reader-picks__pages button{width:26px;font-size:25px}
    .pn-reader-picks [data-reader-prev]{left:-8px}
    .pn-reader-picks [data-reader-next]{right:-8px}
    .pn-reader-picks .pn-reader-picks__pages button::before{inset:9px 0}
    .pn-reader-picks .pn-reader-picks__navigation{margin-top:11px;padding-top:9px;gap:6px}
    .pn-reader-picks .pn-reader-picks__mode{font-size:9px}
    .pn-reader-picks .pn-reader-picks__page{font-size:9px;padding:2px 6px}
    .pn-reader-picks .pn-reader-picks__notice{font-size:9px;margin-top:8px}
}