@charset "utf-8";
.box{background:white;width:100%;max-width:800px;border-radius:20px;padding:25px;box-shadow:0 10px 30px rgba(0,0,0,0.1);}
        .tabs{display:flex;gap:5px;background:#e9ecef;padding:5px;border-radius:40px;margin-bottom:25px;}
        .tab{flex:1;padding:12px;border:none;background:transparent;border-radius:30px;font-size:1rem;cursor:pointer;}
        .tab.active{background:white;font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,0.04);}
        .panel{display:none;padding:15px 5px;}
        .panel.active{display:block;}
        .panel p{margin:15px 0;color:#333;line-height:1.6;}
        .list{background:#f8f9fa;border-radius:16px;padding:15px;list-style:none;}
        .list li{padding:8px 0;border-bottom:1px solid #dee2e6;}
        .list li:last-child{border:0;}
        .images{display:flex;gap:10px;flex-wrap:wrap;}
        .images img{width:calc(33.333% - 7px);aspect-ratio:1;object-fit:cover;border-radius:12px;}
        @media(max-width:500px){.images img{width:100%;}}
/* CSS Document */