/*
Theme Name: Duct Tape Studio
Theme URI: https://ducttapestudio.com
Author: Duct Tape Studio
Description: Custom theme for Duct Tape Studio, a scrappy indie game studio. Silver duct-tape look with a warm amber accent, a Games custom post type, and a devlog powered by posts. Manage everything from the dashboard.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
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: duct-tape-studio
*/

/* ============================================================
   DUCT TAPE STUDIO  ·  ducttapestudio.com
   Brand: silver duct tape + warm amber core + dark charcoal,
   with pixel-shatter game accents (all drawn from the logo).
   ------------------------------------------------------------
   Edit points are marked  >>> EDIT
   ============================================================ */

:root{
  --ink:#151a22;          /* page (dark charcoal-blue, logo bg)   */
  --ink-2:#0e1219;
  --panel:#1c222c;
  --line:rgba(255,255,255,.08);
  --text:#f0f1f4;
  --dim:#a7adb8;
  --muted:#838a96;
  --amber:#efa54e;        /* primary accent — the tape core       */
  --amber-lt:#ffc678;
  --amber-dp:#cf8128;
  --tape-ink:#191a1e;     /* text printed on silver tape          */
  --nav-h:60px;
  --maxw:1180px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color:var(--text);
  background-color:var(--ink);
  background-image:
    radial-gradient(80% 50% at 80% -6%, rgba(239,165,78,.12), transparent 52%),
    radial-gradient(72% 50% at 8% 6%, rgba(46,96,168,.10), transparent 56%),
    repeating-linear-gradient(0deg, rgba(255,255,255,.02) 0 1px, transparent 1px 32px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.02) 0 1px, transparent 1px 32px);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:inherit;}
:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:2px;}

.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(20px,5vw,28px);}
.section{padding-block:clamp(64px,10vw,120px);position:relative;}
section[id]{scroll-margin-top:calc(var(--nav-h) + 18px);}
.mono{font-family:"Space Mono",ui-monospace,Menlo,Consolas,monospace;}
.display{font-family:"Archivo Black",Impact,sans-serif;font-weight:400;text-transform:uppercase;line-height:.98;letter-spacing:-.01em;}

/* gradient "pop" — white→amber→deep-amber, echoing the metallic wordmark + tape core */
.pop{color:var(--amber);}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .pop{
    background:linear-gradient(178deg,#fff 0%,#ffce8f 30%,#efa54e 66%,#cf8128 100%);
    -webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;color:transparent;
    filter:drop-shadow(0 3px 20px rgba(239,165,78,.32));
  }
}

/* ---------- THE TAPE ---------- */
.tape{
  position:relative;isolation:isolate;color:var(--tape-ink);
  background:linear-gradient(106deg,#b6bbc1 0%,#ccd0d5 16%,#c0c4ca 29%,#d7dbdf 46%,#c4c8cd 61%,#ced2d7 79%,#babfc5 100%);
  filter:drop-shadow(0 7px 11px rgba(0,0,0,.5));
}
.tape::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:repeating-linear-gradient(90deg,rgba(0,0,0,.05) 0 1px,transparent 1px 4px),
            repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 3px);}
