با استفاده از HTML و CSS یک رابط کاربری ساده بسازید که شامل تب‌هایی برای جابجایی بین محتوا و یک آکوردئون برای نمایش/پنهان کردن بخش‌های اضافی باشد، به طوری که تمام تعاملات بدون جاوااسکریپت انجام شود.

برای حل این سوال از HTML5 و CSS3 استفاده کنید؛ برای تب‌ها می‌توانید از input[type="radio"] همراه با برچسب‌ها (label) و سلکتور :checked برای نمایش محتوای مرتبط بهره ببرید و برای آکوردئون از جزئیات آماده مثل عناصر details/summary یا input[type="checkbox"] با سلکتورهای مجاور استفاده کنید. از انتقال‌های CSS (transition) برای هموارسازی باز/بستن، از overflow:hidden و max-height یا تغییر opacity/transform برای انیمیشن‌های روان، و از استایل‌های focus و صفات ARIA (در صورت امکان) برای بهبود دسترسی استفاده کنید؛ نکته‌های عملی: از متغیرهای CSS برای رنگ‌ها استفاده کنید و طرح را واکنش‌گرا کنید تا در موبایل هم خوانا باشد.