/* 防騙有法度｜宗教詐騙防範網站 共用樣式 */
:root{
  /* 全站深色（2026-08-27 起）：紫夜＋金光（童話繪本風），與七罪小劇場同一個宇宙 */
  --bg:#0A0820; --surface:#16132F; --surface-2:#201C42;
  --ink:#EFEBFF; --ink-soft:#B6AFD6; --ink-faint:#867FAD;
  --gold:#D89A4A; --gold-soft:#33294E; --line:#322C58;
  --red:#F2839B; --red-soft:#3B2244; --green:#8CC9A9;
  --shadow:0 1px 2px rgba(4,2,18,.4),0 10px 26px rgba(4,2,18,.45);
  --radius:14px;
}
/* 淺色（右上角按鈕切換；選擇存在瀏覽器 localStorage 的 jz_theme） */
:root[data-theme="light"]{
  --bg:#F7F5FE; --surface:#FFFFFF; --surface-2:#EFECFA;
  --ink:#27224A; --ink-soft:#5A5480; --ink-faint:#8B85AE;
  --gold:#B8872E; --gold-soft:#F5E9CC; --line:#E1DCF0;
  --red:#C13B5E; --red-soft:#F9E1EA; --green:#3F7A5C;
  --shadow:0 1px 2px rgba(39,34,74,.05),0 8px 24px rgba(39,34,74,.07);
}

/* 全站背景粒子（由 app.js 注入，畫在內容底下） */
#ash{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.85}
html[data-theme="light"]:not(.stage-root) #ash{display:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html{background:var(--bg)}
body{
  margin:0;background:transparent;color:var(--ink);
  font-family:"PingFang TC","Noto Sans TC","Microsoft JhengHei",-apple-system,BlinkMacSystemFont,sans-serif;
  line-height:1.75;font-size:16px;-webkit-font-smoothing:antialiased;
}
.wrap{max-width:1100px;margin:0 auto;padding:0 1.25rem}
.narrow{max-width:760px}
a{color:var(--gold);text-underline-offset:3px}
h1,h2,h3{line-height:1.35;text-wrap:balance;margin:0 0 .6rem}
h1{font-size:clamp(1.8rem,4.5vw,2.6rem)}
h2{font-size:clamp(1.3rem,3vw,1.75rem);margin-top:2.5rem}
h3{font-size:1.1rem;margin-top:1.6rem}
p{margin:0 0 1rem}
/* nav */
nav.top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 92%,transparent);
  backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
nav.top .wrap{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;padding-top:.6rem;padding-bottom:.6rem}
.brand{font-weight:800;margin-right:auto;text-decoration:none;color:var(--ink);letter-spacing:.02em}
.brand span{color:var(--gold)}
nav.top a.nl{font-size:.88rem;color:var(--ink-soft);text-decoration:none;padding:.35rem .7rem;border-radius:999px;white-space:nowrap}
nav.top a.nl:hover{background:var(--surface-2);color:var(--ink)}
nav.top a.nl[aria-current="page"]{background:var(--gold-soft);color:var(--gold);font-weight:700}
.tbtn{width:34px;height:34px;flex:0 0 34px;border-radius:999px;border:1px solid var(--line);
  background:var(--surface);color:var(--ink-soft);cursor:pointer;font-size:1.02rem;line-height:1;
  display:inline-flex;align-items:center;justify-content:center;padding:0;font-family:inherit}
