/* Scoped layouts for existing website forms and product tools. */
.dl-web .dl-content :is(.auth-shell,.auth-card,.auth-story,.monitor-content,.dl-container,.status-shell,.container) { min-width: 0; }
.dl-web .dl-content :is(.dl-container,.monitor-content) { max-width: 100%; padding: 24px 0; margin: 0; }
.dl-web .dl-content .app-icon { width: 64px; height: 64px; object-fit: contain; margin-bottom: 20px; }
.dl-web .dl-content :is(.monitor-hero-icon img,.nav-brand img) { width: 48px; height: 48px; }
.dl-web .dl-content :is(.platforms,.monitor-stats,.stats,.features-grid,.cards-grid,.support-grid,.application-types) { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,240px),1fr)); gap: 20px; margin-block: 24px; }
.dl-web .dl-content :is(.plat-card,.monitor-stat-card,.monitor-section,.dl-card) { background: var(--web-surface); border: 1px solid var(--web-border); padding: 22px; border-radius: 8px; }
.dl-web .dl-content .plat-card { display: flex; flex-direction: column; gap: 12px; }
.dl-web .dl-content .plat-card :is(.btn,.btn-dl) { margin-top: auto; }
.dl-web .dl-content :is(.features,.feat-list) { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-block: 30px; }
.dl-web .dl-content .feat { display: flex; align-items: start; gap: 12px; border-bottom: 1px solid var(--web-border); padding-bottom: 18px; }
.dl-web .dl-content :is(.feat-check,.plat-icon,.icon) { width: 24px; height: 24px; flex-shrink: 0; }
.dl-web .dl-content :is(.plat-name,.feat-text strong) { display: block; color: var(--web-text); }
.dl-web .dl-content :is(.feat-text,.plat-note,.footer-note,.desc) { color: var(--web-muted); }
.dl-web .dl-content .section-label { font-size: .8rem; color: var(--web-muted); border-top: 1px solid var(--web-border); padding-top: 24px; margin-top: 24px; }
.dl-web .dl-content :is(.badges,.hero-actions,.header-actions,.cta-actions) { display: flex; flex-wrap: wrap; gap: 12px; margin-block: 20px; }
.dl-web .dl-content .btn-full { width: 100%; }
.dl-web .dl-content .plans { align-items: stretch; }
.dl-web .dl-content .plan { display: flex; flex-direction: column; align-items: start; }
.dl-web .dl-content .plan .btn-full { margin-top: auto; }
.dl-web .dl-content :is(.pricing-plan-saving,.pricing-plan-trial,.pricing-plan-availability,.pricing-server-field) { margin-bottom: 12px; font-size: .85rem; }
.dl-web .dl-content :is(.pricing-server-field,.pricing-server-field select) { width: 100%; }
.dl-web .dl-content :is(.faq,.faq-grid) { display: grid; grid-template-columns: 1fr; gap: 0; }
.dl-web .dl-content :is(.faq-item,.support-card,.resource-card) { padding: 24px 0; border: 0; border-top: 1px solid var(--web-border); background: transparent; border-radius: 0; }
.dl-web .dl-content :is(.legal-content,.legal-container,.policy-content) { max-width: 820px; margin-inline: auto; }
.dl-web .dl-content :is(.legal-content,.legal-container,.policy-content) h2 { font-size: 1.4rem; margin-block: 30px 16px; }
.dl-web .dl-content :is(.legal-content,.legal-container,.policy-content) p { margin-block: 14px; }
.dl-web .dl-content :is(.content-grid,.docs-layout,.application-layout) { display: grid; grid-template-columns: 230px 1fr; gap: 36px; }
.dl-web .dl-content :is(.docs-nav,.toc,.legal-toc) { position: sticky; top: 24px; align-self: start; display: grid; gap: 10px; font-size: .875rem; }
.dl-web .dl-content :is(.docs-content,.documentation-content) section { padding-block: 26px; border-top: 1px solid var(--web-border); }
.dl-web .dl-content .docs-content h2 { font-size: 1.6rem; }
.dl-web .dl-content .server-showcase-form, .dl-web .dl-content .application-form { max-width: 820px; }
.dl-web .dl-content :is(.form-msg,.form-status):empty { display: none; }
.dl-web .dl-content :is(.form-msg,.form-status) { padding: 14px; margin-block: 16px; border: 1px solid var(--web-border); border-radius: 6px; }
.dl-web .dl-content .input-wrap { display: block; }
.dl-web .dl-content .input-wrap > svg { display: none; }
.dl-web .dl-content .pass-toggle { position: absolute; right: 8px; top: 4px; width: 36px; height: 36px; min-height: 36px !important; padding: 8px !important; border: 0 !important; background: transparent !important; }
.dl-web .dl-content .pass-toggle svg { width: 20px; height: 20px; }
.dl-web .dl-content .auth-card .btn { width: 100%; margin-block: 5px; }
.dl-web .dl-content .is-hidden { display: none !important; }
.dl-web .dl-content .alert:not(.is-visible):empty { display: none; }
.dl-web .dl-content .auth-story :is(.story-points,.story-proof,.auth-proof,.story-footer,.auth-points) { display: none; }
.dl-web .dl-content .auth-story h1 { max-width: 12ch; font-size: 2.6rem; }
.dl-web .dl-content .auth-card { padding: 30px; }
.dl-web .dl-content .auth-story p { max-width: 40ch; }
.dl-web .dl-content :is(.auth-logo,.auth-brand,.brand-mark) { display: none; }
.dl-web .dl-content .main-content { min-width: 0; }
body.dl-web.dashboard-page { overflow-y: auto; height: auto; }
.dl-web.dashboard-page .dashboard-layout { min-height: 720px; display: grid; grid-template-columns: 205px minmax(0,1fr); gap: 26px; height: auto; background: var(--web-bg); }
.dl-web.dashboard-page .sidebar { position: static; width: auto; height: auto; padding: 0; background: var(--web-bg); border-right: 1px solid var(--web-border); overflow: visible; }
.dl-web.dashboard-page .sidebar-header { display: none; }
.dl-web.dashboard-page .sidebar-footer { position: static; }
.dl-web.dashboard-page .main-content { margin-left: 0; width: 100%; padding: 0; height: auto; overflow: visible; }
.dl-web.dashboard-page .topbar { position: static; background: var(--web-bg); padding-inline: 0; }
.dl-web.dashboard-page :is(.stat-card,.settings-card,.security-card,.profile-card,.app-card,.dashboard-card) { background: var(--web-surface); border: 1px solid var(--web-border); border-radius: 8px; }
.dl-web.dashboard-page .nav-item { background: transparent; color: var(--web-muted); border-color: transparent; padding: 9px; width: calc(100% - 14px); text-align: left; }
.dl-web.dashboard-page .nav-item.active { color: var(--web-accent); border-color: var(--web-border); background: var(--web-raised); }
.dl-web.dashboard-page :is(.welcome-banner,.welcome-section) { background: var(--web-surface); border: 1px solid var(--web-border); border-radius: 8px; padding: 28px; }
.dl-web.dashboard-page :is(.welcome-banner,.welcome-section) h1 { font-size: 2rem; }
.dl-web .dl-content :is(.modal,.modal-overlay) { z-index: 200; }
.dl-web .dl-content .modal-content { background: var(--web-surface); color: var(--web-text); border-color: var(--web-control); border-radius: 8px; }
.dl-web .dl-community-list { display: grid; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); gap: 20px; margin-top: 25px; }
.dl-web .dl-community-list img { width: 48px; height: 48px; object-fit: cover; border-radius: 6px; }
.dl-web .dl-community-list .community-card { border: 1px solid var(--web-border); padding: 22px; border-radius: 8px; background: var(--web-surface); }
.dl-web .dl-content .live-dot { box-shadow: none; animation: none; }
@media (max-width: 800px) {
  .dl-web .dl-content :is(.features,.content-grid,.docs-layout,.application-layout) { grid-template-columns: 1fr; gap: 24px; }
  .dl-web .dl-content :is(.docs-nav,.toc,.legal-toc) { position: static; }
  .dl-web.dashboard-page .dashboard-layout { grid-template-columns: 1fr; gap: 18px; }
  .dl-web.dashboard-page .sidebar { transform: none; position: static; width: 100%; display: block; border-right: 0; border-bottom: 1px solid var(--web-border); }
  .dl-web.dashboard-page .sidebar-nav { display: flex; overflow-x: auto; gap: 8px; padding-bottom: 12px; }
  .dl-web.dashboard-page .sidebar-nav .nav-section { display: flex; gap: 8px; margin: 0; }
  .dl-web.dashboard-page .nav-section-title, .dl-web.dashboard-page .sidebar-footer { display: none; }
  .dl-web.dashboard-page .nav-item { width: auto; flex-shrink: 0; white-space: nowrap; }
  .dl-web.dashboard-page .nav-item svg { width: 18px; height: 18px; }
  .dl-web.dashboard-page .main-content { margin: 0; }
  .dl-web.dashboard-page :is(.settings-grid,.profile-layout,.form-grid,.account-grid) { grid-template-columns: 1fr; }
}
body.dl-web { display: block; align-items: initial; justify-content: initial; padding: 0; width: 100%; --radius-xl: 8px; --radius-lg: 8px; --radius-md: 6px; }
body.dl-web::before, body.dl-web::after, .dl-web :is(.aurora,.aurora-a,.aurora-b) { display: none !important; }
.dl-web *, .dl-web *::before, .dl-web *::after { mask-image: none !important; }
.dl-web .dl-content .shell { width: 100%; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 60px; margin-block: 30px; padding: 0; background: transparent; border: 0; border-radius: 0; overflow: visible; }
.dl-web .dl-content .login-intro { padding: 24px 0; background: transparent; border: 0; }
.dl-web .dl-content .login-intro .brand { display: none; }
.dl-web .dl-content .login-intro h1 { font-size: 2.7rem; }
.dl-web .dl-content .login-intro .tag { color: var(--web-accent); margin-bottom: 22px; }
.dl-web .dl-content .auth { padding: 30px; border: 1px solid var(--web-border); border-radius: 8px; background: var(--web-surface); }
.dl-web .dl-content .auth .btn { width: 100%; }
.dl-web .dl-content button.btn-primary { background: var(--web-action); color: #fff; border-color: var(--web-action); }
.dl-web[data-brand="ridgeline"] .dl-content button.btn-primary { color: var(--web-bg); }
.dl-web .dl-content :is(.auth,.login-intro) .hero-list { margin-top: 24px; }
.dl-web .dl-content :is(.auth,.login-intro) .hero-item { margin-top: 12px; }
.dl-web .dl-content .hero-footer { margin-top: 28px; }
@media(max-width:800px) { .dl-web .dl-content .shell { grid-template-columns: 1fr; gap: 20px; margin-block: 12px; } .dl-web .dl-content .login-intro { padding: 0; } .dl-web .dl-content .login-intro h1 { font-size: 2rem; } .dl-web .dl-content .login-intro :is(.hero-list,.hero-footer) { display: none; } .dl-web .dl-content .auth { padding: 22px; } }
.dl-web .dl-content :is(h1,h2,h3,h4) { -webkit-text-fill-color: currentColor; color: var(--web-text); }
.dl-web .dl-content :is(.stats-grid,.filter-tabs,.platforms,.dl-btn,.download-actions,.plat-btns,.history-tabs) { min-width: 0; max-width: 100%; }
.dl-web .dl-content :is(.filter-tabs,.download-actions,.plat-btns,.history-tabs) { flex-wrap: wrap; }
.dl-web .dl-content :is(.dl-btn,.ios-btn) { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 10px 14px; border: 1px solid var(--web-control); border-radius: 6px; color: var(--web-text); background: var(--web-surface); white-space: normal; text-align: center; }
.dl-web .dl-content .dl-btn.primary { background: var(--web-action); border-color: var(--web-action); color: #fff; }
@media(max-width:800px){ .dl-web .dl-content :is(.platforms,.stats-grid,.monitor-stats,.services-grid,.health-grid) { grid-template-columns: 1fr; } .dl-web .dl-content :is(.plat-card,.stat,.service-card) { min-width: 0; } .dl-web .dl-content .filter-tab { flex: 1 1 120px; } }

/* Existing translations remain available; newly written English content is the fallback. */
.dl-web .language-slot{position:relative}.dl-web .language-menu{position:absolute;bottom:100%;left:0;z-index:100;background:var(--web-surface);border:1px solid var(--web-control);padding:8px;min-width:180px}.dl-web .language-menu[hidden]{display:none}.dl-web .language-option{display:flex;width:100%;justify-content:space-between;gap:24px}.dl-web .language-trigger{display:flex;gap:8px;align-items:center}.dl-web .language-trigger svg{width:18px;height:18px}
.dl-web .dl-content :is(.download-card,.feature-card,.features-grid .card){background:transparent;border:0;border-bottom:1px solid var(--web-border);border-radius:0;box-shadow:none}
.dl-web .dl-content :is(.download-grid,.features-grid){grid-template-columns:1fr}
.dl-web .dl-content :is(pre,code){overflow-wrap:anywhere;white-space:pre-wrap;max-width:100%}
.dl-web .dl-content .swatch{min-width:32px;min-height:32px;padding:0}
@media(max-width:850px){.dl-web .dl-content .platforms{grid-template-columns:1fr!important}.dl-web .dl-content .platforms>*{min-width:0}}
.dl-web .dl-content .pass-toggle{top:6px;transform:none}
.dl-web .dl-content .legend{flex-wrap:wrap}
.dl-web .dl-content .legend span{white-space:normal;overflow-wrap:anywhere}
.dl-web .dl-content .app-icon{filter:none}
.dl-web .dl-content .dl-meta{opacity:1}
.dl-web .dl-content .history-legend{display:flex;flex-wrap:wrap;gap:10px 18px}
.dl-web .dl-content .history-legend span{white-space:normal;min-width:0;width:auto;font-size:12px}
.dl-web .dl-rows{display:grid;margin-top:28px}
.dl-web .dl-row{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;border-bottom:1px solid var(--web-border)}
.dl-web .dl-row p{margin-top:8px}
.dl-web .dl-row a{flex-shrink:0}
.dl-web[data-website-page="darklock-views-download-page-html"] .dl-section-heading,.dl-web[data-website-page="darklock-views-darklock-notes-download-html"] .dl-section-heading{display:block}
.dl-web .dl-section-heading>.dl-overline+h2{margin-top:12px}
@media(max-width:600px){.dl-web .dl-row{display:block}.dl-web .dl-row a{display:inline-block;margin-top:16px}}

/* Reserve live-result regions so network updates do not move the surrounding content. */
.dl-web .dl-content .page-header{padding:32px 0!important}
.dl-web[data-website-page="src-dashboard-views-site-updates-html"] #appGrid{min-height:340px}
.dl-web[data-website-page="src-dashboard-views-site-updates-html"] #historyList{min-height:180px}
.dl-web[data-website-page="darklock-views-status-html"] .hero-title{min-height:2.2em}
.dl-web[data-website-page="darklock-views-status-html"] .hero-sub{min-height:3.3em}
.dl-web[data-website-page="darklock-views-status-html"] .stat .sub{min-height:3.3em}
/* Bind retained public-form styling to the website palette. */
body.dl-web{--dl-page:var(--web-bg);--dl-surface:var(--web-surface);--dl-surface-2:var(--web-raised);--dl-nav:var(--web-bg);--dl-hover:var(--web-raised);--dl-text:var(--web-text);--dl-muted:var(--web-muted);--dl-accent:var(--web-accent);--dl-accent-2:var(--web-accent);--dl-border:var(--web-border);--dl-input:var(--web-bg)}
.dl-web .dl-content :is(.btn-primary,button[type="submit"]:not(.btn-danger)){background:var(--web-action)!important;border-color:var(--web-action)!important;color:#fff!important}
.dl-web .dl-content :is(.btn-primary,button[type="submit"]:not(.btn-danger)):hover{background:var(--web-action)!important;filter:brightness(1.12)}
.dl-web[data-brand="ridgeline"] .dl-content :is(.btn-primary,button[type="submit"]:not(.btn-danger)){color:#090a0b!important}
.dl-web .dl-content :is(input,select,textarea){border-color:var(--web-control)!important}
.dl-web .cmp th small{display:block;font-size:13px;font-weight:400;color:var(--web-muted);margin-top:4px}