.na-arts{--na-background:#f4f7fb;--na-ink:#0f2a44;--na-muted:#5a7087;--na-navy:#124a77;--na-aqua:#5cc3ee;--na-line:#d6e0eb;--na-panel:#0b2f55;--na-button:#e8edf5;position:relative;overflow:hidden;padding:84px 28px 92px;background:var(--na-background);color:var(--na-ink);font-family:inherit;container-type:inline-size}.na-arts *{box-sizing:border-box}.na-arts.has-decoration:before{content:"";position:absolute;left:-12%;top:18%;width:640px;aspect-ratio:1;border-radius:50%;border:1px solid var(--na-line);box-shadow:0 0 0 71px var(--na-line),0 0 0 151px var(--na-line);opacity:.5;pointer-events:none}.na-wrap{position:relative;max-width:1180px;margin:auto}.na-header{text-align:center}.na-heading{display:flex;align-items:center;gap:26px;margin:0 0 10px;font-size:clamp(22px,3vw,30px);font-weight:800}.na-heading:before,.na-heading:after{content:"";flex:1;height:1px;background:var(--na-line)}.na-subtitle{margin:0 0 50px;color:var(--na-muted);font-size:14px;font-weight:300}.na-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:start}.na-list{border-top:1px solid var(--na-line);min-width:0}.na-row{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr) 46px;gap:18px;align-items:center;padding:24px 4px;border-bottom:1px solid var(--na-line);color:inherit;text-decoration:none!important;transition:opacity .3s,padding .4s}.na-number{font-size:15px;font-weight:700;color:var(--na-muted)}.na-copy{min-width:0}.na-title{display:block;font-size:clamp(17px,1.9vw,21px);font-weight:700;line-height:1.7;color:var(--na-ink)}.na-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--na-muted);margin-top:2px}.na-meta b{color:var(--na-navy)}.na-arrow{width:46px;height:46px;border-radius:50%;border:1px solid var(--na-line);display:grid;place-items:center;transition:all .3s}.na-arrow svg{width:20px;height:20px;fill:none;stroke:var(--na-navy);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.na-row.is-active{padding-inline-start:16px}.na-row.is-active .na-number{color:var(--na-aqua)}.na-row.is-active .na-arrow{background:var(--na-navy);border-color:var(--na-navy);transform:translateX(-4px)}.na-row.is-active .na-arrow svg{stroke:#fff}.na-row:after{content:"";position:absolute;inset-inline:0;bottom:-1px;height:2px;background:var(--na-aqua);transform:scaleX(0);transform-origin:right}.na-arts.has-progress .na-list.is-auto .na-row.is-active:after{animation:na-progress var(--na-duration,5200ms) linear forwards}@keyframes na-progress{to{transform:scaleX(1)}}.na-excerpt{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s}.na-excerpt>span{overflow:hidden;display:block;max-width:100%;width:100%;font-size:14px;font-weight:300;line-height:1.95;color:var(--na-muted);opacity:0;transition:opacity .4s}.na-row.is-active .na-excerpt{grid-template-rows:1fr}.na-row.is-active .na-excerpt>span{opacity:1;padding-top:8px}.na-thumb{display:none}.na-panel{position:relative;border-radius:30px;overflow:hidden;background:var(--na-panel);box-shadow:0 40px 70px -40px rgba(3,18,36,.9)}.na-panel.is-sticky{position:sticky;top:28px}.na-slides{position:relative;aspect-ratio:8/5;overflow:hidden}.na-slide{position:absolute;inset:0;clip-path:circle(0% at 50% 60%);transition:clip-path .9s cubic-bezier(.7,0,.2,1);background:linear-gradient(150deg,#08284a,var(--na-panel))}.na-slide.is-active{clip-path:circle(150% at 50% 60%)}.na-slide img{width:100%;height:100%;object-fit:cover;display:block}.na-overlay{position:absolute;z-index:100;inset:auto 0 0;padding:70px 24px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(to top,rgba(5,25,48,.88),transparent);transition:opacity .2s}.na-category{font-size:13px;font-weight:700;padding:3px 16px;border-radius:999px;background:#ffffff29;border:1px solid #ffffff52;color:#fff;backdrop-filter:blur(8px)}.na-more{background:var(--na-button);color:var(--na-navy)!important;text-decoration:none!important;font-weight:700;font-size:14px;padding:10px 24px;border-radius:999px}.na-more:hover{background:var(--na-aqua)}.na-all{display:inline-block;margin-top:30px;font-size:14.5px;font-weight:700;text-decoration:none!important;color:var(--na-navy)!important;border-bottom:2px solid var(--na-aqua);padding-bottom:2px}.na-arts a:focus-visible{outline:3px solid var(--na-aqua);outline-offset:3px}
@container (max-width:900px){.na-layout{grid-template-columns:1fr!important;gap:0}.na-panel{display:none}.na-row{grid-template-columns:var(--na-thumb-size,76px) minmax(0,1fr);padding:16px 0}.na-number,.na-arrow{display:none}.na-arts.has-thumbs .na-thumb{display:block;width:76px;height:76px;border-radius:20px;overflow:hidden;background:var(--na-panel)}.na-thumb img{width:100%;height:100%;object-fit:cover}.na-row:not(.is-active){opacity:1!important}.na-row.is-active{padding-inline-start:0}.na-excerpt{display:none}.na-row:after{display:none}}
@container (max-width:600px){.na-heading{gap:12px}.na-subtitle{margin-bottom:28px}.na-row{gap:12px}.na-title{font-size:16px}.na-meta{font-size:11px}.na-arts:not(.has-thumbs) .na-row{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.na-arts .na-slide,.na-arts .na-row,.na-arts .na-excerpt,.na-arts .na-excerpt>span{transition:none!important}.na-arts .na-row:after{animation:none!important}}

/* v1.1 */
.na-row.is-active{background:var(--na-active-bg,#e5f4fc);box-shadow:inset -4px 0 0 var(--na-active-border,#1598c8);border-radius:14px;padding-inline-start:12px;padding-inline-end:12px}
.na-row.is-active .na-title{color:#075b86}
.na-panel-details{position:relative;min-height:160px;padding:22px 26px 26px;background:#0b2f55;color:white;overflow:hidden}
.na-panel-details:before{content:"";position:absolute;width:260px;height:260px;border:1px solid #5cc3ee44;border-radius:50%;left:-120px;bottom:-210px;box-shadow:0 0 0 40px #5cc3ee12,0 0 0 80px #5cc3ee08;pointer-events:none}
.na-panel-kicker{display:block;color:#8adbf3;font-size:11px;margin-bottom:8px}
.na-panel-title{font-size:20px;font-weight:800;line-height:1.7;color:#fff;position:relative}
.na-panel-excerpt{font-size:13px;line-height:1.95;color:#c9e2f1;margin-top:7px;position:relative}
.na-panel-waves{font-size:16px;color:#5cc3ee;margin-top:12px;letter-spacing:5px}
.na-all-wrap{margin-top:30px;text-align:right}.na-all-wrap .na-all{margin-top:0}
@container (max-width:900px){.na-row.is-active{padding-inline-start:12px;padding-inline-end:12px}}

/* 1.1.1: compact complementary information, no duplicate headline/excerpt by default */
.na-panel-info{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;color:#e5f5fc;font-size:13px}
.na-panel-info-label{font-weight:800;color:#fff;font-size:16px;margin-inline-end:auto}
.na-panel-info-date,.na-panel-info-read{display:inline-flex;align-items:center;gap:5px;opacity:.9}
.na-panel-details{min-height:125px}

/* v1.2 editorial control deck: image stays 8:5; no repeated editorial text */
.na-panel-details{min-height:104px;padding:22px 26px 20px;background:var(--na-panel,#0b2f55);display:flex;flex-direction:column;justify-content:center;gap:17px}
.na-panel-details:before{width:180px;height:180px;bottom:-145px;left:-75px;box-shadow:0 0 0 30px #5cc3ee0d,0 0 0 60px #5cc3ee08}
.na-panel-control-top{display:flex;align-items:center;justify-content:space-between;gap:18px;position:relative}
.na-panel-control-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.na-panel-caption{font-size:13px;font-weight:700;color:#b8e9f6}
.na-panel-counter{font-size:22px;font-weight:800;color:#fff;direction:ltr;text-align:right;font-variant-numeric:tabular-nums}
.na-panel-nav{display:flex;gap:9px;direction:ltr;flex-shrink:0}
.na-panel-nav button{border:1px solid #ffffff45;border-radius:50%;width:42px;height:42px;background:#ffffff16;color:#fff;display:grid;place-items:center;font-size:21px;cursor:pointer;transition:background .2s,transform .2s}
.na-panel-nav button:hover{background:#5cc3ee;color:#08284a;transform:translateY(-2px)}
.na-panel-nav button:focus-visible{outline:2px solid #5cc3ee;outline-offset:3px}
.na-panel-timeline{height:3px;background:#ffffff29;border-radius:10px;overflow:hidden;position:relative}
.na-panel-timeline-fill{display:block;width:100%;height:100%;background:#5cc3ee;transform:scaleX(0);transform-origin:right}
.na-arts.na-playing .na-panel-timeline-fill{animation:na-panel-fill var(--na-duration,5200ms) linear forwards}
@keyframes na-panel-fill{to{transform:scaleX(1)}}
.na-panel-title,.na-panel-excerpt{margin-top:0}
.na-overlay{bottom:auto;top:0;transform:translateY(calc(var(--na-preview-height, 100%) - 100%))}
/* Overlay positioned relative to image rather than entire panel */
.na-panel{--na-preview-height:calc((100cqw - 56px) * .45 * 5 / 8)}
@media (prefers-reduced-motion:reduce){.na-arts.na-playing .na-panel-timeline-fill{animation:none;transform:scaleX(1)}}

.na-visual{position:relative;overflow:hidden}.na-overlay{top:auto;bottom:0;transform:none}.na-panel{--na-preview-height:auto}

/* v1.3.0 — single-column editorial accordion */
.na-single-column .na-layout{display:block!important;grid-template-columns:none!important;max-width:100%}
.na-single-column .na-list{width:100%;min-width:0}
.na-single-column .na-row{display:grid;grid-template-columns:52px minmax(0,1fr) 48px;gap:20px;padding:24px 28px;align-items:start;position:relative;min-width:0}
.na-single-column .na-row .na-number{grid-column:1;align-self:start;margin-top:9px}
.na-single-column .na-row .na-copy{grid-column:2;display:block;min-width:0}
.na-single-column .na-row .na-arrow{grid-column:3;align-self:start;margin-top:3px}
.na-single-column .na-row.is-active{padding:24px 28px;background:var(--na-active-bg,#e5f4fc);border-radius:18px;box-shadow:inset -4px 0 0 var(--na-active-border,#1598c8)}
.na-single-column .na-active-body{display:flex;align-items:center;gap:24px;max-height:0;opacity:0;overflow:hidden;visibility:hidden;transition:max-height .55s cubic-bezier(.2,.8,.2,1),opacity .3s,margin .4s;min-width:0;margin-top:0}
.na-single-column .na-row.is-active .na-active-body{max-height:500px;opacity:1;visibility:visible;margin-top:20px}
.na-single-column .na-active-image{display:block;flex:0 0 var(--na-active-img-width,29%);width:var(--na-active-img-width,29%);aspect-ratio:8/5;overflow:hidden;background:#d5e9f2;border-radius:14px}
.na-single-column .na-active-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.na-single-column .na-row.is-active:hover .na-active-image img{transform:scale(1.035)}
.na-single-column.image-right .na-active-body{flex-direction:row}
.na-single-column.image-left .na-active-body{flex-direction:row-reverse}
.na-single-column .na-excerpt{display:block!important;min-width:0;flex:1;max-width:100%;grid-template-rows:none}
.na-single-column .na-excerpt>span{display:block;max-width:100%;width:100%;opacity:1;padding:0!important;line-height:2}
.na-single-column .na-row:not(.is-active) .na-active-body{pointer-events:none}
.na-single-column .na-panel{display:none!important}
.na-single-column .na-row.is-active .na-title{color:#075b86}
.na-single-column .na-row.is-active .na-arrow{background:var(--na-navy);border-color:var(--na-navy)}
.na-single-column .na-row.is-active .na-arrow svg{stroke:#fff}
.na-single-column .na-row:after{inset-inline:28px}
@container (max-width:900px){.na-single-column .na-layout{display:block!important}.na-single-column .na-row{grid-template-columns:34px minmax(0,1fr) 38px;padding:20px 18px;gap:10px}.na-single-column .na-row.is-active{padding:20px 18px}.na-single-column .na-row .na-number,.na-single-column .na-row .na-arrow{display:grid}.na-single-column .na-arrow{width:36px;height:36px}.na-single-column .na-active-body{display:flex}.na-single-column .na-excerpt{display:block!important}.na-single-column .na-row:after{display:block}}
@container (max-width:600px){.na-single-column .na-row{grid-template-columns:24px minmax(0,1fr) 32px;padding:16px 12px;gap:9px}.na-single-column .na-row.is-active{padding:18px 12px}.na-single-column .na-active-body,.na-single-column.image-right .na-active-body,.na-single-column.image-left .na-active-body{flex-direction:column;align-items:stretch;gap:12px}.na-single-column .na-active-image{width:100%;flex:0 0 auto;max-height:240px}.na-single-column:not(.has-mobile-active-image) .na-active-image{display:none}.na-single-column .na-arrow{width:32px;height:32px}.na-single-column .na-title{font-size:16px}.na-single-column .na-meta{font-size:11px}}
@media(prefers-reduced-motion:reduce){.na-single-column .na-active-body,.na-single-column .na-active-image img{transition:none!important}}

/* v1.3.1: align image with start of expanded content, reduce empty space */
.na-single-column .na-active-body{align-items:flex-start;gap:18px}
.na-single-column .na-row.is-active .na-active-body{margin-top:12px}
.na-single-column .na-active-image{align-self:flex-start}
.na-single-column .na-excerpt>span{line-height:1.85}
@container (max-width:600px){.na-single-column .na-row.is-active .na-active-body{margin-top:10px}}

/* v1.3.2: compact mobile-only rows: title, no preview image or excerpt.
   Container queries match the widget's actual available width. */
@container (max-width:600px) {
 .na-single-column .na-active-body,
 .na-single-column .na-row.is-active .na-active-body,
 .na-single-column .na-active-image,
 .na-single-column .na-excerpt,
 .na-single-column .na-thumb,
 .na-single-column.has-mobile-active-image .na-active-image,
 .na-single-column .na-meta { display:none!important; }
 .na-single-column .na-row,
 .na-single-column .na-row.is-active {
   grid-template-columns:minmax(0,1fr)!important;
   gap:0!important;
   padding:16px 18px!important;
   align-items:center;
 }
 .na-single-column .na-row .na-number,
 .na-single-column .na-row .na-arrow {display:none!important;}
 .na-single-column .na-row .na-copy {grid-column:1!important;}
 .na-single-column .na-row .na-title {line-height:1.8;}
}

/* v1.3.3 — mobile accordion height reset: no invisible expanded track */
@container (max-width:600px) {
 .na-single-column .na-row .na-active-body,
 .na-single-column .na-row.is-active .na-active-body {
   display:none!important;max-height:0!important;min-height:0!important;height:0!important;
   margin:0!important;padding:0!important;gap:0!important;
   overflow:hidden!important;visibility:hidden!important;opacity:0!important;
   transition:none!important;
 }
 .na-single-column .na-row .na-copy{min-height:0!important;align-self:center!important}
 .na-single-column .na-row .na-title{margin:0!important}
 .na-single-column .na-row .na-meta{display:none!important}
 .na-single-column .na-row,.na-single-column .na-row.is-active{min-height:0!important;height:auto!important}
 .na-single-column .na-layout,.na-single-column .na-list{min-height:0!important;height:auto!important}
}
/* Fallback for mobile themes where widget container queries are not available */
@media (max-width:600px) {
 .na-single-column .na-row .na-active-body,
 .na-single-column .na-row.is-active .na-active-body{display:none!important;max-height:0!important;height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
}

/* v1.3.4 — compact mobile section; override old desktop vertical padding */
@media (max-width: 600px) {
 .na-arts.na-single-column {
   min-height:0!important;
   height:auto!important;
   padding-top:28px;
   padding-bottom:28px;
 }
 .na-arts.na-single-column .na-wrap,
 .na-arts.na-single-column .na-layout,
 .na-arts.na-single-column .na-list {
   min-height:0!important;
   height:auto!important;
 }
 .na-arts.na-single-column .na-all-wrap {margin-top:18px;}
 .na-arts.na-single-column .na-row.is-active .na-active-body {display:none!important;}
}