.tbtn:hover{border-color:var(--gold);color:var(--gold)}
/* hero + sections */
header.hero{padding:3.5rem 0 2.5rem;border-bottom:1px solid var(--line)}
.eyebrow{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:700;margin:0 0 .8rem}
.lede{font-size:1.08rem;color:var(--ink-soft);max-width:62ch}
section{padding:2.4rem 0;border-bottom:1px solid var(--line)}
section:last-of-type{border-bottom:none}
/* cards */
.grid{display:grid;gap:1rem}
.g2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.g3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.3rem 1.4rem;box-shadow:var(--shadow)}
a.card{text-decoration:none;color:inherit;display:block;transition:transform .15s ease}
a.card:hover{transform:translateY(-3px)}
.card h3{margin-top:0}
.card .meta{font-size:.82rem;color:var(--ink-faint)}
.tint{background:var(--surface-2)}
.callout{background:var(--gold-soft);border-radius:var(--radius);padding:1.1rem 1.3rem;margin:1.2rem 0}
.warn{background:var(--red-soft);border-radius:var(--radius);padding:1.1rem 1.3rem;margin:1.2rem 0}
.warn strong{color:var(--red)}
.pull{font-size:1.15rem;font-weight:700;line-height:1.6;margin:1.5rem 0;padding-left:1rem;border-left:3px solid var(--gold)}
/* table */
.tw{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);margin:1rem 0}
table{border-collapse:collapse;width:100%;min-width:620px;font-size:.92rem}
th{background:var(--surface-2);text-align:left;padding:.7rem .9rem;border-bottom:1px solid var(--line);font-weight:700;color:var(--ink-soft);font-size:.84rem;letter-spacing:.03em}
td{padding:.7rem .9rem;border-bottom:1px solid var(--line);vertical-align:top}
tr:last-child td{border-bottom:none}
.no{color:var(--red);font-weight:700}
.yes{color:var(--green);font-weight:700}
/* controls */
.btn{display:inline-block;background:var(--gold);color:#fff;border:none;border-radius:999px;
  padding:.6rem 1.3rem;font-size:.95rem;font-weight:700;cursor:pointer;text-decoration:none;font-family:inherit}
.btn:hover{filter:brightness(1.08)}
.btn.ghost{background:transparent;color:var(--gold);border:1.5px solid var(--gold)}
.chips{display:flex;flex-wrap:wrap;gap:.45rem;margin:.5rem 0 1rem}
.chip{font-size:.85rem;padding:.35rem .85rem;border-radius:999px;border:1px solid var(--line);
  background:var(--surface);color:var(--ink-soft);cursor:pointer;font-family:inherit}
.chip[aria-pressed="true"]{background:var(--gold);color:#fff;border-color:var(--gold);font-weight:700}
input[type=search],select{font-family:inherit;font-size:.95rem;padding:.6rem .9rem;border:1px solid var(--line);
  border-radius:10px;background:var(--surface);color:var(--ink);width:100%}
label.fl{display:block;font-size:.8rem;color:var(--ink-faint);margin-bottom:.3rem;font-weight:700;letter-spacing:.04em}
/* case list */
.case{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.25rem;box-shadow:var(--shadow)}
.case h3{margin:0 0 .35rem;font-size:1.02rem}
.tags{display:flex;flex-wrap:wrap;gap:.35rem;margin:.5rem 0}
.tag{font-size:.75rem;padding:.15rem .6rem;border-radius:999px;background:var(--surface-2);color:var(--ink-soft)}
.tag.t-type{background:var(--gold-soft);color:var(--gold);font-weight:700}
.tag.t-sex{background:var(--red-soft);color:var(--red);font-weight:700}
.lesson{margin-top:.7rem;padding-top:.7rem;border-top:1px dashed var(--line);font-size:.88rem;color:var(--ink-soft)}
.lesson b{color:var(--gold)}
.amt{font-variant-numeric:tabular-nums;font-weight:700}
/* footer */
footer{background:var(--surface-2);border-top:1px solid var(--line);padding:2rem 0;margin-top:2rem}
.help-bar{display:flex;flex-wrap:wrap;gap:.6rem;margin:.8rem 0}
.help-bar a{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.4rem .9rem;
  font-size:.88rem;text-decoration:none;color:var(--ink);font-weight:700}
footer small{color:var(--ink-faint);font-size:.8rem;display:block;margin-top:.8rem;line-height:1.7}
ul.tight{margin:.3rem 0 1rem;padding-left:1.3rem}
ul.tight li{margin-bottom:.4rem}
ul.tight li::marker{color:var(--gold)}
.hidden{display:none!important}
@media (max-width:600px){
  section{padding:1.8rem 0}
  header.hero{padding:2.4rem 0 1.8rem}
  nav.top{background:var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none}
}

/* ── 站內客服（拭鏡小幫手）───────────────────────────── */
#jzchat-fab{position:fixed;right:18px;bottom:18px;z-index:60;width:56px;height:56px;border-radius:50%;
  border:none;cursor:pointer;background:var(--gold);color:#fff;box-shadow:0 4px 14px rgba(35,33,29,.22);
  font-family:inherit;font-size:1.5rem;line-height:1;display:flex;align-items:center;justify-content:center;
  transition:transform .18s ease,filter .18s ease}
