/* /features/404-redirects/ only: forwarding labels (hero), the closest-page tester, the redirect
   file, the struck-through 404 list and the after-the-fix strip. Prefix rd-. Sample data. */

/* hero: envelopes with forwarding labels */
.rd-fw{border-radius:10px;background:var(--sk-deep);border:1px solid var(--sk-line-2);overflow:hidden}
.rd-bar{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.6rem .8rem;border-bottom:1px solid var(--sk-line);font:500 .66rem var(--sk-mono);color:var(--sk-text-3)}
.rd-btn{padding:.2rem .55rem;border:1px solid var(--sk-line-2);border-radius:6px;background:var(--sk-ink-2);color:var(--sk-text-2);font:600 .62rem var(--sk-mono);cursor:pointer}
.rd-desk{position:relative;height:13.5rem;margin:1rem .9rem .4rem}
.rd-env{position:absolute;inset:0;padding:1rem 1.1rem;border-radius:6px;background:#f6f1e6;color:#1d2a35;box-shadow:0 8px 22px rgba(0,0,0,.35);background-image:repeating-linear-gradient(135deg,#c84a16 0 10px,#f6f1e6 10px 20px,#2477c2 20px 30px,#f6f1e6 30px 40px);background-size:100% .45rem;background-repeat:no-repeat;transition:transform .6s ease,opacity .6s ease}
.rd-env::after{content:"";position:absolute;right:1rem;top:1rem;width:2.4rem;height:2.8rem;border:2px dashed #b9ae98;border-radius:3px}
.rd-to{margin:.6rem 0 0;font:600 1rem var(--sk-mono)}
.rd-to small{display:block;margin-bottom:.15rem;font:600 .58rem var(--sk-mono);letter-spacing:.08em;text-transform:uppercase;color:#7a7364}
.rd-to s{text-decoration-thickness:2px;text-decoration-color:#c84a16;word-break:break-all}
.rd-who{margin:.35rem 0 0;font:500 .66rem var(--sk-mono);color:#6a6455}
.rd-label{position:absolute;left:1.1rem;right:4.2rem;bottom:1rem;margin:0;padding:.55rem .7rem;border-radius:3px;background:#ffd84d;box-shadow:0 2px 0 #c9a520;transform:rotate(-2deg);transition:transform .45s ease .35s,opacity .35s ease .35s}
.rd-label b{display:block;font:700 .82rem var(--sk-mono);word-break:break-all}
.rd-label span{display:block;margin-top:.1rem;font:600 .64rem var(--sk-sans);color:#5a4a00}
.rd-label.rd-loose{background:#ffe9a8}.rd-label.rd-loose span::before{content:"⚠ "}
.rd-stamp{position:absolute;right:1.1rem;bottom:1.1rem;margin:0;padding:.35rem .7rem;border:3px solid #b3261e;border-radius:6px;color:#b3261e;text-align:center;transform:rotate(-8deg);transition:transform .45s ease .35s,opacity .35s ease .35s}
.rd-stamp b{display:block;font:800 1rem var(--sk-mono);letter-spacing:.06em;text-transform:uppercase}
.rd-stamp span{display:block;font:600 .6rem var(--sk-sans)}
.js .rd-fw[data-step] .rd-env{opacity:0;transform:translateX(2rem) rotate(2deg)}
.js .rd-fw[data-step] .rd-env.on{opacity:1;transform:none}
.js .rd-fw[data-step] .rd-env.past{opacity:0;transform:translateX(-2rem) rotate(-3deg)}
.js .rd-fw[data-step] .rd-env:not(.on) .rd-label,.js .rd-fw[data-step] .rd-env:not(.on) .rd-stamp{opacity:0;transform:scale(1.25) rotate(4deg)}
.rd-env.still{position:relative;margin-bottom:.6rem}
.rd-fw:not([data-step]) .rd-desk{height:auto}
.rd-fw:not([data-step]) .rd-env{position:relative;margin-bottom:.8rem;min-height:12rem}
.rd-line{margin:.4rem .9rem .9rem;padding:.5rem .6rem;border-radius:6px;background:#0d151c;border:1px solid #33475a;overflow-x:auto}
.rd-line code{font:600 .72rem var(--sk-mono);color:#8fe3b4;white-space:nowrap}

/* 01: the tester */
.rd-ct{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:1.5rem;padding:1.2rem;border-radius:12px;background:var(--sk-deep);border:1px solid var(--sk-line-2)}
.rd-ct-k{display:block;margin-bottom:.4rem;font:600 .66rem var(--sk-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--sk-text-3)}
.rd-ct-input{width:100%;box-sizing:border-box;padding:.65rem .75rem;border-radius:8px;border:1px solid var(--sk-line-2);background:#0d151c;color:#fff;font:600 .95rem var(--sk-mono)}
.rd-ct-input:focus{outline:2px solid var(--sk-ai);outline-offset:1px}
.rd-ct-picks{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.7rem}
.rd-ct-picks .seg{font-size:.72rem}
.rd-ct-steps{margin:0 0 .9rem;padding:0;list-style:none;counter-reset:rd;display:grid;gap:.3rem}
.rd-ct-steps li{counter-increment:rd;position:relative;padding:.35rem .55rem .35rem 2rem;border-radius:6px;font-size:.8rem;line-height:1.4;color:var(--sk-text-3);border:1px solid transparent;transition:background .3s,color .3s}
.rd-ct-steps li::before{content:counter(rd);position:absolute;left:.55rem;top:.35rem;font:700 .7rem var(--sk-mono)}
.rd-ct-steps li.tried{color:#6d7f90;text-decoration:line-through;text-decoration-color:#4a5d6e}
.rd-ct-steps li.hit{color:#fff;background:#2a1a10;border-color:#eb6834}
.rd-ct-steps code{font-size:.74rem}
.rd-ct-words p{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;margin:0 0 .45rem}
.rd-ct-words small{flex:0 0 100%;font:600 .6rem var(--sk-mono);color:var(--sk-text-3);word-break:break-all}
.rd-ct-words span{padding:.12rem .45rem;border-radius:4px;background:#22323f;color:#cfd8e2;font:600 .74rem var(--sk-mono)}
.rd-ct-words span.sh{background:#c84a16;color:#fff}
.rd-ct-words em{font-size:.74rem;color:var(--sk-text-3)}
.rd-ct-dice{margin:.3rem 0 .7rem}
.rd-ct-dbar{position:relative;display:block;height:.55rem;border-radius:.3rem;background:#22323f}
.rd-ct-dbar i{position:absolute;left:0;top:0;bottom:0;border-radius:.3rem;background:#4db3ff;transition:width .5s ease}
.rd-ct-dbar b{position:absolute;left:62%;top:-1.1rem;transform:translateX(-50%);font:700 .56rem var(--sk-mono);color:#ff8a5c}
.rd-ct-dbar::after{content:"";position:absolute;left:62%;top:-.2rem;bottom:-.2rem;border-left:2px dashed #eb6834}
.rd-ct-dice small{display:block;margin-top:.35rem;font:500 .66rem var(--sk-mono);color:var(--sk-text-3)}
.rd-ct-res{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.rd-ct-res code{font:700 .95rem var(--sk-mono);color:#fff;word-break:break-all}
.rd-ct-badge{padding:.15rem .55rem;border-radius:999px;font:700 .64rem var(--sk-mono);text-transform:uppercase;letter-spacing:.05em}
.rd-ct-badge.m-exact{background:#1baf7a;color:#04140d}.rd-ct-badge.m-likely{background:#4db3ff;color:#04121f}
.rd-ct-badge.m-guess{background:#f2c55c;color:#2a1f00}.rd-ct-badge.m-none{background:#b3261e;color:#fff}
.rd-ct-why{margin:.35rem 0 .6rem;font-size:.82rem;color:var(--sk-text-2)}
.rd-ct-rule{margin:0;padding:.5rem .6rem;border-radius:6px;background:#0d151c;border:1px solid #33475a;overflow-x:auto}
.rd-ct-rule code{font:600 .72rem var(--sk-mono);color:#8fe3b4;white-space:nowrap}
.rd-live{margin-top:1rem;color:var(--sk-text-2);font-size:.85rem}
.rd-live summary{cursor:pointer;font-weight:600}
.rd-live code{font-size:.74rem;line-height:1.7;word-spacing:.4rem}
@media (max-width:820px){.rd-ct{grid-template-columns:1fr}}

/* 02: the redirect file */
.rd-rf{border-radius:10px;background:#0d151c;border:1px solid var(--sk-line-2);overflow:hidden}
.rd-rf-bar{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.55rem .8rem;border-bottom:1px solid var(--sk-line);font:600 .7rem var(--sk-mono);color:var(--sk-text-2)}
.rd-rf-dl{padding:.3rem .6rem;border-radius:6px;border:0;background:var(--sk-cta);color:#fff;font:700 .66rem var(--sk-sans);cursor:pointer}
.rd-rf-dl:hover{background:var(--sk-cta-hover)}
.rd-rf-body{margin:0;padding:.9rem .9rem 1.1rem;overflow-x:auto;font:500 .72rem/1.9 var(--sk-mono);color:#cfd8e2}
.rd-rf-body span{display:inline-block;white-space:pre}
.rd-rf-body .c{color:#6d7f90}
.rd-rf-body .gone{color:#ff9d95}
.rd-rf-body .flag{position:relative;padding-right:5.4rem;color:#ffd84d}
.rd-rf-body .flag::after{content:"check first";position:absolute;right:0;top:50%;padding:0 .35rem;border:2px solid #ffd84d;border-radius:4px;font:800 .54rem/1.5 var(--sk-mono);text-transform:uppercase;transform:translateY(-50%) rotate(-4deg)}
.rd-rf.flash .flag::after{animation:rd-stamp .5s ease}
@keyframes rd-stamp{0%{transform:translateY(-50%) scale(1.8) rotate(-12deg);opacity:0}100%{transform:translateY(-50%) rotate(-4deg);opacity:1}}

/* 03: the struck-through list */
.rd-st{border-radius:8px;background:#fffdf7;border:1px solid var(--sk-paper-line,#e3dccd);overflow-x:auto}
.rd-st-t{width:100%;border-collapse:collapse;font-size:.8rem;color:#1d2a35}
.rd-st-t th{padding:.55rem .7rem;text-align:left;font:700 .62rem var(--sk-mono);letter-spacing:.06em;text-transform:uppercase;color:#6a7884;border-bottom:1px solid #e3dccd}
.rd-st-t td{padding:.45rem .7rem;border-bottom:1px solid #efe9dc;vertical-align:top;transition:opacity .4s,color .4s}
.rd-st-t td code{font-size:.74rem;word-break:break-all}
.rd-st-t td:last-child{font-weight:600}
.rd-st[data-state="cut"] .rd-out td{opacity:.45;text-decoration:line-through;text-decoration-color:#b3261e}
.rd-st[data-state="cut"] .rd-out td:last-child{text-decoration:none;opacity:1;color:#b3261e}
.rd-st[data-state="cut"] tr:not(.rd-out) td:last-child{color:#0f7a52}
.rd-st[data-state="all"] td:last-child{color:transparent}
.rd-st[data-state="all"] td:last-child::after{content:"404";color:#6a7884;font:600 .74rem var(--sk-mono)}
.rd-st[data-state="all"] td:last-child{position:relative}
.rd-st[data-state="all"] td:last-child::after{position:absolute;left:.7rem;top:.45rem}

/* 04: after the fix */
.rd-af{padding:1rem;border-radius:10px;background:var(--sk-deep);border:1px solid var(--sk-line-2)}
.rd-af-addr{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;margin:0 0 .8rem}
.rd-af-addr code{font:700 .86rem var(--sk-mono);color:#fff}
.rd-af-addr span{font:500 .66rem var(--sk-mono);color:var(--sk-text-3)}
.rd-af-strip{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:.2rem;align-items:end;height:7rem;padding-bottom:1.2rem}
.rd-c{position:relative;display:flex;justify-content:center;align-items:flex-end;gap:1px;height:100%;border-radius:3px;background:#111c25}
.rd-c i{display:block;width:40%;height:calc(var(--n,0) * 1.2rem);min-height:0;border-radius:2px 2px 0 0;transition:height .5s ease}
.rd-c .nf{background:#eb6834}.rd-c .sv{background:#1baf7a}
.rd-c small{position:absolute;bottom:-1.15rem;font:500 .5rem var(--sk-mono);color:#7d8d9c}
.rd-c.a{background:#13232c}
.rd-c.m::before{content:"mark";position:absolute;right:-.2rem;top:-.1rem;bottom:0;border-right:2px solid #ffd84d;font:700 .48rem var(--sk-mono);color:#ffd84d;writing-mode:vertical-rl;padding-right:.1rem}
.rd-c.t{background:repeating-linear-gradient(45deg,#111c25 0 4px,#17242e 4px 8px)}
.rd-af-fig{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin:.6rem 0 .7rem}
.rd-af-fig div{padding:.5rem .6rem;border-radius:6px;background:#111c25}
.rd-af-fig dt{font:600 .56rem var(--sk-mono);text-transform:uppercase;letter-spacing:.06em;color:#7d8d9c}
.rd-af-fig dd{margin:.15rem 0 0;font:700 1.3rem var(--sk-mono);color:#fff}
.rd-af-v{margin:0}
.rd-af-badge{display:inline-block;padding:.2rem .7rem;border-radius:999px;font:700 .7rem var(--sk-mono);text-transform:uppercase;letter-spacing:.05em}
.rd-af-badge.v-fixed{background:#1baf7a;color:#04140d}.rd-af-badge.v-not_yet{background:#eb6834;color:#fff}.rd-af-badge.v-waiting{background:#33475a;color:#cfd8e2}
@media (max-width:560px){.rd-c small{font-size:.42rem}.rd-af-fig dd{font-size:1.05rem}}