html{height: 100%; scroll-padding-top: calc(4.5rem - 1px);}body{width: 100%; min-height: 100%;}.page-section{padding: 2rem 0;}.text-white-75{color: rgba(255, 255, 255, 0.85) !important;}.btn-xl{padding: 1rem 1.75rem; font-size: 1.15rem; font-weight: 700; text-transform: none; border: none; border-radius: 0.65rem;}hr.divider{height: 0.2rem; max-width: 3.25rem; margin: 1.5rem auto; background-color: #f4623a; opacity: 1;}hr.divider-light{background-color: #fff;}

.public-nav{position:sticky;top:0;z-index:1030;background:#fff;border-bottom:1px solid #dce3e9;box-shadow:0 1px 0 rgba(20,39,59,.04)}
.public-nav-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.75rem;position:relative}
.public-nav-brand{display:inline-flex;align-items:center;gap:.55rem;color:#14273b;text-decoration:none;font-family:"Merriweather Sans",sans-serif;font-weight:750;font-size:1.05rem}
.public-nav-brand:hover,.public-nav-brand:focus-visible{color:#f4623a}
.public-nav-toggle,.public-nav-close{border:1px solid #d0d7de;background:#fff;border-radius:.5rem;padding:.45rem .7rem;line-height:1;color:#14273b}
.public-nav-toggle:focus-visible,.public-nav-close:focus-visible,.public-nav a:focus-visible,.btn:focus-visible,.form-control:focus-visible,.form-select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #dd9b26;outline-offset:2px}
.public-nav-backdrop{position:fixed;inset:0;z-index:1031;background:rgba(20,39,59,.45);border:0;padding:0;cursor:pointer}
.public-nav-menu{position:fixed;top:0;right:0;bottom:0;z-index:1032;width:min(18.5rem,86vw);background:#fff;box-shadow:-12px 0 32px rgba(20,39,59,.18);padding:1rem 1.1rem 1.5rem;transform:translateX(100%);transition:transform .25s ease;display:flex;flex-direction:column;gap:.75rem}
.public-nav.is-open .public-nav-menu{transform:translateX(0)}
.public-nav-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.75rem;border-bottom:1px solid #e4e9ed}
.public-nav-drawer-title{font-family:"Merriweather Sans",sans-serif;font-weight:700;color:#14273b}
.public-nav-list{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}
.public-nav-list a{display:block;padding:.85rem .75rem;color:#35485b;text-decoration:none;font-weight:650;font-family:"Merriweather Sans",sans-serif;font-size:1.05rem;border-radius:.55rem}
.public-nav-list a:hover,.public-nav-list a.is-active{color:#f4623a;background:#fff5f0}
.public-nav-lock{overflow:hidden}
@media(prefers-reduced-motion:reduce){.public-nav-menu{transition:none}}
@media(min-width:992px){
.public-nav-toggle,.public-nav-close,.public-nav-backdrop,.public-nav-drawer-head{display:none!important}
.public-nav-menu{position:static;width:auto;height:auto;box-shadow:none;padding:0;transform:none;background:transparent;display:block!important}
.public-nav-menu[hidden]{display:block!important}
.public-nav-list{display:flex;align-items:center;gap:.25rem}
.public-nav-list a{padding:.5rem .75rem;font-size:.95rem}
.public-nav-list a:hover,.public-nav-list a.is-active{background:transparent}
}

header.masthead{padding-top:7rem;padding-bottom:5rem;background:linear-gradient(to bottom, rgba(92, 77, 66, 0.78) 0%, rgba(92, 77, 66, 0.82) 100%), url("../assets/bad-bot-generator.webp");background-position:center;background-repeat:no-repeat;background-attachment:scroll;background-size:cover}
.public-hero-brand{font-family:"Merriweather Sans",sans-serif;font-weight:700;letter-spacing:.02em;font-size:1.15rem}
.public-hero-title{font-size:clamp(1.75rem,4vw,2.85rem);line-height:1.2;font-weight:700}
.public-hero-lead{font-size:1.05rem;max-width:36rem;margin-left:auto;margin-right:auto}
@media(min-width:992px){header.masthead{min-height:min(70vh,36rem);display:flex;align-items:center;padding-top:5rem;padding-bottom:5rem}}

.public-step-list{list-style:none;counter-reset:step;display:grid;gap:1.25rem;margin:0;padding:0;max-width:56rem;margin-inline:auto}
@media(min-width:768px){.public-step-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
.public-step-list>li{counter-increment:step;background:#fff;border:1px solid #dce3e9;border-radius:12px;padding:1.25rem 1.15rem;position:relative}
.public-step-list>li::before{content:counter(step);display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:999px;background:#f4623a;color:#fff;font-weight:700;font-size:.9rem;margin-bottom:.75rem}
.public-step-list p{margin:0;color:#3d4f5f}
.public-caveats ul{padding-left:1.15rem}
.public-details{border:1px solid #dce3e9;border-radius:10px;padding:.85rem 1rem;background:#fff}
.public-details summary{cursor:pointer;font-weight:700;font-family:"Merriweather Sans",sans-serif;color:#14273b}
.public-prose{max-width:48rem;margin:0 auto}
.public-prose h1{font-family:"Merriweather Sans",sans-serif;font-weight:750;margin-bottom:1rem}
.public-prose h2{font-family:"Merriweather Sans",sans-serif;font-size:1.25rem;margin-top:2rem;margin-bottom:.75rem}
.public-prose h3{font-size:1.05rem;margin-top:1.25rem}
.public-prose .lead{font-size:1.1rem;color:#3d4f5f}
.help-toc{background:#fff;border:1px solid #dce3e9;border-radius:12px;padding:1rem 1.15rem;margin:1.5rem 0 2rem}
.help-toc ul{margin:0;padding-left:1.15rem}
.help-toc ul ul{margin-top:.35rem;margin-bottom:.35rem}
.help-toc a{font-weight:600}
.public-prose .help-code{display:block;white-space:pre-wrap;word-break:break-word;background:#f3f5f7;border:1px solid #d8dee4;border-radius:8px;padding:.85rem 1rem;font-size:.875rem;margin:0.75rem 0 1rem;overflow:auto}
.public-prose .help-code code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#1b2834}
.public-legal{background:#f7f8fa;min-height:60vh}
.masthead .btn-outline-light{border-width:2px;font-weight:700}
.masthead .btn-outline-light:hover,.masthead .btn-outline-light:focus-visible{color:#14273b;background:#fff;border-color:#fff}
.public-page .site-footer,.public-home .site-footer,.public-generator .site-footer{margin-top:auto}

img.contentImage{box-shadow:0 0 20px 0 #c3c3c3;margin:1rem 0;border-radius:10px;max-width:100%;height:auto}
.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem 1.1rem}
.footer-nav a,.footer-meta,.footer-meta a{color:#fff!important;text-decoration:none}
.footer-nav a{border-bottom:1px dotted rgba(255,255,255,.7);font-weight:600}
.footer-nav a:hover,.footer-nav a:focus-visible,.footer-meta a:hover,.footer-meta a:focus-visible{border-bottom-color:transparent}
.footer-meta{font-size:.95rem;line-height:1.5}
.site-footer{background-color:#111!important}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}