:root{--sshp-accent:#1f5f8b;--sshp-bg:transparent;--sshp-surface:#fff;--sshp-border:#d8dee4;--sshp-soft:#f6f8fa;--sshp-text:#1f2328;--sshp-muted:#59636e;--sshp-radius:8px;--sshp-gap:24px}
.sshp-page{color:var(--sshp-text);background:var(--sshp-bg)}
.sshp-page *{box-sizing:border-box}
.sshp-top{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:18px;margin-bottom:30px}
.sshp-slider-area,.sshp-beside{min-width:0}
.sshp-slider{position:relative;margin:0;overflow:hidden;border-radius:var(--sshp-radius);background:#111}
.sshp-slides{position:relative;aspect-ratio:800/445}
.sshp-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .35s ease}
.sshp-slide.is-active{opacity:1;visibility:visible;z-index:1}
.sshp-slide-image,.sshp-highlight-image,.sshp-digest-image,.sshp-small-image,.sshp-curated-image{display:block;overflow:hidden;background:#e9edf1}
.sshp-slide-image{position:absolute;inset:0;width:100%;height:100%}
.sshp-image,.sshp-slide-image .ss-ext-fi,.sshp-highlight-image .ss-ext-fi,.sshp-digest-image .ss-ext-fi,.sshp-small-image .ss-ext-fi,.sshp-curated-image .ss-ext-fi{display:block;width:100%;height:100%;object-fit:cover}
.sshp-slide-image img,.sshp-highlight-image img,.sshp-digest-image img,.sshp-small-image img,.sshp-curated-image img{width:100%;height:100%;object-fit:cover}
.sshp-image-placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,#e8edf2,#cfd9e2)}
.sshp-slide:after,.sshp-highlight:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.78),rgba(0,0,0,.08) 65%);pointer-events:none}
.sshp-slide-overlay{position:absolute;left:0;right:0;bottom:0;padding:26px;z-index:3;color:#fff}
.sshp-slide-title{font-size:clamp(24px,3vw,40px);line-height:1.15;margin:8px 0 6px}
.sshp-slide-title a,.sshp-highlight h3 a{color:#fff;text-decoration:none}
.sshp-kicker{display:inline-block;font-size:13px;font-weight:700;line-height:1;padding:6px 8px;background:var(--sshp-accent);color:#fff!important;text-decoration:none;border-radius:3px}
.sshp-meta{font-size:13px;opacity:.88}.sshp-meta a{color:inherit}
.sshp-slider-nav{position:absolute;top:50%;z-index:5;width:38px;height:46px;transform:translateY(-50%);border:0;background:rgba(0,0,0,.45);color:#fff;font-size:30px;cursor:pointer}
.sshp-prev{left:0}.sshp-next{right:0}
.sshp-dots{position:absolute;z-index:5;right:16px;bottom:14px;display:flex;gap:6px}
.sshp-dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.55);cursor:pointer}.sshp-dot.is-active{background:var(--sshp-surface);transform:scale(1.25)}
.sshp-highlight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;height:100%}
.sshp-highlight{position:relative;min-height:0;overflow:hidden;border-radius:var(--sshp-radius);background:#222}
.sshp-highlight-image{position:absolute;inset:0;width:100%;height:100%}
.sshp-highlight-overlay{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:12px}
.sshp-highlight h3{font-size:16px;line-height:1.25;margin:6px 0 0}
.sshp-highlight .sshp-kicker{font-size:10px;padding:4px 6px}
.sshp-content-row{align-items:flex-start}
.sshp-primary-full{width:100%!important;max-width:none!important}
.sshp-sections{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--sshp-gap);align-items:start}
.sshp-section{grid-column:span 6;min-width:0;margin:0;padding:0}
.sshp-width-half{grid-column:span 3}.sshp-width-third{grid-column:span 2}
.sshp-section-heading{display:flex;align-items:center;border-bottom:2px solid var(--sshp-accent);margin-bottom:16px}
.sshp-section-heading h2{font-size:22px;line-height:1.25;margin:0;padding:0 0 8px;color:var(--sshp-text)}
.sshp-style-bordered{border:1px solid var(--sshp-border);padding:18px;border-radius:var(--sshp-radius)}
.sshp-style-cards{background:var(--sshp-soft);padding:18px;border-radius:var(--sshp-radius)}
.sshp-style-knowledge{border:1px solid #a2a9b1;background:var(--sshp-surface);padding:18px;border-radius:2px}
.sshp-style-magazine{border-top:4px solid var(--sshp-accent);padding-top:14px}
.sshp-topic-grid,.sshp-directory,.sshp-curated,.sshp-article-list{display:grid;grid-template-columns:repeat(var(--sshp-columns,2),minmax(0,1fr));gap:14px}
.sshp-topic{display:block;border:1px solid var(--sshp-border);padding:14px 15px;text-decoration:none!important;color:var(--sshp-text)!important;border-radius:6px;background:var(--sshp-surface);transition:transform .15s ease,border-color .15s ease}
.sshp-topic:hover{border-color:var(--sshp-accent);transform:translateY(-1px)}
.sshp-topic strong{display:block;font-size:17px;line-height:1.25}.sshp-topic span{display:block;margin-top:5px;font-size:14px;line-height:1.45;color:var(--sshp-muted)}
.sshp-digest{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px}
.sshp-digest-lead h3{font-size:25px;line-height:1.25;margin:10px 0 7px}.sshp-digest-lead h3 a,.sshp-list-item h3 a,.sshp-curated-item h3 a{color:var(--sshp-text);text-decoration:none}
.sshp-digest-image{margin-bottom:12px;border-radius:6px}.sshp-digest-list{display:flex;flex-direction:column}
.sshp-list-item{display:flex;gap:13px;padding:12px 0;border-bottom:1px solid var(--sshp-border);min-width:0}.sshp-list-item:first-child{padding-top:0}.sshp-list-item:last-child{border-bottom:0}
.sshp-list-item h3{font-size:17px;line-height:1.35;margin:0 0 5px}.sshp-small-image{flex:0 0 92px;width:92px;border-radius:4px}
.sshp-excerpt{font-size:14px;line-height:1.55;color:var(--sshp-muted);margin:0}
.sshp-article-list .sshp-list-item{height:100%}
.sshp-directory-item{display:flex;flex-direction:column;gap:4px;padding:13px 14px;border:1px solid var(--sshp-border);text-decoration:none!important;color:var(--sshp-text)!important;background:var(--sshp-surface)}
.sshp-directory-name{font-weight:700;font-size:17px}.sshp-directory-count{font-size:12px;color:var(--sshp-accent);font-weight:600}.sshp-directory-desc{font-size:13px;line-height:1.45;color:var(--sshp-muted)}
.sshp-curated-item{border-bottom:1px solid var(--sshp-border);padding-bottom:13px}.sshp-curated-image{margin-bottom:10px;border-radius:5px}.sshp-curated-copy{display:flex;gap:12px}.sshp-number{font-size:22px;color:var(--sshp-accent);font-weight:700;line-height:1}.sshp-curated h3{margin:0 0 5px;font-size:17px;line-height:1.35}
.sshp-more{text-align:right;margin-top:14px}.sshp-more a{font-weight:700;color:var(--sshp-accent);text-decoration:none}
/* Presets */
.sshp-preset-wikipedia{--sshp-radius:2px;--sshp-gap:18px;--sshp-soft:#f8f9fa;--sshp-border:#a2a9b1}
.sshp-preset-wikipedia .sshp-section-heading{border-bottom:1px solid #a2a9b1}.sshp-preset-wikipedia .sshp-section-heading h2{font-size:21px;font-weight:500}.sshp-preset-wikipedia .sshp-topic,.sshp-preset-wikipedia .sshp-directory-item{border-radius:0;background:#f8f9fa}.sshp-preset-wikipedia .sshp-excerpt{color:#3a3a3a}
.sshp-preset-magazine{--sshp-gap:30px;--sshp-radius:10px}.sshp-preset-magazine .sshp-section-heading{border-bottom-width:4px}.sshp-preset-magazine .sshp-section-heading h2{font-size:26px;font-weight:800;text-transform:none}.sshp-preset-magazine .sshp-topic,.sshp-preset-magazine .sshp-directory-item{box-shadow:0 5px 16px rgba(0,0,0,.06);border:0}.sshp-preset-magazine .sshp-digest-lead h3{font-size:30px}
.sshp-preset-minimal{--sshp-gap:20px;--sshp-radius:0}.sshp-preset-minimal .sshp-top{margin-bottom:24px}.sshp-preset-minimal .sshp-section-heading{border-bottom:1px solid var(--sshp-border)}.sshp-preset-minimal .sshp-section-heading h2{font-size:20px}.sshp-preset-minimal .sshp-topic,.sshp-preset-minimal .sshp-directory-item{border-width:0 0 1px;padding-left:0;padding-right:0}.sshp-preset-minimal .sshp-excerpt{font-size:13.5px}
.sshp-density-compact{--sshp-gap:16px}.sshp-density-compact .sshp-section-heading{margin-bottom:10px}.sshp-density-compact .sshp-list-item{padding:8px 0}.sshp-density-compact .sshp-topic,.sshp-density-compact .sshp-directory-item{padding:10px 11px}.sshp-density-compact .sshp-excerpt{line-height:1.4}
@media(max-width:1000px){.sshp-top{grid-template-columns:1fr}.sshp-highlight-grid{min-height:420px}.sshp-width-third{grid-column:span 3}}
@media(max-width:768px){.sshp-sections{display:block}.sshp-section{margin-bottom:24px}.sshp-top{display:block}.sshp-slider-area{margin-bottom:12px}.sshp-highlight-grid{min-height:0;grid-template-columns:repeat(2,minmax(0,1fr))}.sshp-highlight{aspect-ratio:4/3}.sshp-digest{grid-template-columns:1fr}.sshp-topic-grid,.sshp-directory,.sshp-curated,.sshp-article-list{grid-template-columns:1fr!important}.sshp-slide-overlay{padding:18px}.sshp-slide-title{font-size:25px}}
@media(max-width:480px){.sshp-highlight-grid{grid-template-columns:1fr}.sshp-highlight{aspect-ratio:16/9}.sshp-slide-title{font-size:21px}.sshp-slide-overlay{padding:14px}.sshp-dots{display:none}}
.sshp-slider{touch-action:pan-y}.sshp-slider-nav:focus-visible,.sshp-dot:focus-visible,.sshp-topic:focus-visible,.sshp-directory-item:focus-visible,.sshp-section a:focus-visible{outline:3px solid var(--sshp-accent);outline-offset:2px}.sshp-reusable-block,.sshp-widget-area{min-width:0}.sshp-widget-area>.widget,.sshp-embedded-widget{margin:0 0 18px}.sshp-widget-area>.widget:last-child,.sshp-embedded-widget:last-child{margin-bottom:0}
html.wp-dark-mode-active,body.wp-dark-mode-active,.wp-dark-mode-active,html[data-wp-dark-mode-active="true"],body[data-wp-dark-mode-active="true"]{--sshp-bg:transparent;--sshp-surface:#1f2328;--sshp-soft:#242a30;--sshp-text:#f0f3f6;--sshp-muted:#b7c0c8;--sshp-border:#4b5560}.wp-dark-mode-active .sshp-style-knowledge,html[data-wp-dark-mode-active="true"] .sshp-style-knowledge,body[data-wp-dark-mode-active="true"] .sshp-style-knowledge{background:var(--sshp-surface);border-color:var(--sshp-border)}.wp-dark-mode-active .sshp-topic,.wp-dark-mode-active .sshp-directory-item,html[data-wp-dark-mode-active="true"] .sshp-topic,html[data-wp-dark-mode-active="true"] .sshp-directory-item{background:var(--sshp-surface);color:var(--sshp-text)!important}.wp-dark-mode-active .sshp-preset-wikipedia,html[data-wp-dark-mode-active="true"] .sshp-preset-wikipedia{--sshp-soft:#242a30;--sshp-border:#59636e}
@media(prefers-reduced-motion:reduce){.sshp-slide,.sshp-topic{transition:none!important}.sshp-topic:hover{transform:none}}