.t-strip{clip-path:polygon(2% 0,98% 0,100% 22%,96% 45%,100% 68%,95% 88%,99% 100%,2% 100%,4% 80%,0 60%,5% 40%,1% 20%);}
.t-strip2{clip-path:polygon(0 8%,97% 0,100% 30%,96% 52%,99% 78%,95% 100%,3% 96%,1% 72%,4% 48%,0 26%);}
.t-label{clip-path:polygon(4% 6%,96% 0,99% 28%,97% 55%,100% 82%,96% 100%,4% 96%,2% 70%,0 44%,3% 18%);}
.hazard{background:repeating-linear-gradient(45deg,#14181f 0 16px,var(--amber) 16px 32px);}

/* ---------- PIXEL-SHATTER (game motif from the logo) ---------- */
.px{position:absolute;width:7px;height:7px;pointer-events:none;z-index:5;}
.px::before{content:"";position:absolute;top:0;left:0;width:7px;height:7px;background:#cdd2d8;
  box-shadow:
    13px -9px 0 0 var(--amber),
    25px -3px 0 0 #aeb4bd,
    7px 11px 0 0 #cdd2d8,
    21px 15px 0 0 var(--amber),
    -8px 5px 0 0 #aeb4bd,
    33px 7px 0 0 #8b9098,
    1px 23px 0 0 var(--amber);}

/* ---------- NAV (tape across the top) ---------- */
.nav{position:sticky;top:0;z-index:60;isolation:isolate;
  background:linear-gradient(106deg,#b6bbc1 0%,#ccd0d5 18%,#c2c6cc 40%,#d6dadf 60%,#bec3c9 100%);
  filter:drop-shadow(0 4px 10px rgba(0,0,0,.45));
  clip-path:polygon(0 0,100% 0,100% 100%,96% 100%,95% 94%,94% 100%,88% 99%,86% 93%,85% 100%,78% 100%,77% 95%,76% 99%,70% 98%,68% 92%,67% 100%,60% 100%,59% 94%,58% 99%,50% 100%,48% 93%,47% 100%,40% 99%,38% 95%,37% 100%,30% 100%,29% 92%,28% 99%,20% 100%,18% 94%,17% 100%,10% 99%,8% 93%,7% 100%,2% 100%,1% 95%,0 100%);}
.nav::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:repeating-linear-gradient(90deg,rgba(0,0,0,.045) 0 1px,transparent 1px 4px),
            repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 3px);}
.nav__inner{max-width:var(--maxw);margin-inline:auto;height:var(--nav-h);
  padding:0 clamp(20px,5vw,28px) 8px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.brand{display:flex;align-items:baseline;gap:9px;text-decoration:none;color:var(--tape-ink);}
.brand b{font-family:"Archivo Black",sans-serif;font-weight:400;font-size:1.32rem;letter-spacing:.01em;line-height:1;text-transform:uppercase;}
.brand span{font-family:"Space Mono",monospace;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:#3a3c41;}
.nav__links{display:flex;align-items:center;gap:clamp(14px,3vw,30px);}
.nav__link{font-family:"Space Mono",monospace;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;
  color:#34363b;text-decoration:none;padding:4px 2px;position:relative;transition:color .18s;}
.nav__link::after{content:"";position:absolute;left:0;right:100%;bottom:-1px;height:2px;background:var(--amber-dp);transition:right .22s ease;}
.nav__link:hover{color:#000;}
.nav__link:hover::after,.nav__link.is-active::after{right:0;}
.nav__link.is-active{color:#000;}

/* ---------- HERO ---------- */
.hero{padding-block:clamp(54px,10vw,104px) clamp(40px,7vw,76px);position:relative;overflow:hidden;}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(34px,5vw,68px);align-items:center;}
.hero__eyebrow{display:inline-block;font-family:"Space Mono",monospace;font-size:.72rem;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;padding:9px 16px 12px;transform:rotate(-1deg);margin:0 0 24px;}
.hero h1{margin:0 0 24px;font-size:clamp(2.3rem,6.6vw,4.7rem);max-width:14ch;text-shadow:0 6px 30px rgba(0,0,0,.45);}
.hero h1 .taped{display:inline-block;white-space:nowrap;padding:.02em .26em .12em;margin:0 .03em;transform:rotate(-1.6deg);}
.hero__sub{font-size:clamp(1.02rem,1.6vw,1.2rem);color:var(--dim);max-width:46ch;margin:0 0 32px;}
.hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 36px;}
.btn{font-family:"Inter",sans-serif;font-weight:700;font-size:.96rem;text-decoration:none;
  padding:14px 24px;border-radius:9px;display:inline-flex;align-items:center;gap:9px;
  transition:transform .12s ease,background .18s,border-color .18s,color .18s,box-shadow .25s;border:1px solid transparent;}
.btn:active{transform:translateY(1px);}
.btn--primary{background:var(--amber);color:#231603;box-shadow:0 0 0 rgba(239,165,78,0);}
.btn--primary:hover{background:var(--amber-lt);box-shadow:0 8px 30px rgba(239,165,78,.38);}
.btn--ghost{border-color:rgba(255,255,255,.22);color:var(--text);}
.btn--ghost:hover{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.04);}
.hero__stats{font-family:"Space Mono",monospace;font-size:.74rem;letter-spacing:.06em;color:var(--muted);
  text-transform:uppercase;display:flex;flex-wrap:wrap;gap:10px 16px;}
.hero__stats b{color:var(--text);font-weight:700;}
.hero__stats .dot{color:var(--amber);}

/* ---------- BRAND PLATE (the real logo, framed & taped) ---------- */
.brandplate{position:relative;justify-self:center;max-width:470px;width:100%;
  padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.1);
  background:radial-gradient(86% 80% at 50% 28%, #2a313c 0%, #141925 58%, #0f131c 100%);
  box-shadow:0 32px 70px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.05);
  transform:rotate(-1.5deg);transition:transform .4s cubic-bezier(.2,.7,.2,1);
  opacity:0;animation:fadein .9s ease forwards .5s;}
.brandplate:hover{transform:rotate(0);}
.brandplate img{border-radius:8px;width:100%;height:auto;}
.brandplate__glow{position:absolute;inset:-12% -8%;z-index:-1;border-radius:26px;
  background:radial-gradient(56% 50% at 50% 42%, rgba(239,165,78,.4), rgba(207,129,40,.14) 48%, transparent 72%);
  filter:blur(36px);}
.bp-tape{position:absolute;width:118px;height:42px;z-index:3;pointer-events:none;}
.bp-tape.tl{top:-18px;left:-13px;transform:rotate(-24deg);}
.bp-tape.tr{top:-18px;right:-13px;transform:rotate(22deg);}
.px--tr{top:-10px;right:10px;transform:rotate(6deg);}
.px--bl{bottom:6px;left:-10px;transform:rotate(186deg);}
@keyframes fadein{to{opacity:1;}}
@media (max-width:860px){
  .hero-grid{grid-template-columns:1fr;}
  .brandplate{order:-1;max-width:380px;margin-bottom:8px;}
}

/* ---------- PRINTED-TAPE MARQUEE ---------- */
.marquee{position:relative;margin-block:6px;overflow:hidden;transform:rotate(-1.1deg);
  background:linear-gradient(180deg,#cfd3d8,#bcc0c6);isolation:isolate;
  box-shadow:0 10px 24px rgba(0,0,0,.4),0 -2px 0 rgba(0,0,0,.15) inset;}
.marquee::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:repeating-linear-gradient(0deg,rgba(0,0,0,.05) 0 1px,transparent 1px 3px);}
.marquee__track{display:flex;width:max-content;will-change:transform;animation:marquee 26s linear infinite;}
.marquee__track span{font-family:"Archivo Black",sans-serif;text-transform:uppercase;font-size:1.05rem;
  letter-spacing:.04em;color:var(--tape-ink);padding:15px 0;}
.marquee__track i{color:var(--amber-dp);font-style:normal;padding:0 22px;}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------- SECTION HEADER ---------- */
.sec-head{position:relative;}
.eyebrow-tape{display:inline-block;font-family:"Space Mono",monospace;font-size:.72rem;font-weight:700;
  letter-spacing:.18em;text-transform:uppercase;padding:9px 18px 12px;transform:rotate(-1deg);margin-bottom:20px;}
.sec-head h2{font-size:clamp(1.8rem,5.4vw,3.4rem);margin:0 0 14px;text-shadow:0 6px 26px rgba(0,0,0,.4);}
.sec-head p{color:var(--dim);max-width:54ch;margin:0;font-size:1.04rem;}

/* ---------- FLAGSHIP: DOPE RUNNER ---------- */
.flagship{position:relative;margin-top:clamp(36px,5vw,56px);overflow:hidden;border-radius:16px;
  border:1px solid var(--line);box-shadow:0 34px 80px rgba(0,0,0,.45);padding:clamp(28px,5vw,60px);
  background:
    radial-gradient(120% 95% at 16% 26%, rgba(255,120,50,.16), transparent 56%),
    radial-gradient(90% 80% at 92% 86%, rgba(46,96,168,.16), transparent 60%),
    linear-gradient(160deg,#1b212b,#0e1219);}
.flagship::before{content:"";position:absolute;top:0;left:0;right:0;height:8px;
  background:repeating-linear-gradient(45deg,#14181f 0 14px,var(--amber) 14px 28px);opacity:.92;}
.dr{display:grid;grid-template-columns:minmax(240px,360px) 1fr;gap:clamp(30px,5vw,60px);align-items:center;margin-top:10px;}
.dr__art{position:relative;justify-self:center;transform:rotate(-2deg);transition:transform .4s cubic-bezier(.2,.7,.2,1);}
.dr__art:hover{transform:rotate(0);}
.dr__art img{border-radius:5px;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 60px rgba(0,0,0,.6);width:100%;height:auto;}
.dr__glow{position:absolute;inset:-14% -10%;z-index:-1;border-radius:24px;
  background:radial-gradient(58% 54% at 50% 46%, rgba(255,120,50,.5), rgba(239,165,78,.22) 46%, transparent 72%);
  filter:blur(34px);animation:pulse 5.5s ease-in-out infinite;}
@keyframes pulse{0%,100%{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
.dr__tape{position:absolute;width:106px;height:40px;z-index:3;pointer-events:none;}
.dr__tape.tl{top:-17px;left:-15px;transform:rotate(-26deg);}
.dr__tape.tr{top:-17px;right:-15px;transform:rotate(24deg);}
.dr__tape.bl{bottom:-16px;left:-13px;transform:rotate(18deg);width:96px;}
.dr__badge{position:absolute;bottom:14px;left:-16px;z-index:4;font-family:"Space Mono",monospace;
  font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#1a1206;
  padding:8px 14px 11px;transform:rotate(-7deg);}
.dr__copy h3{margin:0 0 16px;font-size:clamp(2.2rem,6.2vw,4.3rem);}
.dr__eyebrow{font-family:"Space Mono",monospace;font-size:.74rem;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:var(--amber);margin:0 0 14px;}
.dr__tag{font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:clamp(1.15rem,2.3vw,1.5rem);
  color:var(--text);margin:0 0 16px;letter-spacing:-.01em;}
.dr__copy .body{color:var(--dim);font-size:1.02rem;margin:0 0 18px;max-width:46ch;}
.dr__meta{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin:0 0 26px;}
.pill{font-family:"Space Mono",monospace;font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  padding:5px 10px;border-radius:5px;border:1px solid transparent;white-space:nowrap;}
.pill--debut{background:var(--amber);color:#231603;}
.pill--dev{border-color:rgba(255,255,255,.26);color:var(--dim);}
.dr__tags{font-family:"Space Mono",monospace;font-size:.74rem;color:var(--muted);letter-spacing:.02em;}
@media (max-width:760px){.dr{grid-template-columns:1fr;}.dr__art{max-width:340px;}}

/* ---------- TEASER CARDS ---------- */
.teasers{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(24px,3.5vw,38px);margin-top:clamp(32px,4.5vw,48px);}
.tcard{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:12px;
  padding:26px 24px 24px;box-shadow:0 16px 32px rgba(0,0,0,.3);transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s;}
.tcard:nth-child(odd){transform:rotate(-1deg);}
.tcard:nth-child(even){transform:rotate(1.1deg);}
.tcard:hover{transform:rotate(0) translateY(-7px);box-shadow:0 28px 48px rgba(0,0,0,.44);}
.tcard__tape{position:absolute;top:-17px;left:22px;width:104px;height:38px;transform:rotate(-6deg);pointer-events:none;}
.tcard:nth-child(even) .tcard__tape{left:auto;right:22px;transform:rotate(6deg);}
.tcard h4{font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:1.3rem;letter-spacing:-.01em;margin:14px 0 8px;}
.tcard p{color:var(--dim);font-size:.95rem;margin:0;}

/* ---------- HAZARD DIVIDER ---------- */
.divider{position:relative;height:30px;margin-block:clamp(8px,3vw,24px);transform:rotate(-1deg);
  width:108%;left:-4%;box-shadow:0 8px 20px rgba(0,0,0,.35);opacity:.95;}

/* ---------- DEVLOG ---------- */
.log{margin-top:clamp(40px,5.5vw,60px);max-width:760px;}
.entry{position:relative;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--amber);
  border-radius:10px;padding:24px 26px 26px;margin-bottom:26px;box-shadow:0 14px 28px rgba(0,0,0,.28);}
.entry__tape{position:absolute;top:-17px;left:24px;width:100px;height:38px;transform:rotate(-5deg);pointer-events:none;}
.entry__meta{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin-bottom:12px;font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;}
.entry__meta .ver{color:var(--amber);font-weight:700;}
.entry__meta .date{color:var(--muted);}
.entry h3{font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:1.32rem;letter-spacing:-.01em;margin:0 0 10px;}
.entry p{color:var(--dim);font-size:.97rem;margin:0;}

/* ---------- FOOTER ---------- */
.foot{position:relative;background:var(--panel);margin-top:clamp(36px,5vw,60px);
  padding-block:clamp(60px,8vw,96px);border-top:1px solid var(--line);overflow:hidden;}
.foot::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;
  background:repeating-linear-gradient(45deg,#14181f 0 14px,var(--amber) 14px 28px);opacity:.85;}
.foot__seam{position:absolute;top:-14px;left:50%;transform:translateX(-50%) rotate(-.5deg);width:min(380px,76%);height:46px;
  clip-path:polygon(0 14%,5% 26%,11% 10%,17% 28%,23% 12%,29% 27%,35% 11%,41% 26%,47% 12%,53% 28%,59% 11%,65% 27%,71% 12%,77% 26%,83% 11%,89% 27%,95% 13%,100% 26%,100% 100%,0 100%);}
.foot h2{font-size:clamp(1.8rem,4.8vw,3rem);margin:8px 0 16px;max-width:15ch;text-shadow:0 6px 24px rgba(0,0,0,.4);}
.foot p{color:var(--dim);max-width:50ch;margin:0 0 30px;font-size:1.04rem;}
.foot__mail{font-family:"Archivo Black",sans-serif;text-transform:uppercase;font-size:clamp(1.3rem,3.4vw,2rem);
  color:var(--amber);text-decoration:none;letter-spacing:.01em;border-bottom:2px solid rgba(239,165,78,.35);
  transition:border-color .2s;display:inline-block;margin-bottom:34px;}
.foot__mail:hover{border-color:var(--amber);}
.socials{display:flex;flex-wrap:wrap;gap:10px 26px;margin-bottom:42px;}
.socials a{font-family:"Space Mono",monospace;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);text-decoration:none;transition:color .18s;}
.socials a:hover{color:var(--amber);}
.foot__base{font-family:"Space Mono",monospace;font-size:.7rem;letter-spacing:.06em;color:var(--muted);text-transform:uppercase;border-top:1px solid var(--line);padding-top:24px;}

/* ---------- REVEAL ---------- */
.reveal{opacity:1;}
.js .reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1);}
.js .reveal.in{opacity:1;transform:none;}

/* ---------- HERO ENTRANCE ---------- */
.hero__eyebrow,.hero h1,.hero__sub,.hero__cta,.hero__stats{opacity:0;animation:rise .85s cubic-bezier(.2,.7,.2,1) forwards;}
.hero__eyebrow{animation-delay:.05s}
.hero h1{animation-delay:.16s}
.hero__sub{animation-delay:.34s}
.hero__cta{animation-delay:.48s}
.hero__stats{animation-delay:.62s}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}

/* ---------- RESPONSIVE ---------- */
@media (max-width:560px){
  .brand span{display:none;}
  .hero__stats{font-size:.68rem;}
  .marquee__track span{font-size:.92rem;}
}

/* ---------- MOTION-SAFE ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *{animation:none !important;transition:none !important;}
  .js .reveal{opacity:1;transform:none;}
  .hero__eyebrow,.hero h1,.hero__sub,.hero__cta,.hero__stats,.brandplate{opacity:1;}
  .marquee__track{transform:none;}
}

/* =====================================================
   WordPress content styles (added for the theme)
   ===================================================== */
.dr__copy .body p{margin:0 0 12px;}
.dr__copy .body p:last-child{margin-bottom:0;}
.post-body{color:var(--dim);font-size:1.04rem;max-width:760px;line-height:1.75;}
.post-body p{margin:0 0 18px;}
.post-body h2,.post-body h3,.post-body h4{font-family:"Bricolage Grotesque",sans-serif;color:var(--text);letter-spacing:-.01em;margin:32px 0 12px;}
.post-body h2{font-size:1.7rem;} .post-body h3{font-size:1.35rem;} .post-body h4{font-size:1.15rem;}
.post-body a{color:var(--amber);text-underline-offset:3px;}
.post-body img{border-radius:8px;margin:18px 0;height:auto;}
.post-body ul,.post-body ol{color:var(--dim);padding-left:1.25em;margin:0 0 18px;}
.post-body li{margin:6px 0;}
.post-body blockquote{border-left:3px solid var(--amber);margin:18px 0;padding:4px 0 4px 18px;color:var(--text);font-style:italic;}
.entry__body p{margin:0;}
.dts-pagination{margin-top:44px;display:flex;gap:10px;flex-wrap:wrap;}
.dts-pagination .page-numbers{font-family:"Space Mono",monospace;font-size:.8rem;padding:8px 13px;border:1px solid var(--line);border-radius:7px;color:var(--dim);text-decoration:none;transition:border-color .18s,color .18s;}
.dts-pagination .page-numbers:hover{color:var(--amber);border-color:rgba(239,165,78,.4);}
.dts-pagination .current{background:var(--amber);color:#231603;border-color:transparent;}
.dts-admin-tip{margin-top:26px;font-family:"Space Mono",monospace;font-size:.76rem;letter-spacing:.02em;color:var(--muted);border:1px dashed rgba(255,255,255,.14);border-radius:8px;padding:12px 16px;}
.dts-admin-tip strong{color:var(--amber);}
.dts-seeall{margin-top:8px;}