/* ===== Blog pages: archive + single + [drarun_blog] slider (all selectors are prefixed with #arn-page.arn-wrap) ===== */
#arn-page.arn-wrap{
  --ink:#0A2A33; --ink-2:#3B5560; --teal:#0C7C86; --teal-d:#085E66; --teal-l:#7FD3D9; --mint:#E4F2F0; --mint-2:#CFE7E4;
  --paper:#F6FAF9; --white:#fff; --coral:#E0583B; --coral-d:#C44529; --line:#D6E4E2;
  --page-pad:95px; --sec-y:clamp(48px,6vw,88px);
  --f-display:'Fraunces',Georgia,serif; --f-body:'Figtree',system-ui,-apple-system,'Segoe UI',sans-serif;
  display:block; position:relative; box-sizing:border-box; width:100%; max-width:100%; overflow:hidden; isolation:isolate;
  font-family:var(--f-body); color:var(--ink); line-height:1.65; font-size:17px; -webkit-font-smoothing:antialiased;
  background:var(--paper); margin:0; padding:0; border:0;
}
@media (max-width:1440px){#arn-page.arn-wrap{--page-pad:75px}}
@media (max-width:1200px){#arn-page.arn-wrap{--page-pad:55px}}
@media (max-width:1024px){#arn-page.arn-wrap{--page-pad:35px}}
@media (max-width:768px){#arn-page.arn-wrap{--page-pad:20px}}
@media (max-width:600px){#arn-page.arn-wrap{--page-pad:16px}}
@media (max-width:480px){#arn-page.arn-wrap{--page-pad:16px}}

/* ---- hardening: theme / Elementor / browser defaults cannot override this block ---- */
#arn-page.arn-wrap{color-scheme:light;-webkit-text-size-adjust:100%;text-size-adjust:100%;text-align:left;text-transform:none;letter-spacing:normal;word-spacing:normal;font-style:normal;font-weight:400;text-shadow:none;text-indent:0;visibility:visible;float:none;direction:ltr}
#arn-page.arn-wrap h1,#arn-page.arn-wrap h2,#arn-page.arn-wrap h3,#arn-page.arn-wrap h4,#arn-page.arn-wrap h5,#arn-page.arn-wrap h6,#arn-page.arn-wrap p,#arn-page.arn-wrap ul,#arn-page.arn-wrap ol,#arn-page.arn-wrap li,#arn-page.arn-wrap figure,#arn-page.arn-wrap dl,#arn-page.arn-wrap dt,#arn-page.arn-wrap dd,#arn-page.arn-wrap blockquote{margin:0;padding:0;border:0;background:none;box-shadow:none;text-shadow:none;text-transform:none;text-decoration:none;letter-spacing:normal;font-family:inherit;font-style:normal}
#arn-page.arn-wrap ul,#arn-page.arn-wrap ol{list-style:none}
#arn-page.arn-wrap a,#arn-page.arn-wrap a:hover,#arn-page.arn-wrap a:focus,#arn-page.arn-wrap a:active,#arn-page.arn-wrap a:visited{text-decoration:none;box-shadow:none;border-bottom:0;text-shadow:none}
#arn-page.arn-wrap img{max-width:100%;height:auto;border:0;box-shadow:none}
#arn-page.arn-wrap svg{max-width:none;display:inline-block;vertical-align:middle}
#arn-page.arn-wrap *,#arn-page.arn-wrap *::before,#arn-page.arn-wrap *::after{box-sizing:border-box}
#arn-page.arn-wrap a{color:inherit}
#arn-page.arn-wrap svg.i{width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
#arn-page.arn-wrap :focus-visible{outline:3px solid var(--coral);outline-offset:3px;border-radius:8px}
#arn-page.arn-wrap .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#arn-page.arn-wrap .rv{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
#arn-page.arn-wrap .rv.in{opacity:1;transform:none}

/* ---------- hero ---------- */
#arn-page.arn-wrap .arn-hero{padding:clamp(34px,4.5vw,64px) var(--page-pad) clamp(34px,4.5vw,60px);background:radial-gradient(800px 380px at 88% 0%,rgba(127,211,217,.4),transparent 70%),linear-gradient(180deg,var(--mint) 0%,var(--paper) 100%)}
#arn-page.arn-wrap .arn-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--ink-2);margin-bottom:clamp(18px,2.4vw,30px)}
#arn-page.arn-wrap .arn-crumbs a{color:var(--teal-d)}
#arn-page.arn-wrap .arn-crumbs a:hover{color:var(--coral-d)}
#arn-page.arn-wrap .arn-crumbs span{opacity:.6}
#arn-page.arn-wrap .arn-crumbs span[aria-current]{opacity:1;color:var(--ink)}
#arn-page.arn-wrap .arn-eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--teal)}
#arn-page.arn-wrap .arn-eyebrow::before{content:"";width:28px;height:2px;background:currentColor}
#arn-page.arn-wrap .arn-hero h1{font-family:var(--f-display);font-weight:600;font-size:clamp(34px,4.6vw,70px);line-height:1.05;letter-spacing:-.025em;margin:16px 0 0;color:var(--ink)}
#arn-page.arn-wrap .arn-single .arn-hero h1{font-size:clamp(30px,3.8vw,56px);line-height:1.1;margin-top:14px}
#arn-page.arn-wrap .arn-lead{margin-top:18px;max-width:64ch;font-size:clamp(16px,1.3vw,19.5px);color:var(--ink-2)}

/* ---------- chips / filters ---------- */
#arn-page.arn-wrap .arn-cats{display:flex;flex-wrap:wrap;gap:8px}
#arn-page.arn-wrap .arn-cats a{font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--teal-d);background:var(--mint);padding:5px 12px;border-radius:999px;transition:background .2s,color .2s}
#arn-page.arn-wrap .arn-cats a.type{background:var(--ink);color:#fff}
#arn-page.arn-wrap .arn-cats a:hover{background:var(--teal);color:#fff}
#arn-page.arn-wrap .arn-listing{padding:clamp(28px,3.5vw,48px) var(--page-pad) var(--sec-y)}
#arn-page.arn-wrap .arn-topics{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:clamp(26px,3.4vw,44px)}
#arn-page.arn-wrap .arn-topics a{display:inline-block;padding:8px 16px;border-radius:999px;border:1.5px solid var(--line);font-size:14px;font-weight:600;color:var(--ink-2);background:#fff;transition:all .2s}
#arn-page.arn-wrap .arn-topics a:hover{border-color:var(--teal);color:var(--ink)}
#arn-page.arn-wrap .arn-topics a.on{background:var(--teal);border-color:var(--teal);color:#fff}
#arn-page.arn-wrap .arn-h2{font:600 clamp(24px,2.4vw,34px)/1.2 var(--f-display);color:var(--ink);margin-bottom:22px}
#arn-page.arn-wrap .arn-empty{padding:40px;border-radius:24px;border:1px dashed var(--teal);background:#fff;color:var(--ink-2);text-align:center}

/* ---------- card grid ---------- */
#arn-page.arn-wrap .arn-grid{display:grid;grid-template-columns:repeat(var(--arn-cols,3),minmax(0,1fr));gap:22px}
#arn-page.arn-wrap .arn-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
#arn-page.arn-wrap .arn-card:hover{transform:translateY(-5px);border-color:var(--teal);box-shadow:0 26px 48px -30px rgba(10,42,51,.5)}
#arn-page.arn-wrap .arn-thumb{display:block;aspect-ratio:3/2;background:linear-gradient(135deg,var(--mint-2),var(--mint));overflow:hidden}
#arn-page.arn-wrap .arn-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}
#arn-page.arn-wrap .arn-card:hover .arn-thumb img{transform:scale(1.04)}
#arn-page.arn-wrap .arn-ph{display:grid;place-items:center;width:100%;height:100%;color:var(--teal)}
#arn-page.arn-wrap .arn-ph svg{width:48px;height:48px;opacity:.7}
#arn-page.arn-wrap .arn-body{display:flex;flex-direction:column;gap:12px;padding:22px 24px 26px;flex:1}
#arn-page.arn-wrap .arn-title{font:600 clamp(20px,1.7vw,24px)/1.25 var(--f-display);color:var(--ink)}
#arn-page.arn-wrap .arn-title a:hover{color:var(--teal)}
#arn-page.arn-wrap .arn-sum{font-size:15.5px;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#arn-page.arn-wrap .arn-meta{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:14px;color:var(--ink-2)}
#arn-page.arn-wrap .arn-meta b{color:var(--ink);font-weight:700}
#arn-page.arn-wrap .arn-meta.big{margin-top:18px;font-size:15.5px}
#arn-page.arn-wrap .arn-more{margin-top:auto;display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:15px;color:var(--coral-d)}
#arn-page.arn-wrap .arn-more svg{width:18px;height:18px;stroke-width:2;transition:transform .2s}
#arn-page.arn-wrap .arn-more:hover svg{transform:translateX(5px)}
#arn-page.arn-wrap .arn-card.feat{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
#arn-page.arn-wrap .arn-card.feat .arn-thumb{aspect-ratio:auto;min-height:340px}
#arn-page.arn-wrap .arn-card.feat .arn-body{padding:clamp(24px,3vw,44px);justify-content:center}
#arn-page.arn-wrap .arn-card.feat .arn-title{font-size:clamp(26px,2.6vw,38px)}
#arn-page.arn-wrap .arn-card.feat .arn-sum{-webkit-line-clamp:5;font-size:17px}

/* ---------- pagination ---------- */
#arn-page.arn-wrap .arn-pager{margin-top:clamp(28px,3.5vw,44px)}
#arn-page.arn-wrap .arn-pager ul{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
#arn-page.arn-wrap .arn-pager a,#arn-page.arn-wrap .arn-pager span{display:grid;place-items:center;min-width:46px;height:46px;padding:0 14px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font-weight:700;color:var(--ink);transition:all .2s}
#arn-page.arn-wrap .arn-pager a:hover{border-color:var(--teal);color:var(--teal)}
#arn-page.arn-wrap .arn-pager .current{background:var(--ink);border-color:var(--ink);color:#fff}
#arn-page.arn-wrap .arn-pager .dots{border-color:transparent;background:none}
#arn-page.arn-wrap .arn-pager svg{width:20px;height:20px;stroke-width:2}

/* ---------- call to action ---------- */
#arn-page.arn-wrap .arn-cta{display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap;margin:0 var(--page-pad) var(--sec-y);padding:clamp(24px,3vw,40px) clamp(24px,3.4vw,48px);border-radius:30px;background:var(--ink);color:#fff;position:relative;overflow:hidden}
#arn-page.arn-wrap .arn-cta::after{content:"";position:absolute;right:-90px;top:-120px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(127,211,217,.28),transparent 70%);pointer-events:none}
#arn-page.arn-wrap .arn-cta h2{font:500 clamp(22px,2.6vw,36px)/1.2 var(--f-display);color:#fff;max-width:26ch;position:relative;z-index:1}
#arn-page.arn-wrap .arn-btn{display:inline-flex;align-items:center;gap:12px;font:600 16px/1 var(--f-body);padding:16px 28px;border-radius:999px;background:var(--coral);color:#fff;border:2px solid var(--coral);cursor:pointer;position:relative;z-index:1;transition:transform .2s,background .2s,color .2s}
#arn-page.arn-wrap .arn-btn:hover{background:#fff;border-color:#fff;color:var(--ink);transform:translateY(-2px)}
#arn-page.arn-wrap .arn-btn.ghost{background:transparent;border-color:var(--ink);color:var(--ink)}
#arn-page.arn-wrap .arn-btn.ghost:hover{background:var(--ink);border-color:var(--ink);color:#fff}

/* ---------- single article ---------- */
#arn-page.arn-wrap .arn-article{padding:clamp(28px,3.5vw,52px) var(--page-pad) clamp(32px,4vw,56px)}
#arn-page.arn-wrap .arn-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(28px,4.5vw,72px);align-items:start}
#arn-page.arn-wrap .arn-featured{margin:0 0 clamp(22px,3vw,36px);border-radius:26px;overflow:hidden;background:var(--mint)}
#arn-page.arn-wrap .arn-featured img{display:block;width:100%;height:auto;max-height:clamp(320px,46vw,620px);object-fit:cover;object-position:center top}
#arn-page.arn-wrap .arn-featured figcaption{padding:12px 18px;font-size:14px;color:var(--ink-2);background:#fff;border:1px solid var(--line);border-top:0}
#arn-page.arn-wrap .arn-side{position:sticky;top:130px;display:grid;gap:16px}
#arn-page.arn-wrap .arn-box{padding:22px 22px 24px;border-radius:24px;background:#fff;border:1px solid var(--line);display:grid;gap:18px}
#arn-page.arn-wrap .arn-box dl{display:grid;gap:14px}
#arn-page.arn-wrap .arn-box dt{font:700 12.5px/1.4 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}
#arn-page.arn-wrap .arn-box dd{font:600 17px/1.4 var(--f-display);color:var(--ink)}
#arn-page.arn-wrap .arn-box.dark{background:var(--ink);border-color:var(--ink);color:#fff}
#arn-page.arn-wrap .arn-box.dark h2{font:500 22px/1.25 var(--f-display);color:#fff}
#arn-page.arn-wrap .arn-box .arn-btn{justify-content:center}
#arn-page.arn-wrap .arn-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}
#arn-page.arn-wrap .arn-tags a{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;background:var(--mint);color:var(--teal-d);font-size:14px;font-weight:600}
#arn-page.arn-wrap .arn-tags svg{width:16px;height:16px}
#arn-page.arn-wrap .arn-pages{display:flex;gap:8px;align-items:center;margin-top:24px;font-weight:700}
#arn-page.arn-wrap .arn-pages a,#arn-page.arn-wrap .arn-pages>span{display:grid;place-items:center;min-width:40px;height:40px;border-radius:50%;border:1.5px solid var(--line);background:#fff}
#arn-page.arn-wrap .arn-adj{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:clamp(32px,4vw,56px)}
#arn-page.arn-wrap .arn-adj a{display:flex;align-items:center;gap:16px;padding:20px 24px;border-radius:22px;border:1.5px solid var(--line);background:#fff;transition:border-color .2s,transform .2s}
#arn-page.arn-wrap .arn-adj a:hover{border-color:var(--teal);transform:translateY(-3px)}
#arn-page.arn-wrap .arn-adj .next{justify-content:flex-end;text-align:right;grid-column:2}
#arn-page.arn-wrap .arn-adj small{display:block;font:700 12.5px/1.4 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}
#arn-page.arn-wrap .arn-adj b{display:block;font:600 18px/1.3 var(--f-display);color:var(--ink)}
#arn-page.arn-wrap .arn-adj svg{width:24px;height:24px;color:var(--coral);stroke-width:2}
#arn-page.arn-wrap .arn-related{padding:0 var(--page-pad) var(--sec-y)}

/* ---------- article body: everything the classic editor can output ---------- */
#arn-page.arn-wrap .arn-content{font-size:clamp(17px,1.25vw,19px);line-height:1.8;color:var(--ink);overflow-wrap:break-word}
#arn-page.arn-wrap .arn-content::after{content:"";display:block;clear:both}
#arn-page.arn-wrap .arn-content>*+*{margin-top:1.25em}
#arn-page.arn-wrap .arn-content p{margin:0;max-width:78ch}
#arn-page.arn-wrap .arn-content p+p{margin-top:1.2em}
#arn-page.arn-wrap .arn-content a{color:var(--teal);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}
#arn-page.arn-wrap .arn-content a:hover{color:var(--coral-d)}
#arn-page.arn-wrap .arn-content h2,#arn-page.arn-wrap .arn-content h3,#arn-page.arn-wrap .arn-content h4,#arn-page.arn-wrap .arn-content h5,#arn-page.arn-wrap .arn-content h6{font-family:var(--f-display);font-weight:600;line-height:1.2;color:var(--ink);margin:1.8em 0 .6em;clear:both}
#arn-page.arn-wrap .arn-content h2{font-size:clamp(26px,2.4vw,36px)}
#arn-page.arn-wrap .arn-content h3{font-size:clamp(22px,2vw,28px)}
#arn-page.arn-wrap .arn-content h4{font-size:21px}
#arn-page.arn-wrap .arn-content h5{font-size:18px}
#arn-page.arn-wrap .arn-content h6{font-size:16px;text-transform:uppercase;letter-spacing:.08em}
#arn-page.arn-wrap .arn-content ul,#arn-page.arn-wrap .arn-content ol{margin:1.2em 0;padding-left:1.4em;max-width:78ch}
#arn-page.arn-wrap .arn-content ul{list-style:disc}
#arn-page.arn-wrap .arn-content ol{list-style:decimal}
#arn-page.arn-wrap .arn-content li{margin:.4em 0;padding-left:.2em}
#arn-page.arn-wrap .arn-content li::marker{color:var(--teal);font-weight:700}
#arn-page.arn-wrap .arn-content blockquote{margin:1.8em 0;padding:22px 28px;border-left:5px solid var(--coral);background:var(--mint);border-radius:0 20px 20px 0;font:500 clamp(20px,1.8vw,26px)/1.45 var(--f-display);color:var(--ink)}
#arn-page.arn-wrap .arn-content blockquote p{max-width:none}
#arn-page.arn-wrap .arn-content blockquote cite{display:block;margin-top:12px;font:600 15px var(--f-body);color:var(--ink-2);font-style:normal}
#arn-page.arn-wrap .arn-content hr{border:0;height:2px;background:var(--line);margin:2.4em 0}
#arn-page.arn-wrap .arn-content img{max-width:100%;height:auto;border-radius:18px}
#arn-page.arn-wrap .arn-content .aligncenter,#arn-page.arn-wrap .arn-content img.aligncenter{display:block;margin:1.6em auto}
#arn-page.arn-wrap .arn-content .alignleft{float:left;margin:.4em 1.6em 1em 0;max-width:50%}
#arn-page.arn-wrap .arn-content .alignright{float:right;margin:.4em 0 1em 1.6em;max-width:50%}
#arn-page.arn-wrap .arn-content .alignnone{margin:1.4em 0}
#arn-page.arn-wrap .arn-content .wp-caption{max-width:100%;margin:1.6em 0}
#arn-page.arn-wrap .arn-content .wp-caption img{display:block;width:100%;height:auto}
#arn-page.arn-wrap .arn-content .wp-caption-text,#arn-page.arn-wrap .arn-content figcaption{margin-top:10px;font-size:14.5px;line-height:1.5;color:var(--ink-2)}
#arn-page.arn-wrap .arn-content figure{margin:1.6em 0}
#arn-page.arn-wrap .arn-content table{width:100%;border-collapse:collapse;font-size:16px;margin:1.6em 0;display:block;overflow-x:auto}
#arn-page.arn-wrap .arn-content th,#arn-page.arn-wrap .arn-content td{padding:12px 16px;border:1px solid var(--line);text-align:left}
#arn-page.arn-wrap .arn-content th{background:var(--mint);font-weight:700;color:var(--ink)}
#arn-page.arn-wrap .arn-content tr:nth-child(even) td{background:var(--paper)}
#arn-page.arn-wrap .arn-content pre,#arn-page.arn-wrap .arn-content code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}
#arn-page.arn-wrap .arn-content pre{padding:18px 22px;border-radius:16px;background:var(--ink);color:#E9F3F2;overflow-x:auto}
#arn-page.arn-wrap .arn-content :not(pre)>code{padding:2px 7px;border-radius:6px;background:var(--mint)}
#arn-page.arn-wrap .arn-content mark{background:rgba(224,88,59,.18);padding:0 4px;border-radius:4px}
#arn-page.arn-wrap .arn-content .arn-embed,#arn-page.arn-wrap .arn-content .wp-video{position:relative;max-width:100%;margin:1.8em 0}
#arn-page.arn-wrap .arn-content .arn-embed iframe,#arn-page.arn-wrap .arn-content iframe[src*="youtube"],#arn-page.arn-wrap .arn-content iframe[src*="youtu.be"],#arn-page.arn-wrap .arn-content iframe[src*="vimeo"]{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:18px}
#arn-page.arn-wrap .arn-content iframe{max-width:100%}
#arn-page.arn-wrap .arn-content video,#arn-page.arn-wrap .arn-content audio{width:100%;max-width:100%;border-radius:14px}
#arn-page.arn-wrap .arn-content .gallery{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin:1.8em 0}
#arn-page.arn-wrap .arn-content .gallery-item{margin:0}
#arn-page.arn-wrap .arn-content .gallery-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#arn-page.arn-wrap .arn-content .gallery-columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#arn-page.arn-wrap .arn-content .more-link{display:inline-block;margin-top:.6em;font-weight:700}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  #arn-page.arn-wrap .arn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #arn-page.arn-wrap .arn-layout{grid-template-columns:1fr}
  #arn-page.arn-wrap .arn-side{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
  #arn-page.arn-wrap .arn-card.feat{grid-template-columns:1fr}
  #arn-page.arn-wrap .arn-card.feat .arn-thumb{aspect-ratio:3/2;min-height:0}
}
@media (max-width:700px){
  #arn-page.arn-wrap .arn-grid{grid-template-columns:1fr}
  #arn-page.arn-wrap .arn-side{grid-template-columns:1fr}
  #arn-page.arn-wrap .arn-adj{grid-template-columns:1fr}
  #arn-page.arn-wrap .arn-adj .next{grid-column:1}
  #arn-page.arn-wrap .arn-cta{border-radius:24px;flex-direction:column;align-items:flex-start}
  #arn-page.arn-wrap .arn-btn{width:100%;justify-content:center}
  #arn-page.arn-wrap .arn-content .alignleft,#arn-page.arn-wrap .arn-content .alignright{float:none;margin:1.4em 0;max-width:100%}
  #arn-page.arn-wrap .arn-content .gallery,#arn-page.arn-wrap .arn-content .gallery-columns-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){
  #arn-page.arn-wrap *{animation:none!important;transition:none!important}
  #arn-page.arn-wrap .rv{opacity:1;transform:none}
}

/* ---------- [drarun_blog] shortcode: heading + button on the home page ---------- */
#arn-page.arn-wrap.arn-home{padding:var(--sec-y) var(--page-pad);background:linear-gradient(180deg,#fff 0%,var(--paper) 100%)}
#arn-page.arn-wrap .arn-anchor{position:absolute;top:0;left:0;width:0;height:0}
#arn-page.arn-wrap .arn-homehead{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(18px,4vw,72px);align-items:end;margin-bottom:clamp(26px,3.6vw,48px)}
#arn-page.arn-wrap .arn-homehead h2{font-family:var(--f-display);font-weight:600;font-size:clamp(32px,4vw,60px);line-height:1.05;letter-spacing:-.025em;margin:16px 0 0;color:var(--ink)}
#arn-page.arn-wrap .arn-homehead h2 em{font-style:italic;font-weight:500;color:var(--teal)}
#arn-page.arn-wrap .arn-homehead p{color:var(--ink-2);font-size:clamp(16px,1.2vw,18.5px);max-width:58ch}
#arn-page.arn-wrap .arn-homebar{margin-top:clamp(26px,3.5vw,44px);display:flex;justify-content:center}
#arn-page.arn-wrap .arn-homebar .arn-btn{background:var(--ink);border-color:var(--ink)}
#arn-page.arn-wrap .arn-homebar .arn-btn:hover{background:var(--coral);border-color:var(--coral);color:#fff}
#arn-page.arn-wrap .arn-homenote{padding:18px 22px;border-radius:18px;border:1px dashed var(--teal);background:#fff;color:var(--ink-2);font-size:15px}
@media (max-width:900px){#arn-page.arn-wrap .arn-homehead{grid-template-columns:1fr;align-items:start}}

/* ---------- [drarun_blog] sliding articles ---------- */
#arn-page.arn-wrap .arn-slider{position:relative}
#arn-page.arn-wrap .arn-track{display:flex;gap:22px;margin:0;padding:6px 4px 20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;outline-offset:-3px}
#arn-page.arn-wrap .arn-track::-webkit-scrollbar{display:none}
#arn-page.arn-wrap .arn-slide{flex:0 0 calc((100% - 22px * (var(--arn-vis,3) - 1)) / var(--arn-vis,3));min-width:0;scroll-snap-align:start;list-style:none}
#arn-page.arn-wrap .arn-slide .arn-card{height:100%}
#arn-page.arn-wrap .arn-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:6px}
#arn-page.arn-wrap .arn-dots{display:flex;flex-wrap:wrap;gap:8px}
#arn-page.arn-wrap .arn-dot{width:12px;height:12px;padding:0;border-radius:999px;border:0;background:var(--mint-2);cursor:pointer;transition:width .3s,background .3s;-webkit-appearance:none;appearance:none}
#arn-page.arn-wrap .arn-dot:hover{background:var(--teal-l)}
#arn-page.arn-wrap .arn-dot.on{width:34px;background:var(--teal)}
#arn-page.arn-wrap .arn-arrows{display:flex;gap:10px}
#arn-page.arn-wrap .arn-prev,#arn-page.arn-wrap .arn-next{width:52px;height:52px;border-radius:50%;border:1.5px solid var(--line);background:#fff;color:var(--ink);display:grid;place-items:center;cursor:pointer;padding:0;transition:background .2s,color .2s,border-color .2s,transform .2s;-webkit-appearance:none;appearance:none}
#arn-page.arn-wrap .arn-prev svg,#arn-page.arn-wrap .arn-next svg{width:22px;height:22px;stroke-width:2}
#arn-page.arn-wrap .arn-prev:hover,#arn-page.arn-wrap .arn-next:hover{background:var(--ink);border-color:var(--ink);color:#fff;transform:translateY(-2px)}
#arn-page.arn-wrap .arn-single .arn-controls{display:none}
@media (max-width:1100px){#arn-page.arn-wrap .arn-slider{--arn-vis:2!important}}
@media (max-width:700px){
  #arn-page.arn-wrap .arn-slider{--arn-vis:1!important}
  #arn-page.arn-wrap .arn-track{gap:14px}
  #arn-page.arn-wrap .arn-slide{flex-basis:88%}
  #arn-page.arn-wrap .arn-prev,#arn-page.arn-wrap .arn-next{width:46px;height:46px}
}

/* page content added in Elementor / the editor (shown below the article list) */
.arn-pagecontent{display:block;position:relative;width:100%}