/* PhimCity Topics V7 */
.pc-topics-page{width:100%;padding:22px 20px 64px;color:#e5e7eb;background:#030712}
.pc-topics-shell{width:min(1536px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:34px;align-items:start}
.pc-topics-main{min-width:0}
.pc-topics-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:center;margin:0 0 24px}
.pc-topics-toolbar h1{margin:0;font-size:26px;line-height:1.1;font-weight:700;color:#f8fafc;white-space:nowrap}
.pc-topics-search{min-width:0;display:grid;grid-template-columns:minmax(220px,1fr) auto 118px;gap:9px;align-items:center}
.pc-topics-search-field{height:42px;display:flex;align-items:center;gap:11px;padding:0 14px;border:1px solid #253045;border-radius:9px;background:#101827;color:#8da0bd;transition:.2s border-color,.2s background}
.pc-topics-search-field:focus-within{border-color:#516078;background:#121c2d}
.pc-topics-search-field svg{width:18px;height:18px;flex:0 0 auto}
.pc-topics-search-field input{width:100%;border:0!important;outline:0!important;background:transparent!important;color:#eef2f7!important;font-size:14px!important;box-shadow:none!important;padding:0!important;height:auto!important}
.pc-topics-search-field input::placeholder{color:#72819b}
.pc-topics-search-btn,.pc-topics-sort{height:42px;border:1px solid #33415a;border-radius:8px;font-size:13px;font-weight:600}
.pc-topics-search-btn{padding:0 18px;background:#e9a027;color:#fff;border-color:#e9a027;cursor:pointer;transition:.2s filter,.2s transform}
.pc-topics-search-btn:hover{filter:brightness(1.06)}
.pc-topics-sort-wrap{position:relative;display:block}
.pc-topics-sort{width:100%;appearance:auto;padding:0 8px;background:#111b2d;color:#e8edf5;cursor:pointer}
.pc-topics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:20px;row-gap:30px}
.pc-topic-card{min-width:0}
.pc-topic-visual{display:block;color:inherit;text-decoration:none}
.pc-topic-poster-strip{height:112px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;overflow:hidden;border-radius:8px;background:#0f172a;padding:0;box-shadow:0 0 0 1px rgba(148,163,184,.05)}
.pc-topic-poster{display:block;min-width:0;overflow:hidden;background:#111827}
.pc-topic-poster:first-child{border-radius:8px 0 0 8px}.pc-topic-poster:last-child{border-radius:0 8px 8px 0}
.pc-topic-poster img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease}
.pc-topic-poster-empty{background:linear-gradient(135deg,#172033,#0b1120)}
.pc-topic-visual:hover .pc-topic-poster img{transform:scale(1.045);filter:brightness(.82)}
.pc-topic-wordmark{height:48px;margin-top:-2px;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none}
.pc-topic-wordmark span{max-width:92%;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;text-transform:none;font-size:22px;line-height:1;font-weight:800;letter-spacing:-.035em;color:var(--topic-color,#9ca3af);opacity:.68;text-shadow:0 1px 18px rgba(0,0,0,.4)}
.pc-topic-meta{margin-top:1px;display:flex;flex-direction:column;gap:4px}
.pc-topic-name{display:block;color:#f1f5f9;text-decoration:none;font-size:14px;font-weight:500;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-topic-name:hover{color:#f3a629}
.pc-topic-meta span{font-size:11px;color:#71809a}
.pc-topics-sidebar{position:sticky;top:88px;padding-top:2px}
.pc-topics-sidebar h2{margin:0 0 14px;font-size:10px;line-height:1.4;font-weight:600;letter-spacing:.04em;color:#64748b}
.pc-topic-ranking{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.pc-topic-ranking li{margin:0;padding:0}
.pc-topic-ranking a{display:grid;grid-template-columns:28px minmax(0,1fr);gap:7px;align-items:start;color:inherit;text-decoration:none}
.pc-topic-rank{font-size:13px;line-height:1.35;font-weight:700;color:#64748b}
.pc-topic-ranking li:nth-child(-n+3) .pc-topic-rank{color:#f3a629}
.pc-topic-rank-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.pc-topic-rank-copy strong{font-size:12px;line-height:1.25;font-weight:500;color:#e6eaf0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-topic-rank-copy small{font-size:10px;color:#64748b}
.pc-topics-empty{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #162033;border-radius:12px;background:#09101e;color:#8090aa}
.pc-topics-empty strong{font-size:18px;color:#f1f5f9}.pc-topics-empty p{margin:8px 0 16px;font-size:13px}.pc-topics-empty a{color:#f3a629;text-decoration:none;font-size:13px}
.pc-topics-pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:38px}
.pc-page-btn{min-width:30px;height:30px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:6px;background:#111b2c;color:#a8b4c7;text-decoration:none;font-size:12px;line-height:1;transition:.18s background,.18s color}
.pc-page-btn:hover{background:#1a263b;color:#fff}.pc-page-btn.is-active{background:#f3a629;color:#fff}.pc-page-btn.is-disabled{opacity:.35;pointer-events:none}.pc-page-dots{font-size:12px;color:#64748b;padding:0 2px}
@media(max-width:1320px){.pc-topics-shell{grid-template-columns:minmax(0,1fr) 200px;gap:26px}.pc-topics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pc-topic-poster-strip{height:112px}}
@media(max-width:1060px){.pc-topics-shell{grid-template-columns:minmax(0,1fr) 180px;gap:22px}.pc-topics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pc-topic-poster-strip{height:122px}}
@media(max-width:900px){.pc-topics-page{padding-inline:16px}.pc-topics-shell{display:block}.pc-topics-sidebar{display:none}.pc-topics-toolbar{grid-template-columns:1fr;gap:14px}.pc-topics-search{grid-template-columns:minmax(0,1fr) auto 116px}}
@media(max-width:640px){.pc-topics-page{padding:16px 12px 48px}.pc-topics-toolbar h1{font-size:23px}.pc-topics-search{grid-template-columns:minmax(0,1fr) auto}.pc-topics-sort-wrap{grid-column:1/-1}.pc-topics-sort{height:40px}.pc-topics-search-field,.pc-topics-search-btn{height:40px}.pc-topics-search-btn{padding:0 14px}.pc-topics-grid{grid-template-columns:1fr;row-gap:25px}.pc-topic-poster-strip{height:142px}.pc-topic-wordmark{height:44px}.pc-topic-wordmark span{font-size:20px}}

/* V7.1: topic poster strip + topic detail */
.pc-topic-poster-strip{height:106px;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;background:#0a1020}
.pc-topic-poster{position:relative;background:linear-gradient(135deg,#162033,#0b1120)}
.pc-topic-poster img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.pc-topic-poster.is-broken{background:linear-gradient(135deg,#182337,#0b1120)}
.pc-topic-brand{height:54px;margin-top:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.pc-topic-brand span{display:block;max-width:88%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--topic-color,#d1d5db);font-weight:800;font-size:20px;letter-spacing:-.045em;opacity:.64;text-shadow:0 0 18px rgba(0,0,0,.35)}
.pc-topic-visual:hover .pc-topic-brand span{opacity:.9}
.pc-topic-detail-page{width:100%;padding:28px 24px 76px;color:#d8e0ed}
.pc-topic-detail-shell{width:min(100%,1536px);margin:0 auto}
.pc-topic-breadcrumb{display:flex;align-items:center;gap:10px;margin:10px 0 42px;color:#7c8ca6;font-size:14px}
.pc-topic-breadcrumb a{color:#8fa1bd;text-decoration:none}.pc-topic-breadcrumb a:hover{color:#f3a629}.pc-topic-breadcrumb span:last-child{max-width:560px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pc-topic-detail-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px}
.pc-topic-detail-head h1{margin:0;color:#f8fafc;font-size:28px;line-height:1.2;font-weight:700;letter-spacing:-.035em}
.pc-topic-detail-head p{margin:7px 0 0;color:#71809a;font-size:13px}
.pc-topic-movie-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:34px 24px}
.pc-topic-movie-grid .gp-movie-card{min-width:0}
@media(max-width:1450px){.pc-topic-movie-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:30px 20px}}
@media(max-width:1260px){.pc-topic-movie-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1060px){.pc-topic-movie-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:900px){.pc-topic-detail-page{padding-inline:16px}.pc-topic-breadcrumb{margin-bottom:28px}.pc-topic-movie-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 16px}}
@media(max-width:640px){.pc-topic-detail-page{padding:18px 12px 54px}.pc-topic-detail-head h1{font-size:23px}.pc-topic-movie-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.pc-topic-brand span{font-size:18px}}


/* V7.2: desktop grid matches PhimCity sample - 4 topics per row */
@media(min-width:1321px){
  .pc-topics-main{width:100%}
  .pc-topics-grid{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:20px;row-gap:30px}
  .pc-topic-poster-strip{height:112px}
}

/* V7.3: match PhimCity desktop main/sidebar horizontal proportions */
@media (min-width:1321px){
  .pc-topics-page{padding-left:24px;padding-right:24px}
  .pc-topics-shell{
    width:100%;
    max-width:1536px;
    grid-template-columns:minmax(0,1fr) 320px;
    column-gap:40px;
  }
  .pc-topics-main{min-width:0;width:auto}
  .pc-topics-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    column-gap:24px;
    row-gap:30px;
  }
  .pc-topics-sidebar{width:320px;max-width:320px}
  .pc-topic-poster-strip{height:112px}
}
@media (min-width:1061px) and (max-width:1320px){
  .pc-topics-page{padding-left:20px;padding-right:20px}
  .pc-topics-shell{grid-template-columns:minmax(0,1fr) 280px;column-gap:32px}
  .pc-topics-sidebar{width:280px;max-width:280px}
  .pc-topics-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:22px}
}

/* V7.4: match PhimCity topic toolbar + Top Collections typography */
@media (min-width: 901px){
  .pc-topics-toolbar{
    grid-template-columns:auto minmax(0,1fr);
    column-gap:24px;
    margin-bottom:28px;
  }
  .pc-topics-toolbar h1{
    font-size:32px;
    line-height:1;
    font-weight:700;
    letter-spacing:-.035em;
  }
  .pc-topics-search{
    grid-template-columns:minmax(0,1fr) 110px 120px;
    gap:10px;
  }
  .pc-topics-search-field{
    height:50px;
    gap:13px;
    padding:0 18px;
    border-radius:12px;
    border-color:#29364c;
    background:#111a2b;
  }
  .pc-topics-search-field svg{
    width:22px;
    height:22px;
    color:#8fa1bd;
  }
  .pc-topics-search-field input{
    font-size:16px!important;
    line-height:1.4!important;
  }
  .pc-topics-search-field input::placeholder{color:#8292ae}
  .pc-topics-search-btn,
  .pc-topics-sort{
    height:50px;
    border-radius:10px;
    font-size:15px;
    line-height:1;
    font-weight:600;
  }
  .pc-topics-search-btn{
    min-width:110px;
    padding:0 20px;
    background:#d9992b;
    border-color:#d9992b;
  }
  .pc-topics-sort-wrap{
    position:relative;
    min-width:120px;
  }
  .pc-topics-sort{
    appearance:none;
    -webkit-appearance:none;
    width:100%;
    padding:0 34px 0 14px;
    border:1px solid #33415a;
    background:#111a2b;
    color:#f1f5f9;
  }
  .pc-topics-sort-wrap:after{
    content:"";
    position:absolute;
    right:14px;
    top:50%;
    width:7px;
    height:7px;
    border-right:2px solid #cbd5e1;
    border-bottom:2px solid #cbd5e1;
    transform:translateY(-68%) rotate(45deg);
    pointer-events:none;
  }
}

/* Sidebar dimensions/typography copied to the visual proportions of the sample. */
@media (min-width:1061px){
  .pc-topics-sidebar h2{
    margin-bottom:20px;
    font-size:13px;
    line-height:1.25;
    font-weight:600;
    letter-spacing:.045em;
  }
  .pc-topic-ranking{
    gap:24px;
  }
  .pc-topic-ranking a{
    grid-template-columns:42px minmax(0,1fr);
    gap:10px;
    align-items:center;
    min-height:52px;
    padding:3px 0;
  }
  .pc-topic-rank{
    font-size:22px;
    line-height:1;
    font-weight:800;
    letter-spacing:-.035em;
  }
  .pc-topic-rank-copy{
    gap:5px;
  }
  .pc-topic-rank-copy strong{
    font-size:17px;
    line-height:1.25;
    font-weight:500;
  }
  .pc-topic-rank-copy small{
    font-size:14px;
    line-height:1.25;
    color:#7f91ad;
  }
}

@media (min-width:1321px){
  .pc-topics-sidebar{padding-top:4px}
}

@media (max-width:900px){
  .pc-topics-toolbar h1{font-size:27px}
  .pc-topics-search-field{border-radius:10px}
}

/* V7.5: restore PhimCity sample proportions for toolbar and Top Collections */
@media (min-width: 901px){
  .pc-topics-toolbar{
    grid-template-columns:auto minmax(0,1fr);
    column-gap:20px;
    margin-bottom:24px;
  }
  .pc-topics-toolbar h1{
    font-size:26px;
    line-height:1.1;
    font-weight:700;
    letter-spacing:-.025em;
  }
  .pc-topics-search{
    grid-template-columns:minmax(0,1fr) 92px 104px;
    gap:9px;
  }
  .pc-topics-search-field{
    height:44px;
    gap:11px;
    padding:0 15px;
    border-radius:10px;
    border-color:#29364c;
    background:#111a2b;
  }
  .pc-topics-search-field svg{
    width:18px;
    height:18px;
  }
  .pc-topics-search-field input{
    font-size:14px!important;
    line-height:1.4!important;
  }
  .pc-topics-search-btn,
  .pc-topics-sort{
    height:44px;
    border-radius:9px;
    font-size:13px;
    line-height:1;
    font-weight:600;
  }
  .pc-topics-search-btn{
    min-width:92px;
    padding:0 15px;
  }
  .pc-topics-sort-wrap{min-width:104px}
  .pc-topics-sort{padding:0 30px 0 12px}
  .pc-topics-sort-wrap:after{
    right:12px;
    width:6px;
    height:6px;
    border-right-width:1.5px;
    border-bottom-width:1.5px;
  }
}

@media (min-width:1061px){
  .pc-topics-sidebar h2{
    margin-bottom:16px;
    font-size:11px;
    line-height:1.3;
    letter-spacing:.045em;
  }
  .pc-topic-ranking{gap:17px}
  .pc-topic-ranking a{
    grid-template-columns:34px minmax(0,1fr);
    gap:8px;
    align-items:center;
    min-height:42px;
    padding:1px 0;
  }
  .pc-topic-rank{
    font-size:16px;
    line-height:1;
    font-weight:800;
    letter-spacing:-.025em;
  }
  .pc-topic-rank-copy{gap:3px}
  .pc-topic-rank-copy strong{
    font-size:14px;
    line-height:1.28;
    font-weight:500;
  }
  .pc-topic-rank-copy small{
    font-size:12px;
    line-height:1.25;
  }
}

/* V7.6: remove legacy colored collection title and match sample embedded search button */
.pc-topic-brand,
.pc-topic-wordmark{display:none!important}
.pc-topic-meta{margin-top:12px}
.pc-topic-name{color:#f8fafc!important;font-weight:500!important}
.pc-topic-name:hover{color:#f8fafc!important}

@media (min-width:901px){
  .pc-topics-search{
    display:grid;
    grid-template-columns:minmax(0,1fr) 104px;
    gap:9px;
    align-items:center;
  }
  .pc-topics-search-box{
    height:44px;
    min-width:0;
    display:flex;
    align-items:center;
    border:1px solid #29364c;
    border-radius:10px;
    background:#111a2b;
    overflow:hidden;
    transition:.2s border-color,.2s background;
  }
  .pc-topics-search-box:focus-within{
    border-color:#516078;
    background:#121c2d;
  }
  .pc-topics-search-field{
    height:100%;
    flex:1 1 auto;
    min-width:0;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    padding:0 14px;
    box-shadow:none!important;
  }
  .pc-topics-search-field:focus-within{border:0!important;background:transparent!important}
  .pc-topics-search-btn{
    flex:0 0 auto;
    height:36px;
    min-width:88px;
    margin-right:4px;
    padding:0 14px;
    border:0!important;
    border-radius:8px;
    background:#d99a2b;
    color:#fff;
    font-size:13px;
    font-weight:600;
    box-shadow:none;
  }
  .pc-topics-sort-wrap{min-width:104px}
  .pc-topics-sort{height:44px}
}

@media (max-width:900px){
  .pc-topics-search{display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:9px}
  .pc-topics-search-box{display:flex;align-items:center;height:42px;border:1px solid #29364c;border-radius:10px;background:#111a2b;overflow:hidden}
  .pc-topics-search-field{height:100%;flex:1 1 auto;min-width:0;border:0!important;background:transparent!important;border-radius:0!important;padding:0 12px}
  .pc-topics-search-btn{height:34px;min-width:82px;margin-right:4px;border:0!important;border-radius:7px}
  .pc-topics-sort-wrap{min-width:104px}
}

@media (max-width:640px){
  .pc-topics-search{grid-template-columns:1fr}
  .pc-topics-sort-wrap{grid-column:auto}
  .pc-topics-search-box{width:100%}
  .pc-topics-sort{width:100%}
}

/* V7.7: vertically center search content and replace native sort popup with a compact PhimCity-style menu */
@media (min-width:901px){
  .pc-topics-search{
    align-items:center!important;
  }
  .pc-topics-search-box{
    height:44px!important;
    display:flex!important;
    align-items:center!important;
  }
  .pc-topics-search-field{
    height:42px!important;
    display:flex!important;
    align-items:center!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }
  .pc-topics-search-field svg{
    display:block!important;
    flex:0 0 18px!important;
    width:18px!important;
    height:18px!important;
    margin:0!important;
    position:relative;
    top:1px;
  }
  .pc-topics-search-field input{
    display:block!important;
    height:42px!important;
    min-height:42px!important;
    line-height:42px!important;
    margin:0!important;
    padding:0!important;
    position:relative;
    top:1px;
    font-size:14px!important;
  }
  .pc-topics-search-btn{
    height:36px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:1!important;
    margin-top:0!important;
    margin-bottom:0!important;
  }
  .pc-topics-sort-wrap{
    height:44px!important;
    min-height:44px!important;
    align-self:center!important;
    display:block!important;
    position:relative!important;
  }
  .pc-topics-sort-menu{
    position:relative;
    width:100%;
    height:44px;
    margin:0;
  }
  .pc-topics-sort-menu > summary{
    list-style:none;
    box-sizing:border-box;
    width:100%;
    height:44px;
    padding:0 12px;
    margin:0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:9px;
    border:1px solid #33415a;
    border-radius:9px;
    background:#111a2b;
    color:#eef2f7;
    font-size:13px;
    line-height:1;
    font-weight:600;
    cursor:pointer;
    user-select:none;
  }
  .pc-topics-sort-menu > summary::-webkit-details-marker{display:none}
  .pc-topics-sort-menu > summary::marker{display:none;content:""}
  .pc-topics-sort-menu > summary span{
    display:block;
    line-height:1;
    white-space:nowrap;
  }
  .pc-topics-sort-menu > summary i{
    width:7px;
    height:7px;
    flex:0 0 7px;
    border-right:1.5px solid #aeb9cb;
    border-bottom:1.5px solid #aeb9cb;
    transform:translateY(-2px) rotate(45deg);
    transition:transform .16s ease;
  }
  .pc-topics-sort-menu[open] > summary{
    border-color:#f3a629;
  }
  .pc-topics-sort-menu[open] > summary i{
    transform:translateY(2px) rotate(225deg);
  }
  .pc-topics-sort-options{
    position:absolute;
    z-index:80;
    top:47px;
    left:0;
    width:100%;
    min-width:118px;
    overflow:hidden;
    border:1px solid #747a84;
    border-radius:0;
    background:#9297a1;
    box-shadow:0 10px 26px rgba(0,0,0,.28);
  }
  .pc-topics-sort-options a{
    height:27px;
    padding:0 10px;
    display:flex;
    align-items:center;
    color:#fff;
    text-decoration:none;
    background:#9297a1;
    font-size:12px;
    line-height:1;
    font-weight:400;
    white-space:nowrap;
  }
  .pc-topics-sort-options a:hover{
    background:#858b95;
  }
  .pc-topics-sort-options a.is-active{
    background:#1f6fe5;
    color:#fff;
  }
}

@media (max-width:900px){
  .pc-topics-search-box{align-items:center!important}
  .pc-topics-search-field{display:flex!important;align-items:center!important}
  .pc-topics-search-field input{height:40px!important;line-height:40px!important;margin:0!important;padding:0!important}
  .pc-topics-sort-wrap{height:40px!important}
  .pc-topics-sort-menu{height:40px;position:relative}
  .pc-topics-sort-menu > summary{list-style:none;height:40px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border:1px solid #33415a;border-radius:9px;background:#111a2b;color:#eef2f7;font-size:13px;font-weight:600;cursor:pointer}
  .pc-topics-sort-menu > summary::-webkit-details-marker{display:none}
  .pc-topics-sort-menu > summary i{width:7px;height:7px;border-right:1.5px solid #aeb9cb;border-bottom:1.5px solid #aeb9cb;transform:translateY(-2px) rotate(45deg)}
  .pc-topics-sort-options{position:absolute;z-index:80;top:43px;right:0;min-width:118px;overflow:hidden;background:#9297a1;border:1px solid #747a84}
  .pc-topics-sort-options a{height:27px;padding:0 10px;display:flex;align-items:center;background:#9297a1;color:#fff;text-decoration:none;font-size:12px;line-height:1}
  .pc-topics-sort-options a.is-active{background:#1f6fe5}
}

/* V7.8: pixel-center the search icon + text like the PhimCity reference */
@media (min-width:901px){
  .pc-topics-search-box{
    align-items:stretch!important;
  }
  .pc-topics-search-field{
    position:relative!important;
    display:block!important;
    height:100%!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    line-height:normal!important;
  }
  .pc-topics-search-field svg{
    position:absolute!important;
    left:16px!important;
    top:50%!important;
    width:18px!important;
    height:18px!important;
    margin:0!important;
    transform:translateY(-50%)!important;
    pointer-events:none!important;
  }
  .pc-topics-search-field input{
    position:static!important;
    top:auto!important;
    box-sizing:border-box!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0 14px 0 46px!important;
    border:0!important;
    line-height:normal!important;
    vertical-align:middle!important;
    font-family:inherit!important;
    font-size:14px!important;
    font-weight:400!important;
    appearance:none!important;
    -webkit-appearance:none!important;
  }
  .pc-topics-search-field input::-webkit-search-decoration,
  .pc-topics-search-field input::-webkit-search-cancel-button,
  .pc-topics-search-field input::-webkit-search-results-button,
  .pc-topics-search-field input::-webkit-search-results-decoration{
    -webkit-appearance:none!important;
  }
}

@media (max-width:900px){
  .pc-topics-search-field{
    position:relative!important;
    display:block!important;
    height:100%!important;
    padding:0!important;
    margin:0!important;
  }
  .pc-topics-search-field svg{
    position:absolute!important;
    left:14px!important;
    top:50%!important;
    width:18px!important;
    height:18px!important;
    transform:translateY(-50%)!important;
    margin:0!important;
    pointer-events:none!important;
  }
  .pc-topics-search-field input{
    position:static!important;
    box-sizing:border-box!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0 12px 0 43px!important;
    line-height:normal!important;
    font-family:inherit!important;
  }
}
\n\n/* V7.9: center the embedded search button and remove sort chevron */\n@media (min-width:901px){\n  .pc-topics-search-box{\n    height:44px!important;\n    display:flex!important;\n    align-items:center!important;\n  }\n  .pc-topics-search-field{\n    height:100%!important;\n    flex:1 1 auto!important;\n    min-width:0!important;\n  }\n  .pc-topics-search-btn{\n    box-sizing:border-box!important;\n    height:36px!important;\n    min-height:36px!important;\n    margin:4px 4px 4px 0!important;\n    padding:0 18px!important;\n    align-self:center!important;\n    display:inline-flex!important;\n    align-items:center!important;\n    justify-content:center!important;\n    line-height:1!important;\n  }\n  .pc-topics-sort-menu > summary{\n    justify-content:center!important;\n    padding:0 12px!important;\n    gap:0!important;\n  }\n  .pc-topics-sort-menu > summary i{display:none!important}\n}\n\n@media (max-width:900px){\n  .pc-topics-search-box{align-items:center!important}\n  .pc-topics-search-btn{\n    height:34px!important;\n    margin:3px 3px 3px 0!important;\n    align-self:center!important;\n  }\n  .pc-topics-sort-menu > summary{justify-content:center!important;gap:0!important}\n  .pc-topics-sort-menu > summary i{display:none!important}\n}\n