/* ══════════════════════════════════════════════════
   AI METADATA REMOVER — free tool page
   Loads after css/style.css (variables, nav, FAQ, footer)
   ══════════════════════════════════════════════════ */

.amr-page{ position:relative; z-index:1; padding:120px 22px 80px; max-width:1040px; margin:0 auto; }
.amr-page a{ color:var(--yellow); }
.amr-page a:hover{ text-decoration:underline; }

/* ── Breadcrumb ── */
.amr-crumb{ display:flex; flex-wrap:wrap; gap:8px; font-size:12px; color:var(--muted); margin-bottom:28px; }
.amr-crumb a{ color:rgba(255,255,255,.55); text-decoration:none; }
.amr-crumb a:hover{ color:var(--yellow); text-decoration:none; }
.amr-crumb span[aria-current]{ color:var(--text); }

/* ── Hero ── */
.amr-hero{ text-align:center; max-width:760px; margin:0 auto 40px; }
.amr-hero .section-title{ font-size:clamp(34px,7vw,58px); }
.amr-hero .section-desc{ font-size:15px; max-width:60ch; margin:0 auto 22px; }
.amr-trust{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px 18px; margin:0; padding:0; list-style:none; }
.amr-trust li{
  display:inline-flex; align-items:center; gap:7px;
  font-family:'Barlow Condensed',sans-serif; font-size:13px; font-weight:700; letter-spacing:1.2px; text-transform:uppercase;
  color:rgba(255,255,255,.7);
}
.amr-trust svg{ width:15px; height:15px; color:var(--yellow); fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }

/* Screen-reader-only heading (the site CSP forbids inline style attributes) */
.amr-visually-hidden{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }

/* ── Tool card ── */
.amr-tool{
  background:var(--panel); border:1px solid #1c1c1c; border-radius:22px;
  padding:22px; margin:0 auto 26px; max-width:820px;
  box-shadow:0 30px 80px rgba(0,0,0,.45);
}
.amr-drop{
  position:relative; cursor:pointer; outline:none;
  border:2px dashed rgba(255,237,84,.35); border-radius:16px;
  padding:44px 20px; text-align:center;
  background:rgba(255,237,84,.025);
  transition:border-color .2s, background .2s, transform .2s;
}
.amr-drop:hover, .amr-drop:focus-visible, .amr-drop.is-over{
  border-color:var(--yellow); background:rgba(255,237,84,.06);
}
.amr-drop.is-over{ transform:scale(1.01); }
.amr-drop.is-busy{ cursor:progress; }
.amr-drop-icon{
  width:64px; height:64px; margin:0 auto 16px; border-radius:18px;
  background:rgba(255,237,84,.1); border:1px solid rgba(255,237,84,.3);
  display:flex; align-items:center; justify-content:center; color:var(--yellow);
}
.amr-drop-icon svg{ width:30px; height:30px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.amr-drop.is-busy .amr-drop-icon{ animation:amr-pulse 1s ease-in-out infinite; }
@keyframes amr-pulse{ 0%,100%{ transform:scale(1); } 50%{ transform:scale(.9); opacity:.6; } }
.amr-drop-title{ font-family:'Barlow Condensed',sans-serif; font-size:24px; font-weight:800; text-transform:uppercase; letter-spacing:.5px; margin:0 0 6px; }
.amr-drop-title u{ text-decoration:none; color:var(--yellow); }
.amr-drop-sub{ margin:0; font-size:13px; color:var(--muted); line-height:1.7; }
.amr-drop input{ position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }

.amr-modes{ display:grid; gap:10px; margin-top:16px; }
@media(min-width:640px){ .amr-modes{ grid-template-columns:1fr 1fr; } }
.amr-mode{
  display:flex; gap:12px; align-items:flex-start; cursor:pointer;
  padding:14px 16px; border:1px solid #222; border-radius:14px; background:rgba(255,255,255,.02);
  transition:border-color .2s, background .2s;
}
.amr-mode:hover{ border-color:rgba(255,237,84,.3); }
.amr-mode input{ margin-top:3px; accent-color:var(--yellow); flex-shrink:0; }
.amr-mode:has(input:checked){ border-color:rgba(255,237,84,.55); background:rgba(255,237,84,.05); }
.amr-mode strong{ display:block; font-size:14px; margin-bottom:3px; }
.amr-mode span{ display:block; font-size:12px; color:var(--muted); line-height:1.6; }

.amr-privacy{ margin:14px 0 0; text-align:center; font-size:12px; color:var(--muted); line-height:1.7; }
.amr-privacy strong{ color:rgba(255,255,255,.8); }
.amr-error{ margin:14px 0 0; color:#ef4444; font-size:13px; line-height:1.6; text-align:center; }

/* ── Results ── */
.amr-results{ max-width:820px; margin:0 auto 70px; scroll-margin-top:110px; }
.amr-results-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:14px; }
.amr-summary{ display:flex; flex-wrap:wrap; gap:6px 18px; font-size:12px; color:var(--muted); }
.amr-summary strong{ color:var(--text); font-size:14px; }
.amr-actions{ display:flex; gap:8px; flex-wrap:wrap; }

.amr-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:10px 20px; border-radius:50px; border:1px solid var(--border);
  background:none; color:var(--text); cursor:pointer; text-decoration:none;
  font-family:'Inter',sans-serif; font-weight:700; font-size:13px; letter-spacing:.5px;
  transition:background .2s, border-color .2s, color .2s;
  white-space:nowrap;
}
.amr-btn:hover{ border-color:rgba(255,237,84,.5); color:var(--yellow); text-decoration:none; }
.amr-btn--dl, .amr-btn--primary{ background:var(--yellow); border-color:var(--yellow); color:#000; }
.amr-btn--dl:hover, .amr-btn--primary:hover{ background:#D4C400; border-color:#D4C400; color:#000; text-decoration:none; }
.amr-page a.amr-btn--dl, .amr-page a.amr-btn--primary{ color:#000; }

.amr-list{ display:flex; flex-direction:column; gap:12px; }
.amr-item{
  display:grid; grid-template-columns:76px 1fr; gap:16px;
  background:var(--panel); border:1px solid #1c1c1c; border-radius:16px; padding:16px;
}
.amr-item-thumb{ width:76px; height:76px; border-radius:12px; overflow:hidden; background:#0a0a0a; border:1px solid #222; }
.amr-item-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.amr-item-body{ min-width:0; }
.amr-item-head{ display:flex; justify-content:space-between; align-items:flex-start; gap:12px; flex-wrap:wrap; }
.amr-item-name{ margin:0; font-weight:700; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%; }
.amr-item-meta{ margin:3px 0 0; font-size:12px; color:var(--muted); }
.amr-item-meta .yl{ color:var(--yellow); }
.amr-badges{ display:flex; flex-wrap:wrap; gap:6px; margin:12px 0 0; }
.amr-badge{
  display:inline-block; padding:4px 10px; border-radius:50px; font-size:11px; font-weight:700; letter-spacing:.3px;
  border:1px solid #2a2a2a; color:rgba(255,255,255,.7);
}
.amr-badge--ai{ border-color:rgba(232,56,58,.5); color:#ff7b7d; background:rgba(232,56,58,.08); }
.amr-badge--ok{ border-color:rgba(34,197,94,.45); color:#4ade80; background:rgba(34,197,94,.08); }
.amr-removed{ list-style:none; margin:12px 0 0; padding:0; display:grid; gap:4px; }
.amr-removed li{ display:flex; justify-content:space-between; gap:12px; font-size:12px; color:rgba(255,255,255,.75); padding:6px 10px; border-radius:8px; background:rgba(255,255,255,.025); }
.amr-removed li::before{ content:'−'; color:#ff7b7d; font-weight:800; margin-right:6px; }
.amr-removed li span{ flex:1; min-width:0; }
.amr-removed li em{ font-style:normal; color:var(--muted); white-space:nowrap; }
.amr-removed--kept li::before{ content:'✓'; color:#4ade80; }
.amr-warn{ margin:12px 0 0; font-size:12px; line-height:1.6; color:#fbbf24; }
.amr-note{ margin:10px 0 0; font-size:12px; line-height:1.6; color:var(--muted); }

@media(max-width:480px){
  .amr-item{ grid-template-columns:1fr; }
  .amr-item-thumb{ width:100%; height:140px; }
}

/* ── Content sections ── */
/* style.css pads EVERY <section> by (100vw-1000px)/2 at >=1200px (homepage
   full-bleed sections). Ours already sit in a centred max-width box, so that
   padding squeezes the text into a one-word-per-line column on wide screens. */
.amr-page section.amr-section, .amr-page section.amr-results{ padding-left:0; padding-right:0; }
.amr-section{ margin:0 auto 70px; max-width:880px; }
.amr-section .tag-pill{ margin-bottom:14px; }
.amr-section .section-title{ font-size:clamp(28px,5vw,40px); }
.amr-section .section-desc{ max-width:70ch; }
.amr-section h3{ font-family:'Barlow Condensed',sans-serif; font-size:22px; font-weight:800; text-transform:uppercase; letter-spacing:.3px; margin:28px 0 10px; }
.amr-section p{ font-size:15px; line-height:1.85; color:rgba(255,255,255,.78); margin:0 0 14px; }
.amr-section ul, .amr-section ol{ margin:0 0 16px 20px; padding:0; }
.amr-section li{ font-size:15px; line-height:1.8; color:rgba(255,255,255,.78); margin-bottom:6px; }
.amr-section li strong, .amr-section p strong{ color:var(--text); }
.amr-section code{ font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.9em; color:var(--yellow); background:rgba(255,237,84,.07); padding:1px 6px; border-radius:6px; }

.amr-grid{ display:grid; gap:12px; margin-top:8px; }
@media(min-width:680px){ .amr-grid{ grid-template-columns:1fr 1fr; } }
.amr-card{ background:var(--panel); border:1px solid #1c1c1c; border-radius:16px; padding:20px; }
.amr-card h3{ margin:0 0 8px; font-size:19px; display:flex; align-items:center; gap:10px; }
.amr-card h3 svg{ width:20px; height:20px; flex-shrink:0; color:var(--yellow); fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.amr-card p{ font-size:14px; line-height:1.75; color:var(--muted); margin:0; }

.amr-steps{ counter-reset:step; list-style:none; margin:0; display:grid; gap:12px; }
@media(min-width:680px){ .amr-steps{ grid-template-columns:repeat(3,1fr); } }
.amr-steps li{ position:relative; background:var(--panel); border:1px solid #1c1c1c; border-radius:16px; padding:22px 20px 20px; margin:0; font-size:14px; color:var(--muted); line-height:1.7; }
.amr-steps li::before{
  counter-increment:step; content:counter(step, decimal-leading-zero);
  display:block; font-family:'Barlow Condensed',sans-serif; font-size:30px; font-weight:900; color:var(--yellow); line-height:1; margin-bottom:10px;
}
.amr-steps li strong{ display:block; color:var(--text); font-size:15px; margin-bottom:4px; }

.amr-table-wrap{ overflow-x:auto; border:1px solid #1c1c1c; border-radius:14px; margin-top:8px; }
.amr-table{ width:100%; border-collapse:collapse; font-size:13.5px; min-width:560px; }
.amr-table th, .amr-table td{ text-align:left; padding:12px 14px; border-bottom:1px solid #1c1c1c; vertical-align:top; line-height:1.6; }
.amr-table th{ font-family:'Barlow Condensed',sans-serif; font-size:12px; letter-spacing:1.5px; text-transform:uppercase; color:var(--muted); background:rgba(255,255,255,.02); }
.amr-table td{ color:rgba(255,255,255,.78); }
.amr-table tr:last-child td{ border-bottom:none; }
.amr-table td:first-child{ color:var(--text); font-weight:600; white-space:nowrap; }
.amr-yes{ color:#4ade80; font-weight:700; }
.amr-no{ color:#ff7b7d; font-weight:700; }

.amr-callout{
  border-left:3px solid var(--yellow); background:rgba(255,237,84,.05);
  border-radius:0 14px 14px 0; padding:16px 18px; margin:20px 0;
}
.amr-callout p{ margin:0; font-size:14px; }

/* Author box — ties the tool to the real person behind the site */
.amr-author{ display:grid; grid-template-columns:72px 1fr; gap:18px; align-items:center; background:var(--panel); border:1px solid #1c1c1c; border-radius:18px; padding:20px; }
.amr-author img{ width:72px; height:72px; border-radius:50%; object-fit:cover; border:2px solid rgba(255,237,84,.4); }
.amr-author p{ margin:0; font-size:14px; }
.amr-author .amr-author-name{ font-family:'Barlow Condensed',sans-serif; font-size:20px; font-weight:800; text-transform:uppercase; color:var(--text); margin-bottom:4px; }
@media(max-width:480px){ .amr-author{ grid-template-columns:1fr; text-align:center; } .amr-author img{ margin:0 auto; } }

/* FAQ block reuses .faq-item from style.css */
.amr-faq .faq-item.open .faq-a{ max-height:600px; }

/* Explore pills (copied from service.css so this page doesn't load it) */
.amr-explore{ text-align:center; padding:0 0 30px; }
.amr-explore-label{ font-family:'Barlow Condensed',sans-serif; font-size:11px; font-weight:700; letter-spacing:2.5px; text-transform:uppercase; color:var(--muted); margin:0 0 14px; }
.amr-explore-links{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }
.amr-explore-link{
  display:inline-flex; align-items:center; gap:10px; padding:9px 20px;
  border:1px solid var(--border); border-radius:100px; color:rgba(255,255,255,.65);
  font-size:13px; text-decoration:none; transition:border-color .2s, color .2s, background .2s;
}
.amr-explore-link svg{ width:18px; height:18px; flex:0 0 auto; color:var(--yellow); fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.amr-page a.amr-explore-link{ color:rgba(255,255,255,.65); }
.amr-page a.amr-explore-link:hover{ border-color:rgba(255,237,84,.4); color:var(--yellow); background:rgba(255,237,84,.05); text-decoration:none; }

/* CTA */
.amr-cta{ text-align:center; background:linear-gradient(180deg, rgba(255,237,84,.06), rgba(255,237,84,.01)); border:1px solid var(--border); border-radius:22px; padding:36px 22px; margin:0 auto 60px; max-width:880px; }
.amr-cta .section-title{ font-size:clamp(26px,5vw,36px); }
.amr-cta p{ max-width:56ch; margin:0 auto 20px; }

@media(prefers-reduced-motion:reduce){
  .amr-drop, .amr-drop-icon{ transition:none; animation:none !important; }
}