/* Aurora glass skin. Lavender field, frosted panels, flowing ribbon.
   Thumbnails stay clean: no category, title, number, or badge is painted on the photo.
   Those labels live under the image. Photos use object-fit:contain so the full picture shows. */
body.pg-page{
  --dc-ink:#1c1733;
  --dc-muted:#7c7594;
  --dc-card:rgba(255,255,255,.72);
  --dc-pink:#6d4dff;
  --dc-grad:linear-gradient(100deg,#6a4bff,#8a5cff);
  --dc-shadow:0 24px 50px -32px rgba(70,40,140,.45);
  --pg-ink:var(--dc-ink);
  --pg-muted:var(--dc-muted);
  --pg-card:var(--dc-card);
  --text:var(--dc-ink);
  --muted:var(--dc-muted);
  --blue:#5b3df5;
  --purple:#7a4dff;
  --pink:#e056c8;
  --border:rgba(90,60,160,.1);
  --surface:rgba(255,255,255,.8);
  color:var(--dc-ink);
  font-family:"Outfit",var(--font),system-ui,sans-serif;
  font-size:15.5px;
  background-color:#ebe6fb;
  background-image:
    radial-gradient(720px 480px at 8% -4%, rgba(186,170,255,.85), transparent 68%),
    radial-gradient(640px 420px at 100% 8%, rgba(255,170,220,.55), transparent 62%),
    radial-gradient(560px 400px at 80% 48%, rgba(150,200,255,.45), transparent 64%),
    radial-gradient(640px 460px at 0% 90%, rgba(196,160,255,.4), transparent 66%),
    linear-gradient(180deg,#f4f1ff 0%, #efe8fb 42%, #f7eef8 100%);
  background-size:150% 150%;
  background-attachment:fixed;
  animation:pg-mesh 28s ease-in-out infinite;
}
html[data-theme=dark] body.pg-page{
  --dc-ink:#f4f0ff;
  --dc-muted:#c3b8dc;
  --dc-card:rgba(28,22,52,.78);
  --text:var(--dc-ink);
  --muted:var(--dc-muted);
  --surface:#221a3c;
  --border:rgba(190,170,255,.16);
  background-color:#120e22;
  background-image:
    radial-gradient(640px 380px at 0% 0%, rgba(110,70,255,.35), transparent 62%),
    radial-gradient(520px 320px at 100% 10%, rgba(255,90,180,.18), transparent 60%),
    linear-gradient(180deg,#161228,#100d1c);
}
body.pg-page .site-header,
body.pg-page main,
body.pg-page .site-footer{position:relative;z-index:1}
body.pg-page h1,body.pg-page h2,body.pg-page h3,body.pg-page .big404{font-family:"Outfit",var(--font),sans-serif;letter-spacing:-.03em}

/* Play field — orbs, drifting glass, a slow wave */
.pg-sky{position:fixed;inset:-8vh;z-index:0;pointer-events:none;overflow:hidden;translate:calc(var(--mx,0px) * .55) calc(var(--my,0px) * .4)}
.orb{position:absolute;border-radius:50%;filter:blur(8px);opacity:.7;animation:pg-float 18s ease-in-out infinite}
.o1{width:340px;height:340px;left:-80px;top:40px;background:radial-gradient(circle at 35% 30%, #fff, #c9b6ff 42%, transparent 70%)}
.o2{width:260px;height:260px;right:-40px;top:8%;background:radial-gradient(circle at 40% 30%, #fff, #f7b6e4 40%, transparent 70%);animation-duration:22s}
.o3{width:180px;height:180px;left:42%;top:18%;background:radial-gradient(circle at 40% 30%, #fff, #b9dcff 46%, transparent 72%);animation-duration:15s}
.o4{width:280px;height:280px;right:8%;bottom:6%;background:radial-gradient(circle at 35% 30%, #fff, #d7b6ff 40%, transparent 70%);animation-duration:20s}
.o5{width:140px;height:140px;left:12%;bottom:18%;background:radial-gradient(circle at 40% 30%, #fff, #ffd0ef 42%, transparent 70%);animation-duration:13s}
.o6{width:90px;height:90px;right:28%;top:36%;background:radial-gradient(circle at 40% 30%, #fff, #c8b6ff 40%, transparent 70%)}
.drift{position:absolute;border-radius:40% 60% 55% 45%;background:linear-gradient(140deg,rgba(255,255,255,.55),rgba(180,150,255,.2));border:1px solid rgba(255,255,255,.45);animation:pg-drift 18s ease-in-out infinite}
.d1{width:70px;height:48px;left:18%;top:22%}
.d2{width:46px;height:46px;right:16%;top:30%;border-radius:50%}
.d3{width:90px;height:36px;left:6%;top:58%;border-radius:999px}
.d4{width:54px;height:54px;right:6%;bottom:28%;border-radius:18px}
.d5{width:36px;height:36px;left:48%;bottom:12%;border-radius:50%}
.d6{width:80px;height:28px;right:32%;bottom:20%;border-radius:999px}
.d7{width:28px;height:28px;left:30%;top:8%;border-radius:50%}
.d8{width:64px;height:40px;left:62%;top:62%}
.wave{position:absolute;left:-5%;right:-5%;bottom:-4%;width:110%;height:28vh;opacity:.45;animation:pg-drift 24s ease-in-out infinite}
.wave path{fill:rgba(255,255,255,.38)}
.pg-sky .mesh{position:absolute;inset:0;opacity:.22;background-image:radial-gradient(circle, rgba(255,255,255,.95) 0 1px, transparent 1.6px);background-size:68px 68px;animation:pg-dots 40s linear infinite}
html[data-theme=dark] .orb,html[data-theme=dark] .drift{opacity:.35}

/* Header pill */
body.pg-page .pg-header{background:linear-gradient(180deg,rgba(238,232,255,.75),rgba(238,232,255,0));border:0}
html[data-theme=dark] body.pg-page .pg-header{background:linear-gradient(180deg,rgba(16,12,30,.8),rgba(16,12,30,0))}
body.pg-page .pg-nav{
  width:min(1120px,calc(100% - 28px));height:64px;margin:14px auto 0;padding:0 8px 0 16px;
  background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.8);border-radius:999px;
  box-shadow:0 16px 40px -28px rgba(70,40,140,.55);
  backdrop-filter:blur(16px);
  animation:pg-drop .7s cubic-bezier(.22,1,.36,1) both;
}
html[data-theme=dark] body.pg-page .pg-nav{background:rgba(28,22,52,.78);border-color:rgba(190,170,255,.16)}
body.pg-page .brand{font-weight:800;letter-spacing:-.03em;gap:8px;color:var(--dc-ink)}
body.pg-page .brand-mark{width:28px;height:28px;border-radius:50%;border:0;background:radial-gradient(circle at 35% 30%, #fff, #7a5cff 55%, #5b3df5);box-shadow:0 0 0 6px rgba(122,92,255,.16)}
body.pg-page .brand-mark i{display:none}
body.pg-page .menu>a,body.pg-page .nav-drop>a{color:#4d4668;font-weight:650;font-size:14px;background:transparent;border-radius:999px}
body.pg-page .menu>a:hover,body.pg-page .nav-drop>a:hover,body.pg-page .menu>a.on,body.pg-page .nav-drop>a.on{background:rgba(255,255,255,.8);color:#3a2d86}
body.pg-page .menu>a.on::after,body.pg-page .nav-drop>a.on::after{display:none}
html[data-theme=dark] body.pg-page .menu>a,html[data-theme=dark] body.pg-page .nav-drop>a{color:#f4f0ff}
html[data-theme=dark] body.pg-page .menu>a.on,html[data-theme=dark] body.pg-page .menu>a:hover{background:rgba(122,92,255,.22);color:#fff}
body.pg-page .nav-search{height:36px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.85)}
html[data-theme=dark] body.pg-page .nav-search{background:rgba(16,12,30,.55);border-color:rgba(190,170,255,.16)}
body.pg-page .desk-search input{width:120px}
body.pg-page .icon-btn{width:36px;height:36px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.8);color:#4d4668}
html[data-theme=dark] body.pg-page .icon-btn{background:#2a2148;color:#fff}
body.pg-page .pg-go{
  height:38px;padding:0 16px;border:0;border-radius:999px;color:#fff;font-weight:700;
  background:#1b1433;box-shadow:0 12px 22px -14px #1b1433;position:relative;overflow:hidden;
}
body.pg-page .pg-go::after,body.pg-page .au-btn::after,body.pg-page .pg-news button::after{
  content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.4),transparent 70%);
  translate:-120% 0;animation:pg-sheen 3.8s ease-in-out infinite;pointer-events:none;
}
body.pg-page .pg-go:hover{filter:brightness(1.15);translate:0 -1px}
body.pg-page .nav-drop-panel,body.pg-page .suggest-box{
  background:rgba(255,255,255,.96);border:1px solid #e6e0f8;border-radius:18px;box-shadow:var(--dc-shadow);
}
html[data-theme=dark] body.pg-page .nav-drop-panel,html[data-theme=dark] body.pg-page .suggest-box{background:#221a3c}

/* Hero glass */
.au-hero{padding:22px 0 8px}
.au-hero-card{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(260px,.9fr);gap:12px;align-items:center;
  padding:42px 36px;border-radius:36px;
  background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.4));
  border:1px solid rgba(255,255,255,.8);
  box-shadow:0 30px 70px -40px rgba(70,40,140,.55);
  backdrop-filter:blur(18px);
  overflow:hidden;position:relative;
}
.au-copy h1{margin:0 0 12px;font-size:clamp(40px,5vw,64px);line-height:.98;font-weight:800;color:#1c1733;max-width:12em}
.au-em{
  background:linear-gradient(100deg,#5b3df5,#c86bff 55%,#ff6ec7);
  background-size:180% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:pf-shimmer 7s ease-in-out infinite;
}
.au-lead{margin:0 0 18px;max-width:42ch;color:#6d6688;font-size:16px;line-height:1.55}
.au-cta{display:flex;flex-wrap:wrap;gap:10px}
.au-btn{
  position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;
  min-height:44px;padding:0 18px;border-radius:999px;background:#5b3df5;color:#fff;
  font-weight:700;text-decoration:none;box-shadow:0 14px 26px -16px #5b3df5;
}
.au-btn-ghost{background:rgba(255,255,255,.72);color:#2a2158;border:1px solid rgba(255,255,255,.9);box-shadow:none}
.au-btn-ghost::after{display:none}
.au-btn:hover{filter:brightness(1.06);translate:0 -1px}
.au-proof{display:flex;align-items:center;gap:10px;margin:18px 0 0;color:#6d6688;font-size:13.5px;font-weight:650}
.au-faces{display:flex}
.au-faces img{width:32px;height:32px;border-radius:50%;object-fit:contain;background:#f4f0ff;border:2px solid #fff;margin-left:-8px}
.au-faces img:first-child{margin-left:0}
.au-ribbon{position:relative;min-height:280px}
.au-ribbon svg{width:100%;height:auto;display:block;filter:drop-shadow(0 24px 28px rgba(90,40,180,.28));animation:au-sway 8s ease-in-out infinite;transform-origin:50% 50%}
.strand{fill:none;stroke-linecap:round;stroke-linejoin:round}
.strand.glow{stroke:rgba(122,92,255,.25);stroke-width:46;filter:blur(6px)}
.strand.a{stroke-width:26}
.strand.b{stroke-width:16;opacity:.9}
.strand.c{stroke-width:8;opacity:.85}
html[data-theme=dark] .au-hero-card{background:rgba(28,22,52,.72);border-color:rgba(190,170,255,.16)}
html[data-theme=dark] .au-copy h1{color:#fff}
html[data-theme=dark] .au-btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.25)}

/* Glass panels */
.pg-home{padding-bottom:20px}
.au-panel,.dc-section{margin-top:22px}
.au-panel{
  padding:26px 22px 22px;border-radius:32px;
  background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,.28));
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 24px 50px -36px rgba(70,40,140,.4);
  backdrop-filter:blur(12px);
}
html[data-theme=dark] .au-panel{background:rgba(28,22,52,.55);border-color:rgba(190,170,255,.14)}
.dc-head,.pg-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:0 0 16px}
.dc-kicker,body.pg-page .kicker,body.pg-page .pg-kicker{
  display:inline-block;margin:0 0 4px;font-size:12px;font-weight:750;letter-spacing:.14em;text-transform:uppercase;color:#7a5cff;
}
.dc-head h2,.pg-head h2,.dc-head h1,.au-panel h1,.au-trend h2{margin:0;font-size:clamp(28px,3.4vw,40px);font-weight:800;color:#1c1733}
html[data-theme=dark] .dc-head h2,html[data-theme=dark] .au-trend h2,html[data-theme=dark] .au-panel h1{color:#fff}
.dc-more{color:#6a4bff;font-weight:700;text-decoration:none;white-space:nowrap}
.au-center{justify-content:center;text-align:center}
.au-center h2{text-align:center}

/* Categories — photo well, name under it */
.au-cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.au-cat{
  display:flex;flex-direction:column;gap:6px;padding:10px 10px 14px;border-radius:22px;text-decoration:none;color:inherit;
  background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.9);
  box-shadow:0 14px 28px -24px rgba(70,40,140,.45);
  transition:translate .4s cubic-bezier(.22,1,.36,1), box-shadow .4s;
}
.au-cat:hover{translate:0 -6px;box-shadow:0 22px 36px -22px rgba(90,50,180,.4)}
.au-cat-shot{
  display:flex;align-items:center;justify-content:center;min-height:120px;border-radius:16px;overflow:hidden;background:#f3eefe;
}
.au-cat.tone-0 .au-cat-shot{background:#f3e8ff}
.au-cat.tone-1 .au-cat-shot{background:#e7f6ff}
.au-cat.tone-2 .au-cat-shot{background:#ffeaf6}
.au-cat.tone-3 .au-cat-shot{background:#efe9ff}
.au-cat.tone-4 .au-cat-shot{background:#fff4e8}
.au-cat.tone-5 .au-cat-shot{background:#eafbf3}
.au-cat.tone-6 .au-cat-shot{background:#fde8ff}
.au-cat.tone-7 .au-cat-shot{background:#e8f0ff}
.au-cat-shot img{width:auto;max-width:100%;height:auto;max-height:140px;object-fit:contain;display:block}
.au-cat strong{font-size:15px;font-weight:750}
.au-cat small{color:var(--dc-muted);font-size:12px;font-weight:650}
html[data-theme=dark] .au-cat{background:#2a2148;border-color:rgba(190,170,255,.14)}

/* Trending split */
.au-trend{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:22px;align-items:center}
.au-trend-copy p{margin:8px 0 16px;color:var(--dc-muted);max-width:28ch;line-height:1.5}
.au-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.au-row{
  display:grid;grid-template-columns:36px 64px minmax(0,1fr) auto;gap:10px;align-items:center;
  padding:8px 10px;border-radius:18px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.9);
}
html[data-theme=dark] .au-row{background:#2a2148}
.au-n{font-weight:800;color:#8b7cff;font-size:14px}
.au-mini{display:flex;align-items:center;justify-content:center;width:64px;height:52px;border-radius:12px;overflow:hidden;background:#f3eefe}
.au-mini img{width:auto;max-width:100%;height:auto;max-height:52px;object-fit:contain;display:block}
.au-t{min-width:0;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:2px}
.au-t strong{font-size:14px;font-weight:750;line-height:1.3}
.au-t small{color:var(--dc-muted);font-size:12px;font-weight:650}
.au-pct{font-size:12px;font-weight:800;color:#1c6b4a;background:#e5f8ee;border-radius:999px;padding:4px 8px}

/* Steps */
.au-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.au-step{
  padding:22px 18px;border-radius:24px;background:rgba(255,255,255,.62);
  border:1px solid rgba(255,255,255,.8);box-shadow:0 16px 32px -26px rgba(70,40,140,.4);
}
.au-step span{display:block;font-size:22px;font-weight:800;color:#7a5cff}
.au-step h3{margin:10px 0 6px;font-size:18px;font-weight:750}
.au-step p{margin:0;color:var(--dc-muted);font-size:14.5px;line-height:1.5}
html[data-theme=dark] .au-step{background:#2a2148}

/* Clean cards. Nothing sits on the photograph. */
body.pg-page .post-grid{gap:14px}
body.pg-page .post-card,body.pg-page .pcard{
  background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.95);border-radius:22px;
  box-shadow:0 16px 32px -26px rgba(70,40,140,.5);overflow:hidden;display:flex;flex-direction:column;
  transition:translate .45s cubic-bezier(.22,1,.36,1), box-shadow .45s;
}
html[data-theme=dark] body.pg-page .post-card,html[data-theme=dark] body.pg-page .pcard{background:#2a2148;border-color:rgba(190,170,255,.14)}
body.pg-page .post-card:nth-child(3n+1):hover{translate:0 -8px;box-shadow:0 28px 40px -24px rgba(91,61,245,.45)}
body.pg-page .post-card:nth-child(3n+2):hover{translate:0 -8px;box-shadow:0 28px 40px -24px rgba(224,86,200,.4)}
body.pg-page .post-card:nth-child(3n):hover,body.pg-page .pcard:hover{translate:0 -8px;box-shadow:0 28px 40px -24px rgba(73,183,255,.45)}
body.pg-page .pack-shot,body.pg-page .pc-img,body.pg-page .thumb-wrap,body.pg-page .prompt-fig,body.pg-page .post-hero{
  position:relative;display:flex;align-items:center;justify-content:center;
  aspect-ratio:auto !important;height:auto !important;overflow:hidden;background:#f4f0ff;line-height:0;
}
html[data-theme=dark] body.pg-page .pack-shot,html[data-theme=dark] body.pg-page .pc-img,html[data-theme=dark] body.pg-page .prompt-fig,html[data-theme=dark] body.pg-page .post-hero{background:#1a1430}
body.pg-page .post-card .pack-shot,body.pg-page .pcard .pc-img,body.pg-page .post-card .thumb-wrap{
  margin:10px 10px 0;border-radius:16px;min-height:160px;padding:8px;
}
body.pg-page .pack-shot img,body.pg-page .pc-img img,body.pg-page .thumb-wrap img,body.pg-page .prompt-fig img,body.pg-page .suggest-box img{
  width:auto !important;max-width:100% !important;height:auto !important;max-height:280px !important;
  object-fit:contain !important;object-position:center center !important;display:block;margin:0 auto;background:transparent;
}
body.pg-page .post-hero{margin:0 0 14px;padding:12px;border-radius:28px;background:rgba(255,255,255,.8);box-shadow:var(--dc-shadow)}
body.pg-page .post-hero img{
  width:auto !important;max-width:100% !important;height:auto !important;max-height:min(78vh,880px) !important;
  object-fit:contain !important;object-position:center !important;display:block;margin:0 auto;
}
body.pg-page .card-badge,body.pg-page .shot-label,body.pg-page .num,
body.pg-page .pack-shot .pack-cat,body.pg-page .pc-img .pack-cat,body.pg-page .prompt-fig .num,body.pg-page .thumb-wrap .card-badge,
body.pg-page .pack-shot::before,body.pg-page .pack-shot::after,body.pg-page .pc-img::before,body.pg-page .pc-img::after,
body.pg-page .thumb-wrap::before,body.pg-page .thumb-wrap::after,body.pg-page .prompt-fig::before,body.pg-page .prompt-fig::after,
body.pg-page .post-hero::before,body.pg-page .post-hero::after,
body.pg-page .au-cat-shot::before,body.pg-page .au-cat-shot::after,body.pg-page .au-mini::before,body.pg-page .au-mini::after{display:none !important;content:none !important}
.thumb-ph{display:grid;place-items:center;min-height:160px;color:#b7a6ee;font-size:28px}
.pack-body,.pc-body{display:flex;flex-direction:column;gap:8px;padding:12px 12px 14px;min-width:0;flex:1}
.pack-blurb{display:none}
.pack-kicker{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0}
.pack-cat{
  display:inline-flex;padding:0;background:transparent !important;color:#8a7cff !important;
  font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;
}
.pack-kicker span,.pack-date{font-size:12px;font-weight:650;color:var(--dc-muted)}
.shot-meta{margin:0 0 16px}
body.pg-page .prism-card-title,body.pg-page .pc-body h2,body.pg-page .pc-body h3{margin:0;font-size:15px;line-height:1.35;font-weight:750}
body.pg-page .prism-card-title a,body.pg-page .pc-body h2 a,body.pg-page .pc-body h3 a{color:var(--dc-ink);text-decoration:none}
.pc-excerpt{margin:0;color:var(--dc-muted);font-size:13px;line-height:1.45}
body.pg-page .card-actions,body.pg-page .single-actions{display:flex;align-items:center;gap:8px;margin-top:auto}
body.pg-page .card-view,body.pg-page .copy-btn,body.pg-page .btn{
  background:#2a2158;color:#fff;border:0;border-radius:999px;font-weight:700;
}
body.pg-page .card-view{flex:1;min-height:34px;padding:7px 12px;justify-content:center;font-size:12.5px}
body.pg-page .card-view:hover,body.pg-page .copy-btn:hover,body.pg-page .btn:hover{filter:brightness(1.12)}
body.pg-page .card-like,body.pg-page .card-share,body.pg-page .dc-views{
  width:auto;min-width:34px;height:34px;padding:0 8px;border-radius:999px;background:#f6f3ff;border:0;color:#6d6688;flex:none;
  display:inline-flex;align-items:center;justify-content:center;gap:4px;font-weight:750;font-size:12px;
}
html[data-theme=dark] body.pg-page .card-like,html[data-theme=dark] body.pg-page .card-share{background:#1a1430;color:#fff}
body.pg-page .card-like.liked{color:#e056c8;background:#fff0fa}
body.pg-page .card-like.liked svg{fill:currentColor}
body.pg-page .copy-btn.done{background:#1c8f5b}
.single-actions .copy-btn{flex:1;justify-content:center}
body.pg-page .single-actions .card-view{flex:0 0 auto;background:#fff;color:#2a2158;border:1px solid rgba(90,60,160,.14)}
body.pg-page .layout-list .post-card{flex-direction:column}
body.pg-page .layout-list .thumb-wrap,body.pg-page .layout-list .pack-shot{width:auto}
body.pg-page .hero-search button{background:#5b3df5;color:#fff;border:0;border-radius:999px;font-weight:700}

/* Newsletter + footer */
body.pg-page .pg-news{
  position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;
  width:min(1120px,calc(100% - 28px));margin:22px auto 8px;padding:36px 28px;border-radius:32px;
  background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.36));
  border:1px solid rgba(255,255,255,.75);box-shadow:var(--dc-shadow);overflow:hidden;
}
body.pg-page .pg-drop .pg-news{width:100%;margin:22px 0 8px}
body.pg-page .pg-news h2{margin:0;font-size:clamp(28px,3.4vw,40px);font-weight:800}
body.pg-page .pg-news p{margin:0;color:var(--dc-muted)}
body.pg-page .pg-news .nl-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;margin-top:8px}
body.pg-page .pg-news input[type=email]{border:1px solid rgba(90,60,160,.12);border-radius:999px;padding:12px 16px;min-width:min(260px,100%);background:#fff;color:var(--dc-ink)}
html[data-theme=dark] body.pg-page .pg-news{background:rgba(28,22,52,.7)}
html[data-theme=dark] body.pg-page .pg-news input[type=email]{background:#120e22;color:#fff}
body.pg-page .pg-news button{position:relative;overflow:hidden;border:0;border-radius:999px;background:#5b3df5;color:#fff;font-weight:750;padding:12px 18px}
.pg-env{display:none}
body.pg-page .nl-note{flex-basis:100%;margin:0;font-size:12px;color:var(--dc-muted)}
body.pg-page .pg-footer{margin-top:8px;padding:18px 0 28px;background:transparent;border:0}
body.pg-page .footer-grid{
  margin-top:8px;padding:8px 8px 0;border-radius:0;background:transparent;border:0;box-shadow:none;align-items:start;
  grid-template-columns:minmax(180px,1.4fr) repeat(auto-fit,minmax(140px,1fr));
}
body.pg-page .footer-grid h4{letter-spacing:.08em;text-transform:uppercase;font-size:12px;color:var(--dc-muted)}
body.pg-page .footer-grid a{color:var(--dc-ink);text-decoration:none;font-weight:650}
body.pg-page .footer-grid a:hover{color:#6a4bff}
.pg-cta-card{grid-column:auto;justify-self:stretch;width:auto;max-width:none;background:transparent;border-radius:0;padding:0;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.pg-cta-card p{margin:0;font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:#7a5cff}
.pg-cta-card h3{margin:0 0 4px;font-size:16px;font-weight:750;color:var(--dc-ink)}
.pg-social{display:flex;gap:8px;margin-top:10px}
.pg-social a{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.7);font-size:12px;font-weight:750}
body.pg-page .pg-copy{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;text-align:left;border-top:1px solid rgba(90,60,160,.1);color:var(--dc-muted);margin-top:16px;padding-top:12px}
.pg-made b{color:#e056c8}

/* Inner pages */
body.pg-page .page-head,body.pg-page .article-main,body.pg-page .page-content,body.pg-page .side-card,body.pg-page .prompt-card,body.pg-page .faq,body.pg-page .box,body.pg-page .toc,body.pg-page .author-box,body.pg-page .focus-lead{
  background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.8);border-radius:24px;box-shadow:var(--dc-shadow);
}
html[data-theme=dark] body.pg-page .page-head,html[data-theme=dark] body.pg-page .article-main,html[data-theme=dark] body.pg-page .page-content,html[data-theme=dark] body.pg-page .side-card,html[data-theme=dark] body.pg-page .prompt-card,html[data-theme=dark] body.pg-page .faq,html[data-theme=dark] body.pg-page .box,html[data-theme=dark] body.pg-page .toc,html[data-theme=dark] body.pg-page .author-box{background:#221a3c}
body.pg-page .page-head,body.pg-page .article-main,body.pg-page .page-content{padding:22px 24px;margin-top:18px}
body.pg-page .page-head h1,body.pg-page .article-head h1{font-size:clamp(32px,4vw,48px);font-weight:800;line-height:1.05;color:#1c1733}
html[data-theme=dark] body.pg-page .page-head h1,html[data-theme=dark] body.pg-page .article-head h1{color:#fff}
body.pg-page .crumbs{margin-top:18px}
body.pg-page .crumbs a{color:#6a4bff;text-decoration:none;font-weight:700}
body.pg-page .article-layout{gap:18px}
body.pg-page .intro{background:linear-gradient(90deg,#f4f0ff,#fff0fa);border:0;border-radius:16px}
html[data-theme=dark] body.pg-page .intro{background:rgba(122,92,255,.12)}
body.pg-page .prompt-card{overflow:hidden;scroll-margin-top:96px}
body.pg-page .prompt-card.is-focus{outline:2px solid rgba(91,61,245,.45);outline-offset:3px}
body.pg-page .prompt-fig{padding:10px}
body.pg-page .prompt-text{background:#f7f4ff;border-color:rgba(90,60,160,.12);border-radius:16px}
html[data-theme=dark] body.pg-page .prompt-text{background:#120e22;color:#fff}
body.pg-page .meta span,body.pg-page .meta .by{background:#f6f3ff;border-color:#e6e0f8}
body.pg-page .pill{background:#f3eefe;color:#5b3df5}
body.pg-page .prompt-jump a.on,body.pg-page .pagination a.on{background:#5b3df5;color:#fff;border-color:transparent}
body.pg-page .pagination a,body.pg-page .pagination span{border-radius:999px;background:#fff;border-color:#e6e0f8}
body.pg-page .share a,body.pg-page .share button,body.pg-page .chip,body.pg-page .prompt-jump a{border-radius:999px}
body.pg-page .tag-cloud a{color:#6a4bff}
body.pg-page .side-stack{top:92px}
body.pg-page .big404{
  font-size:clamp(72px,12vw,128px);font-weight:800;line-height:.9;margin:18px 0 8px;
  background:linear-gradient(100deg,#5b3df5,#c86bff,#49b7ff);-webkit-background-clip:text;background-clip:text;color:transparent;
}
body.pg-page .center-page{padding:28px 0 10px}
body.pg-page .empty{background:rgba(255,255,255,.7);border:1px dashed rgba(91,61,245,.35);border-radius:22px}
body.pg-page .contact-form input,body.pg-page .contact-form textarea,body.pg-page .hero-search{border-radius:16px;border:1px solid rgba(90,60,160,.12);background:#fff}
body.pg-page .hero-search{border-radius:999px;padding:4px 4px 4px 14px;display:flex;gap:8px;align-items:center;max-width:520px}
body.pg-page .hero-search input{border:0;background:transparent;flex:1;min-width:0;outline:none;padding:10px 0;color:var(--dc-ink)}
body.pg-page .read-progress span{background:linear-gradient(90deg,#5b3df5,#c86bff,#49b7ff);background-size:200% 100%;animation:pf-shimmer 6s linear infinite}
body.pg-page .toast{background:#fff;border-radius:14px;box-shadow:var(--dc-shadow);color:var(--dc-ink)}
body.pg-page .also-read{padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.8);box-shadow:var(--dc-shadow)}
body.pg-page .also-read ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;list-style:none;margin:0;padding:0}
body.pg-page .also-read a{display:block;padding:8px 10px;border-radius:12px;background:#f6f3ff;color:var(--dc-ink);text-decoration:none;font-weight:700}
body.pg-page .archive h2{font-weight:800}
body.pg-page .prompt-nav a{color:#6a4bff;font-weight:700}
html.js .reveal{opacity:0;transform:translateY(16px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1),translate .45s cubic-bezier(.22,1,.36,1),box-shadow .45s;transition-delay:var(--d,0ms)}
html.js .reveal.in{opacity:1;transform:none}

@keyframes pg-mesh{0%,100%{background-position:0% 40%}50%{background-position:100% 60%}}
@keyframes pg-float{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(18px,-22px,0) scale(1.06)}}
@keyframes pg-drift{0%,100%{translate:0 0}50%{translate:22px -16px}}
@keyframes pg-dots{from{background-position:0 0}to{background-position:136px 80px}}
@keyframes pg-sheen{0%,62%{translate:-130% 0}100%{translate:130% 0}}
@keyframes pg-drop{from{opacity:0;translate:0 -12px}to{opacity:1;translate:0 0}}
@keyframes pf-shimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes au-sway{0%,100%{transform:rotate(-4deg) scale(1)}50%{transform:rotate(6deg) scale(1.04)}}

@media(min-width:1100px){
  body.pg-page .prompt-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  body.pg-page .post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1100px){
  body.pg-page .menu{top:82px;left:12px;right:12px;border-radius:22px;background:rgba(255,255,255,.97);border:1px solid #e6e0f8;box-shadow:var(--dc-shadow)}
  html[data-theme=dark] body.pg-page .menu{background:#221a3c}
  .au-cats{grid-template-columns:1fr 1fr}
  body.pg-page .post-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .au-hero-card,.au-trend,.au-steps,body.pg-page .footer-grid{grid-template-columns:1fr}
  .au-ribbon{min-height:200px}
  .au-copy h1{font-size:clamp(36px,10vw,52px)}
  .au-row{grid-template-columns:32px 56px minmax(0,1fr)}
  .au-pct{display:none}
}
@media(max-width:640px){
  body.pg-page .pg-nav{width:calc(100% - 16px);height:auto;min-height:58px;border-radius:22px}
  body.pg-page .post-grid,body.pg-page .prompt-grid,.au-cats,.au-steps{grid-template-columns:1fr !important}
  .dc-head{flex-direction:column;align-items:flex-start}
  .au-hero-card{padding:26px 18px}
  body.pg-page .also-read ul{grid-template-columns:1fr}
  body.pg-page .prompt-card{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  body.pg-page,.orb,.drift,.wave,.pg-sky .mesh,.au-ribbon svg,.strand,.pg-go::after,.au-btn::after,.pg-news button::after,.au-em,.read-progress span{animation:none !important}
  .pg-sky{translate:none}
  .au-em,.big404{color:#5b3df5;-webkit-text-fill-color:#5b3df5}
}