.news-showcase{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.6fr);gap:26px;align-items:start}.news-showcase .news-card{display:flex;flex-direction:column;background:linear-gradient(145deg,#fff,#edf5fc);border:1px solid #aec8dd;border-radius:10px;padding:8px;overflow:hidden;box-shadow:0 5px 18px #1639540c;transition:transform .2s,border-color .2s,box-shadow .2s}.news-showcase .news-card:hover{border-color:#569ad0;transform:translateY(-4px);box-shadow:0 10px 28px #234e7424}.news-showcase .news-card:focus-visible{outline:3px solid #398cea;outline-offset:4px}.news-showcase .news-image{border-radius:5px;flex-shrink:0;aspect-ratio:1.65}.news-showcase .news-body{padding:15px 10px 8px;display:flex;flex-direction:column;flex:1}.news-showcase .news-body h3{font-size:15px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:8px 0}.news-showcase .news-body p{font-size:11px;line-height:1.8;min-height:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px}.news-showcase .card-read{margin-top:auto;padding-top:12px;color:#317cac;font-size:11px}.news-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.news-meta time,.news-card-bottom time{font-size:10px;color:#728ca1}.news-showcase .category-label{background:#e0eef9;color:#346992;padding:3px 8px;border-radius:4px;font-size:10px}.news-showcase .news-featured{padding:12px;min-height:490px}.news-featured .news-body{padding:22px 12px 12px}.news-featured .news-body h3{font-size:24px;margin:16px 0 12px;-webkit-line-clamp:3}.news-featured .news-body p{font-size:13px}.news-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:25px}.news-card-bottom .card-read{border:0;padding:0;margin:0;gap:15px}.news-showcase .pin-label{background:#102e4ae8;color:#d5edff;padding:7px 12px}.news-latest{min-width:0}.news-latest .filter-row{padding:0 0 18px;border:0;gap:6px}.news-latest .filter-button{flex:1;padding:8px 9px;font-size:11px;white-space:nowrap}.news-latest .news-grid{padding:0;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.news-empty{padding:45px 20px;border:1px dashed #adc6da;text-align:center;color:#6e8ca5;border-radius:8px;font-size:13px}@media(max-width:1200px){.news-latest .news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-showcase{grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);gap:20px}.news-latest .filter-row{flex-wrap:wrap}}@media(max-width:760px){.news-showcase{grid-template-columns:1fr}.news-showcase .news-featured{min-height:0}.news-featured .news-body h3{font-size:21px}.news-latest .news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-card-bottom{padding-top:20px}.news-latest .filter-button{flex:1 0 28%}}@media(max-width:420px){.news-latest .news-grid{grid-template-columns:1fr}.news-showcase .news-body{padding:16px}.news-showcase .news-body h3{font-size:17px}}

.news-pinned{min-width:0}.pinned-slides{display:grid}.pinned-slides .news-featured{grid-area:1/1}.pinned-controls{display:flex;flex-direction:column;align-items:center;gap:2px;padding-top:14px}.pinned-dots{display:flex;justify-content:center;gap:4px}.pin-dot{display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;border-radius:6px;padding:10px;color:#9baebc;transition:color .2s,transform .2s}.pin-dot svg{width:22px;height:22px;fill:currentColor;transition:filter .2s,transform .2s}.pin-dot:hover{color:#539dcf}.pin-dot.is-active{color:#b4e6ff}.pin-dot.is-active svg{transform:scale(1.25);stroke:#f5fcff;stroke-width:1;filter:drop-shadow(0 0 3px #399bde) drop-shadow(0 0 7px #89d7ff)}.pin-dot:focus-visible{outline:2px solid #399bde;outline-offset:1px}.pin-count{font-size:10px;letter-spacing:2px;color:#688ba5}@media(prefers-reduced-motion:reduce){.pin-dot,.pin-dot svg{transition:none}}

.pinned-slides{overflow:hidden;padding:4px;margin:-4px}
/* Sapphire journal set: share the site's raster button and silver window trim. */
.news-latest .filter-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding-bottom:22px}
.news-latest .filter-button{position:relative;isolation:isolate;min-width:0;min-height:50px;padding:12px 10px;border:0;border-radius:0;background:transparent url('../img/ui/button-sapphire-v1.webp') center/100% 100% no-repeat;box-shadow:none;color:#cbddeb;font-size:11px;font-weight:500;white-space:normal;line-height:1.5;text-shadow:0 1px 3px #06162b;transition:filter .2s,transform .2s}
.news-latest .filter-button::after{content:'';position:absolute;left:calc(50% - 3px);bottom:0;width:6px;height:6px;background:#d9f5ff;border:1px solid #8bd5ff;transform:rotate(45deg) scale(0);box-shadow:0 0 7px #61bdff;transition:transform .2s;pointer-events:none}
.news-latest .filter-button.active{color:#fff;filter:brightness(1.3);text-shadow:0 0 9px #8bcfff}
.news-latest .filter-button.active::after{transform:rotate(45deg) scale(1)}
.news-latest .filter-button:hover{color:#fff;filter:brightness(1.18);transform:translateY(-2px)}
.news-latest .filter-button.active:hover{filter:brightness(1.4)}
.news-latest .filter-button:focus-visible{outline:2px solid #338ac2;outline-offset:3px}
.news-showcase .news-card{position:relative;padding:10px;border:1px solid #91adc4;border-radius:5px;background:linear-gradient(135deg,#fff 0,#f3f8fd 48%,#e7f1fa 100%);box-shadow:inset 0 0 0 2px #faffff,inset 0 0 0 3px #cfdfeb,0 5px 14px #1b436111;transition:transform .22s,border-color .22s,box-shadow .22s}
.news-showcase .news-card::before{content:'';position:absolute;inset:0 0 auto;height:5px;background:url('../img/art/titlebar.png') repeat-x center/auto 24px;pointer-events:none}
.news-showcase .news-card::after{content:'';position:absolute;inset:5px;pointer-events:none;background:linear-gradient(#86aeca,#86aeca) left top/15px 1px no-repeat,linear-gradient(#86aeca,#86aeca) left top/1px 15px no-repeat,linear-gradient(#86aeca,#86aeca) right bottom/15px 1px no-repeat,linear-gradient(#86aeca,#86aeca) right bottom/1px 15px no-repeat}
.news-showcase .news-card:hover,.news-showcase .news-card:focus-visible{border-color:#5b9ecb;box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 3px #9ecde9,0 10px 24px #1b548027;transform:translateY(-3px)}
.news-showcase .news-image{border:1px solid #9cb8ce;box-shadow:0 0 0 2px #e1ebf3;border-radius:2px;aspect-ratio:1.65;overflow:hidden;background:#10263b}
.news-showcase .news-image img{transition:transform .45s ease}
.news-showcase .news-card:hover .news-image img{transform:scale(1.025)}
.news-showcase .news-body{padding:17px 8px 7px;gap:0}
.news-showcase .news-body h3{color:#254e71;font-weight:600;margin:11px 0 8px}
.news-showcase .news-body p{color:#6a849c;margin-bottom:17px}
.news-showcase .news-meta{gap:7px}
.news-showcase .category-label{position:relative;display:inline-flex;align-items:center;gap:5px;border:1px solid #b8cfe0;border-radius:2px;background:linear-gradient(#f8fcff,#dcecf8);color:#396b90;font-size:10px;line-height:1.6;padding:3px 7px}
.news-showcase .category-label::before{content:'';width:4px;height:4px;flex-shrink:0;background:#75acd1;transform:rotate(45deg)}
.news-showcase .card-read{align-self:flex-end;display:inline-flex;align-items:center;justify-content:center;gap:9px;width:142px;max-width:100%;min-height:42px;margin-top:auto;padding:10px 16px;border:0;background:transparent url('../img/ui/button-sapphire-v1.webp') center/100% 100% no-repeat;color:#e8f5ff;font-size:10px;text-shadow:0 1px 3px #061a32;line-height:1.6}
.news-showcase .card-read .icon{width:15px;height:15px;transition:transform .2s}
.news-showcase .news-card:hover .card-read .icon{transform:translateX(3px)}
.news-showcase .news-featured{padding:14px;min-height:510px}
.news-showcase .news-featured .news-body{padding:23px 12px 10px}
.news-showcase .news-featured .news-body h3{font-size:25px;line-height:1.5;margin:16px 0 12px}
.news-showcase .news-featured .news-body p{font-size:13px;line-height:1.9}
.news-showcase .pin-label{display:inline-flex;align-items:center;gap:6px;left:0;bottom:0;background:linear-gradient(135deg,#183e60f5,#0c263df5);border-top:1px solid #a5d4ed;border-right:1px solid #88b0d0;color:#e0f5ff;padding:7px 15px;font-size:10px;letter-spacing:.6px}
.news-card-bottom{border-top:1px solid #c8dce9;padding-top:16px;margin-top:auto}
.news-showcase .news-card-bottom .card-read{margin:0;padding:11px 18px;min-height:46px;width:156px;gap:10px}
.news-showcase .news-card-bottom time{color:#6788a1}
.news-empty{border:1px solid #b7cede;background:linear-gradient(#f8fbff,#eaf3fb);border-radius:5px;box-shadow:inset 0 0 0 3px #fff8}
@media(max-width:1200px){.news-latest .filter-row{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.news-showcase .news-featured{min-height:0}.news-latest .filter-row{gap:7px;padding-bottom:18px}.news-latest .filter-button{min-height:48px}.news-showcase .news-featured .news-body{padding:20px 7px 8px}.news-showcase .news-featured .news-body h3{font-size:22px}}
@media(max-width:420px){.news-showcase .news-body{padding:17px 12px 9px}.news-showcase .news-featured{padding:10px}.news-showcase .news-card-bottom .card-read{width:145px}.news-latest .filter-button{font-size:10px;padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.news-showcase .news-card,.news-showcase .news-image img,.news-showcase .card-read .icon,.news-latest .filter-button,.news-latest .filter-button::after{transition:none}.news-showcase .news-card:hover,.news-showcase .news-card:focus-visible,.news-showcase .news-card:hover .news-image img,.news-latest .filter-button:hover{transform:none}}

/* Stretch the pinned card to the last latest-news row; controls sit below it. */
.news-showcase{align-items:stretch;padding-bottom:82px}
.news-pinned{position:relative;min-height:0}
.news-pinned .pinned-slides{height:calc(100% + 8px)}
.news-pinned .pinned-controls{position:absolute;top:100%;left:0;width:100%}
.news-showcase .news-featured:hover,.news-showcase .news-featured:focus-visible{transform:none}
.pinned-slides.is-draggable{touch-action:pan-y pinch-zoom;cursor:grab}
.pinned-slides.is-draggable .news-featured{cursor:grab;user-select:none;-webkit-user-select:none}
.pinned-slides.is-dragging,.pinned-slides.is-dragging .news-featured{cursor:grabbing}
.pinned-slides.is-dragging .news-featured{transition:none}
.pin-arrows{position:absolute;top:clamp(100px,12vw,215px);left:-15px;right:-15px;display:flex;justify-content:space-between;pointer-events:none;z-index:2}
.pin-arrow{display:grid;place-items:center;width:48px;height:56px;padding:0;border:0;background:transparent;color:#eefaff;pointer-events:auto;cursor:pointer;filter:drop-shadow(0 3px 5px #061b3966);transition:filter .2s,transform .2s}
.pin-arrow svg{width:48px;height:56px}
.pin-arrow-next .pin-arrow-chevron{transform:rotate(180deg);transform-origin:24px 28px}
.pin-arrow:hover{filter:brightness(1.25) drop-shadow(0 0 7px #67c8fa88);transform:translateY(-2px)}
.pin-arrow:active{transform:scale(.95)}
.pin-arrow:focus-visible{outline:2px solid #378aca;outline-offset:3px;border-radius:10px}
@media(max-width:760px){.news-showcase{padding-bottom:0}.news-pinned .pinned-slides{height:auto}.news-pinned .pinned-controls{position:static;width:auto}.pin-arrows{top:clamp(95px,26vw,190px);left:-8px;right:-8px}}
@media(prefers-reduced-motion:reduce){.pin-arrow{transition:none}.pin-arrow:hover,.pin-arrow:active{transform:none}}