/* ===== Velarisse Journal: an open leather-bound book ===== */
.vl-journal{--ink:#2A1B12;--ink2:#5B4431;--ink3:#7A6149;--paper:#EFE4CA;--rule:rgba(110,80,50,.16);--red:#8E1B22;--gold:#C99A3E;--bone:#EADFC8;padding:64px 20px 110px;font-family:"IM Fell English",Georgia,serif;color:var(--ink)}
.vl-journal *{box-sizing:border-box}
.vl-book{max-width:1180px;margin:0 auto;position:relative}
.vl-cover{position:relative;padding:26px 26px 30px;border-radius:16px;background:linear-gradient(rgba(40,10,12,.25),rgba(8,3,3,.55)),url(/wp-content/uploads/2026/11/dark-oxblood-leather-texture.webp) center/700px;box-shadow:0 40px 80px rgba(0,0,0,.75),0 0 0 1px rgba(0,0,0,.6),inset 0 0 0 1px rgba(201,154,62,.28),inset 0 2px 30px rgba(0,0,0,.6)}
.vl-cover::before{content:"";position:absolute;inset:10px;border:2px dashed rgba(201,154,62,.42);border-radius:10px;pointer-events:none}
.vl-ribbon{position:absolute;top:-8px;right:44px;width:26px;height:calc(100% + 64px);z-index:4;pointer-events:none;background:linear-gradient(90deg,#5E0F15,#A0222B 45%,#B32A33 55%,#6A1218);clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 18px),0 100%);filter:drop-shadow(2px 4px 4px rgba(0,0,0,.5))}
.vl-ribbon::after{content:"";position:absolute;inset:0 5px;border-left:1px solid rgba(255,220,200,.18);border-right:1px solid rgba(0,0,0,.25)}
.vl-spread{display:grid;grid-template-columns:1fr 1fr;position:relative;border-radius:3px;margin:0;box-shadow:0 1px 0 #d9c8a2,0 3px 0 #c9b68c,0 4px 0 #a99067,0 6px 0 #c4b086,0 8px 0 #9f865d,0 10px 24px rgba(0,0,0,.6)}
.vl-spread+.vl-spread{margin-top:34px}
.vl-spread::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:84px;transform:translateX(-50%);pointer-events:none;z-index:2;background:linear-gradient(90deg,transparent,rgba(70,40,15,.16) 30%,rgba(35,18,6,.42) 49%,rgba(255,245,220,.25) 50.5%,rgba(35,18,6,.36) 52%,rgba(70,40,15,.14) 70%,transparent)}
.vl-page{position:relative;padding:60px 64px 84px;min-height:760px;background-color:var(--paper);color:var(--ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .25 0 0 0 0 .12 0 0 0 .13 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E"),radial-gradient(ellipse at 50% 40%,rgba(255,250,235,.6),rgba(255,250,235,0) 60%),radial-gradient(ellipse at 50% 50%,transparent 62%,rgba(120,80,40,.24) 100%)}
.vl-page-left{border-radius:4px 0 0 4px}
.vl-page-right{border-radius:0 4px 4px 0}
.vl-page-left::before,.vl-page-right::before{content:"";position:absolute;top:0;bottom:0;width:40px;pointer-events:none}
.vl-page-left::before{left:0;background:linear-gradient(90deg,rgba(110,75,40,.2),transparent)}
.vl-page-right::before{right:0;background:linear-gradient(270deg,rgba(110,75,40,.2),transparent)}
.vl-ruled{background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,var(--rule) 31px,var(--rule) 32px)}
.vl-page.vl-ruled{background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 31px,var(--rule) 31px,var(--rule) 32px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .25 0 0 0 0 .12 0 0 0 .13 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E"),radial-gradient(ellipse at 50% 50%,transparent 62%,rgba(120,80,40,.24) 100%);background-position:0 60px,0 0,0 0}
.vl-journal a{color:var(--ink);text-decoration:none}
.vl-hand{font-family:"Homemade Apple",cursive;color:var(--red);font-size:15px;line-height:1.6;letter-spacing:0}
.vl-kicker{font-family:Cinzel,serif;font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--red);margin:0 0 14px}
.vl-journal .vl-jr-title{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:clamp(46px,5.4vw,74px);line-height:.95;color:var(--ink);margin:0 0 20px;letter-spacing:.005em}
.vl-jr-intro{font-style:italic;font-size:20px;line-height:1.6;color:var(--ink2);margin:0 0 40px;max-width:30em}
.vl-toc-head{display:flex;align-items:center;gap:14px;font-family:Cinzel,serif;font-weight:600;font-size:13px;letter-spacing:.32em;text-transform:uppercase;color:var(--ink2);margin:0 0 22px}
.vl-toc-head::before,.vl-toc-head::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--ink3))}
.vl-toc-head::after{background:linear-gradient(270deg,transparent,var(--ink3))}
.vl-toc{list-style:none;margin:0;padding:0}
.vl-toc li{margin:0 0 20px}
.vl-toc a{display:flex;align-items:baseline;gap:8px;font-size:20px;line-height:1.35}
.vl-toc-t{transition:color .2s}
.vl-toc a:hover .vl-toc-t{color:var(--red)}
.vl-toc-dots{flex:1;min-width:24px;border-bottom:2px dotted rgba(90,68,49,.45);transform:translateY(-5px)}
.vl-toc-pg{font-family:Cinzel,serif;font-size:15px;color:var(--ink2)}
.vl-toc small{display:block;margin-top:2px;font-size:12px}
.vl-sign{margin:44px 0 0;font-style:italic;color:var(--ink2);font-size:17px}
.vl-sign .vl-hand{font-size:20px;margin-left:4px}
.vl-jr-empty{font-size:16px}
.vl-entry-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 6px}
.vl-entry-meta .vl-hand{display:inline-block;transform:rotate(-2deg)}
.vl-entry-cat{font-family:Cinzel,serif;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink3)}
.vl-journal .vl-entry-title{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:clamp(32px,3.2vw,44px);line-height:1.05;margin:4px 0 24px;color:var(--ink)}
.vl-entry-title a{background:linear-gradient(var(--red),var(--red)) 0 100%/0 2px no-repeat;transition:background-size .35s,color .2s}
.vl-entry-title a:hover{color:var(--red);background-size:100% 2px}
.vl-entry-body{margin:0 0 18px}
.vl-entry-body p,.vl-journal .vl-prose p{font-size:19px;line-height:32px;margin:0 0 32px;color:var(--ink)}
.vl-entry-body p{margin:0}
.vl-entry-body p::first-letter,.vl-journal .vl-prose>p:first-of-type::first-letter{font-family:"Cormorant Garamond",serif;font-weight:700;float:left;font-size:76px;line-height:62px;padding:2px 10px 0 0;color:var(--red)}
.vl-journal .vl-read{font-family:Cinzel,serif;font-weight:700;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--red);border-bottom:1px solid rgba(142,27,34,.4);padding-bottom:3px}
.vl-journal .vl-read:hover{border-color:var(--red)}
.vl-print{position:relative;display:block;width:min(100%,440px);margin:0 auto 30px;padding:10px 10px 12px;background:#F7F0E1;transform:rotate(1.4deg);box-shadow:0 2px 3px rgba(60,35,15,.25),0 10px 22px rgba(60,35,15,.25);transition:transform .4s}
a.vl-print:hover{transform:rotate(0deg) translateY(-3px)}
.vl-print img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;filter:sepia(.12) contrast(1.02)}
.vl-print-lg{width:100%;margin:6px 0 30px;transform:rotate(-1.2deg)}
.vl-corners{position:absolute;inset:4px;pointer-events:none;opacity:.9;background:linear-gradient(135deg,#2A1B12 0 17px,transparent 17.5px) top left/34px 34px no-repeat,linear-gradient(225deg,#2A1B12 0 17px,transparent 17.5px) top right/34px 34px no-repeat,linear-gradient(45deg,#2A1B12 0 17px,transparent 17.5px) bottom left/34px 34px no-repeat,linear-gradient(315deg,#2A1B12 0 17px,transparent 17.5px) bottom right/34px 34px no-repeat}
.vl-folio{position:absolute;left:0;right:0;bottom:30px;text-align:center;font-style:italic;font-size:15px;color:var(--ink3);letter-spacing:.1em}
.vl-blank{position:absolute;inset:60px 64px 84px}
.vl-titlepage .vl-sticky{position:sticky;top:130px}
.vl-journal .vl-back{display:inline-block;font-family:Cinzel,serif;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink2);margin:0 0 30px}
.vl-journal .vl-back:hover{color:var(--red)}
.vl-journal .vl-post-title{font-size:clamp(40px,4.4vw,60px)}
.vl-journal .vl-prose h2{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:34px;line-height:32px;margin:32px 0 32px;color:var(--ink)}
.vl-journal .vl-prose h3{font-family:Cinzel,serif;font-weight:700;font-size:16px;letter-spacing:.14em;text-transform:uppercase;line-height:32px;margin:32px 0 0;color:var(--ink2)}
.vl-journal .vl-prose ul,.vl-journal .vl-prose ol{margin:0 0 32px 1.2em;padding:0}
.vl-journal .vl-prose li{font-size:19px;line-height:32px;color:var(--ink)}
.vl-journal .vl-prose ul li::marker{content:"\2766  ";color:var(--red);font-size:14px}
.vl-journal .vl-prose a{color:var(--red);border-bottom:1px solid rgba(142,27,34,.35)}
.vl-journal .vl-prose strong{color:#1A0F09}
.vl-journal .vl-prose blockquote{margin:0 0 32px;padding:0 0 0 22px;border-left:3px double var(--red);font-style:italic}
.vl-journal .vl-prose img{max-width:100%;height:auto;padding:8px;background:#F7F0E1;box-shadow:0 8px 18px rgba(60,35,15,.22)}
.vl-fin{text-align:center;color:var(--red);font-size:26px;margin:10px 0 0}
.vl-jr-nav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px 26px;margin:34px 0 4px;position:relative;z-index:5}
.vl-journal .vl-jr-nav a,.vl-jr-nav span{font-family:Cinzel,serif;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--bone);text-decoration:none}
.vl-journal .vl-jr-nav a:hover{color:#E2B65A}
.vl-jr-nav .current{color:#E2B65A;border-bottom:1px solid #E2B65A}
.vl-jr-postnav a{max-width:38ch}
.vl-page-right{padding-right:92px}
@media (max-width:900px){
.vl-page-right{padding-right:26px}
.vl-journal{padding:36px 12px 80px}
.vl-cover{padding:14px 14px 18px;border-radius:12px}
.vl-cover::before{inset:6px}
.vl-spread{grid-template-columns:1fr}
.vl-spread::after{display:none}
.vl-page{padding:44px 26px 70px;min-height:0;border-radius:4px!important}
.vl-page+.vl-page{border-top:1px solid rgba(110,80,50,.25)}
.vl-page-blank{display:none}
.vl-page-right::before{left:0;right:auto;background:linear-gradient(90deg,rgba(110,75,40,.18),transparent)}
.vl-ribbon{right:26px;height:96px;width:22px}
.vl-journal .vl-kicker,.vl-journal .vl-back{padding-right:44px}
.vl-titlepage .vl-sticky{position:static}
.vl-entry-body p,.vl-journal .vl-prose p,.vl-journal .vl-prose li{font-size:18px}
.vl-print{transform:rotate(.8deg)}
}
@media (prefers-reduced-motion:reduce){.vl-print,.vl-entry-title a{transition:none}}