
@media (max-width: 800px) {
	.nav-links { align-items: center; background: var(--surface); border-bottom: 1px solid var(--line); display: flex; flex-direction: column; left: 0; max-height: 0; opacity: 0; overflow: hidden; padding: 0 20px; pointer-events: none; position: absolute; right: 0; top: 76px; transform: translateY(-8px); transition: max-height .28s ease, opacity .22s ease, padding .28s ease, transform .28s ease, visibility .28s ease; visibility: hidden; }
	.nav-links.is-open { max-height: 520px; opacity: 1; padding: 20px; pointer-events: auto; transform: translateY(0); visibility: visible; }
	.nav-links > a { padding: 8px 0; }
	.nav-item-dropdown { width: 100px; }
	.nav-dropdown-toggle { justify-content: center; padding: 8px 0; position: relative; width: 100%; }
	.nav-dropdown-toggle::after { position: absolute; right: 5px; }
	.nav-dropdown { border: 0; box-shadow: none; max-height: 0; margin-left: -40px; min-width: 180px; overflow: hidden; padding: 0; position: static; text-align: center; transform: translateY(-5px); transition: max-height .22s ease, opacity .22s ease, padding .22s ease, transform .22s ease, visibility .22s ease; }
	.nav-item-dropdown.is-open .nav-dropdown { max-height: 180px; padding: 4px 0 8px; }
	.nav-dropdown a { white-space: nowrap; }
	.menu-toggle { display: block; }
	.hero { padding: 64px 0; }
	.hero-grid { gap: 40px; grid-template-columns: 1fr; }
	.section { padding: 60px 0; }
	.tool-grid { grid-template-columns: repeat(2, 1fr); }
	.footer-grid { grid-template-columns: 1fr 1fr; }
}

@media (prefers-reduced-motion: reduce) {
	.nav-links, .nav-dropdown, .back-to-top { transition: none; }
}
@media (max-width: 520px) {
	.nav-shell, .container { width: min(calc(100% - 28px), var(--max-width)); }
	h1 { font-size: 2.75rem; }
	.section-heading { align-items: start; flex-direction: column; gap: 12px; }
	.tool-grid, .trust-grid, .footer-grid { grid-template-columns: 1fr; }
	.hero-panel { padding: 18px; }
	.prose, .tool-workspace { padding: 22px; }
	.greeting-article-section h3 { font-size: 1.35rem; }
	.greeting-image-grid { grid-template-columns: 1fr; }
}