#jzchat-fab:hover{transform:scale(1.06);filter:brightness(1.06)}
#jzchat-fab:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
#jzchat-fab .jz-dot{position:absolute;top:2px;right:2px;width:12px;height:12px;border-radius:50%;
  background:var(--red);border:2px solid var(--bg)}
#jzchat-panel{position:fixed;right:18px;bottom:84px;z-index:61;width:376px;max-width:calc(100vw - 36px);
  height:min(620px,calc(100vh - 120px));background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius);box-shadow:0 10px 40px rgba(35,33,29,.22);display:flex;flex-direction:column;
  overflow:hidden;transform-origin:bottom right}
#jzchat-panel[hidden]{display:none}
.jz-open{animation:jzpop .18s ease-out}
@keyframes jzpop{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
.jz-head{padding:.85rem 1rem;border-bottom:1px solid var(--line);background:var(--surface-2);flex:none}
.jz-head .jz-t{display:flex;align-items:center;gap:.5rem}
.jz-head strong{font-size:.98rem}
.jz-head .jz-x{margin-left:auto;background:none;border:none;cursor:pointer;color:var(--ink-faint);
  font-size:1.35rem;line-height:1;padding:.1rem .3rem;border-radius:8px;font-family:inherit}
.jz-head .jz-x:hover{background:var(--line);color:var(--ink)}
.jz-head small{display:block;color:var(--ink-faint);font-size:.74rem;line-height:1.5;margin-top:.25rem}
.jz-body{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.7rem;
  overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.jz-msg{max-width:88%;padding:.65rem .85rem;border-radius:12px;font-size:.9rem;line-height:1.7;
  word-break:break-word;animation:jzin .16s ease-out}
@keyframes jzin{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.jz-bot{background:var(--surface-2);border:1px solid var(--line);align-self:flex-start;border-bottom-left-radius:4px}
.jz-me{background:var(--gold);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}
.jz-me a{color:#fff}
.jz-msg p{margin:0 0 .5rem}
.jz-msg p:last-child,.jz-msg ul:last-child{margin-bottom:0}
.jz-msg ul{margin:.35rem 0 .5rem;padding-left:1.15rem}
.jz-msg li{margin-bottom:.3rem}
.jz-msg li::marker{color:var(--gold)}
.jz-msg .warn,.jz-msg .callout{padding:.6rem .75rem;margin:.5rem 0;border-radius:10px;font-size:.86rem;line-height:1.6}
.jz-go{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.6rem}
.jz-go a{font-size:.79rem;text-decoration:none;background:var(--surface);border:1px solid var(--gold);
  color:var(--gold);padding:.24rem .7rem;border-radius:999px;font-weight:700}
.jz-go a:hover{background:var(--gold);color:#fff}
.jz-tel{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.55rem}
.jz-tel a{font-size:.82rem;text-decoration:none;background:var(--red);color:#fff;
  padding:.3rem .8rem;border-radius:999px;font-weight:700}
.jz-chips{display:flex;flex-wrap:wrap;gap:.35rem;padding:0 1rem .7rem;flex:none}
.jz-chips button{font-size:.79rem;padding:.3rem .75rem;border-radius:999px;border:1px solid var(--line);
  background:var(--surface);color:var(--ink-soft);cursor:pointer;font-family:inherit}
.jz-chips button:hover{background:var(--gold-soft);border-color:var(--gold);color:var(--gold)}
.jz-foot{flex:none;border-top:1px solid var(--line);padding:.6rem;display:flex;gap:.4rem;background:var(--surface)}
.jz-foot input{flex:1;font-family:inherit;font-size:.9rem;padding:.55rem .8rem;border:1px solid var(--line);
  border-radius:999px;background:var(--bg);color:var(--ink);min-width:0}
.jz-foot input:focus{outline:2px solid var(--gold);outline-offset:-1px}
.jz-foot button{flex:none;background:var(--gold);color:#fff;border:none;border-radius:999px;
  width:40px;height:40px;cursor:pointer;font-size:1rem;font-family:inherit}
.jz-foot button:disabled{opacity:.45;cursor:default}
.jz-typing span{display:inline-block;width:6px;height:6px;margin-right:3px;border-radius:50%;
  background:var(--ink-faint);animation:jzblink 1.2s infinite}
.jz-typing span:nth-child(2){animation-delay:.2s}
.jz-typing span:nth-child(3){animation-delay:.4s}
@keyframes jzblink{0%,60%,100%{opacity:.25}30%{opacity:1}}
.jz-note{font-size:.72rem;color:var(--ink-faint);text-align:center;padding:0 1rem .6rem;line-height:1.5;flex:none}
@media (max-width:600px){
  #jzchat-panel{right:0;bottom:0;width:100vw;max-width:100vw;height:88vh;height:88dvh;
    border-radius:var(--radius) var(--radius) 0 0;border-bottom:none}
  #jzchat-fab{right:14px;bottom:14px}
}
@media (prefers-reduced-motion:reduce){
  .jz-open,.jz-msg{animation:none}
  #jzchat-fab{transition:none}
}

/* ── 議題討論頁（issues.html）───────────────────────── */
.issue-tools{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;margin:.4rem 0 .8rem}
.issue-tools input[type=search]{max-width:230px;flex:1}
.issue-table{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin:0 0 .8rem}
.issue-head{display:grid;grid-template-columns:3.4rem 1fr 8.5rem 1.2rem;gap:.8rem;padding:.55rem 1.15rem;background:var(--surface-2);font-size:.78rem;font-weight:700;color:var(--ink-soft);letter-spacing:.06em}
.issue-heading{margin:0;font-size:inherit;line-height:inherit}
.issue-row{display:grid;grid-template-columns:3.4rem 1fr 8.5rem 1.2rem;gap:.8rem;align-items:center;width:100%;text-align:left;background:none;border:none;border-top:1px solid var(--line);padding:.85rem 1.15rem;cursor:pointer;font-family:inherit;color:inherit;font-size:1rem;line-height:1.6}
.issue-row:hover{background:var(--surface-2)}
.issue-row[aria-expanded="true"]{background:var(--gold-soft)}
.issue-row:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
.i-num{font-weight:800;color:var(--ink-faint);font-variant-numeric:tabular-nums}
.i-title{font-weight:700;display:block}
.i-sub{display:block;font-size:.83rem;color:var(--ink-soft);margin-top:.15rem}
.i-cat{justify-self:start;display:flex;gap:.3rem;flex-wrap:wrap}
.i-arrow{color:var(--ink-faint);transition:transform .18s ease;justify-self:center;font-size:.9rem}
.issue-row[aria-expanded="true"] .i-arrow{transform:rotate(180deg)}
.issue-body{padding:1.2rem 1.3rem 1.6rem;border-top:1px dashed var(--line);animation:jzin .18s ease-out}
.issue-body h3{margin-top:1.4rem;font-size:1rem;color:var(--gold)}
.issue-body h3:first-child{margin-top:0}
.issue-body p,.issue-body ul,.issue-body ol{max-width:76ch}
.issue-body p,.issue-body li{font-size:.95rem}
.issue-body .tw{margin:.8rem 0 1rem}
.mirror{background:var(--surface-2);border-left:3px solid var(--red);border-radius:0 var(--radius) var(--radius) 0;padding:.85rem 1.1rem;margin:1.4rem 0 0;font-size:.92rem;max-width:76ch}
.mirror b{color:var(--red)}
@media (max-width:640px){
  .issue-head{display:none}
  .issue-row{grid-template-columns:2.1rem 1fr 1.1rem;padding:.8rem .9rem}
  .i-cat{display:none}
  .issue-body{padding:1rem .9rem 1.3rem}
  .issue-tools input[type=search]{max-width:none}
}

/* ── 案例卡：日本要件對照 ───────────────────────────── */
.jpbox{margin-top:.7rem;padding:.7rem .85rem;border-radius:10px;background:var(--surface-2);
  border:1px solid var(--line);font-size:.86rem;line-height:1.65}
.jpbox .jph{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin:0 0 .45rem;
  font-size:.78rem;font-weight:700;letter-spacing:.03em;color:var(--ink-faint)}
.jpcodes{display:flex;flex-wrap:wrap;gap:.25rem;margin:.35rem 0 .5rem}
.jpcodes span{font-size:.72rem;font-weight:700;padding:.12rem .5rem;border-radius:999px;
  background:var(--gold-soft);color:var(--gold);cursor:help}
.jpbox p{margin:0}
.jpkind{font-size:.72rem;font-weight:700;padding:.14rem .6rem;border-radius:999px;white-space:nowrap}
.k-full{background:var(--gold);color:#fff}
.k-partial{background:var(--gold-soft);color:var(--gold)}
.k-weak{background:var(--surface-2);color:var(--ink-faint);border:1px solid var(--line)}
.k-sexual{background:var(--red-soft);color:var(--red)}
.k-general{background:var(--surface-2);color:var(--ink-soft);border:1px solid var(--line)}
.rulerbox{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin:1rem 0}
.rulercard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  padding:.85rem 1rem;box-shadow:var(--shadow)}
.rulercard b{display:block;font-size:1.6rem;line-height:1.2;color:var(--gold);font-variant-numeric:tabular-nums}
.rulercard .rl{font-size:.8rem;font-weight:700;margin:.2rem 0 .15rem}
.rulercard .rd{font-size:.76rem;color:var(--ink-faint);line-height:1.55;margin:0}

/* ── 全螢幕選單（onecruise 式：大字＋副標＋流線裝飾）───────── */
nav.top .brand{margin-right:auto}
.mbtn{width:44px;height:44px;flex:0 0 44px;border-radius:50%;border:1px solid var(--line);
  background:var(--surface);cursor:pointer;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:5px;transition:border-color .2s}
.mbtn i{display:block;width:17px;height:2px;background:var(--ink-soft);border-radius:2px;transition:background .2s}
.mbtn:hover{border-color:var(--gold)}
.mbtn:hover i{background:var(--gold)}
.mbtn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.jzmenu{position:fixed;inset:0;z-index:220;background:var(--bg);overflow-y:auto;
  opacity:0;pointer-events:none;transition:opacity .3s ease}
.jzmenu.open{opacity:1;pointer-events:auto}
body.jzmenu-lock{overflow:hidden}
.jzm-wave{position:absolute;pointer-events:none}
.jzm-wave-top{top:-120px;right:-160px;width:min(820px,85vw)}
.jzm-wave-bot{bottom:-140px;left:-180px;width:min(760px,80vw);transform:scaleX(-1)}
.jzm-top{display:flex;justify-content:flex-end;align-items:center;position:sticky;top:0;z-index:3;
  padding-top:.6rem;padding-bottom:.6rem}
.jzm-close{position:relative;width:44px;height:44px;flex:0 0 44px;border-radius:50%;
  border:1px solid var(--line);background:var(--surface);cursor:pointer;transition:border-color .2s}
.jzm-close i{position:absolute;left:50%;top:50%;width:17px;height:2px;background:var(--ink-soft);border-radius:2px}
.jzm-close i:first-child{transform:translate(-50%,-50%) rotate(30deg)}
.jzm-close i:last-child{transform:translate(-50%,-50%) rotate(-30deg)}
.jzm-close:hover{border-color:var(--gold)}
.jzm-close:hover i{background:var(--gold)}
.jzm-in{position:relative;z-index:1;display:grid;grid-template-columns:1fr 330px;
  gap:1.6rem 3rem;padding-top:1.2rem;padding-bottom:2.2rem;min-height:calc(100% - 63px);align-items:end}
.jzm-nav{display:flex;flex-direction:column;gap:1.25rem;align-self:start}
.jzm-item{text-decoration:none;color:var(--ink);width:fit-content;
  opacity:0;transform:translateY(20px);transition:opacity .45s ease,transform .45s ease}
.jzmenu.open .jzm-item{opacity:1;transform:none}
.jzmenu.open .jzm-item:nth-child(1){transition-delay:.05s}
.jzmenu.open .jzm-item:nth-child(2){transition-delay:.09s}
.jzmenu.open .jzm-item:nth-child(3){transition-delay:.13s}
.jzmenu.open .jzm-item:nth-child(4){transition-delay:.17s}
.jzmenu.open .jzm-item:nth-child(5){transition-delay:.21s}
.jzmenu.open .jzm-item:nth-child(6){transition-delay:.25s}
.jzmenu.open .jzm-item:nth-child(7){transition-delay:.29s}
.jzm-item b{display:block;font-size:clamp(1.55rem,3.4vw,2.15rem);line-height:1.2;letter-spacing:.05em;transition:color .2s}
.jzm-item small{display:block;margin-top:.3rem;font-size:.83rem;color:var(--ink-faint);letter-spacing:.06em}
.jzm-item:hover b,.jzm-item[aria-current="page"] b{color:var(--gold)}
.jzm-info{font-size:.9rem;line-height:2;color:var(--ink-soft)}
.jzm-brand{font-weight:800;font-size:1.05rem;color:var(--ink);margin:0 0 .6rem}
.jzm-brand span{color:var(--gold)}
.jzm-desc{margin:0 0 1.2rem}
.jzm-hot{margin:0}
.jzm-hot a{color:var(--gold);text-decoration:none}
.jzm-hot a:hover{text-decoration:underline}
.jzm-foot{grid-column:1/-1;display:flex;gap:1.7rem;flex-wrap:wrap;align-items:center;
  border-top:1px solid var(--line);padding-top:1.3rem;margin-top:.6rem;
  font-weight:700;letter-spacing:.08em;font-size:.95rem}
.jzm-foot a{color:var(--ink);text-decoration:none}
.jzm-foot a:hover{color:var(--gold)}
@media (max-width:840px){
  .jzm-in{grid-template-columns:1fr;padding-top:1.2rem;align-items:start}
  .jzm-item b{font-size:clamp(1.6rem,7.5vw,2.1rem)}
}
@media (prefers-reduced-motion:reduce){
  .jzmenu{transition:none}
  .jzm-item{opacity:1;transform:none;transition:none}
}

/* ── 頁面轉場：瀏覽器原生跨頁交叉淡化（無縫、不卡頓）── */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.22s}
/* 不支援的瀏覽器：退回「直接換頁＋快速淡入」 */
@supports not (view-transition-name: root){
  body{animation:jzPageIn .18s ease}
}
@keyframes jzPageIn{from{opacity:0}to{opacity:1}}
body.jz-arrived{animation:none;opacity:1}
@media (prefers-reduced-motion:reduce){
  body{animation:none}
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
}