.wn-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px}.wn-card{border:0;background:none;padding:0;text-align:left;color:inherit;cursor:pointer;font:inherit;display:block;width:100%}.wn-cover{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:10px;background:#eef0f4}.wn-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.wn-card:hover img{transform:scale(1.035)}.wn-card:focus-visible{outline:3px solid #355cf5;outline-offset:6px}.wn-play{position:absolute;inset:0;display:grid;place-items:center;color:white;background:#0001}.wn-play:before{content:'▶';border:3px solid white;border-radius:50%;width:58px;height:58px;display:grid;place-items:center;padding-left:4px;font-size:27px;background:#0003;box-sizing:border-box}.wn-card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:18px;font-weight:500;line-height:1.6;margin:14px 0 0}.wn-more{display:block;margin:32px auto 0;padding:12px 30px;border:1px solid #dbe0e9;border-radius:6px;background:white;cursor:pointer;color:#26354a}.wn-more[hidden]{display:none}.wn-dialog{border:0;border-radius:12px;padding:0;color:#172638;background:#fff;width:min(820px,94vw);max-width:94vw;max-height:90dvh;box-shadow:0 20px 80px #0005}.wn-dialog::backdrop,#wn-crop::backdrop{background:rgba(0,0,0,.68)}.wn-dialog.wn-is-video{width:min(1200px,94vw);background:#111;color:#fff}.wn-modal-head{position:sticky;top:0;z-index:2;background:inherit;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;border-bottom:1px solid #8883}.wn-modal-head h2{font-size:20px;line-height:1.5;margin:0;overflow-wrap:anywhere}.wn-close{flex:0 0 40px;background:transparent;color:inherit;border:0;font-size:32px;cursor:pointer;height:40px}.wn-modal-body{padding:24px 32px;font-size:17px;line-height:1.9;overflow-wrap:anywhere}.wn-modal-body img{display:block;max-width:100%;height:auto;margin:18px auto}.wn-modal-body video{display:block;width:100%;max-height:72dvh;background:#000}.wn-is-video .wn-modal-body{padding:0}.wn-modal-body h2{font-size:24px}.wn-modal-body h3{font-size:20px}.wn-modal-body ul,.wn-modal-body ol{padding-left:28px}.wn-modal-body a{color:#3157d5;text-decoration:underline}.wn-modal-body p{margin:0 0 16px}.wn-player-error{padding:16px}.wn-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.wn-toolbar label{display:inline-block}.wn-toolbar input{max-width:220px}#wn-editor{display:block;box-sizing:border-box;width:100%;min-width:0;height:auto;min-height:180px;max-height:none;overflow:visible;overflow-wrap:anywhere;word-break:normal;white-space:pre-wrap;border:1px solid #cdd5e1;padding:20px;border-radius:8px;font-size:16px;line-height:1.8;background:white}#wn-editor img{display:block;max-width:100%;height:auto;margin:12px auto}#wn-crop{max-width:94vw;border:0;border-radius:12px;padding:24px}#wn-crop label{display:block}#wn-crop input{width:100%}.wn-admin-preview-card{max-width:380px;margin:0 auto 24px}#wn-admin [hidden]{display:none!important}
@media(max-width:1100px){.wn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.wn-grid{grid-template-columns:1fr;gap:28px}.wn-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;margin:0}.wn-dialog.wn-is-video{width:100vw;max-width:100vw}.wn-modal-head{padding:12px 16px}.wn-modal-body{padding:20px}.wn-card-title{font-size:18px}}
@media(prefers-reduced-motion:reduce){.wn-cover img{transition:none}}
.wn-dialog{text-align:left;overflow:auto}.wn-modal-body p{font-size:17px;line-height:1.9;color:inherit}.wn-modal-body button{padding:10px 18px;margin:10px;border:1px solid #aaa;border-radius:6px;color:inherit}

/* Video caption below the picture, with a floating close control. */
.wn-dialog.wn-is-video{background:#fff;color:#243247;padding:0;overflow:auto}
.wn-dialog.wn-is-video[open]{display:flex;flex-direction:column}
.wn-is-video .wn-modal-head{order:2;position:static;background:#fff;border:0;padding:16px 22px;display:block}
.wn-is-video .wn-modal-head h2{font-size:16px;font-weight:500;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wn-is-video .wn-close{position:absolute;right:12px;top:12px;z-index:5;width:38px;height:38px;border-radius:50%;background:rgba(15,23,42,.6);color:#fff;font-size:28px;line-height:1;border:1px solid #ffffff66;backdrop-filter:blur(6px)}
.wn-is-video .wn-close:hover{background:rgba(15,23,42,.85)}
.wn-is-video .wn-modal-body{order:1;position:relative;flex-shrink:0;background:#10141b}
.wn-is-video .wn-modal-body video{max-height:72dvh;min-height:160px;object-fit:contain}
.wn-video-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:10px 16px;border-radius:20px;background:#101827bd;color:#fff;font-size:14px;pointer-events:none}
.wn-video-loading[hidden]{display:none}
.wn-is-video .wn-player-error{color:#fff}
@media(max-width:600px){.wn-dialog.wn-is-video{width:96vw;max-width:96vw;height:auto;max-height:92dvh;margin:auto;border-radius:12px}.wn-is-video .wn-modal-head{padding:12px 16px}.wn-is-video .wn-modal-head h2{font-size:14px}.wn-is-video .wn-close{right:8px;top:8px;width:34px;height:34px}.wn-is-video .wn-modal-body video{max-height:72dvh}}

.wn-dialog.wn-is-video{background:transparent;color:#fff;box-shadow:0 18px 70px #0006}
.wn-is-video .wn-modal-head{background:rgba(20,28,42,.48);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.12);padding:14px 22px}
.wn-is-video .wn-modal-head h2{color:rgba(255,255,255,.94);font-weight:400;letter-spacing:.02em;text-shadow:0 1px 3px #0004;font-size:15px}
@media(max-width:600px){.wn-is-video .wn-modal-head{padding:12px 16px}.wn-is-video .wn-modal-head h2{font-size:13px}}

.wn-dialog.wn-is-video>.wn-close{position:absolute;top:12px;right:12px;z-index:10}
@media(max-width:600px){.wn-dialog.wn-is-video>.wn-close{top:8px;right:8px}}

.wn-glass-controls,.wn-video-tools{position:absolute;z-index:4;display:flex;align-items:center;gap:12px;padding:8px 16px;background:rgba(44,49,56,.55);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #ffffff12;border-radius:40px;color:#fff;box-sizing:border-box;transition:opacity .2s}
.wn-glass-controls{bottom:12px;left:50%;transform:translateX(-50%);width:82%;max-width:1100px;font-size:14px;line-height:1.2}
.wn-video-tools{top:12px;left:12px;gap:6px;padding:6px 10px}
.wn-glass-controls button,.wn-video-tools button{position:relative;display:grid;place-items:center;flex-shrink:0;padding:0;margin:0;width:30px;height:34px;border:0;background:transparent;color:#fff;border-radius:6px;cursor:pointer;font-size:21px;line-height:1}
.wn-glass-controls button small{position:absolute;font-size:8px;top:14px;left:11px}.wn-glass-controls button svg{width:22px;height:22px}
.wn-glass-controls input[type=range]{padding:0;margin:0;height:22px;min-height:0;border:0;border-radius:0;background:transparent;accent-color:#fff;cursor:pointer}
.wn-glass-controls .wn-seek{flex:1;width:0;min-width:30px}.wn-current,.wn-duration{white-space:nowrap;font-variant-numeric:tabular-nums}
.wn-volume{display:flex;align-items:center;gap:3px;flex-shrink:0}.wn-glass-controls .wn-volume-range{width:85px}
.wn-glass-controls .wn-speed{width:52px;padding:3px 0;margin:0;background:transparent;color:white;border:0;font:inherit;cursor:pointer}.wn-speed option{background:#27313e;color:#fff}
.wn-glass-controls :focus-visible,.wn-video-tools :focus-visible{outline:2px solid #8ab3ff;outline-offset:2px}
.wn-video-tools [hidden]{display:none}.wn-controls-idle .wn-glass-controls,.wn-controls-idle .wn-video-tools{opacity:0;pointer-events:none}.wn-controls-idle .wn-glass-controls:focus-within,.wn-controls-idle .wn-video-tools:focus-within{opacity:1;pointer-events:auto}
.wn-dialog.wn-is-video:fullscreen{width:100vw;max-width:none;height:100vh;max-height:none;border-radius:0;justify-content:center;background:#000}.wn-dialog.wn-is-video:fullscreen .wn-modal-body video{max-height:calc(100vh - 80px)}
@media(max-width:600px){.wn-glass-controls{width:96%;gap:5px;padding:6px 8px;bottom:8px;font-size:11px}.wn-glass-controls button{width:24px;height:30px;font-size:18px}.wn-glass-controls button small{left:8px;top:12px}.wn-glass-controls .wn-volume-range{width:42px}.wn-glass-controls .wn-speed{width:40px;font-size:11px}.wn-video-tools{top:8px;left:8px;padding:3px 7px}}

.wn-is-video .wn-modal-body:fullscreen{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background:#000}.wn-is-video .wn-modal-body:fullscreen video{width:100%;max-height:100vh}

.wn-video-tools button svg{width:21px;height:21px}