/* Whitepaper list + detail */

.wp-hero{background:var(--navy);color:var(--ivory);padding:72px 0 56px;position:relative;overflow:hidden}
.wp-hero:before{content:"";position:absolute;top:-120px;right:-80px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,var(--coral) 0%,transparent 70%);opacity:.13}
.wp-hero:after{content:"";position:absolute;bottom:-100px;left:-60px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,var(--coral) 0%,transparent 70%);opacity:.06}
.wp-hero .shell{position:relative;z-index:1}
.wp-hero .eyebrow{color:var(--coral);font-size:13px;letter-spacing:.08em;margin:0 0 16px;display:flex;align-items:center;gap:8px}
.wp-hero .eyebrow span{display:inline-block;width:24px;height:1px;background:var(--coral)}
.wp-hero h1{font-family:"Songti SC",serif;font-size:38px;line-height:1.3;margin:0 0 16px;font-weight:600}
.wp-hero h1 em{color:var(--coral);font-style:normal}
.wp-hero .lead{font-size:16px;line-height:1.8;color:#ffffffa0;margin:0;max-width:620px}

.wp-list-section{padding:64px 0}
.wp-list-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}
.wp-list-head .left .eyebrow{color:var(--coral);font-size:13px;letter-spacing:.08em;margin:0 0 10px;display:flex;align-items:center;gap:8px}
.wp-list-head .left .eyebrow span{display:inline-block;width:24px;height:1px;background:var(--coral)}
.wp-list-head .left h2{font-family:"Songti SC",serif;font-size:30px;line-height:1.3;margin:0;font-weight:600;color:var(--navy)}
.wp-list-head .count{font-size:13px;color:var(--muted);padding-bottom:6px}

