/* Merlino Journal – scoped, responsive; original site stylesheet remains unchanged. */
.blog-page .blog-hero{min-height:630px;background:linear-gradient(115deg,#e1e9f9 0%,#e1e9f9 68%,#d9e4fc 100%)}
.blog-page .blog-hero .page-hero-inner{width:min(820px,78%)}
.blog-page .blog-hero h1{font-size:clamp(4.5rem,9.2vw,9.5rem);line-height:.81}
.blog-page .blog-hero h1 em{font-style:normal;color:#ef7e00}
.blog-page .blog-hero-decor{position:absolute;right:5%;bottom:9%;display:grid;place-items:center;width:29%;aspect-ratio:1;border-radius:50%;background:#0007f7;color:white;transform:rotate(-13deg);box-shadow:0 30px 70px rgba(0,7,247,.13)}
.blog-page .blog-hero-decor span{font-family:var(--heading-font);font-weight:900;font-size:clamp(6rem,18vw,18rem);line-height:1;color:white}
.blog-page .blog-hero-decor small{position:absolute;bottom:16%;font:700 .7rem var(--highlight-font);letter-spacing:.16em;color:#fff}
.blog-shell{max-width:1480px;margin:auto;padding:100px clamp(20px,5vw,76px) 115px}
.blog-intro{display:grid;grid-template-columns:1.35fr .65fr;align-items:end;gap:32px;margin-bottom:64px}
.blog-intro h2{font-size:clamp(2.5rem,4.8vw,5.2rem);line-height:.97;letter-spacing:-.035em}
.blog-intro>p{max-width:420px;color:#455066;font-size:1rem;line-height:1.85}
.blog-filters{display:flex;flex-direction:column;gap:10px;margin-bottom:26px}.blog-search-label{font:700 .8rem var(--body-font)}
.blog-search-control{display:flex;align-items:center;gap:15px;max-width:720px;padding:6px 6px 6px 22px;border-radius:100px;border:1px solid #cbd5e7;background:white;transition:border-color .2s}
.blog-search-control:focus-within{border-color:#0007f7;outline:2px solid rgba(0,7,247,.12)}.blog-search-control svg{width:20px;height:20px;flex:none;color:#0007f7}
.blog-search-control input{width:100%;min-width:0;border:0;outline:0;font:500 .95rem var(--body-font);color:#0f172a;background:transparent}
.blog-search-control button{padding:13px 26px;background:#0007f7;color:white;border:0;border-radius:100px;font:750 .85rem var(--body-font);cursor:pointer}
.blog-search-control button:hover{background:#02069c}
.blog-categories{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:40px}
.blog-categories a{font:700 .79rem var(--body-font);color:#263555;text-decoration:none;border:1px solid #d8e0ef;border-radius:100px;padding:11px 18px;transition:background .2s,color .2s}
.blog-categories a:hover,.blog-categories a.is-active{background:#0007f7;border-color:#0007f7;color:white}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.blog-card{display:flex;flex-direction:column;min-width:0;background:white;border:1px solid #e5eaf4;border-radius:20px;overflow:hidden;transition:transform .2s,box-shadow .2s}
.blog-card:hover{transform:translateY(-5px);box-shadow:0 22px 45px rgba(0,7,247,.08)}
.blog-card-image{display:block;aspect-ratio:1.54;background:#e1e9f9;overflow:hidden}
.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.blog-card:hover img{transform:scale(1.045)}
.blog-card-placeholder{display:flex;position:relative;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#0007f7,#080b80);color:white}
.blog-card-placeholder strong{font-family:var(--heading-font);font-weight:900;font-size:clamp(5rem,12vw,12rem);line-height:1;color:white;letter-spacing:-.1em}
.blog-card-placeholder small{position:absolute;bottom:14px;right:20px;color:white;font:700 .55rem var(--highlight-font);letter-spacing:.18em}
.blog-card-body{display:flex;flex:1;flex-direction:column;padding:29px}
.blog-card-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:17px}
.blog-card-meta span,.blog-article-meta span:first-child{font:800 .7rem var(--highlight-font);letter-spacing:.065em;text-transform:uppercase;color:#ef7e00}
.blog-card-meta time{font:600 .76rem var(--body-font);color:#64748b}
.blog-card h3{font-size:clamp(1.65rem,2.1vw,2.4rem);line-height:1.06;letter-spacing:-.025em}
.blog-card h3 a{font:inherit;color:#0007f7;text-decoration:none}
.blog-card-body>p{margin:15px 0 22px;color:#536074;line-height:1.7;font-size:.89rem}
.blog-read{margin-top:auto;display:inline-flex;gap:10px;align-items:center;color:#0007f7;font:800 .83rem var(--body-font);text-decoration:none}
.blog-read span{font-size:1.3rem;color:#ef7e00}
.blog-card--featured{grid-column:span 2;display:grid;grid-template-columns:1.05fr 1fr}
.blog-card--featured .blog-card-image{height:100%;aspect-ratio:auto;min-height:310px}
.blog-card--featured .blog-card-body{justify-content:center;padding:clamp(25px,4vw,60px)}
.blog-card--featured h3{font-size:clamp(2rem,3.7vw,4rem)}
.blog-empty{text-align:center;border:1px dashed #bac8e4;border-radius:22px;background:#f5f8ff;padding:80px 20px}
.blog-empty>span{font-size:3rem;color:#ef7e00}.blog-empty h3{margin:15px 0;font-size:clamp(2.1rem,4vw,3.4rem)}.blog-empty p{margin:0 auto 25px;max-width:500px;line-height:1.7;color:#526074}
.blog-empty .page-btn{display:inline-flex;text-decoration:none}
.blog-pagination{display:flex;justify-content:center;align-items:center;gap:23px;flex-wrap:wrap;margin-top:45px}
.blog-pagination a,.blog-pagination span{font-weight:700;font-size:.88rem}.blog-pagination a{color:#0007f7}
.blog-outro{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:70px clamp(20px,7vw,110px);background:#e1e9f9}
.blog-outro h2{font-size:clamp(2.6rem,5vw,5rem);margin:8px 0}.blog-outro p:not(.inner-label){line-height:1.7}.blog-outro .page-btn{white-space:normal;text-decoration:none;text-align:center}
.blog-article{padding:150px 22px 110px;max-width:1120px;margin:auto}.blog-back,.blog-article-footer a{color:#0007f7;font-weight:750;text-decoration:none}
.blog-article-meta{display:flex;flex-wrap:wrap;gap:16px;margin:45px 0 20px;color:#64748b;font-size:.85rem}
.blog-article-head h1,.blog-missing h1{font-size:clamp(3rem,7.1vw,7rem);line-height:.92;letter-spacing:-.035em;overflow-wrap:anywhere}
.blog-article-excerpt{max-width:760px;font-size:clamp(1rem,2vw,1.36rem);line-height:1.7;color:#475569;margin:25px 0 40px}
.blog-article-cover{margin:35px 0 55px;aspect-ratio:1.95;border-radius:22px;overflow:hidden;background:#e1e9f9}.blog-article-cover img{width:100%;height:100%;object-fit:cover}
.blog-article-content{max-width:775px;margin:45px auto 65px}.blog-article-content p{font:400 1.12rem/2 var(--body-font);color:#263244;margin:0 0 27px;overflow-wrap:anywhere}
.blog-article-footer{border-top:1px solid #d9e2f2;padding-top:26px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px}
.blog-missing{text-align:center;padding:210px 20px 130px}.blog-missing p{margin:22px}.blog-missing .page-btn{display:inline-block;text-decoration:none}
@media(max-width:1050px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-card--featured{grid-column:span 2}.blog-page .blog-hero-decor{width:31%}}
@media(max-width:700px){.blog-page .blog-hero{min-height:575px;padding-top:135px;padding-bottom:60px}.blog-page .blog-hero .page-hero-inner{width:100%}.blog-page .blog-hero h1{font-size:clamp(2.75rem,11.3vw,6.1rem)}.blog-page .blog-hero .page-hero-inner>p:last-of-type{max-width:85%;font-size:1rem}.blog-page .blog-hero-decor{right:-50px;bottom:22px;width:168px;opacity:.17;pointer-events:none}.blog-page .blog-hero-decor span{font-size:7rem}.blog-page .blog-hero-decor small{display:none}.blog-shell{padding:68px 18px 75px}.blog-intro{grid-template-columns:1fr;gap:19px;margin-bottom:36px}.blog-intro h2{font-size:clamp(2.6rem,10vw,4rem)}.blog-categories{flex-wrap:nowrap;overflow:auto;scrollbar-width:thin;padding-bottom:10px;margin-bottom:24px}.blog-categories a{white-space:nowrap}.blog-grid{gap:16px}.blog-card--featured{display:flex;grid-column:span 2}.blog-card--featured .blog-card-image{aspect-ratio:1.65;min-height:0}.blog-card-body,.blog-card--featured .blog-card-body{padding:20px}.blog-card h3,.blog-card--featured h3{font-size:clamp(1.45rem,5.3vw,2.2rem)}.blog-outro{flex-direction:column;align-items:flex-start;padding:60px 20px}.blog-article{padding-top:125px;padding-bottom:70px}.blog-article-cover{aspect-ratio:1.3}.blog-article-content p{font-size:1rem;line-height:1.9}}
@media(max-width:480px){.blog-grid{grid-template-columns:1fr}.blog-card--featured{grid-column:span 1}.blog-card-image{aspect-ratio:1.65}.blog-card-meta{margin-bottom:12px}.blog-card-body>p{margin:12px 0 17px}.blog-search-control button{padding:13px 17px}.blog-empty{padding:60px 18px}.blog-article-footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.blog-card,.blog-card-image img,.blog-search-control{transition:none}.blog-card:hover{transform:none}}