:root{--shpc-bg:#f7f3eb;--shpc-paper:#fffdf9;--shpc-ink:#171513;--shpc-muted:#77716a;--shpc-line:#ddd5c9;--shpc-accent:#8b6e47}
.shpc-page{background:var(--shpc-paper);color:var(--shpc-ink);font-family:Arial,Helvetica,sans-serif}
.shpc-wrap{max-width:1420px;margin:auto;padding:34px clamp(18px,4vw,52px) 80px}.shpc-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:30px}.shpc-filter-group{display:flex;gap:7px;flex-wrap:wrap}.shpc-filter{border:1px solid var(--shpc-line);background:#fff;padding:10px 13px;font:600 10px/1 Arial,sans-serif;text-transform:uppercase;letter-spacing:.8px;cursor:pointer;white-space:nowrap}.shpc-filter.is-active,.shpc-filter:hover{background:var(--shpc-ink);color:#fff;border-color:var(--shpc-ink)}.shpc-topic-scroll{flex:1;min-width:240px;overflow-x:auto}.shpc-topic-filters{flex-wrap:nowrap;width:max-content}.shpc-search-wrap{margin-left:auto;display:flex;border:1px solid var(--shpc-line);background:#fff;min-width:240px}.shpc-search{border:0;outline:0;padding:11px 12px;width:100%;background:transparent;font-size:13px}.shpc-search-button{border:0;background:transparent;padding:0 13px;cursor:pointer}.shpc-grid{columns:4 240px;column-gap:24px}.shpc-card{break-inside:avoid;margin:0 0 32px}.shpc-card-image{display:block;width:100%;border:0;padding:0;background:#eee;cursor:zoom-in;overflow:hidden;text-align:left;text-decoration:none}.shpc-card-image img{display:block;width:100%;height:auto;transition:transform .45s ease}.shpc-card-image:hover img{transform:scale(1.025)}.shpc-card-info{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding:11px 2px 0}.shpc-card h2{font:400 17px/1.25 Georgia,serif;margin:0}.shpc-card h2 a{color:inherit;text-decoration:none}.shpc-meta{font:11px/1.5 Arial,sans-serif;color:var(--shpc-muted);margin-top:4px}.shpc-open-icon{border:0;background:transparent;font-size:18px;cursor:pointer;color:#444;padding:0}.shpc-empty{grid-column:1/-1;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#777;text-align:center}.shpc-empty strong{font:400 25px Georgia,serif;color:#333}.shpc-empty span{font-size:13px}.shpc-load-wrap{text-align:center;padding-top:18px}.shpc-load-more{display:inline-flex;border:1px solid #777;background:transparent;padding:13px 22px;font:600 10px Arial,sans-serif;text-transform:uppercase;letter-spacing:1px;cursor:pointer}.shpc-load-more[disabled]{opacity:.4;cursor:default}
.shpc-lightbox{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:22px}.shpc-lightbox.is-open{display:flex}.shpc-lightbox-backdrop{position:absolute;inset:0;background:rgba(12,12,12,.82)}.shpc-lightbox-panel{position:relative;z-index:2;width:min(1180px,96vw);max-height:94vh;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);background:var(--shpc-paper);overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.35)}.shpc-close{position:absolute;right:12px;top:10px;border:0;background:rgba(255,255,255,.92);width:36px;height:36px;border-radius:50%;font-size:25px;cursor:pointer;z-index:5}.shpc-lightbox-image-wrap{background:#ece8e0;display:flex;align-items:center;justify-content:center;min-height:340px;max-height:94vh;overflow:hidden;padding:20px}.shpc-lightbox-image{display:block;max-width:100%;max-height:90vh;width:auto;height:auto;object-fit:contain;transform-origin:center;touch-action:none;cursor:zoom-in}.shpc-lightbox-info{padding:52px 40px;display:flex;flex-direction:column;justify-content:center;overflow:auto}.shpc-lightbox-kicker{font:700 10px Arial,sans-serif;letter-spacing:2px;color:var(--shpc-accent)}.shpc-lightbox-title{font:400 42px/1.05 Georgia,serif;margin:12px 0}.shpc-lightbox-meta{font:12px Arial,sans-serif;color:#777;margin-bottom:18px}.shpc-lightbox-description{font:16px/1.7 Georgia,serif;color:#444}.shpc-lightbox-actions{display:flex;flex-direction:column;gap:9px;margin-top:24px}.shpc-lightbox-actions a,.shpc-lightbox-actions button{display:flex;justify-content:center;align-items:center;min-height:46px;border:1px solid #333;background:#111;color:#fff;text-decoration:none;font:600 10px Arial,sans-serif;text-transform:uppercase;letter-spacing:1.2px;cursor:pointer}.shpc-lightbox-actions .shpc-share,.shpc-lightbox-actions .shpc-open-page{background:transparent;color:#111}.shpc-no-scroll{overflow:hidden}
.shpc-single{background:var(--shpc-bg);padding:70px 24px}.shpc-single-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.65fr);gap:70px;align-items:center}.shpc-single-artwork{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.shpc-single-artwork img{max-width:100%;max-height:78vh;width:auto;height:auto;display:block}.shpc-single-content h1{font:400 clamp(34px,4vw,56px)/1.05 Georgia,serif;margin:12px 0 15px}.shpc-single-meta{font:12px Arial,sans-serif;color:#777}.shpc-single-description{font:17px/1.7 Georgia,serif;color:#444}.shpc-poem-text{font:18px/1.9 Georgia,serif;margin-top:28px}.shpc-single-actions{display:flex;gap:10px;margin-top:28px;flex-wrap:wrap}.shpc-single-actions a,.shpc-single-actions button{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border:1px solid #333;background:#111;color:#fff;text-decoration:none;font:600 10px Arial,sans-serif;text-transform:uppercase;letter-spacing:1px;cursor:pointer}.shpc-single-actions .shpc-share{background:transparent;color:#111}
@media(max-width:1050px){.shpc-grid{columns:3 220px}.shpc-lightbox-panel{grid-template-columns:1fr;max-height:94vh;overflow:auto}.shpc-lightbox-image-wrap{max-height:58vh}.shpc-lightbox-image{max-height:55vh}.shpc-lightbox-info{padding:25px}.shpc-single-inner{grid-template-columns:1fr;gap:35px}}
@media(max-width:700px){.shpc-wrap{padding:22px 14px 55px}.shpc-grid{columns:2 140px;column-gap:12px}.shpc-card{margin-bottom:20px}.shpc-card h2{font-size:14px}.shpc-meta{font-size:10px}.shpc-controls{align-items:stretch}.shpc-language-filters{width:100%;overflow-x:auto;flex-wrap:nowrap}.shpc-search-wrap{width:100%;min-width:0;margin-left:0}.shpc-topic-scroll{width:100%;flex-basis:100%}.shpc-lightbox{padding:8px}.shpc-lightbox-panel{width:100%;max-height:97vh}.shpc-lightbox-image-wrap{max-height:54vh;padding:10px}.shpc-lightbox-image{max-height:52vh}.shpc-lightbox-info{padding:18px}.shpc-lightbox-title{font-size:32px}.shpc-single{padding:40px 16px}.shpc-single-actions{flex-direction:column}.shpc-single-actions a,.shpc-single-actions button{width:100%}}

/* Featured Poetry */
.shpc-featured-poetry{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:34px;align-items:center;margin:0 0 42px;padding:24px;background:#f7f3eb;border:1px solid var(--shpc-line)}
.shpc-featured-image{display:block;background:#ece8e0;overflow:hidden;text-decoration:none}
.shpc-featured-image img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain}
.shpc-featured-copy{padding:10px 18px}
.shpc-featured-kicker{font:700 10px Arial,sans-serif;letter-spacing:2px;color:var(--shpc-accent)}
.shpc-featured-copy h2{font:600 clamp(30px,4vw,52px)/1.05 Poppins,Arial,sans-serif;margin:10px 0 12px}
.shpc-featured-copy h2 a{color:inherit;text-decoration:none}
.shpc-featured-copy p{font:17px/1.7 Georgia,serif;color:#4b4742;margin:18px 0}
.shpc-featured-link{display:inline-flex;border:1px solid #333;padding:12px 18px;color:#111;text-decoration:none;font:600 10px Arial,sans-serif;text-transform:uppercase;letter-spacing:1px}

/* Media buttons */
.shpc-media-button,.shpc-listen-button{gap:9px}
.shpc-brand-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font:700 10px Arial,sans-serif;color:#fff;background:#111;flex:0 0 20px}
.shpc-youtube-icon,.shpc-youtube-listen .shpc-brand-icon{background:#ff0033}
.shpc-spotify-icon,.shpc-spotify-listen .shpc-brand-icon{background:#1db954}

/* Individual poetry */
.shpc-single-content h1{font-family:Poppins,Arial,sans-serif;font-weight:700;letter-spacing:-.025em;font-size:clamp(34px,4vw,56px);line-height:1.08}
.shpc-urdu-poetry .shpc-single-content h1,.shpc-urdu-poetry .shpc-poem-text{font-family:"Noto Nastaliq Urdu",serif}
.shpc-urdu-poetry .shpc-single-content h1{font-weight:500;font-size:clamp(32px,3.8vw,52px);line-height:1.55}
.shpc-urdu-poetry .shpc-poem-text{font-size:19px;line-height:2.45;direction:rtl;text-align:right}
.shpc-single-video{margin-top:34px}
.shpc-single-video h2{font:600 14px/1.4 Poppins,Arial,sans-serif;text-transform:uppercase;letter-spacing:1px;color:var(--shpc-accent);margin:0 0 12px}
.shpc-video-frame{position:relative;width:100%;aspect-ratio:16/9;background:#111;overflow:hidden}
.shpc-video-frame iframe{display:block;width:100%;height:100%;border:0}
.shpc-single-actions{flex-wrap:wrap}
.shpc-single-actions .shpc-listen-button{background:#111;color:#fff}
.shpc-single-actions .shpc-spotify-listen{background:#fff;color:#111}

/* Related Poetry */
.shpc-related{max-width:1180px;margin:70px auto 0;padding-top:34px;border-top:1px solid var(--shpc-line)}
.shpc-related-heading span{font:700 10px Arial,sans-serif;letter-spacing:2px;color:var(--shpc-accent)}
.shpc-related-heading h2{font:600 clamp(28px,3vw,42px)/1.15 Poppins,Arial,sans-serif;margin:8px 0 25px;color:var(--shpc-ink)}
.shpc-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.shpc-related-card{border:1px solid var(--shpc-line);background:#fff;display:flex;flex-direction:column;min-width:0}
.shpc-related-image{display:block;aspect-ratio:4/3;overflow:hidden;background:#eee}
.shpc-related-image img{display:block;width:100%;height:100%;object-fit:cover}
.shpc-related-info{padding:15px 16px 17px}
.shpc-related-meta{font:700 9px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:1.1px;color:var(--shpc-accent)}
.shpc-related-info h3{font:600 20px/1.25 Poppins,Arial,sans-serif;margin:7px 0 10px}
.shpc-related-info h3 a{color:inherit;text-decoration:none}
.shpc-related-read{font:600 10px Arial,sans-serif;text-transform:uppercase;letter-spacing:1px;color:#333;text-decoration:none}

@media(max-width:1050px){.shpc-featured-poetry{grid-template-columns:1fr .9fr}.shpc-related{margin-top:50px}.shpc-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.shpc-featured-poetry{grid-template-columns:1fr;gap:18px;padding:14px;margin-bottom:30px}.shpc-featured-copy{padding:4px}.shpc-featured-copy h2{font-size:28px}.shpc-featured-copy p{font-size:15px}.shpc-related-grid{grid-template-columns:1fr}.shpc-related{margin-top:42px}.shpc-single-video{margin-top:25px}.shpc-single-actions{gap:8px}.shpc-single-actions .shpc-listen-button{width:100%}}
.shpc-artwork-video{width:100%;margin-top:22px}.shpc-single-artwork .shpc-artwork-video h2{margin-top:0}

/* v1.6 refinements */
.shpc-lightbox-actions [hidden]{display:none !important}
.shpc-lightbox-actions .shpc-media-button{width:auto;min-height:36px;padding:0 13px;align-self:flex-start;font-size:9px;letter-spacing:.9px}
.shpc-lightbox-actions .shpc-media-button .shpc-brand-icon{width:17px;height:17px;flex-basis:17px;font-size:9px}
.shpc-single-artwork > img{align-self:center}
.shpc-artwork-video{max-width:100%;align-self:stretch}
.shpc-single-actions .shpc-download,.shpc-single-actions .shpc-share{flex:1 1 calc(50% - 5px)}
.shpc-single-actions .shpc-listen-button{flex:1 1 calc(50% - 5px)}
@media(max-width:700px){.shpc-single-content h1{font-size:clamp(30px,9vw,44px)}.shpc-urdu-poetry .shpc-single-content h1{font-size:clamp(28px,8vw,42px)}.shpc-urdu-poetry .shpc-poem-text{font-size:18px;line-height:2.35}.shpc-single-actions .shpc-download,.shpc-single-actions .shpc-share,.shpc-single-actions .shpc-listen-button{flex:1 1 100%}}
