/* Privacy & Files directory only; linked tools retain their own UI and behavior. */
body.privacy-channel { margin:0; color:#202e34; background:#fffaf0; font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; }
.privacy-channel *, .privacy-channel *::before, .privacy-channel *::after { box-sizing:border-box; }
.privacy-channel .shell { width:min(1440px,calc(100% - 48px)); margin-inline:auto; }
.privacy-channel .hero { padding:28px 0 32px; }
.privacy-channel h1 { margin:0; font-size:clamp(28px,3vw,38px); line-height:1.2; letter-spacing:-.035em; }
.privacy-channel .hero-lead { max-width:76ch; margin:12px 0 0; color:#52616e; }
.privacy-channel .hero-note { margin:10px 0 0; color:#59676d; font-size:13px; }
.privacy-channel #tools, .privacy-channel #about { scroll-margin-top:100px; }
.privacy-channel .tools-section { padding-bottom:42px; }
.privacy-channel .section-heading { display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin-bottom:18px; }
.privacy-channel h2 { margin:0; font-size:23px; line-height:1.3; letter-spacing:-.02em; }
.privacy-channel .section-heading p { margin:0; color:#59676d; font-size:14px; }
.privacy-channel .tool-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:24px 20px; }
.privacy-channel .tool-card { display:flex; flex-direction:column; min-width:0; border:1px solid #dce3df; border-radius:18px; background:#fff; color:inherit; text-decoration:none; box-shadow:0 4px 16px rgb(32 46 52 / 4%); transition:box-shadow 160ms ease,border-color 160ms ease; }




.privacy-channel .card-art { display:grid; place-items:center; padding:12px; border-radius:17px 17px 0 0; background:var(--art-bg); }
.privacy-channel .card-art img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; border-radius:9px; box-shadow:0 3px 8px rgb(32 46 52 / 10%); }
.privacy-channel .card-art.image-unavailable { aspect-ratio:4/3; }
.privacy-channel .card-art.image-unavailable::after { content:"Explore this tool"; color:#41534f; font-size:14px; }
.privacy-channel .card-art.image-unavailable img { display:none; }
.privacy-channel .tag { margin:17px 17px 8px; color:#59676d; font-size:10px; font-weight:650; letter-spacing:.08em; }
.privacy-channel .tool-card h3 { margin:0 17px 9px; font-size:18px; line-height:1.3; letter-spacing:-.025em; }
.privacy-channel .tool-card p { margin:0 17px 20px; color:#52616e; font-size:14px; line-height:1.6; }
.privacy-channel .tool-card b { margin:auto 17px 18px; padding-top:8px; color:#286457; font-size:14px; font-weight:650; }
.privacy-channel .about-section { padding:0 0 42px; }
.privacy-channel .about-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr); gap:36px; border-top:1px solid #dce3df; padding-top:26px; }
.privacy-channel .eyebrow { margin:0 0 8px; color:#59676d; font-size:11px; font-weight:650; letter-spacing:.08em; }
.privacy-channel .about-grid h2 { font-size:22px; }
.privacy-channel .about-grid p:not(.eyebrow) { margin:0 0 12px; color:#52616e; font-size:14px; }
.privacy-channel a:focus-visible { outline:3px solid #2867d8; outline-offset:4px; }
.privacy-channel .skip-link { position:fixed; top:8px; left:16px; z-index:200; padding:12px 18px; border:2px solid; border-radius:8px; background:#fff; color:#202e34; transform:translateY(-180%); }
.privacy-channel .skip-link:focus { transform:none; }
@media (hover:hover) and (pointer:fine) { .privacy-channel .tool-card:hover { border-color:#7faaa0; box-shadow:0 8px 24px rgb(32 46 52 / 10%); } }
@media (max-width:1199px) { .privacy-channel .tool-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:899px) { .privacy-channel .tool-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .privacy-channel .section-heading { flex-direction:column; gap:6px; } .privacy-channel .about-grid { grid-template-columns:1fr; gap:18px; } }
@media (max-width:599px) {
  .privacy-channel .shell { width:calc(100% - 28px); }
  .privacy-channel .nav-links > a:not(.nav-pill) { display:none; }
  .privacy-channel .hero { padding:22px 0 26px; }
  .privacy-channel .tool-grid { grid-template-columns:minmax(0,1fr); gap:18px; }
  .privacy-channel .tool-card h3 { font-size:20px; }
  .privacy-channel .tool-card p { font-size:15px; }
}
@media (prefers-reduced-motion:reduce) { .privacy-channel .tool-card { transition:none; } }


.privacy-channel .tool-card:nth-child(12n+1) { --art-bg:#dceee5; }
.privacy-channel .tool-card:nth-child(12n+2) { --art-bg:#e1ebf8; }
.privacy-channel .tool-card:nth-child(12n+3) { --art-bg:#fbe6d5; }
.privacy-channel .tool-card:nth-child(12n+4) { --art-bg:#ebe2f4; }
.privacy-channel .tool-card:nth-child(12n+5) { --art-bg:#fff0c9; }
.privacy-channel .tool-card:nth-child(12n+6) { --art-bg:#e2ecda; }
.privacy-channel .tool-card:nth-child(12n+7) { --art-bg:#f2dfe8; }
.privacy-channel .tool-card:nth-child(12n+8) { --art-bg:#dcecf0; }
.privacy-channel .tool-card:nth-child(12n+9) { --art-bg:#eee8da; }
.privacy-channel .tool-card:nth-child(12n+10) { --art-bg:#e0e3f4; }
.privacy-channel .tool-card:nth-child(12n+11) { --art-bg:#f5e2db; }
.privacy-channel .tool-card:nth-child(12n+12) { --art-bg:#e5efdf; }
.privacy-channel .tag { font-size:12px; letter-spacing:0; color:#366250; }
.privacy-channel .faq-section { padding-bottom:48px; }
.privacy-channel .faq-section h2 { margin-bottom:16px; }
.privacy-channel details { padding:16px 0; border-bottom:1px solid #dce3df; max-width:900px; }
.privacy-channel summary { cursor:pointer; font-weight:650; }
.privacy-channel details p { color:#52616e; max-width:78ch; margin-bottom:0; }
.privacy-channel summary:focus-visible { outline:3px solid #2867d8; outline-offset:4px; }
.privacy-channel .about-grid a { color:#286457; }