/* =====================================================================
   DLT Kids: Christmas look. Only christmas.html uses this file.
   Deep berry red, gold shimmer, twinkling glitter, a gingham ribbon.
   Calm mode and "reduce motion" switch all the movement off.
   ===================================================================== */
body.p-xmas{
  margin:0;
  --xm-night:#1C0706; --xm-deep:#2A0B0A; --xm-red:#4A1412; --xm-berry:#6B1C19; --xm-cream:#F3E3CC; --xm-soft:#E6CDB8;
  --mist:var(--xm-soft); --line:rgba(232,200,136,.28);
  background:
    radial-gradient(ellipse 80% 45% at 50% 0%,rgba(255,180,90,.16),transparent 70%),
    radial-gradient(ellipse 60% 40% at 15% 100%,rgba(140,30,25,.35),transparent 70%),
    repeating-linear-gradient(90deg,rgba(0,0,0,.12) 0 2px,transparent 2px 104px),
    linear-gradient(180deg,#4A1412 0%,#3A0F0E 45%,#2A0B0A 100%);
  background-attachment:fixed;
}
html:has(body.p-xmas){background:var(--xm-night,#1C0706);scrollbar-color:#6B1C19 #1C0706}

/* nav and footer, warmed to match */
body.p-xmas nav.dnav{background:rgba(34,8,7,.88)}
@media(max-width:900px){body.p-xmas nav.dnav .n-links.mnav-open{background:rgba(34,8,7,.97)}}
body.p-xmas footer.dfoot{background:linear-gradient(180deg,#2A0B0A 0%,#170504 100%)}
body.p-xmas footer.dfoot .dfoot-moon::after{background:#210807}
body.p-xmas footer.dfoot .f-cr{color:#C9A99A}
body.p-xmas .dltc-fab{background:linear-gradient(160deg,#7A221E,#561613)}
body.p-xmas .dltc-fab:hover{background:linear-gradient(160deg,#8C2A25,#64201C)}
body.p-xmas .dltc-panel{background:#2A0B0A}

/* keep the page above the glitter */
body.p-xmas .sh-main{position:relative;z-index:2}

/* ---------- heading: shimmering gold ---------- */
body.p-xmas .sh-kick{color:var(--honey)}
body.p-xmas .sh-head h1,body.p-xmas .ty-head h1{
  background:linear-gradient(100deg,#E8C888 0%,#E8C888 38%,#FFF8DC 48%,#F7DE6B 52%,#E8C888 62%,#E8C888 100%);
  background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 2px 14px rgba(242,196,90,.28));
  animation:xmShine 5s ease-in-out infinite;
}
@keyframes xmShine{0%{background-position:100% 0}55%,100%{background-position:0 0}}

/* gingham ribbon, like Prickly's scarf */
.xm-ribbon{position:relative;width:min(340px,70%);height:14px;margin:22px auto 0;border-radius:3px;
  background:
    repeating-linear-gradient(90deg,rgba(176,32,38,.72) 0 7px,transparent 7px 14px),
    repeating-linear-gradient(0deg,rgba(176,32,38,.72) 0 7px,transparent 7px 14px),
    #F3E3CC;
  box-shadow:0 4px 14px rgba(0,0,0,.35)}
.xm-ribbon::before,.xm-ribbon::after{content:'';position:absolute;top:50%;width:34px;height:28px;margin-top:-14px;
  background:inherit;box-shadow:inherit}
.xm-ribbon::before{left:50%;margin-left:-36px;clip-path:polygon(100% 50%,0 0,8% 50%,0 100%);border-radius:4px}
.xm-ribbon::after{left:50%;margin-left:2px;clip-path:polygon(0 50%,100% 0,92% 50%,100% 100%);border-radius:4px}
.xm-knot{position:absolute;left:50%;top:50%;width:14px;height:20px;margin:-10px 0 0 -7px;border-radius:4px;background:#B02026;box-shadow:0 2px 6px rgba(0,0,0,.4);z-index:1}

/* ---------- section titles ---------- */
body.p-xmas .sh-designs h2,body.p-xmas .sh-tiles h2,body.p-xmas .sh-letters h2{color:#FFF1D6;text-shadow:0 0 18px rgba(242,196,90,.25)}

/* ---------- pictures: gold frames that catch the light ---------- */
body.p-xmas .sh-fig a{position:relative;border:2px solid rgba(232,200,136,.7);
  box-shadow:0 18px 44px rgba(0,0,0,.55),0 0 0 6px rgba(74,20,18,.9),0 0 0 7px rgba(232,200,136,.35),0 0 34px rgba(242,196,90,.14)}
body.p-xmas .sh-fig a::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,transparent 35%,rgba(255,248,220,.28) 50%,transparent 65%);
  background-size:300% 100%;background-position:120% 0;animation:xmGlass 7s ease-in-out infinite}
body.p-xmas .sh-figs .sh-fig:nth-child(2) a::after{animation-delay:2.3s}
body.p-xmas .sh-figs .sh-fig:nth-child(3) a::after{animation-delay:4.6s}
@keyframes xmGlass{0%,60%{background-position:120% 0}85%,100%{background-position:-20% 0}}
body.p-xmas .sh-fig figcaption{color:#F7DE6B;text-shadow:0 0 14px rgba(247,222,107,.35)}

/* ---------- product tiles ---------- */
body.p-xmas .sh-tile{background:linear-gradient(170deg,rgba(107,28,25,.55),rgba(42,11,10,.75));border:1px solid rgba(232,200,136,.32);
  box-shadow:0 14px 34px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,240,200,.08)}
body.p-xmas .sh-best{border:0;background:
    linear-gradient(170deg,#6B1C19,#3A0F0E) padding-box,
    linear-gradient(120deg,#C9963C,#FFF4C2,#E8C888,#C9963C,#F7DE6B,#C9963C) border-box;
  border:2px solid transparent;background-size:100% 100%,300% 300%;animation:xmBorder 6s linear infinite;
  box-shadow:0 0 40px rgba(242,196,90,.18),0 14px 34px rgba(0,0,0,.45)}
@keyframes xmBorder{0%{background-position:0 0,0% 50%}100%{background-position:0 0,300% 50%}}
body.p-xmas .sh-price{color:#F7DE6B;text-shadow:0 0 18px rgba(247,222,107,.3)}

/* buttons: a little glint runs across now and then */
body.p-xmas .sh-btn{position:relative;overflow:hidden}
body.p-xmas .sh-btn::after{content:'';position:absolute;top:0;bottom:0;left:-60%;width:45%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);
  animation:xmGlint 6s ease-in-out infinite}
body.p-xmas .sh-picks .sh-btn:nth-child(2)::after{animation-delay:.35s}
body.p-xmas .sh-tile:nth-child(2) .sh-btn::after{animation-delay:1.2s}
body.p-xmas .sh-tile:nth-child(3) .sh-btn::after{animation-delay:2.4s}
body.p-xmas .sh-tile:nth-child(2) .sh-picks .sh-btn:nth-child(2)::after{animation-delay:1.55s}
body.p-xmas .sh-tile:nth-child(3) .sh-picks .sh-btn:nth-child(2)::after{animation-delay:2.75s}
body.p-xmas .sh-ghost::after{display:none}
@keyframes xmGlint{0%,70%{left:-60%}88%,100%{left:130%}}

/* ---------- Christmas letters panel ---------- */
body.p-xmas .sh-letters{position:relative;background:linear-gradient(165deg,#5A1816,#2E0B0A);border:1px solid rgba(232,200,136,.45);
  box-shadow:0 0 44px rgba(242,196,90,.12),0 16px 40px rgba(0,0,0,.45)}
body.p-xmas .sh-help{color:var(--xm-soft)}

/* ---------- glitter ---------- */
.xm-glitter{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.xm-glint{position:absolute;width:var(--s);height:var(--s);opacity:0;
  background:radial-gradient(circle,#FFFBE6 0 18%,var(--c) 40%,transparent 70%);
  clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);
  filter:drop-shadow(0 0 4px rgba(255,220,120,.9));
  animation:xmTwinkle var(--d) ease-in-out var(--w) infinite}
.xm-dust{position:absolute;width:3px;height:3px;border-radius:50%;background:#FFE9A8;opacity:0;
  box-shadow:0 0 6px 1px rgba(255,214,110,.8);animation:xmDust var(--d) ease-in-out var(--w) infinite}
@keyframes xmTwinkle{0%,100%{opacity:0;transform:scale(.3) rotate(0deg)}45%{opacity:1;transform:scale(1) rotate(45deg)}60%{opacity:.9;transform:scale(.85) rotate(60deg)}}
@keyframes xmDust{0%,100%{opacity:0}50%{opacity:.85}}

/* switch the movement off for calm mode and reduced motion */
html.calm .xm-glitter{display:none!important}
@media(prefers-reduced-motion:reduce){
  .xm-glitter{display:none}
  body.p-xmas .sh-head h1,body.p-xmas .ty-head h1,body.p-xmas .sh-fig a::after,body.p-xmas .sh-btn::after,body.p-xmas .sh-best{animation:none}
  body.p-xmas .sh-head h1,body.p-xmas .ty-head h1{background-position:50% 0}
}

/* thank-you page, when the order is a Christmas one */
body.p-xmas .ty-main{position:relative;z-index:2}
body.p-xmas .ty-kick{color:var(--honey)}
body.p-xmas .ty-card{background:linear-gradient(170deg,rgba(107,28,25,.55),rgba(42,11,10,.75))}

/* ---------- "How the cards look" photos ---------- */
.sh-photos{margin-top:56px}
.sh-photos h2{font-family:var(--display);font-style:italic;font-weight:400;font-size:clamp(26px,4vw,34px);color:#FFF1D6;margin:0 0 18px;text-align:center;text-shadow:0 0 18px rgba(242,196,90,.25)}
.sh-photo-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px;align-items:end;max-width:820px;margin:0 auto}
@media(max-width:620px){.sh-photo-row{grid-template-columns:1fr;max-width:380px}}
.sh-photo{margin:0}
.sh-photo img{display:block;width:100%;height:auto;border-radius:14px;border:2px solid rgba(232,200,136,.6);box-shadow:0 18px 44px rgba(0,0,0,.5)}
.sh-photo figcaption{margin-top:10px;text-align:center;font-family:var(--hand);font-size:24px;color:#F7DE6B}

/* ---------- last orders box ---------- */
.sh-dates{max-width:560px;margin:34px auto 0;padding:22px 26px 20px;text-align:center;border:1px dashed rgba(232,200,136,.55);border-radius:18px;background:rgba(28,7,6,.45)}
.sh-dates h3{margin:0 0 12px;font-family:var(--display);font-weight:400;font-size:24px;color:#FFF1D6}
.sh-dates ul{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:6px}
.sh-dates li{font-family:var(--sans);font-size:15px;color:#FFF6DC}
.sh-dates li span{display:inline-block;min-width:170px;margin-right:8px;text-align:right;color:var(--gold)}
@media(max-width:480px){.sh-dates li span{display:block;min-width:0;margin:0;text-align:center;font-size:13px}}
.sh-dates p{margin:0;font-family:var(--sans);font-size:13.5px;line-height:1.6;color:var(--xm-soft,#E6CDB8)}

/* ---------- home page: the Christmas banner ---------- */
.xm-bar{position:relative;display:flex;align-items:center;justify-content:center;padding:10px 48px;text-align:center;overflow:hidden;
  background:linear-gradient(90deg,#3A0F0E,#6B1C19 50%,#3A0F0E);border-bottom:1px solid rgba(232,200,136,.35)}
.xm-bar::before{content:'';position:absolute;left:0;right:0;top:0;height:4px;
  background:repeating-linear-gradient(90deg,#B02026 0 6px,#F3E3CC 6px 12px);opacity:.85}
.xm-bar::after{content:'';position:absolute;top:0;bottom:0;left:-40%;width:30%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,240,200,.18),transparent);transform:skewX(-20deg);animation:xmBarShine 7s ease-in-out infinite}
@keyframes xmBarShine{0%,65%{left:-40%}90%,100%{left:120%}}
.xm-bar a{position:relative;z-index:1;font-family:var(--sans);font-size:14px;letter-spacing:.3px;color:#FFF6DC;text-decoration:none}
.xm-bar a strong{font-weight:600;color:#F7DE6B}
.xm-bar a:hover{text-decoration:underline;text-underline-offset:4px}
.xm-bar .season-x{z-index:2}

/* ---------- home page: the little pumpkin by the fire (October only) ---------- */
.hx-pumpkin{position:absolute;z-index:3;right:2%;bottom:3.2%;width:15%;min-width:62px;display:flex;flex-direction:column;align-items:center;text-decoration:none;
  filter:drop-shadow(0 6px 8px rgba(0,0,0,.45));animation:hxPumpBob 3.4s ease-in-out infinite}
.hx-pumpkin svg{display:block;width:100%;height:auto;overflow:visible}
.hx-pumpkin .hx-pump-glow{animation:hxPumpGlow 2.6s ease-in-out infinite}
.hx-pumpkin-tag{order:-1;margin-bottom:2px;padding:2px 10px 3px;border-radius:999px;white-space:nowrap;
  background:#2A1408;border:1px solid rgba(242,196,90,.6);font-family:var(--hand);font-size:clamp(16px,1.8vw,21px);line-height:1.1;color:#F7DE6B;transform:rotate(-6deg)}
.hx-pumpkin:hover{animation-play-state:paused;transform:translateY(-4px) scale(1.06)}
.hx-pumpkin:focus-visible{outline:2px solid #F7DE6B;outline-offset:4px;border-radius:12px}
@keyframes hxPumpBob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-3px) rotate(2deg)}}
@keyframes hxPumpGlow{0%,100%{opacity:.35}50%{opacity:.8}}

/* ---------- home page: Christmas with Prickly section, in red ---------- */
.xmas.xm-home{background:
    radial-gradient(ellipse 70% 50% at 50% 0%,rgba(255,180,90,.12),transparent 70%),
    linear-gradient(180deg,#4A1412 0%,#2A0B0A 100%)}
.xm-home .xmas-grid{z-index:2}
.xm-home .xmas-img img{border:2px solid rgba(232,200,136,.65);border-radius:10px;box-shadow:0 18px 44px rgba(0,0,0,.5),0 0 0 6px rgba(74,20,18,.9),0 0 0 7px rgba(232,200,136,.3)}
.xm-home .xmas-card{position:relative;border-radius:14px;
  background:linear-gradient(170deg,#6B1C19,#3A0F0E) padding-box,
    linear-gradient(120deg,#C9963C,#FFF4C2,#E8C888,#C9963C,#F7DE6B,#C9963C) border-box;
  border:2px solid transparent;background-size:100% 100%,300% 300%;animation:xmBorder 6s linear infinite;
  box-shadow:0 0 40px rgba(242,196,90,.16),0 16px 40px rgba(0,0,0,.45)}
.xm-home .xmas-card h2{background:linear-gradient(100deg,#F4E2B8 0%,#F4E2B8 38%,#FFF8DC 48%,#F7DE6B 52%,#F4E2B8 62%,#F4E2B8 100%);
  background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:xmShine 5s ease-in-out infinite}
.xm-home .xmas-btn{position:relative;overflow:hidden;background:linear-gradient(160deg,#F7DE6B,#EFC53C);color:#3F3208;border-radius:999px;padding:12px 26px}
.xm-home .xmas-btn::after{content:'';position:absolute;top:0;bottom:0;left:-60%;width:45%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:xmGlint 6s ease-in-out infinite}
.xm-home .xmas-more{color:#F7DE6B;border-color:rgba(247,222,107,.6)}
.xm-local{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}

@media(prefers-reduced-motion:reduce){
  .xm-bar::after,.hx-pumpkin,.hx-pumpkin .hx-pump-glow,.xm-home .xmas-card,.xm-home .xmas-card h2,.xm-home .xmas-btn::after{animation:none}
  .xm-local{display:none}
}
html.calm .xm-local{display:none!important}
.hx-pumpkin[hidden]{display:none}
.xm-home .xmas-btn,.xm-home .xmas-more{vertical-align:middle;margin-top:4px;margin-bottom:22px}
.xm-home .xmas-more{margin-left:12px}
@media(max-width:600px){.xm-bar-more{display:none}}

/* ---------- Christmas takeover: fireplace, present, sleeps sign ---------- */
.hx-xmas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}
.hx-present .hx-pumpkin-tag{background:#4A1412;border-color:rgba(242,196,90,.75)}
.hx-sleeps{position:absolute;z-index:3;right:-3%;top:41%;max-width:24%;padding:5px 10px 6px;border-radius:8px;text-align:center;
  background:linear-gradient(180deg,#6b4327,#4e2f1b);border:2px solid #9a6a40;box-shadow:0 6px 12px rgba(0,0,0,.35);transform:rotate(4deg);color:#F7F0DE;line-height:1}
.hx-sleeps::before,.hx-sleeps::after{content:'';position:absolute;top:-14px;width:2px;height:14px;background:#C9A54A}
.hx-sleeps::before{left:18%}.hx-sleeps::after{right:18%}
.hx-sleeps b{display:block;font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:clamp(20px,2.6vw,28px);color:#F7DE6B}
.hx-sleeps span{display:block;font-family:'Caveat',cursive;font-size:clamp(14px,1.6vw,18px)}


/* posting countdown + more Christmas strip */
.sh-count{margin:-4px 0 12px;font-weight:600;color:#F7DE6B;font-size:15px}
.sh-count a{color:#F7DE6B}
.sh-more{margin:46px auto 0;max-width:1000px}
.sh-more h2{text-align:center;font-family:var(--display,'DM Serif Display',Georgia,serif);font-style:italic;font-weight:400;font-size:clamp(26px,4vw,34px);color:#FFF1D6;margin:0 0 16px}
.sh-more-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.sh-more-grid a{display:block;padding:16px;border-radius:16px;text-decoration:none;background:linear-gradient(170deg,rgba(107,28,25,.55),rgba(42,11,10,.75));border:1px solid rgba(232,200,136,.32);transition:transform .2s}
.sh-more-grid a:hover{transform:translateY(-3px)}
.sh-more-grid b{display:block;font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:20px;color:#F7DE6B;margin-bottom:4px}
.sh-more-grid span{display:block;font-size:14px;line-height:1.45;color:#F3E3CC}
@media(max-width:820px){.sh-more-grid{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.sh-more-grid{grid-template-columns:1fr}}

/* ---------- Christmas sparkle: home hero ---------- */
.hx-xmas .xm-bulb{transition:filter .4s,opacity .4s;opacity:.65}
.hx-xmas.lit .xm-bulb{opacity:1;filter:drop-shadow(0 0 5px currentColor) brightness(1.35);animation:xmBulb 1.6s ease-in-out infinite}
.hx-xmas.lit .xm-tstar{filter:drop-shadow(0 0 10px #FFE58A) drop-shadow(0 0 18px #FFD24A);animation:xmStar 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes xmBulb{0%,100%{opacity:1}50%{opacity:.55}}
@keyframes xmStar{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
.xm-treebtn{position:absolute;z-index:4;left:88.5%;top:57.5%;width:9%;aspect-ratio:1;border:0;border-radius:50%;background:transparent;cursor:pointer}
.xm-treebtn:focus-visible{outline:2px solid #F7DE6B;outline-offset:2px}
.xm-treebtn::after{content:'';position:absolute;inset:-6px;border-radius:50%;border:2px dashed rgba(247,222,107,.65);animation:xmHint 2.4s ease-in-out infinite}
.xm-treebtn[aria-pressed="true"]::after{display:none}
@keyframes xmHint{0%,100%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}
.xm-spark{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px;border-radius:50%;background:#FFE58A;box-shadow:0 0 8px #FFD24A;animation:xmSpark .9s ease-out forwards}
@keyframes xmSpark{to{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}
@media(prefers-reduced-motion:reduce){.hx-xmas.lit .xm-bulb,.hx-xmas.lit .xm-tstar,.xm-treebtn::after{animation:none}}

/* stockings sway, tree twinkles softly */
.hx-xmas .xm-sway{transform-box:fill-box;transform-origin:50% 0;animation:xmSway 3.4s ease-in-out infinite}
@keyframes xmSway{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
.hx-xmas:not(.lit) .xm-bulb{animation:xmIdle 2.8s ease-in-out infinite}
@keyframes xmIdle{0%,100%{opacity:.55}50%{opacity:.95}}
@media(prefers-reduced-motion:reduce){.hx-xmas .xm-sway,.hx-xmas:not(.lit) .xm-bulb{animation:none}}
html.calm .hx-xmas .xm-sway,html.calm .hx-xmas .xm-bulb{animation:none}

/* home page: link after lighting the tree, and the Christmas fun strip */
.xm-treelink{position:absolute;z-index:5;left:50%;bottom:3%;transform:translateX(-50%);padding:8px 14px;border-radius:999px;white-space:nowrap;text-decoration:none;
  background:linear-gradient(160deg,#F7DE6B,#EFC53C);color:#3F3208;font-family:'Outfit',sans-serif;font-weight:700;font-size:clamp(12px,1.25vw,15px);
  box-shadow:0 8px 20px rgba(0,0,0,.4),0 0 16px rgba(247,222,107,.45);animation:xmLinkIn .5s ease-out}
.xm-treelink:hover{transform:translateX(-50%) translateY(-2px)}
@keyframes xmLinkIn{from{opacity:0;transform:translateX(-50%) translateY(8px) scale(.9)}to{opacity:1;transform:translateX(-50%)}}
.xm-fun{max-width:1120px;margin:0 auto;padding:56px 20px 30px;text-align:center}
.xm-fun h2{font-family:'DM Serif Display',Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(28px,4vw,40px);color:#FFF1D6;margin:0 0 22px;text-shadow:0 0 18px rgba(242,196,90,.25)}
.xm-fun-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.xm-fun-grid a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 18px;border-radius:20px;text-decoration:none;
  background:linear-gradient(170deg,rgba(107,28,25,.6),rgba(42,11,10,.8));border:1px solid rgba(232,200,136,.4);box-shadow:0 14px 34px rgba(0,0,0,.35);transition:transform .2s,box-shadow .2s}
.xm-fun-grid a:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.45),0 0 24px rgba(247,222,107,.18)}
.xm-fun-ic svg{width:64px;height:64px;display:block}
.xm-fun-grid b{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:22px;color:#F7DE6B}
.xm-fun-grid span:not(.xm-fun-ic){color:#F3E3CC;font-size:15px;line-height:1.5}
@media(max-width:760px){.xm-fun-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.xm-treelink{animation:none}}