/*
Theme Name: The Craftsman's Shelf
Theme URI: https://www.yourdomain.in/
Author: The Craftsman's Shelf
Description: Bookshop theme for The Craftsman's Shelf practical guides. Forest green, lavender and cream design with Source Serif and Inter, book cards with paperback and PDF prices, coloured sector tiles, career roadmaps and a magnifying glass on book covers. Built for WooCommerce; pair it with the Craftsman's Shelf Store plugin to import the 20 books in one click.
Version: 1.0.0
Requires at least: 6.3
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: craftsmans-shelf
Tags: e-commerce, custom-menu, featured-images, two-columns, custom-logo
WC requires at least: 8.0
WC tested up to: 9.3
*/
/* The Craftsman's Shelf - storefront styles */
:root{
  --green:#1F3B2E; --green-2:#2C5442; --green-3:#E7EFEA;
  --lav:#CBB3E8; --lav-2:#F1EAFA; --cream:#F7F2E8; --cream-2:#EDE3CF;
  --ink:#1B1F1D; --muted:#5D6762; --line:#E3E0D8; --white:#FFFFFF;
  --gold:#B8862B; --red:#B3261E;
  --radius:14px; --shadow:0 1px 2px rgba(20,30,25,.06),0 8px 24px rgba(20,30,25,.08);
  --serif:"Source Serif 4",Georgia,"Times New Roman",serif;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:16px/1.6 var(--sans);color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--green);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{font-family:var(--serif);color:var(--green);line-height:1.2;margin:0 0 .5em}