.wp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.wp-card{background:var(--paper);border:1px solid var(--line);overflow:hidden;cursor:pointer;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;flex-direction:column;color:inherit}
.wp-card:hover{border-color:var(--coral);transform:translateY(-4px);box-shadow:0 12px 32px rgba(8,26,49,.08)}
.wp-card-cover{background:linear-gradient(145deg,var(--navy2),var(--navy));padding:32px 24px;text-align:center;position:relative;min-height:180px;display:flex;flex-direction:column;justify-content:center}
.wp-card-cover .badge{position:absolute;top:12px;left:12px;background:var(--coral);color:#fff;font-size:10px;padding:3px 10px;letter-spacing:.05em}
.wp-card-cover .badge.coming{background:var(--muted)}
.wp-card-cover .wp-icon{width:48px;height:48px;margin:0 auto 12px;opacity:.7;color:var(--coral)}
.wp-card-cover .cover-title{font-size:16px;color:var(--ivory);line-height:1.5;font-weight:600}
.wp-card-cover .cover-sub{font-size:11px;color:#ffffff50;line-height:1.5;margin-top:4px}
.wp-card-cover .cover-divider{width:32px;height:2px;background:var(--coral);margin:12px auto}
.wp-card-cover .cover-pages{font-size:12px;color:#ffffff80}
.wp-card-body{padding:20px 22px;flex:1;display:flex;flex-direction:column}
.wp-card-body h3{font-family:"Songti SC",serif;font-size:18px;color:var(--navy);margin:0 0 8px;line-height:1.4;font-weight:600}
.wp-card-body .desc{font-size:13px;color:var(--muted);line-height:1.6;margin:0 0 16px;flex:1}
.wp-card-body .meta{display:flex;gap:16px;margin-bottom:16px}
.wp-card-body .meta div{font-size:12px;color:var(--muted)}
.wp-card-body .meta div strong{color:var(--navy);display:block;font-size:13px}
.wp-card-body .tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}
.wp-card-body .tag{font-size:11px;background:var(--ivory);border:1px solid var(--line);padding:2px 8px;color:var(--muted)}
.wp-card-body .view-btn{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--navy);color:var(--ivory);font-size:13px;transition:.2s;border:0;cursor:pointer;text-decoration:none}
.wp-card:hover .wp-card-body .view-btn{background:var(--coral)}
.wp-card-body .view-btn svg{width:14px;height:14px;transition:transform .2s}
.wp-card:hover .wp-card-body .view-btn svg{transform:translateX(4px)}

.wp-empty{grid-column:1/-1;text-align:center;padding:80px 20px;color:var(--muted)}
.wp-empty svg{width:64px;height:64px;opacity:.3;margin-bottom:16px}
.wp-empty h3{font-size:18px;color:var(--navy);margin:0 0 8px}
.wp-empty p{font-size:14px;margin:0}

.wp-cta{background:var(--paper);padding:56px 0;text-align:center;border-top:1px solid var(--line)}
.wp-cta h2{font-family:"Songti SC",serif;font-size:26px;color:var(--navy);margin:0 0 12px;font-weight:600}
.wp-cta p{font-size:15px;color:var(--muted);margin:0}
.wp-cta a{color:var(--coral);font-weight:600}

.wp-breadcrumb{background:var(--paper);border-bottom:1px solid var(--line);padding:14px 0}
.wp-breadcrumb .shell{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
.wp-breadcrumb a{color:var(--muted);transition:.2s}
.wp-breadcrumb a:hover{color:var(--coral)}
.wp-breadcrumb span.sep{color:var(--line)}
.wp-breadcrumb span.current{color:var(--navy);font-weight:500}

.wp-detail-hero{background:linear-gradient(145deg,var(--navy2),var(--navy));color:var(--ivory);padding:56px 0 48px;position:relative;overflow:hidden}
.wp-detail-hero:before{content:"";position:absolute;top:-80px;right:-80px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,var(--coral) 0%,transparent 70%);opacity:.15}
.wp-detail-hero .shell{position:relative;z-index:1;max-width:880px}
.wp-detail-hero .eyebrow{color:var(--coral);font-size:12px;letter-spacing:.08em;margin:0 0 16px}
.wp-detail-hero h1{font-family:"Songti SC",serif;font-size:32px;line-height:1.3;margin:0 0 12px;font-weight:600}
.wp-detail-hero .sub{font-size:15px;color:#ffffff70;line-height:1.6;margin:0 0 28px;max-width:600px}
.wp-detail-hero .meta-row{display:flex;gap:28px;flex-wrap:wrap}
.wp-detail-hero .meta-row div{display:flex;flex-direction:column;gap:2px}
.wp-detail-hero .meta-row dt{font-size:11px;color:#ffffff40;letter-spacing:.06em}
.wp-detail-hero .meta-row dd{font-size:14px;color:var(--ivory);margin:0}

.wp-detail-body{padding:48px 0}
.wp-detail-body .shell{max-width:880px}
.wp-detail-body .wp-content{font-size:15px;line-height:1.9;color:var(--ink)}
.wp-detail-body .wp-content h2{font-family:"Songti SC",serif;font-size:20px;color:var(--navy);margin:32px 0 16px;font-weight:600;display:flex;align-items:center;gap:10px}
.wp-detail-body .wp-content h2:before{content:"";width:4px;height:20px;background:var(--coral);display:inline-block}
.wp-detail-body .wp-content h3{font-size:16px;color:var(--navy);margin:24px 0 12px;font-weight:600}
.wp-detail-body .wp-content p{margin:0 0 16px}
.wp-detail-body .wp-content ul,.wp-detail-body .wp-content ol{margin:0 0 16px;padding-left:24px}
.wp-detail-body .wp-content li{margin-bottom:8px}
.wp-detail-body .wp-content blockquote{border-left:3px solid var(--coral);padding:16px 24px;background:var(--paper);margin:0 0 24px}
.wp-detail-body .wp-content blockquote p{margin:0}
.wp-detail-body .wp-content strong{color:var(--navy)}

.wp-detail-platforms{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px;padding-top:24px;border-top:1px solid var(--line);align-items:center}
.wp-detail-platforms .label{font-size:13px;color:var(--muted);margin-right:4px}
.wp-detail-platforms span.platform{font-size:12px;padding:6px 12px;background:var(--paper);border:1px solid var(--line);color:var(--navy)}

.wp-detail-download{background:var(--navy);padding:36px 0}
.wp-detail-download .shell{max-width:880px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.wp-detail-download .info{color:var(--ivory)}
.wp-detail-download .info h4{font-size:18px;margin:0 0 4px;font-weight:600}
.wp-detail-download .info p{font-size:13px;color:#ffffff60;margin:0}
.wp-detail-download .dl-btn{display:inline-flex;align-items:center;gap:10px;background:var(--coral);color:#fff;padding:14px 28px;font-size:15px;border:0;cursor:pointer;font-weight:600;text-decoration:none;transition:.2s;white-space:nowrap}
.wp-detail-download .dl-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff684f33}
.wp-detail-download .dl-btn svg{width:18px;height:18px}
.wp-detail-download .dl-btn.disabled{background:var(--muted);cursor:not-allowed;pointer-events:none}

.wp-back{padding:24px 0;text-align:center}
.wp-back a{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:14px;transition:.2s}
.wp-back a:hover{color:var(--coral)}
.wp-back svg{width:16px;height:16px}

.wp-footer-info{padding:36px 0;text-align:center;border-top:1px solid var(--line)}
.wp-footer-info p{font-size:13px;color:var(--muted);margin:4px 0}

@media(max-width:900px){
  .wp-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .wp-grid{grid-template-columns:1fr}
  .wp-list-head{flex-direction:column;align-items:flex-start;gap:8px}
  .wp-hero h1,.wp-detail-hero h1{font-size:28px}
  .wp-detail-download .shell{flex-direction:column;text-align:center}
  .wp-detail-hero .meta-row{gap:16px}
}