/* PAW Insights (blog): archive list + article reading layout. Loaded after paw.css / paw-solution.css. */
.paw-insights main{display:block}

/* hero */
.ins-hero{padding:clamp(130px,16vh,190px) 0 clamp(48px,7vw,88px)}
.ins-hero .sol-back{margin-bottom:24px}
.ins-title{font-family:'Akira',sans-serif;font-stretch:125%;font-weight:800;font-size:clamp(2.4rem,5.4vw,5.4rem);line-height:.98;letter-spacing:-.035em;color:#fff;margin:0 0 22px;max-width:18ch;text-wrap:balance}
.ins-hero-article .ins-title{font-size:clamp(2rem,4.4vw,4.2rem);max-width:22ch}
.ins-lede{margin:0 0 12px;max-width:48ch;font-size:clamp(1.15rem,1.6vw,1.45rem);line-height:1.42;color:rgba(255,255,255,.88);font-weight:500}
.ins-sub{margin:0;max-width:62ch;font-size:1.02rem;line-height:1.6;color:rgba(255,255,255,.7)}
.ins-meta{margin:18px 0 0;font-size:14px;color:rgba(255,255,255,.66)}
.ins-meta a{color:inherit;text-decoration:underline;text-underline-offset:3px}

/* topic filter */
.ins-topics{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px}
.ins-topics a{padding:9px 15px;border:1px solid rgba(255,255,255,.22);border-radius:999px;font-size:13px;font-weight:600;color:rgba(255,255,255,.82);text-decoration:none;transition:background .25s,color .25s,border-color .25s}
.ins-topics a:hover{border-color:#fff;color:#fff}
.ins-topics a[aria-current="page"]{background:#fff;color:var(--ink);border-color:#fff}

/* list */
.ins-list-wrap{padding-top:clamp(56px,7vw,110px);padding-bottom:clamp(40px,5vw,80px)}
.ins-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.ins-item{display:grid;grid-template-columns:minmax(0,300px) 1fr;gap:clamp(22px,3vw,48px);align-items:start;padding:clamp(26px,3vw,40px) 0;border-bottom:1px solid var(--line)}
.ins-item:not(:has(.ins-thumb-link)){grid-template-columns:1fr}
.ins-thumb{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;display:block;border-radius:6px;filter:grayscale(.15)}
.ins-item .ins-meta{margin:0 0 10px;color:rgba(11,11,11,.62)}
.ins-item h2{font-family:'Akira',sans-serif;font-stretch:112%;font-weight:700;font-size:clamp(1.3rem,2vw,1.9rem);line-height:1.12;letter-spacing:-.02em;margin:0 0 10px;max-width:34ch;text-wrap:balance}
.ins-item h2 a{color:var(--ink);text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .35s cubic-bezier(.16,1,.3,1)}
.ins-item h2 a:hover,.ins-item h2 a:focus-visible{background-size:100% 1px}
.ins-dek{margin:0;max-width:62ch;font-size:1.02rem;line-height:1.6;color:rgba(11,11,11,.74)}
.ins-pages{display:flex;gap:8px;flex-wrap:wrap;margin-top:32px}
.ins-pages a,.ins-pages span{padding:9px 15px;border:1px solid var(--line);border-radius:999px;font-size:14px;color:var(--ink);text-decoration:none}
.ins-pages .current{background:var(--ink);color:#fff;border-color:var(--ink)}
.ins-empty{max-width:60ch;padding:clamp(20px,3vw,40px) 0;border-top:1px solid var(--line)}
.ins-empty .lead{font-size:clamp(1.2rem,1.6vw,1.45rem);line-height:1.42;color:var(--ink);font-weight:500;margin:0 0 10px}
.ins-empty p{margin:0;color:rgba(11,11,11,.74);line-height:1.6}
.ins-empty a{color:var(--ink)}

/* article */
.ins-figure{margin:0;background:#000}
.ins-figure img{width:100%;height:auto;max-height:78vh;object-fit:cover;display:block}
.ins-prose{max-width:68ch;margin:0 auto;padding:clamp(48px,6vw,90px) 0 clamp(56px,7vw,100px);font-size:clamp(1.06rem,1.2vw,1.16rem);line-height:1.72;color:rgba(11,11,11,.86)}
.ins-prose > * + *{margin-top:1.1em}
.ins-prose p{margin:0}
.ins-prose h2{font-family:'Akira',sans-serif;font-stretch:112%;font-weight:700;font-size:clamp(1.45rem,2.2vw,2rem);line-height:1.15;letter-spacing:-.02em;color:var(--ink);margin-top:2em;text-wrap:balance}
.ins-prose h3{font-family:'Akira',sans-serif;font-stretch:100%;font-weight:700;font-size:clamp(1.15rem,1.5vw,1.35rem);line-height:1.25;color:var(--ink);margin-top:1.7em}
.ins-prose a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--signal);text-decoration-thickness:2px;text-underline-offset:3px}
.ins-prose ul,.ins-prose ol{padding-left:1.25em}
.ins-prose li + li{margin-top:.45em}
.ins-prose blockquote{margin:1.8em 0;padding:0 0 0 1.1em;border-left:1px solid var(--ink);font-family:'Akira',sans-serif;font-stretch:112%;font-weight:600;font-size:clamp(1.25rem,1.9vw,1.6rem);line-height:1.3;color:var(--ink)}
.ins-prose img{max-width:100%;height:auto;border-radius:6px}
.ins-prose figure{margin:2em 0}
.ins-prose figcaption{font-size:14px;color:rgba(11,11,11,.62);margin-top:8px}
.ins-prose hr{border:0;border-top:1px solid var(--line);margin:2.4em 0}
.ins-more{padding-bottom:clamp(40px,5vw,80px)}
.ins-more .ins-list{margin-top:clamp(28px,3vw,44px)}

@media (max-width:760px){
  .ins-item{grid-template-columns:1fr}
}

.ins-prose .ins-cta{margin-top:2em}
.ins-prose .ins-cta a.btn{text-decoration:none;color:var(--ink)}
.ins-prose .ins-cta a.btn:hover{color:#fff}