h1{font-size:clamp(30px,4.6vw,52px);font-weight:700;letter-spacing:-.01em}
h2{font-size:clamp(24px,3vw,34px);font-weight:700}
h3{font-size:20px;font-weight:700}
p{margin:0 0 1em}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.muted{color:var(--muted)}
.small{font-size:14px}
.eyebrow{font:600 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--green-2);margin-bottom:12px;display:block}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;border-radius:999px;border:1.5px solid var(--green);background:var(--green);color:#fff;font:600 15px var(--sans);cursor:pointer;transition:transform .12s,background .12s;text-decoration:none!important;white-space:nowrap}
.btn:hover{background:var(--green-2);transform:translateY(-1px)}
.btn.ghost{background:transparent;color:var(--green)}
.btn.ghost:hover{background:var(--green-3)}
.btn.lav{background:var(--lav);border-color:var(--lav);color:var(--green)}
.btn.lav:hover{background:#bea2e3}
.btn.block{width:100%}
.btn.sm{padding:9px 16px;font-size:14px}
.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}
.badge{display:inline-block;padding:4px 10px;border-radius:999px;font:600 12px var(--sans);background:var(--lav-2);color:#4B2E83}
.badge.pre{background:#FFF1D6;color:#7A4D00}
.badge.green{background:var(--green-3);color:var(--green)}

/* header */
.topbar{background:var(--green);color:#E6EEE9;font-size:13.5px;text-align:center;padding:8px 16px}
.topbar b{color:#fff}
header.site{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;gap:22px;height:74px}
.logo{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.logo img.ic{width:40px;height:40px}
.logo img.wm{height:22px;width:auto}
.menu{display:flex;gap:22px;margin-left:auto;align-items:center}
.menu a{color:var(--ink);font-weight:500;font-size:15px}
.menu a.active{color:var(--green);text-decoration:underline;text-decoration-color:var(--lav);text-decoration-thickness:3px;text-underline-offset:6px}
.cart-link{position:relative;display:inline-flex;align-items:center;gap:6px;font-weight:600!important}
.cart-count{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--lav);color:var(--green);font:700 12px/20px var(--sans);text-align:center}
.burger{display:none;margin-left:auto;background:none;border:0;padding:8px;cursor:pointer}
.burger span{display:block;width:24px;height:2px;background:var(--green);margin:5px 0}
@media (max-width:900px){
  .logo img.wm{height:18px}
  .burger{display:block}
  .menu{position:fixed;inset:74px 0 auto 0;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:8px 20px 20px;border-bottom:1px solid var(--line);box-shadow:var(--shadow);display:none}
  .menu.open{display:flex}
  .menu a{padding:12px 0;border-bottom:1px solid var(--line)}
  .cart-mobile{margin-left:auto}
}
@media (min-width:901px){.cart-mobile{display:none}}

/* hero */
.hero{background:linear-gradient(180deg,var(--cream) 0%,#fff 100%);padding:64px 0 40px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}
.hero p.lead{font-size:19px;color:var(--muted);max-width:540px}
.hero .ctas{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 18px}
.hero .points{display:flex;gap:18px;flex-wrap:wrap;font-size:14px;color:var(--muted)}
.hero .points span:before{content:"\2713";color:var(--green);font-weight:700;margin-right:6px}
.fan{position:relative;height:440px}
.fan img{position:absolute;width:46%;border-radius:6px;box-shadow:0 18px 40px rgba(20,30,25,.25)}
.fan img:nth-child(1){left:2%;top:40px;transform:rotate(-9deg)}
.fan img:nth-child(2){left:27%;top:0;z-index:3}
.fan img:nth-child(3){left:52%;top:40px;transform:rotate(9deg);z-index:2}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.fan{height:330px;max-width:460px;margin:0 auto;width:100%}}

/* sections */
section{padding:64px 0}
section.alt{background:var(--cream)}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px;flex-wrap:wrap}
.sec-head p{margin:0;color:var(--muted);max-width:640px}

/* book grid */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:26px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .15s,transform .15s}
.card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.card .cv{background:var(--cream);padding:18px 18px 0;display:block}
.card .cv img{aspect-ratio:170/240.3;width:100%;object-fit:cover;border-radius:4px 4px 0 0;box-shadow:0 6px 18px rgba(20,30,25,.18)}
.card .bd{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.card .tr{font:600 11px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--green-2)}
.card h3{font-size:19px;margin:0}
.card h3 a{color:var(--green)}
.card .st{font-size:13.5px;color:var(--muted);line-height:1.45;flex:1}
.card .pr{display:flex;align-items:baseline;gap:8px;margin-top:4px}
.price{font:700 19px var(--sans);color:var(--ink)}
.price small{font-weight:500;font-size:13px;color:var(--muted)}
.card .act{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.card .act .buy{grid-column:1/-1}
.card .act .btn{padding:10px 10px;font-size:14px;justify-content:center}

/* sectors */
.chips{display:flex;gap:10px;flex-wrap:wrap}
.chip{padding:9px 16px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font:500 14px var(--sans);color:var(--ink);cursor:pointer}
.chip:hover{border-color:var(--green)}
.chip.on{background:var(--green);border-color:var(--green);color:#fff}
.sectors{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.sector{position:relative;display:flex;min-height:178px;padding:20px 20px 18px;border-radius:18px;overflow:hidden;color:var(--fg);isolation:isolate;
  background:var(--b1);border:1px solid transparent;box-shadow:0 1px 2px rgba(0,0,0,.06),0 10px 22px -14px rgba(27,31,29,.35);transition:transform .22s ease,box-shadow .22s ease}
.sector.light{border-color:rgba(27,31,29,.10)}
.sector:hover{transform:translateY(-4px);box-shadow:0 18px 32px -16px rgba(27,31,29,.45);text-decoration:none}
.sector.wide{grid-column:span 2}
.sx-text{position:relative;z-index:2;display:flex;flex-direction:column;gap:4px;max-width:52%}
.sector.wide .sx-text{max-width:46%}
.sx-count{align-self:flex-start;font:700 11px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--fg);border:1px solid currentColor;padding:5px 9px;border-radius:99px;margin-bottom:6px;opacity:.85}
.sector b{font:600 19px/1.2 var(--serif);color:var(--fg)}
.sx-desc{font-size:13.5px;line-height:1.45;color:var(--fg);opacity:.78}
.sx-go{margin-top:auto;padding-top:10px;font-weight:600;font-size:14px;color:var(--fg)}
.sx-go i{display:inline-block;margin-left:2px;font-style:normal;transition:transform .2s}
.sector:hover .sx-go i{transform:translateX(4px)}
.sector.light .sx-covers img{outline-color:#fff;box-shadow:0 10px 22px rgba(27,31,29,.22)}
.sx-covers{position:absolute;right:10px;bottom:-34px;width:46%;height:100%;z-index:1}
.sector.wide .sx-covers{width:56%}
.sx-covers img{position:absolute;bottom:0;width:112px;height:auto;aspect-ratio:170/240.3;border-radius:4px;box-shadow:0 10px 22px rgba(0,0,0,.32);outline:2px solid rgba(255,255,255,.9);outline-offset:-1px;
  transition:transform .25s ease;backface-visibility:hidden;transform:translateZ(0)}
.sx-covers.n1 img{right:4%;transform:rotate(4deg) translateZ(0)}
.sector:hover .sx-covers.n1 img{transform:rotate(0deg) translateY(-10px) translateZ(0)}
.sx-covers.n2 img:nth-child(1){right:30%;transform:rotate(-5deg) translateZ(0)}
.sx-covers.n2 img:nth-child(2){right:0;transform:rotate(4deg) translateZ(0)}
.sector:hover .sx-covers.n2 img:nth-child(1){transform:rotate(-7deg) translate(-8px,-10px) translateZ(0)}
.sector:hover .sx-covers.n2 img:nth-child(2){transform:rotate(6deg) translate(6px,-10px) translateZ(0)}
.sx-covers.n3 img,.sx-covers.n4 img{width:104px}
.sx-covers.n3 img:nth-child(1){right:52%;transform:rotate(-6deg) translateZ(0)}
.sx-covers.n3 img:nth-child(2){right:28%;z-index:2;transform:translateY(-8px) translateZ(0)}
.sx-covers.n3 img:nth-child(3){right:4%;transform:rotate(6deg) translateZ(0)}
.sx-covers.n4 img:nth-child(1){right:66%;transform:rotate(-7deg) translateZ(0)}
.sx-covers.n4 img:nth-child(2){right:44%;z-index:2;transform:rotate(-2deg) translateY(-8px) translateZ(0)}
.sx-covers.n4 img:nth-child(3){right:22%;z-index:3;transform:rotate(2deg) translateY(-8px) translateZ(0)}
.sx-covers.n4 img:nth-child(4){right:0;transform:rotate(7deg) translateZ(0)}
.sector:hover .sx-covers img{filter:brightness(1.04)}
.sector:hover .sx-covers.n3 img:nth-child(2),.sector:hover .sx-covers.n4 img:nth-child(2),.sector:hover .sx-covers.n4 img:nth-child(3){translate:0 -8px}
@media (max-width:1080px){.sectors{grid-template-columns:repeat(3,1fr)}.sector.wide{grid-column:span 1}.sector.wide .sx-text{max-width:58%}.sector.wide .sx-covers{width:48%}.sx-covers.n3 img,.sx-covers.n4 img{width:84px}.sx-covers.n4 img:nth-child(1){display:none}}
@media (max-width:760px){.sectors{grid-template-columns:repeat(2,1fr);gap:10px}.sector{min-height:176px;padding:14px 12px;border-radius:14px}.sx-text{max-width:100%!important}.sx-desc{display:none}.sx-count{font-size:10px;padding:4px 7px;margin-bottom:4px}.sector b{font-size:15.5px}.sx-go{font-size:13px}.sx-covers{width:58%!important;right:4px;bottom:-30px;height:70%}.sx-covers img{width:66px!important;outline-width:1.5px}.sx-covers.n3 img:nth-child(1),.sx-covers.n4 img:nth-child(1),.sx-covers.n4 img:nth-child(2){display:none}.sx-covers.n3 img:nth-child(2),.sx-covers.n4 img:nth-child(3){right:20%}.sx-covers.n2 img{width:56px!important}.sx-covers.n2 img:nth-child(1){right:20%}.sector{min-height:186px}}

/* features */
.feat{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.feat>div{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.feat .ico{width:42px;height:42px;border-radius:12px;background:var(--lav-2);display:grid;place-items:center;font-size:20px;margin-bottom:12px}
@media (max-width:900px){.feat{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.feat{grid-template-columns:1fr}}

/* bundles */
.bundles{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}
.bundle{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:22px;display:flex;flex-direction:column;gap:12px}
.bundle .covers{display:flex}
.bundle .covers img{width:64px;border-radius:3px;box-shadow:0 4px 10px rgba(0,0,0,.18);margin-right:-14px;border:2px solid #fff}
.bundle ul{flex:1;margin:0;padding-left:18px;font-size:14.5px;color:var(--muted)}
.save{color:#1D7A46;font-weight:600;font-size:14px}
.strike{text-decoration:line-through;color:var(--muted);font-weight:500;font-size:15px}

/* cta band */
.band{background:var(--green);color:#E6EEE9;border-radius:22px;padding:42px;display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:center}
.band h2{color:#fff}
.band p{color:#CFE0D6}
@media (max-width:800px){.band{grid-template-columns:1fr;padding:28px}}

/* product page */
.crumbs{font-size:14px;color:var(--muted);padding:18px 0}
.crumbs a{color:var(--muted)}
.prod{display:grid;grid-template-columns:minmax(280px,440px) 1fr;gap:48px;align-items:start;padding-bottom:40px}
.gallery .main{background:var(--cream);border-radius:var(--radius);padding:28px;display:grid;place-items:center}
.gallery .main img{max-height:560px;width:auto;border-radius:4px;box-shadow:0 14px 34px rgba(20,30,25,.25)}
.thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.thumbs button{border:2px solid var(--line);border-radius:8px;padding:0;background:#fff;cursor:pointer;width:64px;overflow:hidden}
.thumbs button.on{border-color:var(--green)}
.thumbs img{width:100%;aspect-ratio:170/240;object-fit:cover}
.info .sub{font:500 19px/1.4 var(--serif);color:var(--ink);margin:-4px 0 12px}
.info .aud{color:var(--muted)}
.formats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}
.fmt{border:2px solid var(--line);border-radius:12px;padding:14px 16px;cursor:pointer;background:#fff;text-align:left;font:inherit;color:inherit}
.fmt.on{border-color:var(--green);background:var(--green-3)}
.fmt b{display:block;font-size:15px}
.fmt .price{font-size:20px}
.fmt span{font-size:13px;color:var(--muted)}
.qty{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:999px;overflow:hidden}
.qty button{width:40px;height:44px;border:0;background:#fff;font-size:20px;cursor:pointer;color:var(--green)}
.qty input{width:46px;height:44px;border:0;text-align:center;font:600 16px var(--sans)}
.buyrow{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.buyrow .btn{flex:1;min-width:150px}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-top:24px;font-size:14.5px}
.facts div{padding:10px 14px;border-bottom:1px solid var(--line)}
.facts div:nth-child(odd){background:var(--cream);font-weight:600;color:var(--green)}
.facts div:nth-last-child(-n+2){border-bottom:0}
.tabs{border-top:1px solid var(--line);padding-top:36px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.ticks{list-style:none;padding:0;margin:0}
.ticks li{position:relative;padding-left:28px;margin-bottom:10px}
.ticks li:before{content:"";position:absolute;left:0;top:6px;width:16px;height:16px;border-radius:50%;background:var(--lav);box-shadow:inset 0 0 0 4px var(--lav-2)}
ol.chapters{margin:0;padding-left:22px}
ol.chapters li{margin-bottom:6px}
.inside{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.inside img{border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);cursor:zoom-in}
@media (max-width:900px){.prod{grid-template-columns:1fr;gap:28px}.two{grid-template-columns:1fr}.gallery .main img{max-height:440px}}

/* lightbox */
.lb{position:fixed;inset:0;background:rgba(10,15,12,.86);display:none;place-items:center;z-index:100;padding:20px}
.lb.open{display:grid}
.lb img{max-height:92vh;width:auto;border-radius:6px}
.lb button{position:absolute;top:16px;right:20px;background:#fff;border:0;border-radius:999px;width:40px;height:40px;font-size:22px;cursor:pointer}

/* cart */
.cart{display:grid;grid-template-columns:1.5fr 1fr;gap:36px;align-items:start}
.line{display:grid;grid-template-columns:72px 1fr auto;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);align-items:center}
.line img{width:72px;border-radius:4px;box-shadow:0 4px 10px rgba(0,0,0,.15)}
.line h4{margin:0;font-size:17px}
.line .meta{font-size:13.5px;color:var(--muted)}
.line .right{text-align:right;display:flex;flex-direction:column;align-items:end;gap:8px}
.line .rm{background:none;border:0;color:var(--red);font-size:13px;cursor:pointer;padding:0}
.summary{background:var(--cream);border-radius:var(--radius);padding:24px;position:sticky;top:96px}
.summary .row{display:flex;justify-content:space-between;margin:8px 0}
.summary .tot{font-size:20px;font-weight:700;border-top:1px solid var(--cream-2);padding-top:12px;margin-top:12px}
.form{display:grid;gap:12px;margin-top:18px}
.form label{font-size:13.5px;font-weight:600;color:var(--green)}
.form input,.form textarea,.form select{width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:10px;font:15px var(--sans);background:#fff}
.form input:focus,.form textarea:focus{outline:2px solid var(--lav);border-color:var(--green)}
.form .r2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.note{font-size:13px;color:var(--muted);background:#fff;border-radius:10px;padding:12px 14px;border:1px dashed var(--cream-2)}
.empty{text-align:center;padding:60px 20px;color:var(--muted)}
.upi{display:none;background:#fff;border:1.5px solid var(--green);border-radius:12px;padding:16px;margin-top:12px}
.upi.show{display:block}
.err{color:var(--red);font-size:13.5px;display:none}
@media (max-width:900px){.cart{grid-template-columns:1fr}.summary{position:static}}

/* text pages */
.page-hero{background:var(--cream);padding:48px 0 32px}
.prose{max-width:780px}
.prose h2{font-size:24px;margin-top:1.6em}
.prose h3{font-size:19px;margin-top:1.3em}
.prose ul{padding-left:20px}
.prose li{margin-bottom:6px}
.faq details{border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin-bottom:12px;background:#fff}
.faq summary{cursor:pointer;font-weight:600;color:var(--green);list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";float:right;font-size:20px;line-height:1}
.faq details[open] summary:after{content:"\2212"}
.faq details p{margin:10px 0 0;color:var(--muted)}
.contact-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.contact-cards div{border:1px solid var(--line);border-radius:var(--radius);padding:20px;background:#fff}

/* footer */
footer.site{background:#15291F;color:#BFD0C6;padding:56px 0 24px;margin-top:40px;font-size:14.5px}
footer.site a{color:#E1EBE5}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
.fgrid h4{color:#fff;font:600 13px var(--sans);letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}
.fgrid ul{list-style:none;padding:0;margin:0}
.fgrid li{margin-bottom:8px}
.fbrand img.wm{height:24px;width:auto;margin:10px 0 14px}
.legal{border-top:1px solid #2A4237;margin-top:36px;padding-top:18px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:#8FA79A}
@media (max-width:900px){.fgrid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.fgrid{grid-template-columns:1fr}}

/* toast */
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(120px);background:var(--green);color:#fff;padding:12px 18px;border-radius:999px;box-shadow:var(--shadow);z-index:120;transition:transform .25s;display:flex;gap:12px;align-items:center;font-size:14.5px}
.toast.show{transform:translateX(-50%) translateY(0)}
.toast a{color:var(--lav);font-weight:600}
.search{flex:1;min-width:220px;max-width:360px;padding:11px 16px;border:1.5px solid var(--line);border-radius:999px;font:15px var(--sans)}
.toolbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:24px}
.toolbar select{padding:10px 14px;border:1.5px solid var(--line);border-radius:999px;font:14px var(--sans);background:#fff}
.count{color:var(--muted);font-size:14px;margin-left:auto}

/* small phones */
@media (max-width:560px){
  .nav{gap:10px;height:64px}
  .logo{gap:7px;min-width:0;flex:1 1 auto}
  .logo img.ic{width:32px;height:32px}
  .logo img.wm{height:auto;width:min(190px,52vw)}
  .cart-mobile{margin-left:0;font-size:14px}
  .burger{margin-left:0;padding:6px}
  .menu{inset:64px 0 auto 0}
  .hero{padding:40px 0 24px}
  .hero p.lead{font-size:17px}
  .fan{height:280px}
  section{padding:44px 0}
  .formats{grid-template-columns:1fr}
  .facts{grid-template-columns:1fr 1.4fr}
}

.careerbox{margin-top:40px;padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--bg-2,#faf8f4)}
.careerbox h2{margin:6px 0 8px}
.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:16px 0}
table.jobs{width:100%;border-collapse:collapse;font-size:14px;min-width:520px}
table.jobs th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted,#666);border-bottom:2px solid var(--line);padding:8px 10px}
table.jobs td{border-bottom:1px solid var(--line);padding:10px;vertical-align:top}
table.jobs td.pay{min-width:128px;font-variant-numeric:tabular-nums}
table.jobs td.pay .nw{white-space:nowrap}
table.jobs td.pay small{display:block;font-size:12px;font-weight:400;color:var(--muted);line-height:1.35;margin-top:2px}
table.jobs td.pay:nth-child(3){font-weight:600;color:var(--green)}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:8px}
.three h3{font-size:16px;margin:0 0 10px}
@media(max-width:820px){.three{grid-template-columns:1fr}.careerbox{padding:18px}}
@media(max-width:640px){
table.jobs{min-width:0}
table.jobs thead{display:none}
table.jobs,table.jobs tbody,table.jobs tr,table.jobs td{display:block;width:100%}
table.jobs tr{border-bottom:1px solid var(--line);padding:10px 0}
table.jobs td{border:0;padding:2px 0}
table.jobs td:nth-child(2){color:var(--muted,#666);font-size:13px}
table.jobs td.pay{display:block;width:100%;min-width:0;font-size:13.5px}
table.jobs td.pay small{display:inline;margin-left:4px}
table.jobs td.pay:nth-child(3)::before{content:"Tier-1: ";font-weight:500;color:var(--muted)}
table.jobs td.pay:nth-child(4)::before{content:"Tier-2: ";font-weight:500;color:var(--muted)}
table.jobs td.pay:nth-child(4){font-weight:600}
}
/* reviews & comments */
.rmini{display:inline-block;margin:2px 0 10px;font-size:14px;font-weight:600;color:var(--gold);text-decoration:none}
.rmini:hover{text-decoration:underline}
.comments{margin-top:44px;padding-top:28px;border-top:1px solid var(--line);scroll-margin-top:90px}
.chead-row h3{margin:0 0 16px}
.csummary{display:grid;grid-template-columns:150px 1fr 220px;gap:24px;align-items:center;background:var(--cream);border-radius:var(--radius);padding:20px 22px}
.cavg{text-align:center}
.cbig{font:700 44px/1 var(--serif);color:var(--green)}
.cstars-big{color:var(--gold);font-size:20px;letter-spacing:2px;margin:6px 0 2px}
.cbars{display:grid;gap:6px}
.cbar{display:grid;grid-template-columns:34px 1fr 28px;gap:10px;align-items:center;font-size:13px;color:var(--muted)}
.cbar i{display:block;height:8px;border-radius:99px;background:#fff;overflow:hidden}
.cbar b{display:block;height:100%;background:var(--gold);border-radius:99px;transition:width .3s}
.cbar em{font-style:normal;text-align:right}
.ccta{text-align:center}
.ccta .btn{margin:3px 2px}
.cfilter{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 6px}
.cfilter button{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:7px 14px;font:500 14px var(--sans);color:var(--ink);cursor:pointer}
.cfilter button.on{background:var(--green);border-color:var(--green);color:#fff}
.cfilter button span{opacity:.75;font-size:12.5px}
.clist{list-style:none;margin:0;padding:0}
.citem{border-bottom:1px solid var(--line);padding:16px 0}
.citem p{margin:6px 0 0;white-space:pre-line;overflow-wrap:anywhere}
.chead{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:14.5px}
.ctag{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:99px}
.ctag.review{background:#FBF1DC;color:#7A5714}
.ctag.comment{background:var(--lav-2);color:#5B3F84}
.cstars{color:var(--gold);letter-spacing:1px}
.cdate{margin-left:auto;font-size:13px;color:var(--muted)}
.creply{margin:10px 0 0 14px;padding:10px 14px;border-left:3px solid var(--green-2);background:var(--green-3);border-radius:0 10px 10px 0;font-size:14.5px}
.creply b{font-size:13px;color:var(--green)}
.crm{margin-top:8px;background:none;border:0;color:var(--red);font-size:13px;cursor:pointer;padding:0}
.cempty{color:var(--muted);padding:18px 0;margin:0}
.cform{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin-top:22px;scroll-margin-top:90px}
.cform h4{margin:0;font:600 19px var(--serif);color:var(--green)}
.ctype{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14.5px}
.ctype label{display:flex;align-items:center;gap:8px;font-weight:500!important;color:var(--ink)!important;cursor:pointer}
.ctype input{width:auto!important}
.cform.is-comment .crate-wrap{display:none}
.cpick{display:inline-flex;flex-direction:row-reverse;gap:2px}
.cpick input{position:absolute;opacity:0;width:1px!important;height:1px;pointer-events:none}
.cpick label{font-size:30px!important;line-height:1;color:#D9D3C4!important;cursor:pointer;padding:0 2px;font-weight:400!important}
.cpick label:hover,.cpick label:hover~label,.cpick input:checked~label{color:var(--gold)!important}
.cpick input:focus-visible+label{outline:2px solid var(--lav);border-radius:4px}
.crate-wrap > label{display:block;margin-bottom:2px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cfoot{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.cfoot p{margin:0;flex:1;min-width:200px}
.cmsg{margin:0;font-size:14px;min-height:1px}
.cmsg.ok{color:var(--green-2);font-weight:600}
.cmsg.bad{color:var(--red)}
@media (max-width:820px){.csummary{grid-template-columns:1fr;gap:16px}.cavg{display:flex;align-items:center;gap:14px;justify-content:center}.cstars-big{margin:0}}
@media (max-width:560px){.cform{padding:16px}.cform .r2{grid-template-columns:1fr}.cdate{margin-left:0;width:100%}}
/* build your base */
.basebox{margin:26px 0 8px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}
.basebox h3{margin:0 0 6px;font:600 21px var(--serif);color:var(--green)}
.basebox > p{margin:0 0 16px;font-size:15px}
.bgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.bcard{background:var(--green-3);border-radius:12px;padding:14px 15px;display:flex;flex-direction:column;gap:4px}
.bcard b{font-size:15px;line-height:1.35;color:var(--ink)}
.bcard p{margin:0;font-size:13.8px;color:var(--muted);line-height:1.45}
.blab,.blab2{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--green-2)}
.blab2{margin-top:8px;color:#7A5714}
.bsteps{list-style:none;counter-reset:bs;margin:18px 0 0;padding:16px 0 0;border-top:1px dashed var(--cream-2);display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.bsteps li{counter-increment:bs;position:relative;padding-left:40px;font-size:14px;color:var(--muted);line-height:1.45}
.bsteps li::before{content:counter(bs);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:var(--green);color:#fff;font:700 14px/28px var(--sans);text-align:center}
.bsteps b{display:block;color:var(--ink);font-size:15px;margin-bottom:2px}
@media (max-width:980px){.bgrid,.bsteps{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.basebox{padding:16px}.bgrid,.bsteps{grid-template-columns:1fr}}
/* offers & discounts */
.price .now{font-weight:700}
.price .was,s.was{color:var(--muted);font-weight:400;font-size:.82em;margin-left:2px}
em.off{font-style:normal;font-size:11.5px;font-weight:700;color:#fff;background:#C0392B;border-radius:99px;padding:2px 7px;margin-left:4px;vertical-align:2px;white-space:nowrap}
.fmt .price em.off{font-size:11px}
.card.on-sale{position:relative}
.card.on-sale::before{content:"Offer";position:absolute;top:10px;left:10px;z-index:3;background:#C0392B;color:#fff;font:700 11px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;padding:5px 9px;border-radius:99px;box-shadow:0 4px 10px rgba(192,57,43,.35)}
.salebar{background:linear-gradient(90deg,#C0392B,#E0663B);color:#fff;text-align:center;font-size:14px;font-weight:600;padding:9px 16px}
.salebar a{color:#fff;text-decoration:underline;margin-left:8px;white-space:nowrap}
.coupon{margin:10px 0 4px;padding:12px;background:#fff;border:1px dashed var(--cream-2);border-radius:10px}
.coupon label{display:block;font-size:13px;font-weight:600;color:var(--green);margin-bottom:6px}
.cprow{display:flex;gap:8px}
.cprow input{flex:1;min-width:0;padding:9px 12px;border:1.5px solid var(--line);border-radius:10px;font:15px var(--sans)}
#cp-msg{margin:6px 0 0}#cp-msg.bad,.small.bad{color:var(--red)}
.savetxt{color:#1E7A46}
.line .right s.was{display:block;font-size:12.5px}
.fmt .price .now{color:var(--ink);font-weight:700;font-size:20px}
.fmt .price{color:var(--ink)}
.fmt .price .was{color:var(--muted)}

.sx-covers.n2 img{width:96px}
/* card price layout with offers */
.card .pr{flex-direction:column;align-items:flex-start;gap:2px}
.card .pr .price{display:flex;align-items:baseline;flex-wrap:nowrap;gap:6px;white-space:nowrap}
.card .pr .price .was{font-size:13px;margin:0}
.card .pr .price em.off{font-size:10.5px;padding:2px 6px;margin:0;vertical-align:0;align-self:center}
.card .pr small{white-space:nowrap;font-size:12.5px}
.card .pr small s{margin-left:3px;opacity:.8}
.card .pr small.pdfp{display:flex;align-items:center;gap:5px}
.card .pr small.pdfp s{margin:0}
.card .pr small.pdfp em.off{font-size:10px;padding:1px 6px;margin:0;vertical-align:0}
.card .pr .price i.fl{font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--green);background:var(--green-3);border-radius:4px;padding:2px 6px;min-width:76px;text-align:center;align-self:center}
.card .pr .price.pdfp i.fl{color:#5B3F84;background:var(--lav-2)}
.card .pr .price.pdfp .now{font-size:.86em}
.card .pr{gap:5px}
/* aligned two-row price table on cards */
.card .pr{display:grid!important;grid-template-columns:max-content max-content max-content max-content;column-gap:7px;row-gap:5px;align-items:center;justify-content:start}
.card .pr .price,.card .pr .price.pdfp{display:contents}
.card .pr .price i.fl{min-width:0;width:100%;box-sizing:border-box}
.card .pr .price .now{font-size:20px;line-height:1.1}
.card .pr .price.pdfp .now{font-size:20px}
.card .pr .price .was{font-size:13px}
.card .pr .price em.off{justify-self:start}
.card .pr{column-gap:5px}
.card .pr .price i.fl{font-size:9.5px;padding:2px 5px;letter-spacing:.04em}
.card .pr .price .now,.card .pr .price.pdfp .now{font-size:18px}
.card .pr .price .was{font-size:12px}
.card .pr .price em.off{font-size:10px;padding:2px 5px}
@media (max-width:1180px) and (min-width:700px){.card .pr .price .now,.card .pr .price.pdfp .now{font-size:16px}.card .pr .price i.fl{font-size:9px;padding:2px 4px}.card .pr{column-gap:4px}}
.card{container-type:inline-size}
@container (max-width:250px){.card .pr .price .now,.card .pr .price.pdfp .now{font-size:15px}.card .pr .price .was{font-size:11px}.card .pr .price i.fl{font-size:8.5px;padding:2px 4px}.card .pr .price em.off{font-size:9.5px;padding:1px 4px}.card .pr{column-gap:4px}}
@container (max-width:225px){.card .pr .price .was{display:none}}
@container (max-width:225px){.card .pr{column-gap:3px}.card .pr .price i.fl{padding:2px 3px}}
@container (max-width:225px){.card .pr{grid-template-columns:max-content max-content max-content}}

/* ---- why readers choose us (feature cards) ---- */
.feat2{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.fcard{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 22px 22px;overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;flex-direction:column}
.fcard:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--c)}
.fcard:after{content:"";position:absolute;right:-40px;bottom:-40px;width:130px;height:130px;border-radius:50%;background:var(--t);z-index:0;transition:transform .25s}
.fcard>*{position:relative;z-index:1}
.fcard:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent}
.fcard:hover:after{transform:scale(1.25)}
.fic{width:52px;height:52px;border-radius:14px;background:var(--t);color:var(--c);display:grid;place-items:center;margin-bottom:16px}
.fic svg{width:26px;height:26px}
.fcard h3{margin:0 0 8px;font-size:20px}
.fcard p{color:var(--muted);font-size:14.5px;line-height:1.55;margin:0 0 16px;flex:1}
.ftag{align-self:flex-start;font:600 12px/1 var(--sans);letter-spacing:.04em;color:var(--c);background:#fff;border:1.5px solid var(--c);border-radius:999px;padding:6px 10px}
@media (max-width:900px){.feat2{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.feat2{grid-template-columns:1fr}}

/* ---- employment journey ---- */
.journey{background:var(--green);color:#fff;position:relative;overflow:hidden}
.journey:before{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 90% 0%,rgba(203,179,232,.18),transparent 70%),radial-gradient(500px 260px at 0% 100%,rgba(184,134,43,.16),transparent 70%);pointer-events:none}
.journey .wrap{position:relative}
.journey h2{color:#fff}
.journey .eyebrow{color:var(--lav)}
.jbtn{background:var(--lav);border-color:var(--lav);color:var(--green)}
.jbtn:hover{background:#fff;border-color:#fff}
.jsteps{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;position:relative}
.jsteps:before{content:"";position:absolute;left:12%;right:12%;top:38px;border-top:2px dashed rgba(255,255,255,.35)}
.jstep{position:relative;text-align:center;padding:0 6px}
.jnode{position:relative;width:76px;height:76px;margin:0 auto 18px;border-radius:50%;background:#fff;color:var(--green);display:grid;place-items:center;box-shadow:0 0 0 8px rgba(255,255,255,.08);transition:transform .2s}
.jstep:hover .jnode{transform:scale(1.08)}
.jic svg{width:32px;height:32px}
.jnum{position:absolute;top:-6px;right:-10px;background:var(--lav);color:var(--green);font:700 12px/1 var(--sans);padding:6px 7px;border-radius:999px;border:2px solid var(--green)}
.jstep.alt .jnode{background:var(--gold);color:#fff}
.jstep.alt .jnum{background:#fff}
.jstep h3{color:#fff;margin:0 0 6px;font-size:20px}
.jstep p{color:rgba(255,255,255,.78);font-size:14.5px;line-height:1.55;margin:0 auto;max-width:240px}
@media (max-width:900px){.jsteps{grid-template-columns:1fr 1fr;row-gap:34px}.jsteps:before{display:none}}
@media (max-width:560px){.jsteps{grid-template-columns:1fr;gap:0}
 .jstep{display:grid;grid-template-columns:64px 1fr;column-gap:16px;text-align:left;padding:0 0 26px}
 .jstep:not(:last-child):before{content:"";position:absolute;left:31px;top:64px;bottom:0;border-left:2px dashed rgba(255,255,255,.35)}
 .jnode{width:64px;height:64px;margin:0;grid-row:span 2}.jic svg{width:28px;height:28px}
 .jstep h3{align-self:end}.jstep p{margin:0;max-width:none}}
@media (max-width:560px){.jsteps{margin-top:28px}.jnum{right:-6px}}
.jnum{width:28px;height:28px;padding:0;display:grid;place-items:center;font-size:14px;right:-8px;top:-4px}
.jnote{margin:34px auto 0;max-width:760px;text-align:center;color:rgba(255,255,255,.72);font-size:13.5px;border-top:1px solid rgba(255,255,255,.15);padding-top:16px}
.feat>div{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.feat .ico{border:0;padding:0;color:var(--green);font-weight:700}

/* ---- magnifying glass ---- */
.gallery .main{position:relative}
.zoomwrap{position:relative;display:inline-block;line-height:0}
.lens{position:absolute;width:190px;height:190px;border-radius:50%;pointer-events:none;opacity:0;transition:opacity .15s;
 border:3px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.12),0 12px 30px rgba(20,30,25,.35),inset 0 0 18px rgba(0,0,0,.12);background-repeat:no-repeat;background-color:#fff;z-index:3}
.zoomhint{position:absolute;right:14px;bottom:14px;display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.92);color:var(--green);
 font:600 12.5px/1 var(--sans);padding:8px 11px;border-radius:999px;box-shadow:0 2px 10px rgba(20,30,25,.12);transition:opacity .2s;pointer-events:none}
.lb img{max-width:96vw;max-height:92vh;touch-action:pinch-zoom}
@media (max-width:560px){.lens{display:none}}

/* ======================================================================
   WordPress + WooCommerce integration
   ====================================================================== */
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.menu .current-menu-item>a,.menu a.active{color:var(--green)}
.cs-notices{padding-top:18px}
.woocommerce-message,.woocommerce-info,.woocommerce-error,.wc-block-components-notice-banner{border-radius:12px!important;border:1px solid var(--line)!important;border-top:3px solid var(--green)!important;background:var(--green-3)!important;color:var(--ink)!important;font:15px/1.5 var(--sans)!important;padding:14px 18px 14px 46px!important;margin:0 0 16px!important;list-style:none}
.woocommerce-error{border-top-color:var(--red)!important;background:#FCE9E7!important}
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{top:14px!important;left:16px!important;color:var(--green)!important}
.woocommerce-message .button,.woocommerce-info .button{float:right;margin-left:12px}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.wp-element-button,.wc-block-components-button:not(.is-link){background:var(--green)!important;color:#fff!important;border-radius:999px!important;font:600 15px var(--sans)!important;padding:12px 22px!important;border:0!important;text-decoration:none!important}
.woocommerce a.button:hover,.woocommerce button.button:hover,.wp-element-button:hover,.wc-block-components-button:not(.is-link):hover{background:var(--green-2)!important}
.woocommerce a.button.alt,.woocommerce button.button.alt{background:var(--green)!important}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.woocommerce-cart table.cart td.actions .coupon .input-text,.select2-container .select2-selection--single{border:1.5px solid var(--line)!important;border-radius:10px!important;padding:11px 14px!important;font:15px var(--sans)!important;min-height:46px;background:#fff}
.woocommerce form .form-row label{font-weight:600;color:var(--green)}
.woocommerce table.shop_table{border:1px solid var(--line)!important;border-radius:var(--radius)!important;border-collapse:separate!important;overflow:hidden;background:#fff}
.woocommerce table.shop_table th{background:var(--cream);color:var(--green);font-weight:600}
.woocommerce table.shop_table td,.woocommerce table.shop_table th{padding:14px 16px!important;border-color:var(--line)!important}
.woocommerce-price-suffix{font-size:.72em;color:var(--muted);font-weight:500}
.woocommerce .star-rating span::before,.woocommerce p.stars a{color:var(--gold)}
.shopwrap{max-width:1180px}
.page-body{padding-top:36px}
.wc-block-cart,.wc-block-checkout{font-family:var(--sans)}
.wc-block-components-totals-item__label,.wc-block-components-product-name{font-family:var(--sans)}
.wc-block-components-product-name{color:var(--green)!important;font-weight:600}
.wp-block-woocommerce-cart .wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button{min-height:52px}
/* my account */
.woocommerce-account .woocommerce{display:grid;grid-template-columns:220px 1fr;gap:36px}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.woocommerce-MyAccount-navigation li a{display:block;padding:12px 16px;border-bottom:1px solid var(--line);color:var(--ink)}
.woocommerce-MyAccount-navigation li.is-active a{background:var(--green-3);color:var(--green);font-weight:600}
@media (max-width:760px){.woocommerce-account .woocommerce{grid-template-columns:1fr}}
.woocommerce-account .woocommerce>.woocommerce-notices-wrapper,.woocommerce-account .woocommerce>h2,.woocommerce-account .woocommerce>form,.woocommerce-account .woocommerce>.u-columns{grid-column:1/-1}
/* shop toolbar */
.shop-search{flex:1;min-width:220px;max-width:420px}
.shop-search .search{width:100%}
.woocommerce-ordering{margin:0}
.woocommerce-ordering select{padding:10px 14px;border:1.5px solid var(--line);border-radius:999px;font:14px var(--sans);background:#fff}
a.chip{text-decoration:none!important;display:inline-block}
.card .act a.btn{text-align:center}
.card .cv img{height:auto}
.woocommerce-pagination{margin-top:28px}
/* single product */
.cs-buy .formats.one{grid-template-columns:1fr}
.prod .info .star-rating{display:inline-block;vertical-align:middle;margin-right:6px}
.rmini{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--muted);margin-bottom:10px}
.cs-reviews{margin-top:44px;border-top:1px solid var(--line);padding-top:32px}
.cs-reviews #reviews h2,.cs-reviews .woocommerce-Reviews-title{font-size:24px}
.cs-reviews ol.commentlist{list-style:none;padding:0}
.cs-reviews ol.commentlist li{border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin-bottom:12px;background:#fff}
.cs-reviews ol.commentlist li img.avatar{display:none}
.cs-reviews .comment-text{margin:0!important;border:0!important;padding:0!important}
.cs-reviews #review_form_wrapper{background:var(--cream);border-radius:var(--radius);padding:22px;margin-top:18px}
.cs-reviews textarea,.cs-reviews input[type=text],.cs-reviews input[type=email]{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:11px 14px;font:15px var(--sans)}
.woocommerce div.product form.cart{margin:0}
.thumbs button img{width:100%;aspect-ratio:170/240;object-fit:cover}
.gallery .main img{height:auto}
.fan img{height:auto}
/* magnifying glass */
.gallery .main{position:relative}
.zoomwrap{position:relative;display:inline-block;line-height:0}
.lens{position:absolute;width:190px;height:190px;border-radius:50%;pointer-events:none;opacity:0;transition:opacity .15s;border:3px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.12),0 12px 30px rgba(20,30,25,.35),inset 0 0 18px rgba(0,0,0,.12);background-repeat:no-repeat;background-color:#fff;z-index:3}
.zoomhint{position:absolute;right:14px;bottom:14px;display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.92);color:var(--green);font:600 12.5px/1 var(--sans);padding:8px 11px;border-radius:999px;box-shadow:0 2px 10px rgba(20,30,25,.12);transition:opacity .2s;pointer-events:none}
@media (max-width:560px){.lens{display:none}}
/* block editor content */
.prose .wp-block-image img{border-radius:8px}
.alignwide{max-width:1180px}
.alignfull{width:100vw;margin-left:calc(50% - 50vw)}